@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
/* CSS Document */

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  setting parts
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
.selectbox select{
    font-size: 16px;
}

/*-------------------------------------------------basic*/
html { font-size: 62.5%; }
body { font-size:1.2rem; color: #2B2B2B; font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #242424; line-height: 1.6; }
body { -webkit-text-size-adjust: 100%; }
a:link { color: #242424; }
a:visited { color: #242424; }
a:hover,
a.hover { color: #242424; text-decoration: none; }
a:active { color: #242424; }
img { max-width:100%; max-height:auto; }
#pagetop { display:table; z-index:999; position: fixed; bottom: 10px; right: 10px; display:none; }
#pagetop a { -webkit-transition: all .3s ease-out; line-height:1.2; font-family: 'EB Garamond', serif; font-size: 1.0rem; background-color:#000; display:table-cell; vertical-align:top; width: 55px; height: 55px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color:#FFFFFF; text-decoration:none; text-align:center; letter-spacing: 1px; }
#pagetop a:before { content: "\f106"; font-family: FontAwesome; padding:0; display:block; font-size: 3.5rem; line-height: 0.8; line-height:;
}
#pagetop a.hover { -webkit-transition: all .3s ease-out; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }


/*-------------------------------------------------font*/
.FontMincho{font-family: 'Noto Serif JP', serif;font-weight: normal !important;letter-spacing: -0.5px;}

/*-------------------------------------------------GeneralTtl*/
.GeneralTtl{padding-bottom: 25px;width: 90%;}
.GeneralTtl .main{padding-bottom: 5px;margin-bottom: 8px;}
.GeneralTtl .main strong{
    font-weight: normal;
    font-size: 5.5vw;
}
.GeneralTtl .sub{font-weight: normal;}
.GeneralTtl .desc{font-size: 1.5rem;letter-spacing: 0;}


/*-------------------------------------------------PcChange*/
#PcChange{border-top: 1px solid #a5a5a5;border-bottom: 1px solid #bbb;text-align: center;padding: 10px 0;position: relative;}
#PcChange a{ border: none; font-size: 1.2rem; padding: 10px; width: 100%;}
#PcChange a:before{position: absolute;left: 15px;top:50%;margin-top:-0.9em;content:"\f108";font-family:FontAwesome;}
footer .reserveArea{ margin-top:0}

/*-------------------------------------------------Pan*/
#Pan{
    width: 90%;
}
#Pan ul{}
#Pan li{}
#Pan li + li:before{}
#Pan li a{}

/*-------------------------------------------------form*/
.selectbox{}


/*-------------------------------------------------CommonHead*/
#CommonHead {position:relative;z-index: 999;padding: 0;}

#CommonHead .main {background-color: #fff;position: relative;z-index: 9999;background: none;padding: 0;}
#CommonHead .main dl {display:flex;width: 100%;justify-content: space-between;}
#CommonHead .main dt {width: 45%;padding: 7px 0 7px 8px;line-height: 0;flex-basis: inherit;}
#CommonHead .main dd {margin-right: 0;display: flex;text-align: center;width: auto;padding-top: 0;}
#CommonHead .main dd a {white-space: nowrap;display: flex;flex-direction: column;text-decoration: none;padding-top: 8px;text-align: inherit;font-size: 3vw;width: 50%;box-sizing: border-box;height: 100%;padding: 4px 10px;justify-content: center;}
#CommonHead .main dd a:before {font-family:FontAwesome;display:block;text-align:center;font-size: 6vw;line-height: 1.2;font-weight:normal;}
#CommonHead .main dd a.shop {background-color:#ADA31D;color:#fff;letter-spacing: 1px;}
#CommonHead .main dd a.shop {
background: rgb(173,163,29);
background: -moz-linear-gradient(top, rgba(173,163,29,1) 0%, rgba(135,118,22,1) 100%);
background: -webkit-linear-gradient(top, rgba(173,163,29,1) 0%,rgba(135,118,22,1) 100%);
background: linear-gradient(to bottom, rgba(173,163,29,1) 0%,rgba(135,118,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ada31d', endColorstr='#877616',GradientType=0 );
}

#CommonHead .main dd a.menuBtn {background-color: #242424;color:#fff;font-weight: normal;letter-spacing: 2px;}
#CommonHead .main dd a.menuBtn{
background: rgb(94,94,94);
background: -moz-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(58,58,58,1) 100%);
background: -webkit-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(58,58,58,1) 100%);
background: linear-gradient(to bottom, rgba(94,94,94,1) 0%,rgba(58,58,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#3a3a3a',GradientType=0 );
}

#CommonHead .main dd a.shop:before { content:"\f007"; }
#CommonHead .main dd a.menuBtn:before { content:"\f0c9"; }
#CommonHead .main dd a.shop.hover { background-color:#DBCD24; }
#CommonHead .main dd a.menuBtn.hover { background-color:#464646; }

#CommonHead .sub {display:none;position:absolute;right: 0;width: 100%;/* min-width: 240px; */background-color: #242424;background-size:cover;background-repeat: no-repeat;background-position: center center;z-index:999;padding-bottom: 10px;}
#CommonHead .sub {-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);-ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);box-shadow: 0px 0px 4px rgba(0,0,0,0.4);}
#CommonHead .sub .menu { margin: 0 auto; }
#CommonHead .sub .menu ul,
#CommonHead_s .sub .menu ul {
    letter-spacing: 1px;
    text-align: left;
}
#CommonHead .sub .menu ul + ul {border-top: 1px solid #525252;display: flex;flex-wrap: wrap;}
#CommonHead .sub .menu li {display: block;padding-left: 0;}
#CommonHead .sub .menu ul + ul li {border-top: none;width: 50%;border-bottom: 1px solid #525252;box-sizing: border-box;}
#CommonHead .sub .menu li + li { border-top: 1px solid #525252; }
#CommonHead .sub .menu ul + ul li + li {border-left: 1px solid #525252;}
#CommonHead .sub .menu ul + ul li:nth-child(odd){border-left: none;}
#CommonHead .sub .menu li a {-moz-border-radius: 3px;display:block;text-decoration:none;color:#fff;padding: 10px 0 10px 12px;font-size: 1.4rem;position:relative;font-weight: normal;}
#CommonHead .sub .menu ul + ul li a { font-size: 1.2rem; padding: 8px 10px; align-items: center; display: flex; height: 100%; box-sizing: border-box; }
#CommonHead .sub .menu li a:after { position: absolute; right: 8px; top:50%; margin-top:-0.9em; content:"\f105"; font-family:FontAwesome; }
#CommonHead .sub .menu li a.hover { background-color:#242424 }
#CommonHead .dstAll,
#CommonHead_s .dstAll {margin: 0 auto;padding-bottom:5px;padding: 10px;display: block;box-sizing: border-box;background-color: #4a4a4a;}
#CommonHead .dstAll h3,
#CommonHead_s .dstAll h3{color:#fff;text-align: center;font-size: 1.6rem;padding-bottom: 10px;}
#CommonHead .dstAll ul,
#CommonHead_s .dstAll ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#CommonHead .dstAll li,
#CommonHead_s .dstAll li {width: 49%;display: block;}
#CommonHead .dstAll li + li,
#CommonHead_s .dstAll li + li {
    padding-left: 0;
    margin-left: 0;
}
#CommonHead .dstAll .selectbox,
#CommonHead_s .dstAll .selectbox{width: 100%;}
#CommonHead .dstAll li.btn,
#CommonHead_s .dstAll li.btn{ width: 100%; margin-top: 10px;}
#CommonHead .dstAll .selectbox select,
#CommonHead_s .dstAll .selectbox select{border:none;width:100%;}
#CommonHead .dstAll button,
#CommonHead_s .dstAll button{background-color:transparent;border:1px solid #fff;color:#fff;margin: 0 0 0 auto;display: block;font-size: 1.2rem;padding: 7px 25px 10px 25px;}
#CommonHead .dstAll button:hover,
#CommonHead .dstAll button:focus,
#CommonHead_s .dstAll button:hover,
#CommonHead_s .dstAll button:focus{ background-color:#ADA31D; border-color:#ADA31D;}

#CommonHead .AccClose,
#CommonHead_s .AccClose{margin-top: 10px;border: none;}
#CommonHead .AccClose:before,
#CommonHead_s .AccClose:before{ content:none;}
#CommonHead .AccClose a,
#CommonHead_s .AccClose a{border-color: #9e9e9e;color: #b3b3b3;font-size: 1.2rem;display: block;position: relative;width: 96%;text-align: center;margin: 0 auto;padding: 10px 0;border: 2px solid #a0a0a0;border-radius: 3px;text-decoration: none;}
#CommonHead .AccClose a:before,
#CommonHead_s .AccClose a:before{position: absolute;left: 10px;top:50%;margin-top: -0.5em;content:"\f00d";font-family:FontAwesome;font-size:20px;font-weight:normal;line-height: 1;}
#CommonHead .AccClose a:after,
#CommonHead_s .AccClose a:after{ content:"";}

/*-------------------------------------------------CommonHead_s*/
#CommonHead_s {}

#CommonHead_s .main {background-color: #fff;position: relative;z-index: 9999;}
#CommonHead_s .main dl { display:flex; display: -ms-flexbox; justify-content: space-between; }
#CommonHead_s .main dt {width: 45%;padding: 7px 0 7px 8px;line-height: 0;}
#CommonHead_s .main dd {display: flex;text-align: center;}
#CommonHead_s .main dd a {white-space: nowrap;display: flex;flex-direction: column;text-decoration: none;padding-top: 8px;text-align: inherit;font-size: 3vw;width: 50%;box-sizing: border-box;height: 100%;padding: 4px 10px;justify-content: center;}
#CommonHead_s .main dd a:before {font-family:FontAwesome;display:block;text-align:center;font-size: 6vw;line-height: 1.2;font-weight:normal;}
#CommonHead_s .main dd a.shop {color:#fff;letter-spacing: 1px;}
#CommonHead_s .main dd a.shop {
background: rgb(173,163,29);
background: -moz-linear-gradient(top, rgba(173,163,29,1) 0%, rgba(135,118,22,1) 100%);
background: -webkit-linear-gradient(top, rgba(173,163,29,1) 0%,rgba(135,118,22,1) 100%);
background: linear-gradient(to bottom, rgba(173,163,29,1) 0%,rgba(135,118,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ada31d', endColorstr='#877616',GradientType=0 );
}

#CommonHead_s .main dd a.menuBtn {color:#fff;font-weight: normal;letter-spacing: 2px;}
#CommonHead_s .main dd a.menuBtn{
background: rgb(94,94,94);
background: -moz-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(58,58,58,1) 100%);
background: -webkit-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(58,58,58,1) 100%);
background: linear-gradient(to bottom, rgba(94,94,94,1) 0%,rgba(58,58,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#3a3a3a',GradientType=0 );
}
#CommonHead_s .main dd a.shop:before { content:"\f007"; }
#CommonHead_s .main dd a.menuBtn:before { content:"\f0c9"; }
#CommonHead_s .main dd a.shop.hover { background-color:#DBCD24; }
#CommonHead_s .main dd a.menuBtn.hover { background-color:#464646; }

#CommonHead_s .sub {display:none;position:absolute;right: 0;width: 100%;/* min-width: 240px; */background-color: #242424;background-size:cover;background-repeat: no-repeat;background-position: center center;z-index:999;padding-bottom: 10px;}
#CommonHead_s .sub { -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15); -ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); }
#CommonHead_s .sub .menu { margin: 0 auto; }
#CommonHead_s .sub .menu ul { }
#CommonHead_s .sub .menu ul + ul {border-top: 1px solid #525252;display: flex;flex-wrap: wrap;}
#CommonHead_s .sub .menu li { }
#CommonHead_s .sub .menu ul + ul li {border-top: none;width: 50%;border-bottom: 1px solid #525252;box-sizing: border-box;}
#CommonHead_s .sub .menu li + li { border-top: 1px solid #525252; }
#CommonHead_s .sub .menu ul + ul li + li {border-left: 1px solid #525252;}
#CommonHead_s .sub .menu ul + ul li:nth-child(odd){border-left: none;}
#CommonHead_s .sub .menu li a { -moz-border-radius: 3px; display:block; text-decoration:none; color:#fff; padding: 10px 0 10px 12px; font-size: 1.4rem; position:relative; }
#CommonHead_s .sub .menu ul + ul li a { font-size: 1.2rem; padding: 8px 10px; align-items: center; display: flex; height: 100%; box-sizing: border-box; }
#CommonHead_s .sub .menu li a:after { position: absolute; right: 8px; top:50%; margin-top:-0.9em; content:"\f105"; font-family:FontAwesome; }
#CommonHead_s .sub .menu li a.hover { background-color:#242424 }

/*-------------------------------------------------Contact*/
#Contact{padding:30px 0}
#Contact h2{
    margin-bottom: 20px;
}
#Contact h2 .main{font-size:7vw}
#Contact h2 .sub{font-size:13px}
#Contact .sec{width:90%}
#Contact .sec .Tab{}
#Contact .sec .Tab li{font-size:1.4rem;padding:10px 0}
#Contact .sec .Tab li + li{}
#Contact .sec .Tab li:hover{}
#Contact .sec .Tab li.select{}
#Contact .sec .Tab li:before{}
#Contact .sec .Tab li:after{border-width:13px 15px 0;bottom:-10px}
#Contact .sec .Tab li.select:before{}
#Contact .sec .Tab li.select:after{}

/*-------------------------------------------------box*/
#Contact .box{padding:15px}
#Contact .box h3{display:block;text-align:left;margin-bottom:7px;margin-top:5px}
#Contact .box h3 .sub{display:inline-block;font-size:1.4rem;font-family:inherit;margin-bottom:5px}
#Contact .box h3 .main{font-size:5.5vw;line-height:1.4;letter-spacing:0;justify-content: flex-start;}
#Contact .box .company{margin-bottom:10px}
#Contact .box .company dl{display:block}
#Contact .box .company dt{display:none}
#Contact .box .company dt img{}
#Contact .box .company dd{padding:0;margin-bottom:7px}
#Contact .box .company dd + dd{text-align:center;margin-bottom:15px}
#Contact .box .company dd a{}
#Contact .box .company dd a:after{}
#Contact .box .company dd a:hover{}
#Contact .box .shopnews{margin-bottom:15px}
#Contact .box .shopnews dt{}
#Contact .box .shopnews dd{}
#Contact .box .shopnews dd strong{}
#Contact .box .topicBn{margin-bottom:10px;padding-bottom:10px}
#Contact .box .topicBn img{}
#Contact .box .topicBn .PC{display:none}
#Contact .box .topicBn .SMP{display:block}
#Contact .box .topicBn .atte{}
#Contact .box .inner{display:block;margin-bottom:5px}
#Contact .box .inner .Entry{justify-content:space-between}
#Contact .box .inner .Entry + .Entry{border-top:1px solid #b7b7b7;padding:0;margin:0;padding-top:10px;margin-top:15px}
#Contact .box .inner .Entry:after{content:none}
#Contact .box .inner .Entry:last-of-type:after{}
#Contact .box .inner .Entry h4{display:block;text-align:left;line-height:1.4;margin-bottom:5px}
#Contact .box .inner .Entry h4 span{font-size:1.4rem}
#Contact .box .inner .Entry h4 strong{font-size:2.4rem;display:block;padding:0;font-weight:400}
#Contact .box .inner .Entry .map{}
#Contact .box .inner .Entry .map a{}
#Contact .box .inner .Entry .map a:after{}
#Contact .box .inner .Entry .map a:before{}
#Contact .box .inner .Entry .map a:hover{}
#Contact .box .inner .Entry dl{justify-content:space-between}
#Contact .box .inner .Entry dt{font-size:6vw;white-space:nowrap;padding-right:10px}
#Contact .box .inner .Entry dt span{}
#Contact .box .inner .Entry dt span + span:before{}
#Contact .box .inner .Entry dd{}
#Contact .box .inner .Entry dd + dd{}
#Contact .box .inner .Entry .btn{}
#Contact .box .inner .Entry .btn li{}
#Contact .box .inner .Entry .btn li + li{}
#Contact .box .inner .Entry .btn li a{}
#Contact .box .inner .Entry .btn li a:hover{}
#Contact .box .inner .Entry .btn li a:after{}
#Contact .box .inner.large{margin-bottom:15px}
#Contact .box .inner.large:after{}
#Contact .box .inner.large .Entry{width:100%;padding-bottom:0;margin-bottom:0}
#Contact .box .inner.large .Entry h4{display:flex}
#Contact .box .inner.large .Entry h4 strong{padding-left:5px}
#Contact .box .inner.large .Entry:nth-child(3n):after{}
#Contact .box .inner.large .Entry:after{content:none}
#Contact .box .inner.large .Entry dl{display:flex;justify-content:space-between}
#Contact .box .inner.large .Entry dd{line-height:1.4}
#Contact .box .inner.large .Entry .btn{position:relative;bottom:auto}
#Contact .btnLarge{margin:20px 0 10px}
#Contact .btnLarge a{padding:12px 18px;font-size:1.4rem;font-weight:700;width:100%;box-sizing:border-box;margin-bottom: 20px}
#Contact .btnLarge a span{display:block}
#Contact .btnLarge a:hover{opacity:.6}
#Contact .btnLarge a:after{right:7px}
#Contact .br_sp{display: block}

/*-------------------------------------------------ClassOneMmbFooter*/
#ClassOneMmbFooter{padding:15px;margin-bottom:5px}
#ClassOneMmbFooter .ttl{margin-bottom:10px}
#ClassOneMmbFooter .ttl .logo{}
#ClassOneMmbFooter .ttl .logo img{}
#ClassOneMmbFooter .ttl dl{}
#ClassOneMmbFooter .ttl dt{flex-direction:column;font-size:4vw;line-height:1.4}
#ClassOneMmbFooter .ttl dt span{margin-bottom:8px}
#ClassOneMmbFooter .ttl dd{}
#ClassOneMmbFooter .ttl dd:before,#ClassOneMmbFooter .ttl dd:after{display:none}
#ClassOneMmbFooter .nyukai{padding:10px;display:block}
#ClassOneMmbFooter .nyukai .txt{width:100%;font-family:inherit;font-size:1.4rem;margin-bottom:7px}
#ClassOneMmbFooter .nyukai .btn{}
#ClassOneMmbFooter .nyukai .btn a{width:100%;display:block;box-sizing:border-box;padding:7px;text-align:center}
#ClassOneMmbFooter .nyukai .btn a:after{}
#ClassOneMmbFooter .nyukai .btn a:hover{}
#ClassOneMmbFooter .nyukaiAtte{text-align:left;margin-bottom:10px}

/*-----------------------------------Limited*/
.Limited{}
.Limited h4{font-size:1.8rem}
.Limited h4{}
.Limited h5{font-size:2rem;padding:0 10px;width:auto;line-height:1.4;margin-bottom:5px}
.Limited .date{color:#a29604;width:96%;height:100%;position:relative;border-radius:0;display:flex;justify-content:center;top:auto;left:auto;background-color:inherit;margin:0 auto;line-height:1;align-items:center;padding:0;margin-bottom:3px}
.Limited .date p{width:auto;align-items:center}
.Limited .date p + p{}
.Limited .date p:last-child{}
.Limited .date p.year{padding-bottom:0}
.Limited .date p strong{line-height:1}
.Limited .date p strong.min{font-size:2rem}
.Limited .date p strong.max{font-size:3rem}
.Limited .date p.year strong{font-size:2rem}
.Limited .date p span{}
.Limited .txt{padding:0 10px;margin-bottom:5px}
.Limited .atte{padding:0 10px;margin-bottom:5px}
.Limited .photo{display:none}