@charset "utf-8";

/*--
中 font-size:96%;
小 font-size:88%;
--*/
@import url('https://fonts.googleapis.com/css?family=Lato:300i');
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html{
font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body{
color:#4d4d4d;
font-family:"FOT-筑紫ゴシック Pr5 R", "TsukuGoPr5-R";
font-size:87.5%;
line-height:1.8;
letter-spacing:-0.025em;
background:#fff;
-webkit-text-size-adjust: 100%;
}
.demibold{
font-family:"FOT-筑紫ゴシック Pr5 M", "TsukuGoPr5-M";
}
.bold{
font-family:"FOT-筑紫ゴシック Pro D", "TsukuGoPr5-D";
}
.seurat{
font-family:"FOT-スーラ Pro DB";
}
.seurat.bold{
font-family:"FOT-スーラ Pro B";
}
.lato{
font-family: 'Lato', sans-serif;
letter-spacing:0.8px;
font-style:italic;
font-weight:300;
}
.pc{
display:block !important;
}
.tab-pc{
display:block !important;
}
.tab{
display: none !important;
}
.sp-tab{
display:none !important;
}
.sp{
display:none !important;
}
@media screen and (max-width:980px){
.pc{
display:none !important;
}
.tab{
display:block !important;
}
.sp-tab{
display:block !important;
}
}
@media screen and (max-width:640px){
body{
font-size:9pt;
}
.tab-pc{
display: none !important;
}
.tab{
display: none !important;
}
.sp{
display:block !important;
}
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
/*---------------------------------------*/
/* header */
/*---------------------------------------*/
.header{
width:100%;
position:fixed;
top:0;
left:0;
text-align:center;
background:#fff;
z-index:999;
height:120px;
}
.header.index-header{
position:absolute;
height:180px;
}
@media screen and (max-width:980px){
.header,
.header.index-header{
text-align:left;
height:75px;
position:fixed;
}
}
.header .logo .none{
font-size:0;
color:#fff;
}
.header .logo .icon-logo{
display:inline-block;
font-size:35px;
margin-top:20px;
margin-bottom:0;
}
.header.index-header .logo .icon-logo{
font-size:45px;
margin-top:23px;
margin-bottom:15px;
}
@media screen and (max-width:980px){
.header .logo .icon-logo,
.header.index-header .logo .icon-logo{
margin-left:5%;
font-size:25px;
margin-top:13px;
margin-bottom:7px;
}
}
.header .hours{
margin-bottom:25px;
font-size:0;
}
.header.index-header .hours{
font-size:100%;
}
@media screen and (max-width:980px){
.header.index-header .hours,
.header .hours{
margin-left:5%;
font-size:87.5%;
}
}
@media screen and (max-width:640px){
.header.index-header .hours,
.header .hours{
letter-spacing:-0.025em;
font-size:7pt;
}
}
.header .hNavi{
display:inline-block;
}
.header .hNavi li{
font-size:114%;
float:left;
display:inline;
margin:0 0.7em;
position:relative;
line-height:1;
padding-bottom:14px;
}
.header .hNavi li a{
display:block;
}
.header .hNavi li .line{
position:absolute;
bottom:0;
left:0;
width:0;
height:2px;
background:#d4bf1a;
display:block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.header .hNavi li:hover .line{
width:100%;
}
.header .hNavi li .subMenu {
position:absolute;
top:30px;
left:0;
width:100%;
background:rgba(255,255,255,0.7);
padding-top:8px;
min-width:8em;
}
.header .hNavi li .subMenu li{
font-size:100%;
display:block;
float:none;
margin:0;
text-align:left;
height:35px;
line-height:35px;
padding-bottom:0;
}
.header .hNavi li .subMenu li a{
display:block;
padding:0 8px;
}
.header .hNavi li.box{
padding:0;
margin-top:-3px;
}
.header .hNavi li.box a{
padding:1px 2px 3px;
border:1px solid #5a4650;
}
.header .hNavi li.box a:hover{
background:#5a4650;
}
.header .hNavi li.on.box a{
background:#5a4650;
}
#fix-hours{
position:fixed;
top:0;
right:0;
height:120px;
padding:0 20px;
background:#d4bf1a;
color:#fff;
z-index:999;
line-height:1.5;
}
@media screen and (max-width:1355px){
#fix-hours{
right:0;
height:65px;
font-size:85.7%;
padding:0 10px;
}
#fix-hours .wide-pc{
display:none;
}
}
#fix-hours .ttl{
color:#4d4d4d;
margin-top:20px;
}
@media screen and (max-width:1355px){
#fix-hours .ttl{
margin-top:8px;
}
}
/*---------------------------------------*/
/* snsArea */
/*---------------------------------------*/
#snsArea{
max-width:480px;
padding:20px 15px 0;
border:10px solid #faf8e7;
}
@media screen and (max-width:640px){
#snsArea{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
}
#snsArea .clear{
position:relative;
min-height:80px;
margin-bottom:20px;
}
@media screen and (max-width:640px){
#snsArea .clear{
min-height:50px;
}
}
#snsArea .clear .img{
position:absolute;
top:0;
left:0;
width:80px;
height:80px;
}
@media screen and (max-width:640px){
#snsArea .clear .img{
width:50px;
height:50px;
}
}
#snsArea .clear .img img{
width:100%;
height:auto;
}
#snsArea .clear .blockLeft{
margin-left:100px;
}
@media screen and (max-width:640px){
#snsArea .clear .blockLeft{
margin-left:60px;
}
}
#snsArea .clear .blockLeft .ttl{
font-size:157%;
line-height:1.3;
letter-spacing:1px;
margin-bottom:5px;
}
@media screen and (max-width:640px){
#snsArea .clear .blockLeft .ttl{
font-size:11pt;
letter-spacing:normal;
}
}
#snsArea .clear .blockLeft .note{
font-size:114%;
line-height:1.3;
letter-spacing:-0.03em;
}
@media screen and (max-width:640px){
#snsArea .clear .blockLeft .note{
font-size:9pt;
}
}
/*---------------------------------------*/
/* aboutArea */
/*---------------------------------------*/
#aboutArea{
position:relative;
margin:0 auto 90px;
width:90%;
}
@media screen and (max-width:980px){
#aboutArea{
margin:0 auto 40px;
}
}
#aboutArea img{
width:100%;
height:auto;
}
#aboutArea .box{
display:inline-block;
position:absolute;
top:50%;
right:0;
margin-top:-166px;
background:rgba(90,70,80,0.8);
padding:30px;
}
@media screen and (max-width:980px){
#aboutArea .box{
position:static;
margin:20px 0;
background:none;
padding:0px;
width:100%;
}
}
#aboutArea .box .areaTtl{
color:#fff;
margin-bottom:25px;
}
@media screen and (max-width:980px){
#aboutArea .box .areaTtl{
color:#5a4650;
text-align:center;
}
#aboutArea .box .areaTtl .line{
margin:20px auto 0;}
}
#aboutArea .box .note{
font-size:114%;
line-height:1.6;
margin-bottom:20px;
color:#fff;
}
@media screen and (max-width:980px){
#aboutArea .box .note{
color:#4d4d4d;
text-align:center;
}
}
@media screen and (max-width:640px){
#aboutArea .box .note{
font-size:9pt;
}
}
#aboutArea .box .btn a{
margin:0;
}
@media screen and (max-width:980px){
#aboutArea .box .btn a{
margin:0 auto;
}
}
@media screen and (max-width:640px){
#aboutArea .box .btn a{
width:100%;
}
}

/*---------------------------------------*/
/* accessArea */
/*---------------------------------------*/
#accessArea{
max-width:980px;
}
#accessArea .blockLeft{
width:61%;
}
@media screen and (max-width:640px){
#accessArea .blockLeft{
width:100%;
float:none;
}
}
#accessArea .blockLeft img{
width:100%;
height:auto;
}
#accessArea .blockRight{
width:36%;
}
@media screen and (max-width:640px){
#accessArea .blockRight{
width:100%;
float:none;
}
}
#accessArea .blockRight .ttl{
font-size:114%;
}
@media screen and (max-width:640px){
#accessArea .blockRight .ttl{
font-size:11pt;
}
}
#accessArea .blockRight .note{
margin-bottom:25px;
}
@media screen and (max-width:640px){
#accessArea .blockRight .note{
margin-bottom:15px;
}
}
#accessArea .blockRight .link{
margin-top:5px;
}
#accessArea .blockRight .link a{
position:relative;
}
#accessArea .blockRight .link a .line{
position:absolute;
bottom:-5px;
left:0;
display:block;
height:1px;
width:100%;
background:#d4bf1a;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
#accessArea .blockRight .link a:hover .line{
background:#fff;
}
#accessArea .blockRight .link .icon-arrow{
color:#d4bf1a;
margin-left:5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
#accessArea .blockRight .link:hover .icon-arrow{
margin-left:8px;
}

/*---------------------------------------*/
/* footer */
/*---------------------------------------*/
#footer{
background:#5a4650;
width:100%;
padding:30px 0 10px;
color:#fff;
}
@media screen and (max-width:980px){
#footer{
margin-bottom:60px;
}
#footer.cate{
margin-bottom:100px;
}
}
@media screen and (max-width:640px){
#footer{
text-align:center;
}
}
#footer .fLogo{
margin-bottom:15px;
}
#footer .fLogo .icon-f-logo{
font-size:26px;
}
@media screen and (max-width:640px){
#footer .fLogo{
padding-top:50px;
margin-bottom:10px;
}
#footer .fLogo .icon-f-logo{
font-size:20px;
}
}
#footer .info{
margin-bottom:20px;
}
@media screen and (max-width:640px){
#footer .info{
font-size:8pt;
}
}
#footer .info .color{
color:#d4bf1a;
}
@media screen and (max-width:640px){
#footer .fNavi{
font-size:7pt;
letter-spacing:-0.05em;
}
}
#footer .fNavi span.pc{
display:inline-block !important;
}
@media screen and (max-width:980px){
#footer .fNavi span.pc{
display:none !important;
}
}
#footer .sns{
margin:20px 0 40px; 
}
@media screen and (max-width:640px){
#footer .sns{
margin:20px 0 20px; 
}
}
#footer .sns .icon{
font-size:20px;
color:#fff;
margin:0 10px;
}
#footer .logo{
position:absolute;
top:-55px;
right:0;
color:#d4bf1a;
}
@media screen and (max-width:640px){
#footer .logo{
top:-55px;
left:50%;
right:inherit;
margin-left:-45px;
}
}
#footer .logo .icon-cleaning{
font-size:125px;
}
@media screen and (max-width:640px){
#footer .logo .icon-cleaning{
font-size:90px;
}
}
.copy{
text-align:center;
font-size:85.7%;
width:90%;
margin:20px auto;
}
@media screen and (max-width:640px){
.copy{
font-size:7pt;
}
}
.gotop a{
display:block;
width:100%;
height:40px;
line-height:40px;
background:rgba(255,255,255,0.1);
text-align:center;
font-size:8pt;
}
@media screen and (max-width:640px){
.gotop a{
margin:0 0 20px; 
}
}
.gotop a .icon-arrow{
-webkit-transform: translateY(0) rotate(-90deg);
transform: translateY(0) rotate(-90deg);
display:inline-block;
vertical-align:middle;
color:#d4bf1a;
font-size:18px;
margin-right:10px;
}
/*---------------------------------------*/
/* fixbn */
/*---------------------------------------*/
.fixbn.pc{
position:fixed;
top:200px;
right:0;
width:80px;
height:380px; /*元は600px*/
background:url(../images/common/fix.png);
background-size:80px 500px;
}
.fixbn.pc .coupon{
position:absolute;
top:18px;
left:15px;
padding:0 5px;
width:40px;
height:180px;
padding-bottom:7px;
border-bottom:1px solid #ccc;
}
.fixbn.pc a{
display:block;
width:40px;
height:180px;
}
.fixbn.pc .contact{
position:absolute;
top:18px; /*元は222px*/
left:15px;
padding:0 5px;
width:40px;
height:180px;
margin-bottom:7px;
}
.fixbn.pc .seurat{
font-size:128.5%;
position:absolute;
top:0;
right:8px; /*元は-3px*/
color:#d4bf1a;
line-height: 1.05;
}
.fixbn.pc .note{
font-size:85.7%;
position:absolute;
top:0;
left:-3px;
color:#4d4d4d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.fixbn.pc a:hover .note{
color:#d4bf1a;
}
.fixbn.pc .goTop{
position:absolute;
bottom:0;
right:0;
width:80px;
height:80px;
text-align:center;	
}
.fixbn.pc .goTop a{
width:79px;
height:59px;
padding-top:20px;
background:#d4bf1a;
border:1px solid #d4bf1a;
border-bottom-left-radius:5px;
color:#fff;
font-size:82%;
}
.fixbn.pc .goTop a:hover{
background:#fff;
color:#d4bf1a;
}
.fixbn.pc .goTop a .icon-arrow{
display:inline-block;
-webkit-transform: translateY(0) rotate(-90deg);
transform: translateY(0) rotate(-90deg);
font-size:25px;
margin-bottom:10px;
}
@media screen and (max-width:980px){
.fixbn.sp-tab{
position:fixed;
left:0;
bottom:0;
width:100%;
line-height:1.3;
}
.fixbn ul li{
width:100%;
height:60px;
float:left;
display:inline;
text-align:center;
letter-spacing:2px;
}
.fixbn ul li a{
display:block;
background:#d4bf1a;
color:#fff;
height:45px;
padding-top:15px;
}
.fixbn ul li a:hover{
background:#faf8e7;
color:#d4bf1a;
}
.fixbn ul li:first-child a{
border-right:1px solid #fff;
}
}
/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
.blockLeft{
float:left;
}

.blockRight{
float:right;
}

.txtRight{
text-align:right;
}

.txtCenter{
text-align:center;
}