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


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  setting parts
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------basic*/

html { font-size: 62.5%; }
body { }
body { -webkit-text-size-adjust: 100%; }
body.slide-overlay {
   display: block !important;
   overflow: hidden;
   position: relative
 }

body.slide-overlay:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 99;}
#pagetop{
    bottom: 80px;
}
#pagetop a{
    width: 50px;
    height: 50px;
    font-size: 11px;
}
#pagetop a:before{
    font-size: 20px;
}
#pagetop a:hover{}

img{}

.photo{ }
.photo .img{}
.photo .caption{}

article{font-size:1.2rem; font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #242424; line-height: 1.6; }
article input,article select,article button{font-size:1.2rem; font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

/*-------------------------------------------------Pan*/
.breadcrumb{
    background-color: #fff;
    padding: 10px 0;
    font-size: 11px;
    overflow-x: auto;
    margin-left: 15px;
}
.breadcrumb ul{
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 16px;
}
.breadcrumb ul:before{content:"";background-image: url("/cmn/icon/icon_home.png");width: 14px;height: 14px;background-repeat: no-repeat;background-size: contain;position: absolute;left: 0;top: 2px;}
.breadcrumb li{
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.breadcrumb li a{ color: #333}
.breadcrumb li + li:before{content:'';display: block;background:#888;margin:0 8px;width:1px;height:12px;}




/*---------------------------------Head*/
#smpMenu{ display: block}
#Head{
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    align-items: center;
    display: none;
}
#Head.fixed{
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    position: fixed;
    z-index: 98;
    width: 100%;
    box-sizing: border-box;
}
#Head h2{
    width: 160px;
    margin-right: 20px;
}
#Head h2 p{
    font-size: 13px;
    text-align: center;
    padding-bottom: 3px;
}
#Head h2 p + p{
    padding-bottom: 0;
    width: 130px;
    margin: 0 auto;
}
#Head .icon{
    color: #fff;
    padding: 10px 18px 10px 15px;
    line-height: 1;
    border-radius: 100px;
    background-color: #ad9e68;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
#Head .icon li{}
#Head .icon li.border{

border-top: 2px solid #fff;

width: 22px;

margin: 0 auto;
}
#Head .icon li.border:before{content:"";border-top: 2px solid #fff;display: block;margin-top: 5px;}
#Head .icon li.border:after{content:"";border-top: 2px solid #fff;display: block;margin-top: 5px;}
#Head .icon li.btn{
    text-align: center;
    color: #fff;
    white-space: nowrap;
    padding-right: 5px;
}
#Head .icon li.btn a{color: #fff;text-decoration: none;font-size: 12px;}




/*--------------------------------openNav*/
#LineUP.openNav {
   display: block;
   width: 100%;
   height: 100%;
   position: fixed;
   overflow-y: scroll;
   top: 0;
   right: -100%;
   z-index: 100000;
   text-align: center;
   -webkit-transition: all .4s;
   -moz-transition: all .4s;
   -ms-transition: all .4s;
   transition: all .4s;
   -webkit-overflow-scrolling: touch;
 }
#LineUP.openNav.active {
   right: 0;
 }
#LineUP.openNav > .SC {
   margin-left: 15%;
   background-color: #f0f0f0;
   height: 100%;
   width: calc(100% - 15%);
   position: relative;
 }
#LineUP.openNav > .SC h2{
    padding-top: 15px;
    margin: 0 auto;
    margin-bottom: 20px;
}
#LineUP .SC li{
    padding: 18px 5px;
}

#LineUP.openNav > .SC li .main a{
    font-size: 17px;
}


#LineUP.openNav > .SC .close {
   box-sizing: border-box;
   width: 33px;
   height: 33px;
   position: absolute;
   top: 10px;
   left: -44px;
 }
#LineUP.openNav > .SC .close span {
   display: block;
   width: 100%;
   height: 2px;
   background: #4c3d1b;
   margin-top: 8px;
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   -ms-transition: all .3s;
   transition: all .3s
 }
#LineUP.openNav > .SC .close span {
   background: #fff
 }
#LineUP.openNav > .SC .close span:first-child {
   transform: translate(0, 14px) rotate(45deg)
 }
#LineUP.openNav > .SC .close span:nth-child(2) {
   opacity: 0
 }
#LineUP.openNav > .SC .close span:nth-child(3) {
   transform: translate(0, -6px) rotate(-45deg)
 }
#LineUP.openNav > .SC .close span:first-child {
   margin-top: 4px
 }


/*-------------------------------------------------h2.common*/
article h2.common{
    margin-bottom: 20px;
}
article h2.common p{}
article h2.common p.main{
    font-size: 10vw;
}
article h2.common p.sub{
    font-size: 4vw;
}
article h2.common p + p{}

/*-------------------------------------------------form*/

input[type=radio]{}
input[type=radio]+label{}
input[type=radio]+label::before,input[type=radio]+label::after{}
input[type=radio]+label::before{}
input[type=radio]+label::after{}
input[type=radio]:checked+label::before{}
input[type=radio]:checked+label::after{}
input[type=checkbox]{}
input[type=checkbox]+label{}
input[type=checkbox]+label::before{}
input[type=checkbox]+label::before{}
input[type=checkbox]:checked+label{}
input[type=checkbox]:checked+label::before,input[type=checkbox]+label:hover::before{}
input[type=checkbox]:checked+label::after{}
input[type=text]{}
input[type=text]:hover,input[type=text]:focus{}
.selectbox{}
.selectbox:before{}
.selectbox.noTxt:before{}
.selectbox select{
    height: auto;
    padding: 10px 30px 10px 17px;
    border-radius: 3px;
}
.selectbox select:hover{}
select[disabled]{}
select::-ms-expand{}
select:-moz-focusring{}
button{
    height: auto;
    padding: 10px 10px;
    border-radius: 3px;
}
button:hover,button:focus{}
input::placeholder{}

.smpDate{
    display: flex;
    justify-content: space-between;
}
.smpDate p{
    display: flex;
    align-items: center;
}
.datepicker:after{
    display: none;
}

/*-------------------------------------------------font*/
.FontMin{font-family: 'Noto Serif JP', serif;font-weight: normal !important;}


.FontEn{}
.FontPrice strong{}

/*-------------------------------------------------.loading*/
.loadingWrap{}
.loadingIn{}
.loadingIn.is_active{}
.loading{}
.loading.white{}




/*-------------------------------------------------CommonFooter*/
#CommonFooter{
    padding-top: 25px;
}
#CommonFooter .box{}
#CommonFooter .topicBn{}
#CommonFooter .topicBn .atte{}

/*-------------------------------------------------contact*/
#CommonFooter .box.contact{
    width: 90%;
}
#CommonFooter .box.contact h2 {
    margin-bottom: 20px;
}
#CommonFooter .box.contact h2 .sub {
    font-size: 3.5vw;
}
#CommonFooter .box.contact h2 .main {
    font-size: 5vw;
    line-height: 1.5;
    display: block;
}
#CommonFooter .box.contact h2 .main span{
    display: block;
}
#CommonFooter .box.contact h2 .main:before,
#CommonFooter .box.contact h2 .main:after {
    content: none;
}
#CommonFooter .company {
    width: 100%;
    margin-bottom: 15px;
}
#CommonFooter .company dl {flex-wrap: wrap;justify-content: space-between;align-items: center;}
#CommonFooter .company dt {
    order: 1;
    width: 40%;
}
#CommonFooter .company dt img {display: inline-block;width: 95%;}
#CommonFooter .company dd {
    padding: 0;
    order: 3;
    width: 100%;
    padding-top: 10px;
}
#CommonFooter .company dd + dd {
    order: 2;
    width: 60%;
    padding-left: 10px;
    box-sizing: border-box;
}
#CommonFooter .company dd a {
    margin: 0 auto;
    padding: 6px 6px;
    text-align: center;
    box-sizing: border-box;
}
#CommonFooter .company dd a:after {}
#CommonFooter .company dd a:hover {}

#CommonFooter .shopnews {
    width: 100%;
}
#CommonFooter .shopnews dt {}
#CommonFooter .shopnews dd {}
#CommonFooter .shopnews dd strong {}

#CommonFooter .box.contact .inner {
    width: 100%;
    display: block;
}
#CommonFooter .box.contact .inner .Entry {
    width: 100%;
    border-top: 1px solid #7d7d7d;
    padding-top: 10px;
    margin-top: 15px;
}
#CommonFooter .box.contact .inner .Entry .photo {
    display: none;
}
#CommonFooter .box.contact .inner .Entry .photo img{}
#CommonFooter .box.contact .inner .Entry h3 {
    font-weight: normal;
}
#CommonFooter .box.contact .inner .Entry h3 strong {}
#CommonFooter .box.contact .inner .Entry .map {}
#CommonFooter .box.contact .inner .Entry .map a {}
#CommonFooter .box.contact .inner .Entry .map a:after {}
#CommonFooter .box.contact .inner .Entry .map a:before {}
#CommonFooter .box.contact .inner .Entry .map a:hover {}
#CommonFooter .box.contact .inner .Entry dl {}
#CommonFooter .box.contact .inner .Entry dt {}
#CommonFooter .box.contact .inner .Entry dd {}
#CommonFooter .box.contact .inner .Entry dd + dd {}

#CommonFooter .box.contact .inner .Entry dd.new{}
#CommonFooter .box.contact .inner .Entry dd.new ul{}
#CommonFooter .box.contact .inner .Entry dd.new li{}
#CommonFooter .box.contact .inner .Entry dd.new li.icon{}
#CommonFooter .box.contact .inner .Entry dd.new li + li{}
#CommonFooter .box.contact .inner .Entry dd.new li span{}

/*-------------------------------------------------ClassOneMmbFooter*/
#ClassOneMmbFooter {
    width: 100%;
    /* display: none; */
    margin-top: 0;
    margin-bottom: 30px;
}
#ClassOneMmbFooter .ttl {}
#ClassOneMmbFooter .ttl .logo {}
#ClassOneMmbFooter .ttl .logo img {}
#ClassOneMmbFooter .ttl dl {}
#ClassOneMmbFooter .ttl dt {
    display: block;
    font-size: 15px;
}
#ClassOneMmbFooter .ttl dt span{
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    box-sizing: border-box;
}
#ClassOneMmbFooter .ttl dd {}
#ClassOneMmbFooter .nyukai {
    display: block;
    padding: 10px;
}
#ClassOneMmbFooter .nyukai .txt {
    padding-right: 0;
    padding-bottom: 10px;
}
#ClassOneMmbFooter .nyukai .btn {}
#ClassOneMmbFooter .nyukai .btn a {}
#ClassOneMmbFooter .nyukai .btn a:after {}
#ClassOneMmbFooter .nyukai .btn a:hover {}
#ClassOneMmbFooter .nyukaiAtte{}


/*------------------------------------------floatingBn-*/
#floatingBn{padding: 5px 0;}
#floatingBn p{
    width: 90%;
}
#floatingBn img{

}
#floatingBn a{
}
#floatingBn a:hover{}
#floatingBn .delete{
    right: -11px;
}
#floatingBn .delete:after{}
#floatingBn .delete:hover{}