@charset "utf-8";
/* CSS Document */
body{position:relative;font-family:'Noto Sans Japanese', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-weight:700;letter-spacing:0.1em;}
a:hover{opacity:0.7;}
@media screen and (min-width:1024px) {body{font-size:1.1rem;} }
@media screen and (min-width:768px) and ( max-width:1024px) {body{font-size:1rem;} }
@media screen and (max-width:768px) { body{font-size:0.9rem;} }
@media screen and (max-width:480px) { body{font-size:0.8rem;} }
.sp{display:none;}.tab{display:none;}.pc{display:inline;}.sp_b{display:none;}
nav{color:#fff;}
.menu{position:fixed;top:0;right:0;}
#hm {display:inline-block;position:relative;width:50px;height:50px;vertical-align:middle;}
#hm-icon {display:block;position:absolute;top:40%;left:45%;width:25px;height:1px;margin:3px 0 0;background:#bbb;transition:.2s;}
#hm-icon:before, #hm-icon:after {display: block;content: "";position: absolute;top:50%;left:0;width:25px;height:1px;background:#bbb;transition: .4s;}
#hm-icon:before{margin-top: -8px;}
#hm-icon:after{margin-top: 7px;}
#hm .close{background: transparent;}
#hm .close:before, #hm .close:after{margin-top: 0;}
#hm .close:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#hm .close:after {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#sp_menu{position:fixed;top:0;display:none;z-index:11;width:100%;height:100%;background:url(../img/u1a.jpg);background-size:cover;background-position:center center;}
.inner{height:100%;display:flex;-webkit-justify-content:center;justify-content: center;-webkit-align-items:center;align-items:center;}
#sp_menu a{text-align:center;display:block;margin:0 auto 15px;padding:0.5rem;font-size:1rem;color:#fff;}
#sp_menu .logo a{margin-bottom:30px;font-size:1.25rem;text-align:center;}
.logo span{text-align:center;margin:0 auto;display:block;font-size:0.5rem;}
header{position:absolute;top:0;font-weight:500;z-index:1000;width:100%;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
header h1,header h2{font-family:'Noto Sans Japanese';font-weight:700;font-size:130%;padding:1rem 2rem;}
header h1 a,header h2 a{color:#fff;}header h2 strong{font-weigth:700;}
header h1 a span,header h2 a span{display:block;font-family: 'Abel', sans-serif;font-size:0.5rem;font-weight:normal;}
header .menu{z-index:20;cursor:pointer;margin-right:15px;}
#mainimage{background-position:top center;}
header nav ul li a{font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
/**********************************************************************
* Media Query For PC
***********************************************************************/
@media screen and (min-width: 760px) {
.is-fixed{z-index:100;width:100%;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;}
.is-fixed nav ul li a{padding:15px 0;}
.is-fixed nav ul li.ec_shop a{padding:15px 45px;}
header{padding:0;width:100%;}
header .menu{display:none;}
header nav ul{text-align: right;display: flex;-webkit-align-items: center;align-items: center;}
header nav ul li{letter-spacing: 1px;}
header nav ul li a{color:#fff;font-size:0.9rem;margin-right: 35px;display: block;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;}
}
/**********************************************************************
* Media Query For PC
***********************************************************************/
@media screen and (max-width:768px){ .pc{display:none;}.tab{display:inline;}}
@media screen and (max-width:480px){ .sp{display:inline;}.pc2{display:none;}.sp_b{display:block;}.pc_b{display:none;}header h1,header h2{padding:0.5rem 1rem;}}
footer,footer a{color:#fff;}
footer div:nth-of-type(1){text-align:center;padding:5rem 0;background:url(../img/u1.jpg);background-size:cover;background-position:center center;}
footer dt{font-size:120%;}
footer dd{font-weight:400;}
footer dd strong{font-weight:400;font-size:80%;}
footer dd:nth-of-type(2){font-family: 'Abel', sans-serif;font-size:70%;font-weight:normal;}
footer dd img{display:block;width:45px;height:auto;margin:1rem auto;}
footer dd span{font-size:170%;font-weight:700;display:block;margin:auto;}
footer div:nth-of-type(1) ul{font-weight:400;font-size:80%;margin-top:1rem;}
footer div:nth-of-type(1) li{margin-bottom:1rem;}
footer div:nth-of-type(1) p{font-family: 'Abel', sans-serif;font-size:90%;font-weight:normal;}
footer div:nth-of-type(2){font-family: 'Abel', sans-serif;font-weight:normal;padding:3rem 2rem 2rem;text-align:right;background:url(../img/u8.jpg);background-size:cover;background-position:center center;}
footer div:nth-of-type(2) ul{font-size:80%;display:flex;justify-content:flex-end;margin-bottom:0.5rem;}
footer div:nth-of-type(2) li:nth-of-type(1){margin-right:1rem;}
footer div:nth-of-type(2) p{font-size:70%;}
@media screen and (max-width:480px){ 
header h1,header h2{font-size:150%;}
header h1 a,header h2 a{color:#fff;}
header h1 a span,header h2 a span{font-size:0.475rem;}
footer div:nth-of-type(1){background:url(../img/u1a.jpg);background-size:cover;background-position:center center;padding:2rem 0;}
footer div:nth-of-type(2){padding:1rem;text-align:right;background-position:right center;}
footer div:nth-of-type(2) ul{font-size:90%;}
footer div:nth-of-type(2) p{font-size:80%;}
footer dd span{font-size:150%;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
header h1,header h2{font-size:200%;}
header h1 a span,header h2 a span{font-size:1rem;}
header nav ul li a{font-size:1.1rem;margin-right:45px;}
}