/* CSS Document */

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

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

html{
height:100%;
font-size:0.625em;
}
body{
font-family:'Noto Sans JP', sans-serif,YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
/*font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans",'Noto Sans JP', sans-serif, Meiryo, "sans-serif";*/
font-size:1.4rem;
line-height:1.75em;
position:relative;
background-color:transparent;
color:#666;
}
header{
width:100%;
position:fixed;
top:0;
z-index:3;
background-color:#2EB6AA;
}
header .container-lg{
height:60px;
position:relative;
}

.unit-section{padding:5em 0;}
.unit-section.rev01{
background-color:#FFF;
}
.unit-section.rev02{
background-color:rgba(227,253,249,1.00);
}


#brand-logo-01{
position:absolute;
top:.5em;
left:1em;
width:11em;
}
#brand-logo-02{width:11em;}

footer{
padding:4em 0 0 2em;
text-align:center;
background-color:#2EB6AA;
}

/*mainNavigation*********************************************/
a.anchor-top{
position:fixed;
display:block;
right:0;
bottom:15em;
z-index:5;
padding:2em 0;
border-width:1px 0 1px 1px;
background-color:#666;
color:#FFF;
text-align:center;
font-size:1rem;
font-family:'Roboto',sans-serif;
-ms-writing-mode:tb-rl; /* for IE */
writing-mode:vertical-rl;
transition:all .5s;
}
@media only screen and (min-width:768px){
a.anchor-top{}
}
a.anchor-top:hover{background-color:#333;}


.menu-trigger,
.menu-trigger span{
display:inline-block;
transition:all .7s;
box-sizing:border-box;
}
.menu-trigger{
position:fixed;
right:1rem;
top:1em;
width:3em;
height:2.5em;
background-color:transparent;
z-index:6;
cursor:pointer;
}
.menu-trigger span{
position:absolute;
left:0;
width:100%;
height:.5em;
background-color:#FFF;
border-radius:.5em;
}
.menu-trigger span:nth-of-type(1){top:0;}
.menu-trigger span:nth-of-type(2){top:1em;}
.menu-trigger span:nth-of-type(3){bottom:0;}

.menu-trigger.active span:nth-of-type(1),
.menu-trigger.active span:nth-of-type(2),
.menu-trigger.active span:nth-of-type(3){background-color:#FFF;}
.menu-trigger.active span:nth-of-type(1){
-webkit-transform: translateY(1em) rotate(-315deg);
transform: translateY(1em) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2){opacity:0;}
.menu-trigger.active span:nth-of-type(3){
-webkit-transform: translateY(-1em) rotate(315deg);
transform: translateY(-1em) rotate(315deg);
}

/*PCメニュー*/

/*12/21修正バックアップ・異常なければ削除OK
#nav-main-01{display:none;}
#nav-main-01 .menuList{
padding-top:18px;
text-align:right;
}
#nav-main-01 .menuList li{
display:inline-block;
margin-left:1em;
}
#nav-main-01 .menuList li a{
display:block;
font-family:'Roboto',sans-serif;
font-weight:700;
font-size:1.2rem;
color:#FFF;
transition:all 0.25s ease-in-out;
}
#nav-main-01 .menuList li a:hover{color:#CCC;}
*/



#nav-main-01{display:none;}
#nav-main-01 .menuList{
width:100%;
padding-top:18px;
/*height:60px;*/
display:flex;
justify-content:flex-end;
align-items:baseline;
}
#nav-main-01 .menuList li{
margin:0;
}
#nav-main-01 .menuList li a{
display:block;
padding:0 0 0 2em;
font-weight:700;
font-size:1.2rem;
font-family:'Noto Sans JP', sans-serif,YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
color:#FFF;
transition:all 0.25s ease-in-out;
}
#nav-main-01 .menuList li a:hover{color:#CCC;}

.nav-sub-01{display:none;}
.nav-sub-01 li{text-align:left;}
.nav-sub-01 li a{
display:block;
margin:.5em 0;
color:#FFF;
}

.nav-sub-02{}
.nav-sub-02 li{padding-bottom:.5em;}
.nav-sub-02 li a.btn-anchor-04{text-align:left;}



/*モバイルメニュー*/
#nav-mobile-01{
position:fixed;
top:0;
z-index:5;
width:100%;
height:100%;
background-color:rgba(0,0,0,.7);
display:none;
}
#nav-mobile-01 .menuList{
margin-top:60px;
}
#nav-mobile-01 .menuList li{
display:inline-block;
width:100%;
}
#nav-mobile-01 .menuList li a{
display:block;
padding:.75em 2em;
font-weight:700;
color:#FFF;
border-bottom:#EEE solid 1px;
transition:all .2s ease-in;
}
#nav-mobile-01 .menuList li a:hover{
background-color:#FFF;
color:#333;
}

/*breadcrumb-style*/
#breadcrumb{
width:100%;
margin-top:1em;
background-color:#FFF;
font-size:1.2rem;
border:#2EB6AA solid 1px;
}
#breadcrumb li{display:inline-block;}
#breadcrumb li:first-child{padding-left:1.5em;}
#breadcrumb a:after{
content:'>';
color:#333;
margin:0 .5em;
}
#breadcrumb a:hover{color:#CCC;}

/*bottom-info*/
.list-guide-shop-01{
color:#FFF;
text-align:center;
margin-bottom:1em;
}
.list-guide-shop-01 dt,
.list-guide-shop-01 dd{}
.list-guide-shop-01 dt{margin-bottom:1em;}
.list-guide-shop-01 dd{}
.list-guide-shop-01 dd a{
margin:.25em 0;
font-size:1em;
color:inherit;
}
@media only screen and (min-width:768px){
.list-guide-shop-01{text-align:left;}
}


footer .copyRight{
display:block;
text-align:center;
font-family:'Roboto', sans-serif;
font-size:1.1rem;
color:#FFF;
}

@media only screen and (min-width:768px){
footer .copyRight{text-align:right;}
}

/*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-page-01.rev8{ background-color:#999;}


.hdg-section-01{
width:20em;
margin:auto;
}
.hdg-section-01 img{
display:block;
width:70%;
margin:auto;
}

.hdg-section-02{
margin:2em 0;
text-align:center;
line-height:1.5em;
font-size:2.5rem;
font-weight:700;
color:#2EB6AA;
}

.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;
}


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