@charset "utf-8";


/* HEADER
------------------------------------------------------------*/
.header {
	width: 100%;
	height: 310px;
	z-index: 9999;
	overflow: hidden;
	border-top: solid 8px #000;
	border-bottom: solid 2px #000;
}
.lowdir .header {
	width: 100%;
	height: 90px;
	margin-top: -90px;
	z-index: 9999;
}


#mainwrap {
	margin: -56px 0 0;
	background: #000;;
}
.main-visual {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.glogo {
	width: 100%;
	height: 240px;
	z-index: 2;
	text-align: center;
}
.glogo img {
	padding-top: 20px;
	width: 200px;
	height: auto;
}
.toptel {
	position: absolute;
	bottom: 80px;
	right: 40px;
	z-index: 2;
	display: inline-block;
}
.toptel p {
	padding: 0 3% 1% 3%;
	font-size: 0.9em;
	color: #fff;
	text-align: left;
	line-height: 1.3em;
	white-space: nowrap;
	word-break: keep-all;
}
.toptel div.tel {
	padding: 0 3%;
	font-size: 1.5em;
	color: #fff;
	font-weight: 500;
	text-align: right;
}
.toptel div.tel a {
	color: #fff;
	text-decoration: none;
}

.toptel img {
	float: right;
	width: 480px;
	height: auto;
}

.slogo,
.menubtnbox,
.menu {
	display: none;
	overflow: hidden;
}


.bordbox {
	position: fixed;
	top: -6px;
	right: 10px;
	width: 210px;
	height: 96px;
	height: auto;
	z-index: 2222;
	text-align: center;
	background: #000 url(../img/bg_bord.png);
	border: solid 2px #666;
}
.bordbox div {
	line-height: 40px;
	border-top: dotted 1px #666;
}
.bordbox div.bordsub {
	line-height: 30px;
	padding: 4px 0 0 !important;
	border-top: none;
}
.bordbox div img {
}
.bd1 {
	width: 100%;
	padding: 4px 0 0 !important;
	display: block;
	border-top: none;
}
.bd2,
.bd3,
.bd4,
.bd5 {
	padding: 4px 0 0 !important;
}


/* 全体
------------------------------------------------------------*/
.wrapper {
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
	/* background: #000 url(../images/bg01.jpg) repeat center top;*/
}
.lowdir .wrapper {
	padding-top: 180px;
	background: #fff;
}
.ctgcreative .wrapper {
	background: #000;
}

.pgancbox {
	padding: 50px 0 0 0;
	margin: -50px 0 0 0;
}
.box {
	width: 1000px;
	margin: 0 auto;
}
.widebox {
	width: 100%;
	margin: 0;
}
.imgbox {
	overflow: hidden;
	width: 100%;
	clear: both;
	text-align: center;
}
.imgbox img {
	border: 0;
}
.wideimg {
	width: 100%;
	height: 220px;
	z-index: 10;
	overflow:hidden;
}
.wideimg img {
	width: 100%;
	height: auto;
}

.textbox {
	font-size: 1.0em;
	color: #111;
	text-align: left;
	line-height: 1.8em;
}
ul.listtxt {
	padding: 0 0 0 16px;
	text-align: left;
	line-height: 1.4em;
	text-indent: -16px;
}
ul.listtxt li {
	padding: 0 0 14px;
	font-size: 1.0em;
	color: #111;
}

.widecolumn {
	float: left;
	width: 750px;
	padding: 0;
}
.sidecolumn {
	float: right;
	width: 210px;
	padding: 0;
}


.clmark {
	transition: 1.2s;
	width: 100%;
	margin: 60px auto 70px;
	text-align: center;
}
.clmark img {
	width: 26px;
	height: auto;
}


/* global-nav
------------------------------------------------------------*/

#mNavibox {
	padding: 0;
	border-top: solid 8px #000;
	border-bottom: solid 2px #000;
}
.nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.mnv {
	position: relative;
	display: table-cell;
	width: 23.5%;
	height: 30px;
	text-align: center;
	vertical-align: middle;
}

.mnavi a {
	display: block;
	padding: 15px 2px 15px 5px;
	text-decoration: none;
	font-size: 16px;
	color: #111;
	font-weight: bold;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	border-radius: 12px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	text-align: center;
}
.mnavi a:hover {
	color: #fff;
	background: #d3bb9f;
}
#mNavi {
	float: left;
	width: 100%;
}
#mNavi.fixed,
#pgnavi.fixed {
	position: fixed;
	width: 100%;
	padding: 18px 0;
	top: 0;
	left: 0px;
	z-index: 9999;
	background: #f1ece6 url(../img/bg.png);
}

#hNavibox {
	position: fixed;
	height: 135px;
	top: -160px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	text-align: center;
}
.lowdir #hNavibox {
	position: fixed;
	top: -10px;
	left: 0;
	z-index: 1111;
	width: 100%;
	background: #f1ece6 url(../img/bg.png);
	border-bottom: solid 2px #000;
}
#hNavibox.onhnv {
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 1111;
	width: 100%;
	background: #f1ece6 url(../img/bg.png);
	border-top: solid 8px #000;
	border-bottom: solid 2px #000;
}
.lowdir #hNavibox,
.lowdir #hNavibox.onhnv {
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 1111;
	width: 100%;
	background: #f1ece6 url(../img/bg.png);
	border-top: solid 8px #000;
	border-bottom: solid 2px #000;
}

#hNavibox .hlogo {
	width: 100%;
	padding: 6px 0 5px;
	text-align: center;
}
#hNavibox .hlogo img {
	width: 180px;
	height: auto;
}
#hNavibox #mNavi {
	padding: 0;
}
#hNavibox #mNavi .mnavi a {
	padding: 6px 2px 6px 5px;
}




/* move contents
---------------------------------------------------- */

.mvitem{
	/* opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px); */
}
.mvct {
	opacity: 1.0 !important;
	transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
}


/* imgzoom
---------------------------------------------------- */

.imgzoom,
.imgzoom2 {
	overflow: hidden;
}
.imgzoom img {
	display: block;
	width: 100%;
	height: auto;
	transition-duration: 1.0s;
	overflow: hidden;
}
.imgzoom img:hover {
	transform: scale(1.06);
	transition-duration: 1.0s;
}
.imgzoom2 img.backimg {
	display: block;
	width: 100%;
	height: auto;
	transition-duration: 1.0s;
	overflow: hidden;
}
.imgzoom2 img.backimg:hover {
	transform: scale(1.06);
	transition-duration: 1.0s;
}

/**************************
/* グリッド
**************************/


.gridWrapper {
	display: block;
	width: 100%;
}
* html .gridWrapper{height:1%;}

.grid {
	float:left;
}
.rgrid {
	margin-left: 5%;
}


/*************
/* タイトル
*************/

h1.csub {
	position: relative;
	display: inline-block;
	font-size: 1.6em;
	color: #222;
	padding: 10px 26px 8px;
	border: 3px solid #222;
	background-color: #fefe00;
	letter-spacing: 0.1em;
	text-align: center;
		-webkit-box-shadow: 6px 6px #222;
		-moz-box-shadow: 6px 6px #222;
	box-shadow: 6px 6px #222;
}
h1.csub img {
	height: 100px;
	width: auto;
}
h1.csub2 {
	margin: 0 0 40px;
	padding: 5px 50px 30px 78px;
	font-size: 1.8em;
	color: #111;
	line-height: 1.0em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	text-indent: -30px;
}
h1.csub2 img {
	margin: 0 10px 6px 0;
	vertical-align: middle;
}
h1.csub3 {
	width: 100%;
	padding: 4px 0 20px;
	font-size: 1.7em;
	color: #111;
}
h1.csub3 img {
	height: 40px;
	width: auto;
	padding: 0 0 0 40px;
}
h1.csub4 {
	width: 100%;
	padding: 4px 0 20px;
	font-size: 1.7em;
	color: #111;
	text-align: center;
}
h1.csub4 img {
	height: 40px;
	width: auto;
}
h1.csub5 {
	margin: 0 0 20px;
	padding: 4px 0 20px;
	font-size: 1.8em;
	color: #111;
	line-height: 1.0em;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}
h1.csub5 img {
	height: 40px;
	width: auto;
}
h1.csub6 {
	margin: 0 0 10px;
	padding: 5px 50px 5px 78px;
	font-size: 1.8em;
	color: #111;
	line-height: 1.0em;
	text-align: left;
	text-indent: -30px;
}
h1.csub6 span {
	font-size: 0.8em;
	color: #111;
	line-height: 1.0em;
}
h1.csub7 {
	margin: 0 0 10px;
	padding: 5px 50px 5px 48px;
	font-size: 1.8em;
	color: #111;
	line-height: 1.2em;
	text-align: left;
}
.icsub01 {
	width: 100%;
	padding: 0 0 0 30px;
	font-size: 1.8em;
	color: #111;
	text-align: left;
	text-indent: -30px;
}
.icsub01 img {
	margin: 0 10px 8px 0;
	vertical-align: middle;
}
.bodersub {
	width: 40%;
	margin: 0 0 20px;
	padding: 10px;
	font-size: 1.1em;
	color: #111;
	text-align: center;
	border: 1px solid #ccc;
}
.bodersub img {
	margin: 0 10px 8px 0;
	vertical-align: middle;
}

/*************
ボタン
*************/


.btnbox {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.btnLink {
	margin: 0 auto;
	padding: 14px 20px;
	font-size: 1.0em;
	color: #111 !important;
	background: #fff;
	border: 1px solid #111;
	letter-spacing: 0.1em;
	text-align: center;
	overflow: hidden;
	background: url(../images/icon_arrows.png) no-repeat right 10px center;
	background-size: 30px 8px;
}
.btnLink span {
	padding: 0 10% 0 0;
}

.btn01 {
	position: relative;
	display: inline-block;
	font-size: 1.9em;
	color: #222;
	text-decoration: none;
	padding: 16px 26px 14px 36px;
	transition: .4s;
	border: 3px solid #222;
	background-color: #fff;
	letter-spacing: 0.2em;
	text-align: center;
		-webkit-box-shadow: 6px 6px #222;
		-moz-box-shadow: 6px 6px #222;
	box-shadow: 6px 6px #222;
}
.btn01:hover {
	background-color: #222;
	border-color: #222;
	color: #fff;
}


.btn02 {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 1.0em;
	color: #222;
	text-decoration: none;
	padding: 4px 16px 3px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	text-align: center;
	border: 3px solid #222;
	background-color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
}
.btn02::after {
	position: absolute;
	top: 35%;
	right: .4em;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
		-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	text-align: center;
}
.btn02:hover {
	color: #fff;
	background: #222;
}
.btn02:hover::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.btn03 {
	display: block;
	width: 100%;
	padding: 5px 0;
	background: #fff;
	border: 1px solid #ab4a64;
	text-align: center;
}
.btn03 a {
	display: block;
	width: 100%;
	height: auto;
}
.btn03:hover {
	background: #c68992;
}


/*************
ホバーエフェクト
*************/

.imgcapt figure,
.slick-slide figure {
	position: relative !important;
	overflow: hidden;
}
.slick-slide figcaption {
	position: absolute !important;
	top: 0;
	left: 2%;
	z-index: 2;
	width: 98%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
	opacity: 0;
}
.imgcapt figcaption,
.imgcapt:first-child figcaption,
.slick-slide:first-child figcaption {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
	opacity: 0;
}
.imgcapt figcaption h3,
.slick-slide figcaption h3 {
	width: 100%;
	padding-top: 70%;
		-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
	line-height: 1;
	text-align: center;
}
.pgindex #cont07 .imgcapt figcaption h3 {
	padding-top: 70%;
}
.imgcapt figure:hover figcaption,
.slick-slide figure:hover figcaption {
		filter:alpha(opacity=1);
		-moz-opacity: 1;
	opacity: 1;
}
figcaption h3 span {
	padding-left: 26px;
	background: url(../img/vmore.png) no-repeat left center;
	background-size: 20px 20px;
}



/*************
メイン コンテンツ
*************/
section.content{
	margin-bottom:20px;
	font-size:14px;
	overflow:hidden;
}
* html section.content{height:1%;}




input[type="text"], input[type="password"], textarea, select {
	border: 1px solid #ccc;
	margin: 0px;
	background: none repeat scroll 0% 0% #f9f9f9);
}
select, input, textarea, button {
	font: 99% arial,helvetica,clean,sans-serif;
}
.required_asterisk {
	color: #eb1c30;
	margin-left: 3px;
}
.ipt01 {
	width: 60%;
	padding: 5px;
	border: 1px solid #ccc;
}
.ipt02 {
	width: 90%;
	padding: 5px;
	border: 1px solid #ccc;
}
.ipt03 {
	width: 40%;
	padding: 5px;
	border: 1px solid #ccc;
}
.ipt04 {
	width: 10%;
	padding: 5px;
	border: 1px solid #ccc;
}
.ipt05 {
	width:400px;
	padding:5px;
	border:1px solid #ccc;
}
.sel01 {
	padding:5px;
}

.ime_on {
	ime-mode:active;
}
.ime_off {
	ime-mode:disabled;
}
.recformbox .rectable td {
	line-height: 2.2em;
}
.optgroup {
	font-style: normal;
}
.hissu {
	vertical-align: middle;
	margin: 0 0 2px 8px;
	color: #cc0000;
}

.button {
	font-size: 13px;
	color: #333333;
	padding: 10px 30px;
	background: -moz-linear-gradient( top, #ffffff 0%, #ffffff 50%, #d6d6d6);
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#d6d6d6));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #999;
	cursor: pointer;
}
.button:hover {
	border: 3px solid #333;
}


.box-shadow {
	box-shadow: 4px 4px 9px rgba(0,0,0,.8)
}
.drop-shadow {
	-webkit-filter: drop-shadow(4px 4px 9px rgba(0,0,0,.6));
        filter: drop-shadow(4px 4px 9px rgba(0,0,0,.6));
}


/* ==================================================
   aboutbox 完全版（PC3列 / スマホ縦並び）
   既存float・grid系CSSを強制上書き
================================================== */

/* 全体 */
#aboutbox {
	overflow: hidden;
	padding: 0;
	background: #f1ece6 url(../img/bg.png);
}

#aboutbox .box {
	padding: 40px 20px;
}

/* ----------------------------------
   PC表示
---------------------------------- */

#aboutbox .ct05box {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 24px !important;
	width: 100%;
}

/* 古いfloat解除 */
#aboutbox .ct05box .grid,
#aboutbox .ct05box .rgrid,
#aboutbox .ct05box iframe {
	float: none !important;
	clear: none !important;
}

/* 左：バナー */
#aboutbox .ct05box .grid {
	width: 200px !important;
	flex: 0 0 200px !important;
	max-width: 200px !important;
}

/* バナーリスト */
#aboutbox .bnrlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

#aboutbox .bnrlist li {
	margin: 0 0 10px 0;
	padding: 0;
}

#aboutbox .bnrlist li img {
	width: 200px !important;
	height: auto !important;
	display: block;
}

/* 中央：カレンダー */
#aboutbox .calendarbox {
	flex: 1 1 0 !important;
	width: auto !important;
	max-width: none !important;
	height: 400px !important;
	border: solid 1px #777 !important;
	background: #fff;
	box-sizing: border-box;
}

/* iframe全般（誤差対策） */
#aboutbox .ct05box iframe {
	box-sizing: border-box;
}

/* 右：住所 */
#aboutbox .rgrid {
	flex: 1 1 0 !important;
	width: auto !important;
	max-width: none !important;
	font-size: 15px;
	line-height: 1.8;
	color: #333;
	text-align: left;
	word-break: break-word;
}

/* リンク */
#aboutbox a {
	color: #0066cc;
	text-decoration: none;
}

#aboutbox a:hover {
	text-decoration: underline;
}

/* ----------------------------------
   スマホ表示
---------------------------------- */

@media screen and (max-width: 768px) {

	#aboutbox .box {
		padding: 20px 15px;
	}

	#aboutbox .ct05box {
		display: block !important;
		width: 100% !important;
	}

	/* 全要素を縦積み */
	#aboutbox .ct05box .grid,
	#aboutbox .ct05box .calendarbox,
	#aboutbox .ct05box .rgrid,
	#aboutbox .ct05box iframe {
		display: block !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 20px 0 !important;
	}

	/* バナー中央寄せ */
	#aboutbox .ct05box .grid {
		text-align: center;
	}

	#aboutbox .bnrlist li img {
		width: 200px !important;
		max-width: 100%;
		margin: 0 auto;
	}

	/* カレンダー見やすく */
	#aboutbox .calendarbox,
	#aboutbox .ct05box iframe {
		height: 500px !important;
	}

	/* 住所欄 */
	#aboutbox .rgrid {
		font-size: 14px !important;
		line-height: 1.8 !important;
		text-align: center !important;
		padding: 0 10px;
	}
}

/* ----------------------------------
   極小スマホ
---------------------------------- */

@media screen and (max-width: 480px) {

	#aboutbox .calendarbox,
	#aboutbox .ct05box iframe {
		height: 420px !important;
	}

	#aboutbox .rgrid {
		font-size: 13px !important;
	}
}

/* バナー画像 */
#aboutbox .box .ct05box .grid .bnrlist li {
	display: block;
	margin: 0 0 8px;
}

#aboutbox .box .ct05box .grid .bnrlist li img {
	max-width: 100%;
	height: auto;
	display: block;
}


/* pagetop
------------------------------------------------------------*/

#pageTop {
	width: 100%;
	padding: 0 0 20px;
	text-align: center;
}
.ctgcreative #pageTop {
	background: #000;
}
#pageTop a {
	margin: 0 auto;
}



/* FOOTER
------------------------------------------------------------*/

.footer {
	width: 100%;
}
.footer .copyright {
	width: 100%;
	padding: 18px 0 0;
	font-size: 0.9em;
	color: #333;
	letter-spacing: 0.1em;
	text-align: center;
}
.footer .flogo {
	width: 100%;
	padding: 2px 0 10px;
	text-align: center;
}
.footer .flogo img {
	width: 220px;
}


/* ------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (max-width: 1024px){
/* ------------------------------------------------------------------------------------------------------------------------ */

.box {
	width: 94%;
	margin: 0 3%;
	padding: 0;
}


.bodersub {
	width: 60%;
}


#mainwrap,
.lowdir #mainwrap {
	margin: 0;
	padding-top: 0px;
	background: #000;;
}
.main-visual,
.lowdir .pgmainimg {
	padding: 0;
}
.text-images {
	position: absolute;
	top: 25%;
	left: 10%;
	width: 80%;
}
.text-images img {
	width: 60%;
	max-width: 360px;
}


}

@media only screen and (max-width: 767px){
/* ------------------------------------------------------------------------------------------------------------------------ */


.header,
.header.fixed,
.lowdir .header {
	position: fixed;
	width: 100%;
	top: 0px;
	height: 80px;
	background: #f1ece6 url(../img/bg.png);
}
.lowdir .header {
	margin-top: 0px;
}
.header .box {
	display: none;
}
.slogo {
	position: absolute;
	display: block;
	top: 10px;
	left: 50%;
	margin-left: -70px;
	z-index: 2;
}
.slogo img {
	width: 140px;
	height: auto;
}


.menubtnbox {
	display: block;
	position: fixed;
	top: 15px;
	right: 8px;
	width: 55px;
	padding: 8px 0;
	background: #111;
}
.menu-btn {
	width: 37px;
	height: 37px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	z-index: 111;
	background: url(../img/smpnvbtn.png) no-repeat;
	background-size: 37px 37px;
}
.open .menu-btn {
	background: url(../img/smpnvbtn_on.png) no-repeat;
	background-size: 37px 37px;
	cursor: default;
}
.menu {
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
		-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
	opacity: 0;
	z-index: 11111;
}
.menu ul {
	display: table-cell;
	vertical-align: top;
	padding-top: 40px;
}
.menu li {
	width: 60%;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
.menu li.gnv03 {
	display: block;
	width: 100%;
	height: auto;
	line-height: auto;
	padding: 10px 0 0;
	font-size: 18px;
	color: #999;
}
.menu li.gnv a {
	display: block;
	font-size: 18px;
	color: #fff;
	border-bottom: solid 1px #666;
}
.menu li.gnv a:hover {
	color: #999;
}
.menu li.gnv03 ul {
	display: table;
	width: 320px;
	margin: 0 auto;
	padding: 0 0 10px;
}
.menu li.gnv03 ul li {
	display: table-cell;
	width: 40%;
	height: 30px;
	line-height: 30px;
	border-bottom: none;
}
.menu li.gnv03 ul li a {
	height: 18px;
	line-height: 18px;
	margin: 0 3px;
	font-size: 16px;
	color: #fff;
	border-bottom: none;
}
.menu li.gnv03 ul li:first-child a {
	padding: 0 6px 0 0;
	border-right: 1px solid #666;
}

.open .menu {
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
	opacity: 1.0;
}


.bordbox {
	position: relative;
	width: 100%;
	padding: 80px 0 0;
	top: initial;
	right: initial;
	z-index: 2222;
	text-align: center;
	background: #000 url(../img/bg_bord.png);
	border: none;
}

.bordbox .bord {
	width: 100%;
	padding: 8px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bordbox .bord div {
	width: 33%;
	margin: 0 1px;
	padding: 0;
	line-height: 1.0em;
	border-top: none;
}
.bordbox div img {
	display: inline-block;
	width: auto;
	height: 28px;
}
.bd1 {
	border-bottom: none;
}
.bd1 {
	margin-right: 2px;
	font-size: 1.0em;
	color: #fff;
	display: inline-block;
}
.bd2 {
	margin-right: 2px;
	font-size: 1.0em;
	color: #fff;
	display: inline-block;
}
.bd3 {
	font-size: 1.0em;
	color: #fff;
	display: inline-block;
}
.bd4,
.bd5 {
	font-size: 1.0em;
	color: #fff;
	display: inline;
}
.bd1 .bd1img,
.bd2 .bd2img,
.bd3 .bd3img {
	padding-right: 0;
}


#mNavibox {
	display: none !important;
}
#hNavibox {
	position: fixed !important;
	top: -510px !important;
	display: none !important;
}



.box {
	width: 90%;
	margin: 0 5%;
	padding: 0;
}

.wideimg {
	height: auto;
}

/*************
/* タイトル
*************/


h1.csub {
	margin: 0 0 20px;
	font-size: 1.8em;
	letter-spacing: 0em;
}
h1.csub img {
	width: 100%;
	height: auto;
}



h1.csub2 {
	padding: 5px 30px 20px 60px;
	font-size: 1.5em;
	text-indent: -60px;
}
h1.csub2 img {
	margin: 0 10px 6px 0;
	padding: 0 0 0 30px;
	vertical-align: middle;
}
h1.csub7 {
	margin: 0 5% 10px;
	padding: 5px 0;
	font-size: 1.6em;
	color: #111;
	line-height: 1.2em;
	text-align: left;
}
.icsub01 {
	font-size: 1.5em;
}

.bodersub {
	width: 70%;
}

.btn01 {
	font-size: 1.6em;
	color: #222;
	text-decoration: none;
	padding: 8px 16px 6px 26px;
}



.wrapper {
	width: 100%;
	margin: -10px 0 0;
	padding: 0;
	overflow: hidden;
}
.lowdir .wrapper {
	padding-top: 120px;
}
.lowdir .wrapper .inbox {
	width: 90%;
	margin: 0px auto;
}
.pgproduct .wrapper {
	width: 100% !important;
	margin: 0;
}
.grid {
	float: none !important;
	margin: 0;
}



.imgcapt figcaption,
.imgcapt:first-child figcaption,
.slick-slide figcaption,
.slick-slide:first-child figcaption {
	width: 100%;
	height: 100%;
	left: 0;
}


/* aboutbox
---------------------------------------------------- */

#aboutbox .box .ct05box .grid,
#aboutbox .box .ct05box .rgrid {
	float: none;
	width: 100%;
	margin: 0 0 20px;
	text-align: center;
}
#aboutbox .box .ct05box .grid .bnrlist li {
	display: inline-block;
	margin: 0 0 4px;
}


/* pagetop
------------------------------------------------------------*/

#pageTop img {
	width: 100px;
	height: auto;
}


/* FOOTER
------------------------------------------------------------*/

.footer .inbox {
	padding: 32px 0 20px;
}
.footer .inbox .groupbox,
.footer .inbox .groupbox .shopbox {
	width: 94%;
	margin: 0 3% 3%;
	text-align: center;
}
.footer .inbox .groupbox .gpputti,
.footer .inbox .groupbox .gpcouleur {
	width: 94%;
	margin: 0 3% 3%;
}
.footer .inbox .shopbox .grid11 {
	float: left !important;
	width: 22%;
	margin: 0;
}
.footer .inbox .shopbox .grid12 {
	float: left !important;
	width: 74%;
	margin: 0 0 0 2%;
}

.footer .inbox .ftbtmnv {
	width: 100%;
	padding: 0 0 8px;
}

.footer .inbox .ftbtmnv ul li.cpright {
	display: none;
}
.footer .inbox .ftbtmnv ul li + li {
	background:url(../img/nav-spc01.png) no-repeat left center;
}
.footer .inbox .ftbtmnv ul li:first-child + li {
	background: none;
}
.footer .inbox .ftbtmnv ul li a {
	color: #666;
}
.footer .inbox .ftbtmnv ul li a:hover {
	color: #000;
}
.footer .inbox .smpcopy {
	display: block;
	width: 100%;
	padding: 0;
	text-align: center;
}


.clmark {
	width: 100%;
	margin: 60px auto;
	text-align: center;
}
.clmark img {
	width: 50px;
	height: auto;
}



}


/* --------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 480px){


h1.csub {
	margin: 0 0 12px;
	font-size: 1.5em;
	letter-spacing: 0em;
}
.lowdir .wrapper {
}

.menu li {
	width: 80%;
}
.bodersub {
	width: 100%;
}

.bordbox .bord {
	padding: 2px 0;
}
.bordbox .bord div,
.bd1,
.bd2,
.bd3 {
	padding: 0;
	width: 48%;
	display: inline;
}
.bordbox div img {
	height: 24px;
	width: auto;
}
.bordbox div.bordsub img {
	height: 28px;
	width: auto;
}


/* FOOTER
------------------------------------------------------------*/

.footer .inbox {
	padding: 32px 0 20px;
}
.footer .inbox .groupbox,
.footer .inbox .groupbox .shopbox {
	width: 94%;
	margin: 0 3%;
	text-align: center;
}

.footer .inbox .shopbox .grid11 {
	float: none !important;
	width: 94%;
	margin: 0 3%;
}
.footer .inbox .shopbox .grid11 img {
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.footer .inbox .shopbox .grid12 {
	float: none !important;
	width: 94%;
	margin: 0 3% 3%;
}


.footer .inbox .ftbtmnv {
	width: 100%;
	padding: 0 0 8px;
}

.footer .inbox .ftbtmnv ul li.cpright {
	display: none;
}
.footer .inbox .ftbtmnv ul li + li {
	background:url(../img/nav-spc01.png) no-repeat left center;
}
.footer .inbox .ftbtmnv ul li:first-child + li {
	background: none;
}
.footer .inbox .ftbtmnv ul li a {
	color: #666;
}
.footer .inbox .ftbtmnv ul li a:hover {
	color: #000;
}
.footer .inbox .smpcopy {
	display: block;
	width: 100%;
	padding: 0;
	text-align: center;
}



}

/* ==================================================
   aboutbox 専用・競合ゼロ版
   このCSSは style.css の一番最後に貼ってください
================================================== */


/* ----------------------------------
   共通
---------------------------------- */

#aboutbox{
	clear: both;
	overflow: hidden;
	padding: 0;
	background: #f1ece6 url(../img/bg.png);
}

#aboutbox .box{
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
}

/* Googleマップ */
#aboutbox .mapbox{
	width: 100%;
	line-height: 0;
}

#aboutbox .mapbox iframe{
	display: block;
	width: 100%;
	height: 360px;
	border: 0;
}


/* ----------------------------------
   PC：3列レイアウト
---------------------------------- */

#aboutbox .ct05box.gridWrapper.clearfix{
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 24px !important;
	width: 100% !important;
}

/* 既存float完全解除 */
#aboutbox .ct05box.gridWrapper.clearfix > div,
#aboutbox .ct05box.gridWrapper.clearfix > iframe{
	float: none !important;
	clear: none !important;
	margin: 0 !important;
}

/* 左：バナー */
#aboutbox .ct05box.gridWrapper.clearfix > .grid:first-child{
	width: 200px !important;
	min-width: 200px !important;
	max-width: 200px !important;
	flex: 0 0 200px !important;
}

/* 中央：カレンダー */
#aboutbox .ct05box.gridWrapper.clearfix > iframe.calendarbox{
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	height: 400px !important;
	border: solid 1px #777 !important;
	background: #fff;
	box-sizing: border-box;
}

/* 右：住所 */
#aboutbox .ct05box.gridWrapper.clearfix > .rgrid{
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	font-size: 15px;
	line-height: 1.8;
	color: #333;
	text-align: left;
	word-break: break-word;
}


/* ----------------------------------
   バナー
---------------------------------- */

#aboutbox .bnrlist{
	margin: 0;
	padding: 0;
	list-style: none;
}

#aboutbox .bnrlist li{
	display: block !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

#aboutbox .bnrlist li img{
	display: block;
	width: 200px !important;
	max-width: 100% !important;
	height: auto !important;
}


/* ----------------------------------
   リンク
---------------------------------- */

#aboutbox a{
	color: #0066cc;
	text-decoration: none;
}

#aboutbox a:hover{
	text-decoration: underline;
}


/* ----------------------------------
   タブレット
---------------------------------- */

@media only screen and (max-width:1024px){

	#aboutbox .box{
		width: 94%;
		padding: 30px 0;
	}

	#aboutbox .ct05box.gridWrapper.clearfix{
		gap: 18px !important;
	}

	#aboutbox .ct05box.gridWrapper.clearfix > .rgrid{
		font-size: 14px;
	}
}


/* ----------------------------------
   スマホ
---------------------------------- */

@media only screen and (max-width:767px){

	#aboutbox .box{
		width: 92%;
		padding: 20px 0;
	}

	#aboutbox .ct05box.gridWrapper.clearfix{
		display: block !important;
	}

	/* 全部縦積み */
	#aboutbox .ct05box.gridWrapper.clearfix > div,
	#aboutbox .ct05box.gridWrapper.clearfix > iframe{
		display: block !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 20px !important;
	}

	/* バナー中央 */
	#aboutbox .ct05box.gridWrapper.clearfix > .grid:first-child{
		text-align: center !important;
	}

	#aboutbox .bnrlist li{
		display: block !important;
	}

	#aboutbox .bnrlist li img{
		width: 200px !important;
		margin: 0 auto;
	}

	/* カレンダー */
	#aboutbox iframe.calendarbox{
		height: 520px !important;
	}

	/* 住所 */
	#aboutbox .rgrid{
		text-align: center !important;
		font-size: 14px !important;
		line-height: 1.8 !important;
		padding: 0 8px;
	}
}


/* ----------------------------------
   小型スマホ
---------------------------------- */

@media only screen and (max-width:480px){

	#aboutbox .mapbox iframe{
		height: 280px;
	}

	#aboutbox iframe.calendarbox{
		height: 430px !important;
	}

	#aboutbox .rgrid{
		font-size: 13px !important;
		line-height: 1.7 !important;
	}
}