/* CSS Document */

/*
font-family:'Noto Sans JP',sans-serif;
font-family:'Roboto',sans-serif;
*/

/*anchor-styles********************************************/
a{outline:none;}
a:link{color:#C90;text-decoration:none;}
a:visited{color:#C90;text-decoration:none;}
a:hover{color:#C90;text-decoration:none;}
a:active{color:#C90;text-decoration:none;}

/*フォント指定クラス*/
.fnt01{font-family:'Shippori Mincho B1',serif;}
/*.fnt01{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}*/
.fnt02{font-family:'EB Garamond',serif;}
.fnt03{font-family:'Anton', sans-serif;}



html{
height:100%;
/*font-size:0.625em;*/
font-size:2vw;
}

@media only screen and (min-width:360px){
html{
font-size:0.625em;
}
}

body{
font-family:'Shippori Mincho B1',serif;
/*font-family:'YuGothic','Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;*/
font-size:1.4rem;
line-height:1.75em;
position:relative;
background-color:transparent;
color:#333;
text-size-adjust:100%;
}
@media only screen and (max-width:360px){
body{
font-size:1.1rem;
}
}

header{
position:fixed;
top:0;
box-sizing:border-box;
width:100%;
height:160px;
z-index:10;
background-color:#FFF;
text-align:center;
border-bottom:#FEE solid 1px;
background:url("../img/body_bg.jpg");
	background-size: cover;
}
@media only screen and (min-width:768px){
header{
height:230px;
}
}
footer{
background:url("../img/body_bg.jpg");
}

/*nav-trigger*********************************************/
.nav-trigger{
position:fixed;/*ボタン内側の基点となるためrelativeを指定*/
top:3em;
right:1em;
background:#C90;
cursor:pointer;
width:50px;
height:50px;
border-radius:5px;
z-index:99;
}

/*ボタン内側*/
.nav-trigger span{
display:inline-block;
transition:all .4s;/*アニメーションの設定*/
position:absolute;
left:14px;
height:3px;
border-radius:2px;
background:#333;
width:45%;
}

.nav-trigger span:nth-of-type(1) {top:15px;}
.nav-trigger span:nth-of-type(2) {top:23px;}
.nav-trigger span:nth-of-type(3) {top:31px;}

/*activeクラスが付与されると線が回転して×に*/
.nav-trigger.active span:nth-of-type(1) {
top: 18px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 30%;
}

.nav-trigger.active span:nth-of-type(2) {
opacity:0;/*真ん中の線は透過*/
}

.nav-trigger.active span:nth-of-type(3){
top: 30px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 30%;
}



/*mainNavigation*********************************************/
.list-nav-laptop{
width:100%;
}
.list-nav-laptop li{
display:inline-block;
width:23%;
list-style:none;
font-size:1.5rem;
font-weight:700;
}
.list-nav-laptop li span{
display:block;
font-size:1rem;
}
.list-nav-laptop li:hover{color:#51420E;}

#wrap-list-nav-mobile{
z-index:15;
display:none;
width:100%;
height:100%;
background-color:rgba(255,255,255,.95);
position:fixed;
}
#wrap-list-nav-mobile .fa-times-circle{
display:block;
margin:.5em 0;
text-align:center;
font-size:3em;
color:rgba(33,33,33,1);
}
#list-nav-mobile{
width:100%;
margin-top:1em;
}
#list-nav-mobile a{
display:block;
text-align:center;
padding:1.5em 0;
border-bottom:rgba(0,0,0,1) solid 1px;
font-size:1.5rem;
font-weight:700;
color:#333333;

}
#list-nav-mobile a:hover{
color:#51420E;
text-decoration:none;
}



#haading-page{
background-color:#333;
color:#FFF;
font-size:1rem;
}
header .container-lg{
position:relative;
}

#list-contact{
position:absolute;
top:3em;
right:0;
}
#list-contact li{
display:inline-block;
padding:0 .5em;
}

#brand-logo-01{
display: block;
width:20em;
margin:1em auto 0 0;
}
@media only screen and (min-width:360px){
#brand-logo-01{
margin:1em auto;}
}

#brand-logo-02{
display: block;
width:20em;
margin: auto;
}
#brand-logo-03{
display: block;
width:20em;
margin: auto;
}

footer{
padding:4em 0 0 0;
background-color:#EEE;
}

em.copyRight{
display:block;
height:50px;
line-height:50px;
text-align:center;
font-family:'Roboto', sans-serif;
font-size:1.1rem;
/*background-color:#AD7FA0;*/
background-color:#333;
color:#FFF;
}

/*mainNavigation*********************************************/
a.anchor-top{
position:fixed;
display:block;
min-width:50px;
min-height:50px;
right:0;
bottom:0;
z-index:5;
background-color:#C90;
color:#333;
text-align:center;
line-height:50px;
font-size:4rem;
}
@media only screen and (min-width:768px){
a.anchor-top{}
}
a.anchor-top:hover{background-color:#960;}




/*bottom-info*/
.list-guide-shop-01{
color:#333;
margin-bottom:1em;
}
.list-guide-shop-01 dt,
.list-guide-shop-01 dd{text-align:center;}
.list-guide-shop-01 dt{margin-bottom:1em;}
.list-guide-shop-01 dd{}
.list-guide-shop-01 dd em{
font-size:2em;
}



/*heading-styles**********************************************/
.hdg-page-01{
margin-top:60px;
padding:3em 0;
text-align:center;
background-position:center;
background-size:cover;
}

.hdg-page-01 img{
display:block;
width:15em;
margin:auto;
}

.hdg-page-01.rev1{background-image:url("../img/bg-page-hdg-01.webp");}
.hdg-page-01.rev2{background-image:url("../img/bg-page-hdg-02.webp");}
.hdg-page-01.rev3{background-image:url("../img/bg-page-hdg-03.webp");}
.hdg-page-01.rev4{background-image:url("../img/bg-page-hdg-04.webp");}
.hdg-page-01.rev5{background-image:url("../img/bg-page-hdg-05.webp");}
.hdg-page-01.rev6{background-image:url("../img/bg-page-hdg-06.webp");}
.hdg-page-01.rev7{background-image:url("../img/bg-page-hdg-07.webp");}


.hdg-section-01
,.hdg-section-02{
font-size:2.5rem;
font-weight:700;
position:relative;
border-bottom:rgba(16,16,16,1) solid 4px;
padding:.5em 0;
text-align:center;
}
.hdg-section-01{
}
.hdg-section-02{
border-bottom:rgba(255,255,255,1) solid 4px;
}


.hdg-section-01>span{
display:block;
font-size:1rem;
font-family:'EB Garamond',serif;
}


.hdg-section-01::after{
position:absolute;
bottom:-4px;
left:20%;
z-index:2;
content:'';
width:60%;
height:4px;
background: #b3a459;
background: linear-gradient(90deg,rgba(179, 164, 89, 1) 0%, rgba(235, 225, 38, 1) 50%, rgba(235, 208, 127, 1) 100%);
}
.hdg-section-01.rev1{
color:#FFF;
border-bottom:rgba(255,255,255,1) solid 4px;
}



.hdg-section-02{
padding:1em 0;
font-size:1.8rem;
font-weight:700;
color:#333;
border-bottom:#333 solid 1px;
}

.hdg-section-03{
margin-top:1em 0;
text-align:center;
font-size:4rem;
font-weight:700;
color:#2EB6AA;
}

.hdg-section-04{
margin-top:5em;
font-size:1.7rem;
font-weight:700;
color:#2EB6AA;
}

.hdg-section-05{
padding:1em 0;
font-size:2rem;
font-weight:700;
border-bottom:#999 solid 1px;
}

.hdg-section-06{
padding:1em 0;
font-size:1.4rem;
font-weight:700;
}
.hdg-section-06 span{
color:#2EB6AA;
margin-right:.5em;
}

.hdg-section-07{padding:1em 0;}
.hdg-section-07 img{
display:block;
width:13em;
}
@media only screen and (min-width:768px){
.hdg-section-07 img{
position:relative;
top:5em;
}
}
.hdg-section-08{
padding:.75em 0;
margin:3em 0 1em 0;
font-size:1.8rem;
font-weight:700;
border-bottom:#CCC solid 1px;
}
.hdg-section-09{
font-size:1.5rem;
font-weight:700;
}
.hdg-section-10{
font-size:1.2rem;
font-weight:700;
}
.hdg-section-10:before{
content:"●";
margin-right:.5em;
}

/*read-styles***********************************************/
.read-01{
line-height:1.75em;
color:#2EB6AA;
}
.read-02{
line-height:1.75em;
color:#999;
}
.read-03{
font-size:1.2rem;
}

/*anchor-styles***********************************************/
a.btn-anchor-01{
display:block;
padding:.5em 1em;
font-family:'Roboto',sans-serif;
color:#FFF;
border:#FFF solid 1px;
transition:all 0.25s ease-in-out;
}
a.btn-anchor-01:hover{
background-color:#FFF;
color:#999;
}

a.btn-anchor-02{
display:block;
padding:.5em 1em;
font-family:'Roboto',sans-serif;
text-align:center;
color:#FFF;
background-color:rgba(46,182,170,.8);
transition:all 0.25s ease-in-out;
}
a.btn-anchor-02:hover{background-color:#2EB6AA;}

a.btn-anchor-03{
display:block;
padding:.5em 1em;
text-align:center;
color:#2EB6AA;
background-color:#FFF;
border:#2EB6AA solid 1px;
transition:all 0.25s ease-in-out;
}
a.btn-anchor-03:hover{
color:#FFF;
background-color:#2EB6AA;}

a.btn-anchor-04{
display:block;
padding:.5em 1em;
color:#FFF;
border:#FFF solid 1px;
transition:all 0.25s ease-in-out;
}
a.btn-anchor-04:hover{
background-color:#FFF;
color:#999;
}

/*unit-styles***********************************************/
.unit-block-01{
width:20em;
/*位置確認用*/
/*background-color:rgba(0,0,0,.1);*/
color:#FFF;
text-align:center;
}
.unit-block-01 img{
display:block;
width:70%;
margin:auto;
}

.unit-block-01 span{
display:block;
padding:.25em 0;
font-size:4rem;
font-family:'groteskia';
}
.unit-block-01 a.btn-anchor-01
,.unit-block-01 a.btn-anchor-02{margin-top:1em;}



/*汎用クラス*/
/*汎用ブロックリンク*/
.boxLink{position:relative;}
.boxLink>a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}