/* Reset */
#naviLang ul,#naviLang li,.navi_p,.navi_p li,#customer_footer ul,#customer_footer li{padding:0;margin:0;font-weight:normal;font-size:1em;}
#customer_header ul,#customer_footer ul{list-style-type:none;}
@media all and (min-width:600px){#customer_navi,#customer_footer{font-size:15px;}}

/*Link */
#customer_footer a{color: #ee6e0c;}
#customer_footer a:hover{text-decoration:none;}

/* ClearFix */
.clearfix:after{content:"";clear:both;display:block;}

/* Header */
header{background:#fff;width:100%;min-width:320px;}
header a{opacity:1;}
header a:hover{opacity:0.7;}
#customer_header{position:relative;z-index:2000;max-width:1000px;}
#customer_header #logo{display:block;width:100px;margin-left:15px;}
#customer_header #logo img{display:block;width:100%;height:auto;}
#naviLang li img,
#telBox,
#telBoxTb{display:none;}
#customer_navi{clear:both;}
#customer_header input,
#customer_header label{display:none;}

#naviLang{position:static;float:right;display:block!important;text-align:right;margin-top:5px;margin-right:0;}
#naviLang li{float:left;display:block;margin-left:10px;}
#naviLang li:first-child{margin-left:0;}
#naviLang li a{color:#000;}
#naviLang li a span{display:none;}
#naviLang li a img{display:block;width:auto;height:15px;}
#naviLang #menuclose2{display:none;}
header a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;text-decoration:none;}


@media screen and (max-width:999px){
header{padding-bottom:10px;}
#customer_header li{font-size:12px;}

#customer_header #menubtn2{
position:absolute;top:15px;right:100px;display:block;padding:5px 0 5px 20px;margin-right:20px;background:url(../img/share/pt_lang.gif) no-repeat left 5px;background-size:15px 15px;cursor:pointer;font-size:0.8em;line-height:15px;}

#naviLang{margin-right:15px; margin-bottom:10px;}

}

@media screen and (min-width:1000px){
#customer_header{min-height:65px;padding:0 0 25px;margin:0 auto;}
#customer_header #logo{position:absolute;left:0;top:0;width:180px;margin:0;}
#headCont{padding:5px 0 0 200px;}
#headCont .spbtn,
#headCont .sptel{display:none;}


#telBox{display:inline-block;margin-left:240px;}
#telBox .title{margin-right:10px;font-size:0.8em;}
#telBox .number{font-size:1.4em;line-height:1;}
}



#customer_header .telBox{display:inline-block;}
#customer_header .telBox .title{font-size:0.9em;}
#customer_header .telBox .number{font-size:1.4em;}








/* PC / SP 共通 */
.navi_p{width:auto;margin:0 auto;}
.navi_p.opacity{opacity:1;}

@media all and (min-width:1000px){
/* --- Base Style --------------------------------------- */
#customer_navi{position:relative;clear:both;}
.navi_p{display:block!important;overflow:visible;max-width:800px;}

/* --- Main Menu Style ---------------------------------- */
.navi_p li{position:relative;overflow:visible;float:left;display:block;font-size:100%;list-style:none;}
.navi_p > li:nth-child(-n+3){width:68px;}
.navi_p > li:nth-child(n+4){display:table;width:97px;height:50px;}
.navi_p > li:nth-child(3){margin-right:14px;}
.navi_p > li:nth-child(3) > a:after{
content:"";position:absolute;top:16px;right:-14px;height:20px;border-right:1px solid #bebfbf;}
.navi_p > li:nth-child(n+4) > a:after{
content:"";position:absolute;top:15px;right:0;height:20px;border-right:1px solid #bebfbf;}

.navi_p > li > a{
position:relative;z-index:2;overflow:visible;display:table-cell;color:#333;text-align:center;vertical-align:middle;text-decoration:none;letter-spacing:-0.08em;}

.navi_p > li:nth-child(-n+3) > a{width:68px;padding-bottom:30px;}
.navi_p > li:nth-child(n+4) > a{display:table-cell;width:97px;padding:7px 0;line-height:18px;vertical-align:middle;}

.navi_p > li#gn1 > a{background:url(../img/share/pt_room.png) no-repeat center bottom;}
.navi_p > li#gn2 > a{background:url(../img/share/pt_bath.png) no-repeat center bottom;}
.navi_p > li#gn3 > a{background:url(../img/share/pt_cook.png) no-repeat center bottom;}

.navi_p > li:hover > a{position:relative;opacity:0.7;}
.navi_p > li:hover > a:before{content:"";position:absolute;top:100%;right:-10px;left:-10px;bottom:-200px;}

/* --- Sub Menu Style ----------------------------------- */
.navi_p ul{
position:absolute;top:60px;z-index:1000;display:none;width:198px;background-color:#fff;border:1px #876c00 solid;letter-spacing:-0.5px;}

.navi_p ul:after{content:"";position:absolute;top:-9px;left:0;right:0;width:100%;height:10px;}
.navi_p ul.left{left:0;}
.navi_p ul.left:before{left:0;}
.navi_p ul.right{right:0;}
.navi_p ul.right:before{right:0;}
.navi_p ul li{width:100%;}
.navi_p ul.flexnav-show li{overflow:visible;}
.navi_p ul li a{
display:block;padding:8px 10px;border-top:#876c00 1px solid;font-size:0.9em;color:#40220f;text-align:left;text-decoration:none;}
.navi_p ul li a:hover{color:#876c00;opacity:1;}
.navi_p ul li:first-child a{border-top:none;}
#customer_navi .pc{display:block;}
#customer_navi .sp{display:none;}

.navi_p > li a:hover + ul{display:block;}

}


/* ------------------------------------------------------ */
/* --- Responsive Menu Style ---------------------------- */
/* ------------------------------------------------------ */
@media screen and (max-width:999px){

.navi_p{
padding:15px;background:#7b5c00;background:-moz-linear-gradient(left,  #7b5c00 0%, #be9a28 50%, #7b5c00 100%);background:-webkit-linear-gradient(left,  #7b5c00 0%,#be9a28 50%,#7b5c00 100%);background:linear-gradient(to right,  #7b5c00 0%,#be9a28 50%,#7b5c00 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b5c00', endColorstr='#7b5c00',GradientType=1 );font-size:0.8rem;box-sizing:border-box;}

.navi_p br{display:none;}
.navi_p.flexnav-show{box-sizing:border-box;}
.navi_p li{position:relative;padding-bottom:2px;float:left;width:100%;}

.navi_p > li#gn1,
.navi_p > li#gn2,
.navi_p > li#gn3{float:left;width:33.3%;}

.navi_p > li#gn1 a{margin-left:0;margin-right:1px;}
.navi_p > li#gn2 a{margin-left:1px;margin-right:1px;}

.navi_p li{float:left;width:50%;}
.navi_p li:nth-child(2n+0) a{margin-right:1px;}
.navi_p li:nth-child(2n+1) a{margin-left:1px;}
.navi_p li a{
display:block;color:#333;background:#fff;padding:10px;text-decoration:none;}
.navi_p li a:hover{opacity:1;}

.navi_p > li > ul{
display:none;position:absolute;overflow:hidden;top:0px;left:-15px;z-index:10002;width:100%;height:100%;padding-top:20000px;padding-bottom:20000px;padding-left:15px;padding-right:15px;margin-top:-20000px;margin-bottom:-20000px;background:rgba(0,0,0,0.7);}

.navi_p > li > ul > li{
position:relative;overflow:hidden;float:inherit;width:auto;padding-bottom:0;border-top:2px solid #7b5c00;border-right:2px solid #7b5c00;border-left:2px solid #7b5c00;font-size:100%;}

.navi_p li .menu-button{
display:block;clear:both;width:auto;padding:10px 12px;margin:0;background:url(../img/menu/close.png) no-repeat right center #4f4b49;background-size:35px 24px;font-size:inherit;border:none;color:#FFF;text-decoration:none;text-indent:inherit;}
.navi_p .touch-button{
position:absolute;z-index:999;top:0;right:0;left:0;display:block;width:100%;height:1.5em;padding:10px 0;background:url(../img/menu/open.png) no-repeat right center;background-size:35px 24px;text-indent:-999em;}

.navi_p ul .touch-button{
position:relative;width:auto;height:1.5em;padding:10px 0;display:block;background:url(../img/menu/close.png) no-repeat right center #4f4b49;background-size:35px 24px;border-bottom:2px solid #7b5c00;font-size:13px;color:#fff;text-indent:10px;line-height:1.5em;}

#customer_navi .pc{display:none;}
#customer_navi .sp{display:block;}
}


/* Contents Style ------------------------------------*/
#wrapper{background:url(../img/share/bg_wrap.png) no-repeat center bottom;}
#contents{width:100%;padding-bottom:150px;}
#mainArea,
.innerBox{width:auto;}



@media all and (min-width:1000px){
	#contents{margin:0 auto;}
	.normal #contents,
	.col2 #contents,
	.innerBox,
	.normal #mainArea{max-width:1000px;margin:0 auto;}
	.col2 #mainArea{float:right;max-width:770px;}
}

@media screen and (max-width:999px){
	#wide,
	#mainimg{width:100%;}
	.col2 #contents{max-width:770px;margin:0 auto;}
}


/* Footer Style ------------------------------------- */
#customer_footer{display:block;min-width:320px;padding-bottom:80px}

#footer_info{
	padding:20px 15px 30px;
	margin-bottom:15px;
	background: #7b5c00;
	background: -moz-linear-gradient(left,  #7b5c00 0%, #be9a28 50%, #7b5c00 100%);
	background: -webkit-linear-gradient(left,  #7b5c00 0%,#be9a28 50%,#7b5c00 100%);
	background: linear-gradient(to right,  #7b5c00 0%,#be9a28 50%,#7b5c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b5c00', endColorstr='#7b5c00',GradientType=1 );
	border-top:solid 1px #b58443;
}

#footer_info .inner{position:relative;max-width:1000px;margin:0 auto;}
#footer_info #flogo{display:block;width:180px;height:auto;margin:0 auto;}
#footer_info #flogo img{display:block;width:100%;height:auto;}
#footer_info .info p{padding:0;margin-bottom:10px;color:#fff;font-size:0.9em;}
#footer_info .info a{color:#fff;}
#footer_info .msg{padding:5px 10px;background:#fff;font-size:0.75em;}

@media all and (min-width:600px){
	#footer_info #flogo{position:absolute;top:10px;left:0;margin:0;}
	#footer_info .info{margin-left:220px;}
	#footer_info .msg{padding:3px 10px;margin-left:220px;font-size:0.8em;}
}

@media all and (min-width:850px){
	#footer_info .info,
	#footer_info .msg{max-width:680px;}
	#footer_info .info div{width:46%;margin-bottom:20px;}
	#footer_info .info div p{margin:0;}
	#footer_info .info .yumenoi{float:left;padding-right:4%;border-right:dotted 2px #fff;}
	#footer_info .info .center{float:right;}
}


@media all and (min-width:1000px){
	#footer_info{padding:25px 0;}
	#footer_info .info div{width:46%;font-size:1.0em;}
}



#footer_link{
	position:fixed;
	z-index:100;
	right:0;
	bottom:0;
	left:0;
	min-width:320px;
	padding:13px 0;
	background:url(../img/share/bg_fl.png) repeat-x left top;
}

#footer_link #f_info{display:none;}
#footer_link li{display:inline-block;width:32%;}
#footer_link li:nth-child(2n){margin:0 2%;}
#footer_link li a{
	display:block;
	height:40px;
	background:#fff;
	font-size:0.8em;
	color:#000;
	line-height:40px;
	text-align:center;
	text-decoration:none;
}
#footer_link li a span.sp{display:inline;}
#footer_link li a span.pc{display:none;}
#footer_link li a span.pink{color:#ff7a98;}
#footer_link li a span.red{color:#ae0813;}
#footer_link li a span.orange{color:#ee6e0c;}


@media all and (min-width:600px){
	#footer_link ul{margin:0 15px;text-align:right;}
	#footer_link li{display:inline-block;width:160px;}
	#footer_link li:nth-child(2n){margin:0 15px 0 0;}
	#footer_link li a{font-size:1.0em;}
	#footer_link li#f_tel{display:none;}
	#footer_link #f_info{display:block;position:absolute;top:20px;left:15px;width:250px;}
	#footer_link #f_info span{display:block;}
	#footer_link #f_info .tel{font-size:1.6em;line-height:30px;}
	#footer_link li a span.sp{display:none;}
	#footer_link li a span.pc{display:inline;}
}

@media all and (min-width:800px){
	#footer_link li{width:180px;}
	#footer_link li a{font-size:1.15em;}
}

@media all and (min-width:1000px){
	#footer_link #f_info{left:50%;margin-left:-490px;}
	#footer_link ul{max-width:1000px;margin:0 auto;}
	#footer_link li a{-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
	#footer_link li a:hover{opacity:0.7;}
}

#com_link .innerBox{padding:0 15px;}

#com_link ul.bnr{max-width:284px;margin:0 auto 15px;}
#com_link ul.bnr li{width:140px;margin-bottom:4px;line-height:1;}

#com_link ul.bnr li a,
#com_link ul.bnr li a img{display:block;width:100%;height:auto;}
#com_link ul.menu{margin-bottom:10px;}
#com_link ul.menu li{float:left;margin-right:15px;font-size:0.8em;}
#com_link ul.menu li a{text-decoration:underline;}
#com_link ul.menu li a:hover{text-decoration:none;}

#com_link ul.bnr{max-width:310px;text-align:center;}
#com_link ul.bnr li{display:inline-block;margin:0 2px 3px;vertical-align:top;}


@media all and (min-width:600px){
	#com_link ul.bnr{max-width:initial;}
	#com_link ul.bnr li{width:175px;margin:0 3px 6px;}
	#com_link ul.menu li{font-size:0.9em;}
}


@media all and (min-width:746px){
	#com_link .innerBox{padding:0;}
	#com_link ul.bnr{text-align:left;}
	#com_link ul.bnr li{margin:0 3px 6px;float:left;}
	#com_link ul.bnr li:nth-child(5),
	#com_link ul.bnr li:nth-child(8){clear:both;}
	#com_link ul.bnr li a{-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
	#com_link ul.bnr li a:hover{opacity:0.7;}
}


#copybox{margin-bottom:10px;font-size:0.8em;}
#copybox a{color:#000;}

@media all and (min-width:600px){#copybox{font-size:0.9em;}}
@media all and (min-width:680px){#copybox br{display:none;}}

#rich{position:relative;font-size:0.8em;}
#rich .bnr{position:absolute;top:0;left:0;width:88px;height:31px;}
#rich .bnr a,
#rich .bnr a img{display:block;width:100%;height:auto;}
#rich p{padding-left:100px;}

@media all and (min-width:600px){
	#rich{font-size:0.9em;}
}


/* 20/03/03                                                 */
/* コロナの影響により、電話受付を24時間対応にされています。 */
/* 一時的に電話番号受付時間を非表示にしています。           */
/* 【元に戻す手順】 base.cssのみ                            */
/* 下記2つのcssのコメントアウトを解除                       */
/* #footer_link #f_info .open 1箇所                         */
/* #footer_info .info p span.open 1箇所                     */
/* 下記のcssは全削除                                        */

#footer_info .info p span.open{display:none;}
@media all and (min-width:600px){#footer_link #f_info .open{display:none;}}

#webc_con .webc_f_link .webc_pagetop{z-index:1000;bottom:60px;}