@charset "utf-8";
/* CSS Document */

@import url("/theme/qualita/asset/fonts/fontAwesome/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Vidaloka&display=swap');
/*英数字 font-family: 'Vidaloka', serif;/*


/*-------------------------------------------------Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, cite, code, del, em, img, q, s, samp,
strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; font-style:normal; zoom:1; }
li{ list-style-type:none;}

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

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

a:link{ color: #ad9e68;}
a:visited{ color: #ad9e68;   }
a:hover{ color: #ad9e68; text-decoration: none; }
a:active{ color: #ad9e68;  }
a{-webkit-transition: all .3s ease-out; }

#pagetop{z-index:999;position: fixed;bottom: 15px;right: 15px;display:none;text-align: center;}
#pagetop a{font-family: 'Roboto Condensed', sans-serif;line-height:1.2;font-size:12px;background-color: #989898;width:70px;height:70px;border-radius: 100%;color:#FFFFFF;text-decoration:none;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#pagetop a:before{content: "\f106";font-family: FontAwesome;padding:0;display:block;font-size: 40px;line-height: 0.5;text-align: center;padding-bottom: 5px;margin-top: -5px;}
#pagetop a:hover{-webkit-transition: all .3s ease-out; filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

img{border:none;width: 100%;height: auto;backface-visibility: hidden;}

.photo{ position: relative}
.photo .img{}
.photo .caption{font-size: 10px;position: absolute;color: #fff;bottom: 5px;background-color: rgba(0,0,0 ,0.4);right: 5px;padding: 2px 4px;line-height: 1.2;}

article{font-family: "游ゴシック Medium", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-size: 16px;color:#000;line-height:1.6;font-feature-settings: "palt";letter-spacing: 0.5px;background-color: #f1f1f1;}
article input,article select,article button{font-family: "游ゴシック Medium", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-size: 18px;}

#smpMenu{ display: none}

/*-------------------------------------------------Pan*/
.breadcrumb{background-color:#fff;padding:10px 0;font-size:12px}
.breadcrumb ul{width:992px;margin:0 auto;display:flex;align-items:center}
.breadcrumb ul:before{content:"";background-image:url(/cmn/icon/icon_home.png);width:14px;height:14px;background-repeat:no-repeat;background-size:contain;margin-right:4px}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb li a{color:#333}
.breadcrumb li + li:before{content:'';display:block;background:#888;margin:0 8px;width:1px;height:12px}

/*-------------------------------------------------h2.common*/
article h2.common{text-align:center;margin-bottom: 55px;color: #ad9e68;}
article h2.common p{}
article h2.common p.main{font-size:54px}
article h2.common p.sub{font-size:18px}
article h2.common p + p{padding-top:3px}

/*-------------------------------------------------form*/
input[type=radio]{display: none;}
input[type=radio]+label {position: relative;display: inline-block;cursor: pointer;padding-left:24px;margin-right: 0px;font-size:14px;}
input[type=radio]+label::before,
input[type=radio]+label::after { position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
input[type=radio]+label::before { width: 20px; height: 20px; margin-top: -12px; background: #FFF; border: 2px solid #CECECE; }
input[type=radio]+label::after { left: 5px; width: 10px;height: 10px;margin-top: -7px; background: #CECECE;}
input[type=radio]:checked+label::before { border-color:#333333; }
input[type=radio]:checked+label::after {background: #333333;}

input[type=checkbox]{display: none;}
input[type=checkbox]+label {position: relative;display: inline-block;cursor: pointer;padding-left: 22px;margin-right: 0px;font-size: 14px;}
input[type=checkbox]+label::before{ position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
input[type=checkbox]+label::before {width: 16px;height: 16px;margin-top: -11px;background: #FFF;border: 1px solid #B7B7B7;}
input[type=checkbox]:checked+label{color: #a56c4b;}
input[type=checkbox]:checked+label::before,
input[type=checkbox]+label:hover::before  {border-color: #a56c4b;}
input[type=checkbox]:checked+label::after {content: "\f00c";font-family:FontAwesome;position:absolute;top: 3px;left: 1.5px;color: #a56c4b;font-size: 14px;line-height: 1;}

input[type=text]{outline:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';background: none transparent;background-color:#fff;vertical-align: middle;font-size: 18px;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 60px;padding: 0 15px;border: none;width:auto;border-radius: 0;box-sizing:border-box;}
input[type=text]:hover,
input[type=text]:focus{border-color:#666666;}

.selectbox {position: relative;display: block;white-space:nowrap;}
.selectbox:before { z-index: 1; position: absolute; right: 8px; top:50%; margin-top:-0.6em;content: "\f078"; font-family:FontAwesome; color: #7F878C; font-size:12px;pointer-events: none; }
.selectbox.noTxt:before {right: 10px;}
.selectbox select{background-color:#fff;outline:none;-moz-appearance: none;text-indent: 0.01px;vertical-align: middle;font-size: 18px;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 60px;padding: 3px 30px 3px 17px;border: none;width: 100%;border-radius: 0;}
.selectbox select:hover{cursor: pointer}

select[disabled]{ background-color:#eee; color:#999; }
select::-ms-expand {display: none;}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a;}

button{-webkit-transition: all .3s ease-out;position:relative;display: block;overflow: visible;margin:0;cursor: pointer;transition: background 0.2s;text-align: center;text-decoration: none;outline: 0;border:none;background-color: #ad9e68;box-sizing:border-box;color:#FFFFFF;font-size:14px;width: 100%;height: 60px;}
button:hover,
button:focus { background: #938348;-webkit-transition: all .3s ease-out;}

input::placeholder{ color:#B7B7B7}


/*-------------------------------------------------font*/
.FontMin{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight:bold !important;-webkit-font-smoothing:antialiased;}
_:-ms-input-placeholder, :root .FontMin { letter-spacing:-1px !important;}


.FontEn{font-family: 'Vidaloka', serif;font-weight: normal;line-height: 1.2;}
.FontPrice strong{font-size: 210%;font-weight: normal;font-family: 'Vidaloka', serif;display: inline-block;letter-spacing: -1px;}

/*-------------------------------------------------.loading*/
.loadingWrap{ position:relative;  }
.loadingIn{opacity:0;transition:0.3s;height: 150px;}
.loadingIn.is_active{opacity:1;height:auto;}
.loading{text-align:center;position:absolute;top:50%;left:50%;z-index:10;margin-top: -25px;margin-left: -25px;background-image: url("/theme/qualita/asset/images/spin_black.svg");background-repeat: no-repeat;background-position: center center;width:50px;height: 50px;background-size: contain;}

.loading.white{background-image: url("/theme/qualita/asset/images/spin_white.svg");}


/*-------------------------------------------------datepicker*/
.datepicker{ position:relative; }
.datepicker:after{ z-index: 1; position: absolute; right: 8px; top:50%; margin-top:-0.7em; content: "\f073"; font-family:FontAwesome; color: #7F878C; font-size:18px; pointer-events: none; }

#ui-datepicker-div{font-size: 14px; border: 1px solid #999; padding:5px; background-color:#FFFFFF;}
.ui-widget-header{ background: #fff url(none); border: 1px solid #CCC; }
.ui-widget-content{  background: #fff url(none); }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:none; border:none; background-color:#EAEAEA; color:#000; text-align:center;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { background-color:#E0DDBC}
.ui-state-active{background-color: #ADA31D !important;color: #fff !important;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled{ opacity:0.15;}

.ui-datepicker-today .ui-state-hover{background-color:#EAEAEA !important;}

.datepicker{ position:relative;}
.datepicker:after{ z-index: 1; position: absolute; right: 8px; top:50%; margin-top:-0.7em; content: "\f073"; font-family:FontAwesome; color: #7F878C; font-size:18px; pointer-events: none; }

.datepicker .active.color{ background-color:#F5F5EB !important; } 

#airSearch .ui-widget-content,
#AHSearch .ui-widget-content{background: #fff url(none);padding-top: 55px;}
.doc{position: relative;}
.cal{position: absolute;width: 100%;top: 0;z-index:99;}

.ui-state-selected{background: #ADA31D !important;color: #fff !important;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
	border:none;
	background:none;
	font-weight:normal;
	color: #599fcf;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left:2px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right:2px;
}


/*-------------------------------------------------CommonFooter*/
#CommonFooter{background-color:#111;padding-top:40px;color:#fff}
#CommonFooter .box{width:992px}
#CommonFooter .topicBn{text-align:center;padding-bottom:50px}
#CommonFooter .topicBn .atte{padding-top:5px}

/*-------------------------------------------------contact*/
#CommonFooter .box.contact{padding-bottom:5px;width:992px;margin:0 auto}
#CommonFooter .box.contact h2 {width: auto;margin-bottom: 12px;text-align: center;font-weight: normal;color: #dac98c;line-height: 1.8;}
#CommonFooter .box.contact h2 .sub {font-size: 18px;letter-spacing: 1px;}
#CommonFooter .box.contact h2 .main {letter-spacing: 1px;font-size: 28px;display: flex;padding-top: 0;align-items: center;justify-content: center;}
#CommonFooter .box.contact h2 .main:before,
#CommonFooter .box.contact h2 .main:after {content:"";width: 60px;margin: 0 5px;border-bottom: 1px solid #dac98c;}
#CommonFooter .company {width: 992px;margin: 0 auto;margin-bottom: 30px;}
#CommonFooter .company dl { display: flex; margin: 0 auto; align-items: center; }
#CommonFooter .company dt { width: 115px; }
#CommonFooter .company dt img { width: 100%; }
#CommonFooter .company dd {font-size: 13px;padding: 0 10px;flex: 1;}
#CommonFooter .company dd + dd {padding: 0;width: 160px;flex: inherit;}
#CommonFooter .company dd a {text-decoration: none;padding: 10px 20px;border-radius: 3px;display: block;white-space: nowrap;border: 1px solid #dac98c;position:relative;}
#CommonFooter .company dd a:after { position: absolute; right: 8px; top:50%; margin-top:-0.9em; content:"\f105"; font-family:FontAwesome; }
#CommonFooter .company dd a:hover {background-color: #dac98c;color: #fff;}

#CommonFooter .shopnews {width: 992px;margin: 0 auto;border: 2px solid #dac98c;padding: 10px 15px;color: #dac98c;box-sizing: border-box;margin-bottom: 25px;}
#CommonFooter .shopnews dt { font-size: 16px; font-weight: bold; }
#CommonFooter .shopnews dd { }
#CommonFooter .shopnews dd strong { }

#CommonFooter .box.contact .inner {display: flex;width: 992px;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;padding-bottom: 20px;}
#CommonFooter .box.contact .inner .Entry {width: 22%;display: flex;height: 100%;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
#CommonFooter .box.contact .inner .Entry .photo { margin-bottom: 5px; width: 100%; }
#CommonFooter .box.contact .inner .Entry .photo img{
    width: 100%;
}
#CommonFooter .box.contact .inner .Entry h3 {letter-spacing: 1px;display: flex;font-size: 13px;align-items: center;}
#CommonFooter .box.contact .inner .Entry h3 strong { font-weight: normal; font-size: 24px; display: inline-block; padding-left: 3px; }
#CommonFooter .box.contact .inner .Entry .map { display: flex; margin-top: 5px; }
#CommonFooter .box.contact .inner .Entry .map a { position:relative; color: #fff; text-decoration: none; font-size: 12px; border-radius: 3px; padding: 3px 20px; border: 1px solid #fff; }
#CommonFooter .box.contact .inner .Entry .map a:after { position: absolute; right: 8px; top:50%; margin-top:-0.9em; content:"\f105"; font-family:FontAwesome; }
#CommonFooter .box.contact .inner .Entry .map a:before { position: absolute; left: 8px; top:50%; margin-top:-0.9em; content:"\f041"; font-family:FontAwesome; }
#CommonFooter .box.contact .inner .Entry .map a:hover { background-color:#fff; color:#000}
#CommonFooter .box.contact .inner .Entry dl {padding-top: 5px;}
#CommonFooter .box.contact .inner .Entry dt {font-size: 25px;font-weight: normal;padding-bottom: 6px;line-height: 1.2;letter-spacing: 0;}
#CommonFooter .box.contact .inner .Entry dd { font-size: 12px; }
#CommonFooter .box.contact .inner .Entry dd + dd { }

#CommonFooter .box.contact .inner .Entry dd.new{color:#dacfa9;font-size:13px}
#CommonFooter .box.contact .inner .Entry dd.new ul{}
#CommonFooter .box.contact .inner .Entry dd.new li{display:flex;margin-bottom:2px}
#CommonFooter .box.contact .inner .Entry dd.new li.icon{background-color:#dacfa9;display:inline-block;color:#000;font-weight:700;line-height:1;padding:2px 4px;margin-bottom:5px}
#CommonFooter .box.contact .inner .Entry dd.new li + li{}
#CommonFooter .box.contact .inner .Entry dd.new li span{font-weight:700;white-space:nowrap;margin-right:10px}

/*-------------------------------------------------ClassOneMmbFooter*/
#ClassOneMmbFooter {position: relative;border: 4px solid #dac98c;width: 992px;margin: 0 auto;padding: 20px;margin-top: 20px;margin-bottom: 80px;box-sizing: border-box;}
#ClassOneMmbFooter .ttl {margin: 0 auto;margin-bottom: 15px;}
#ClassOneMmbFooter .ttl .logo { width: 195px; padding-top: 15px; }
#ClassOneMmbFooter .ttl .logo img { width: 100%; }
#ClassOneMmbFooter .ttl dl {}
#ClassOneMmbFooter .ttl dt {font-size: 19px;padding-bottom: 10px;letter-spacing: 1px;display: flex;align-items: baseline;text-align: left;font-weight: bold;justify-content: center;}
#ClassOneMmbFooter .ttl dt span{border: 1px solid #fff;display: inline-block;font-size: 14px;padding: 3px 7px;margin-right: 8px;}
#ClassOneMmbFooter .ttl dd {line-height: 1.8;text-align: center;}
#ClassOneMmbFooter .nyukai {padding: 15px;/* color: #fed870; */box-sizing: border-box;border-radius: 3px;border: 1px solid #ffffff;margin: 0 auto;/* background-color: #272727; */display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
#ClassOneMmbFooter .nyukai .txt {font-size: 15px;padding-right: 15px;}
#ClassOneMmbFooter .nyukai .btn {}
#ClassOneMmbFooter .nyukai .btn a {text-decoration: none;background-color: #dac98c;color: #111;font-weight: bold;padding: 10px 30px;border-radius: 3px;font-size: 14px;display: inline-block;position: relative;border: 2px solid #dac98c;}
#ClassOneMmbFooter .nyukai .btn a:after { position: absolute; right: 8px; top:50%; margin-top: -0.8em; content:"\f105"; font-family:FontAwesome; }
#ClassOneMmbFooter .nyukai .btn a:hover {background: none;color: #ffd96e;border-color: #ffd96e;}
#ClassOneMmbFooter .nyukaiAtte{font-size: 12px;text-align: center; padding-top: 10px;}



/*------------------------------------------floatingBn-*/
#floatingBn{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  bottom: 0;
  /* left: 50%; */
  width: 100%;
  /* transform: translate(-50%,0); */
  z-index: 999999;
  padding: 10px 0;
}
#floatingBn p{    width: 600px;    margin: 0 auto;position: relative;}
#floatingBn img{
}
#floatingBn a{
    display: block;
    text-decoration: none;
}
#floatingBn a:hover{ opacity: 0.7}
#floatingBn .delete{width: 23px;color: #fff;text-align: center;display: block;position: absolute;top: -4px;right: -17px;}
#floatingBn .delete:after{content: "\f00d";font-family:FontAwesome;background-color: #000;display: flex;justify-content: center;align-items: center;padding-bottom: 1px;box-sizing: border-box;border: 2px solid #fff;box-shadow: 0 0 3px #000;border-radius: 100%;height: 23px;}
#floatingBn .delete:hover{cursor: pointer}