@charset "utf-8";
@import url("/kaigai/business/asset/fonts/fontAwesome/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=EB+Garamond");
@import url("//fonts.googleapis.com/earlyaccess/sawarabimincho.css");
@import url('//fonts.googleapis.com/css?family=Nunito');

@import url("//smp.his-j.com/cmn/css/kanto/fair/2019hatsu2/drawerMenu.css");

/*-------------------------------------------------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; }

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

/*-------------------------------------------------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; }
li{ list-style-type:none;}

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

/*-------------------------------------------------loading*/
.loadingWrap{ position:relative;  }
.loadingIn{
	opacity:0;
	transition:0.3s;
	 height:100px;
	 overflow:hidden;
}
.loadingIn.is_active{
	opacity:1;
	height:auto;
}
.loading{ text-align:center; position:absolute; top:30%; left:50%; z-index:10; margin-left:-24px; background-image: url(images/spin-black.svg); background-repeat: no-repeat; background-position: center center; width: 48px; height:48px; }


/*-------------------------------------------Wrap*/
.sec{ width: 92.5%; margin: 0 auto; overflow: hidden; }


/*-------------------------------------------------form*/
input[type=radio] { display: none; }
input[type=radio]+label {position: relative;display: inline-block;cursor: pointer;padding-left:22px;margin-right: 0px;font-size: 1.4rem;}
input[type=radio]+label::before,
input[type=radio]+label::after {position: absolute;display: block;content: '';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: 18px;height: 18px;margin-top: 2px;background: #FFF;border: 2px solid #CECECE;}
input[type=radio]+label::after {left: 4px;width: 10px;height: 10px;margin-top: -16px;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:24px; margin-right: 0px; font-size:16px; }
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: 20px; height: 20px; margin-top: -12px; background: #FFF; border: 1px solid #B7B7B7; }
input[type=checkbox]:checked+label::before { border-color:#333333; }
input[type=checkbox]:checked+label::after { content: "\f00c"; font-family:FontAwesome; position:absolute; top: 0; left: 2px; color:#333333; }

input[type=text] { font-size: 16px;  outline:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; background: none #fff; vertical-align: middle; font-size: inherit; color: inherit; -webkit-appearance: button; -moz-appearance: button; appearance: button; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 40px; padding: 3px 10px; border:1px solid #B9B9B9; width:auto; border-radius:3px; box-sizing:border-box; }
input[type=text].hover,input[type=text]:focus { border-color:#666666; }

.selectbox { position: relative; display:inline-block; white-space:nowrap; width:100%}
.selectbox:before { z-index: 1; position: absolute; right: 8px; top:50%; margin-top:-0.7em; content: "\f078"; font-family:FontAwesome; color: #7F878C; font-size:12px; pointer-events: none; }
.selectbox.noTxt:before { right: 10px; }
.selectbox select { font-size: 16px; background-color:#fff; outline:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; vertical-align: middle; -webkit-appearance: button; -moz-appearance: button; appearance: button; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 40px; padding: 3px 25px 3px 10px; border:1px solid #B9B9B9; width:100%; border-radius:3px; }
.selectbox select.hover { border-color:#666666; }
select option { background-color: #fff; color: #333; }
select[disabled] { background-color:#eee; color:#999; }
select::-ms-expand {display: none;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #828c9a;}

button { position:relative; display: inline-block; overflow: visible; margin:0; padding: 7px 50px 10px 50px; cursor: pointer; transition: background 0.2s; text-align: center; text-decoration: none; outline: 0; border:none; background-color:#242424; box-sizing:border-box; color:#FFFFFF; font-size:14px; font-weight:bold; letter-spacing:2px; border-radius: 3px; -webkit-border-radius : 3px; -moz-border-radius: 3px; }
button.hover,
button:focus { background: #ADA31D; }
input::placeholder {color:#B7B7B7}

/*-------------------------------------------------font*/
.FontMincho { font-family:Sawarabi Mincho; letter-spacing:2px; font-weight:normal; }
.FontSerif { font-family: 'EB Garamond', serif; letter-spacing:3px; font-weight:bold }
.FontPrice{font-family: 'Nunito', sans-serif;font-size: 6vw;font-weight:bold;color:#a08f16;line-height:1.2;}
.FontPrice span{ font-size:70%;}

/*-------------------------------------------------shadow*/
.shadow{box-shadow: 0px 2px 2px rgba(0,0,0,0.2);}
.shadow_black{box-shadow:0px 4px 6px -4px rgba(0,0,0,0.8);}
.shadow_Wrap{box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.shadowInset_Black{box-shadow: 0px 7px 6px -4px rgba(0, 0, 0,0.8) inset;}
.shadowInset_Gray{box-shadow: 0px 7px 6px -6px rgba(0,0,0,0.3) inset;}

/*-------------------------------------------------photo*/
.photo { position:relative; line-height:0; }
.photo img { width:100%; height:auto; }
.photo .caption { position:absolute; font-size:10px; color:#FFFFFF; background-image:url(images/common/opacity_balck50.png); padding:2px 6px; line-height:1.2; bottom:5px; right:5px; }


/*-------------------------------------------------btnGlobal*/
.btnGlobal {}
.btnGlobal a {border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px;text-align:center;display:block;padding: 15px 25px 15px 20px;text-decoration:none;font-weight: bold;color:#FFFFFF;background-color: #D61418;font-size: 1.4rem;position:relative;}
.btnGlobal a { box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.8); }
.btnGlobal a:after {position: absolute;right: 10px;top:50%;margin-top:-0.8em;content:"\f105";font-family:FontAwesome;font-size: 20px;}
.btnGlobal a:hover { background-color:#242424;box-shadow: none;  }
.btnGlobal + .btn { margin-top:20px !important; }

/*-------------------------------------------------linkBox*/
.linkBox { }
.linkBox .Entry { }
.linkBox .Entry.hover { cursor:pointer; }
.linkBox .Entry .photo { -webkit-transition: all .3s ease-out; }
.linkBox .Entry.hover .photo { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -webkit-transition: all .3s ease-out; }
.linkBox .Entry.hover .txt { text-decoration:underline }

/*-------------------------------------------------header_change*/
.header_change{  position: fixed;transition: .5s; width: 100%; z-index: 999;}
.header_change.show{ top: 0;}


/*-------------------------------------------------PClink*/
.PClink{ position:relative;}
.PClink:after{position: absolute;right: 10px; content:"\f108"; font-family:FontAwesome; display:block; width:2rem; text-align:right;top:50%; margin-top:-0.6rem;}

/*-------------------------------------------------commonAtte*/
.commonAtte {width:92.6%;margin: 0 auto;padding-top: 30px;}
.commonAtte ul{border: 1px solid #000;padding: 10px;}
.commonAtte li{ padding-left:16px;}
.commonAtte li + li{   padding-top: 3px;}
.commonAtte li:before{content: "\f14a";display:block;float:left;margin-left:-18px;width:1em;text-align:center;font-family:FontAwesome;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  common parts
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------Pan*/
#Pan{width: 100%;margin:0 auto;border-top: 1px solid #ccc;}
#Pan ul{display: -ms-flexbox;display: flex;flex-wrap:wrap;padding: 5px 10px;}
#Pan li{ font-size: 1.0rem;}
#Pan li + li:before{content:"\f105"; font-family:FontAwesome; padding:0 7px; }
#Pan li a{}

/*-------------------------------------------------GlobalTtl*/
.GlobalTtl{background-image: url(images/subttl_bg.png);background-repeat: repeat-x;background-position: center;color: #fff;text-align: center;line-height: 1.2;align-items: center;box-sizing: border-box;margin-bottom:30px;padding: 15px 10px;display: flex;justify-content: space-between;margin: 0 20px;height: 50px;background-size: contain;margin-bottom: 20px;}
.GlobalTtl:before,
.GlobalTtl:after{content:"";display: block;width: 10px;height: 50px;box-sizing: content-box;background-size: contain;background-repeat: no-repeat;}
.GlobalTtl:before{margin-left: -18px;background-image:url(images/subttl_bg_left.png);}
.GlobalTtl:after{background-image:url(images/subttl_bg_right.png);margin-right: -20px;}


/*-------------------------------------------------GeneralTtl*/
.GeneralTtl{margin:0 auto;text-align:center;padding-bottom:15px;color: #D61418;}
.GeneralTtl .icon img{ zoom:0.5}
.GeneralTtl .main{display: flex;justify-content: center;align-items: center;}
.GeneralTtl .main strong{font-size: 6vw;font-weight:normal;}
.GeneralTtl .sub{font-size: 2vw;font-weight:bold;}
.GeneralTtl .desc{ font-weight:normal; font-size:18px; padding-top:20px;}


/*-------------------------------------------------menu*/
#MenuWrap{ }
#Menu{ background-image:url(images/mainvisual_menu_bg.jpg); padding:8px 5px 10px 5px; } 
#Menu.header_change{ padding:8px 0;}
/*
#Menu{
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 38%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 38%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 38%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
*/
#Menu a{ text-decoration:none;}
#Menu .MenuMain{display:table; width:100%; table-layout:fixed; }
#Menu .MenuMain li{ display:table-cell; text-align:center; vertical-align:middle;}
#Menu .MenuMain li + li{ border-left:1px solid #ccc;}
#Menu .MenuMain li a{ display:block; font-weight:bold; color:#fff;}
#Menu .MenuMain li a:hover,
#Menu .MenuMain li a.active{  color:#e5bf17;}
#Menu .MenuMain li a:before{ font-family:FontAwesome; display:block; line-height:1.4; font-size:2.2rem; font-weight:normal;text-align:center;}
#Menu .MenuMain li#TourOpen a:before{content:"\f0ac";}
#Menu .MenuMain li#AO a:before{content:"\f072";}
#Menu .MenuMain li#AH a:before{content:"\f0f7";}
#Menu .MenuMain li a:after{text-align:center; font-size:1.4rem; line-height:1.4;content:"\f105"; font-family:FontAwesome; padding-left:5px;}
#Menu .MenuMain li#TourOpen a:after{content:"\f107";}

#Menu .MenuMain li a.current{ color:#D61418; }
#Menu .MenuMain li a.current:after{ content:"";}

#Menu .MenuMain li#TourOpen a.current.act,
#Menu .MenuMain li#TourOpen a.current:hover{color:#224a9e;}
#Menu .MenuMain li#TourOpen a.current.act{ background-color:#FFF;}

#Menu .MenuMain li#TourOpen a.current:after{ content:"\f107";}
#Menu .MenuMain li#TourOpen a.act:after{ content:"\f106";}

#Menu .AccInner{ display:none;padding-top:10px;}
#Menu .AccInner .box{ display:table;border-collapse: separate; border-spacing: 5px 0; table-layout:fixed; width:100%;}
#Menu .AccInner .box + .box{ margin-top:5px;}
#Menu .AccInner a{border-radius: 3px;position:relative;display:table-cell;text-align:center;vertical-align:middle;padding:10px;color: #d61418;}
#Menu .AccInner a{background-color:#fff;}
#Menu .AccInner a[href*=topic]{color: #fff;background-color: #d61418;}

#Menu .AccInner a + a{}
#Menu .AccInner a span{border-radius: 2px; display:inline-block;  font-size:1.0rem; padding:2px 4px; margin-right:3px;}

#Menu .AccInner a:hover{ background-color:#00a0e9;}

#Menu .AccInner a:after{position: absolute;right: 5px; top:50%; margin-top:-0.7em;content:"\f105"; font-family:FontAwesome;}

/*----------------------------------------------------------------HeadNavi*/
#HeadNavi { position:relative; background-image:url(images/mainvisual_bg_lower.jpg); }
#HeadNavi h2 { margin-bottom:10px; text-align:center; background-repeat: no-repeat; background-position: center top; background-size: contain; padding-top:200px; }
#HeadNavi h2 img { width: 92.5%; height: auto; }
#HeadNavi .nM { }
#HeadNavi .nM .menu-trigger { position:absolute; top:6px; right:6px; left:auto; }
#HeadNavi .nM .menu-trigger.active { top:-40px; }

/*-------------------------------------------------Bn*/
.Bn{ padding-top:20px;}
.Bn ul{}
.Bn li{}
.Bn li + li{ margin-top:15px;}


/*-------------------------------------------------contents*/
#contents{ background-image:url(images/bg_paper.jpg);  }
#contents .sec{width:92.5%;margin:0 auto;position:relative;padding-top:30px;}

/*----------------------------------------------------ctcms*/
.ctcms{ }
.ctcms .Entry{position:relative;width: 98%;margin: 0 auto; margin-bottom:20px;}
.ctcms .Entry .linkArea{ background-color: #fff; padding: 10px;border-radius: 3px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}

/*----------------------------------------------------photo*/
.ctcms .Entry .photo{-webkit-transition: all .3s ease-out; position:relative; margin-bottom:10px; line-height:1.4;}
.ctcms .Entry .photo .dst{ background-color:#242424; color:#FFFFFF; position:absolute; padding:2px 8px; top:0; left:0;}
.ctcms .sHGS .photo p.dst{ background-color:#46A3AA;}
.ctcms .sASI .photo p.dst{ background-color:#B55555; }
.ctcms .sEUR .photo p.dst{ background-color:#79A543; }
.ctcms .sAFR .photo p.dst{ background-color:#807C3E; }
.ctcms .sUSA .photo p.dst,
.ctcms .sOCE .photo p.dst,
.ctcms .sSAM .photo p.dst{ background-color:#8B5283; }

.ctcms .Entry .photo .icon{background-color: #fdde18;color: #000000;position:absolute;padding:2px 8px;top:0;right:0;font-size: 12px;font-weight: bold;}

.ctcms .Entry .photo .img{ line-height:0;}
.ctcms .Entry .photo .img img{max-width:100%; max-height:auto; }

/*----------------------------------------------------main*/
.ctcms .Entry .main{}
.ctcms .Entry .main .data{padding-bottom: 5px;}
.ctcms .Entry .main .data li{ font-size:12px; border:1px solid #242424; display:inline-block; padding:0 8px;}
.ctcms .Entry .main .states{font-weight:bold;box-sizing:border-box;color: #C51D4F;margin-bottom: 5px;  font-size:1.4rem;}

.ctcms .Entry .main h4{font-size: 4vw;line-height: 1.5;padding-bottom: 5px;letter-spacing: 0;font-weight: bold;}
#RecomAir .ctcms .Entry .main h4,
#RecomAH .ctcms .Entry .main h4{font-size: 14px;padding-bottom: 5px;}
.ctcms .Entry .main h5{font-weight:bold;line-height: 1.2;padding-bottom: 5px;font-size: 20px; text-align:left;}
.ctcms .Entry .main h6{font-size: 12px;font-weight:bold;letter-spacing: 1px;padding-bottom: 10px;}

.ctcms .Entry .main .htl{font-weight:bold;line-height:1.6;padding-bottom: 8px;}

.ctcms .Entry .btm{text-align:center;}
.ctcms .Entry .btm .price{padding-bottom:10px;}
.ctcms .Entry .btm .price dt{padding-bottom: 3px;}
.ctcms .Entry .btm .price dd{ letter-spacing:1px; color:#242424; font-size:14px;}

.ctcms .Entry .btm .point {margin-bottom: 9px;position:relative;padding: 12px 5px;margin-top: 5px;}
.ctcms .Entry .btm .point::before,
.ctcms .Entry .btm .point::after {position: absolute;left: 0;content: '';width: 100%;height: 5px;box-sizing: border-box;}
.ctcms .Entry .btm .point::before {top: 0;border-top: 2px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;}
.ctcms .Entry .btm .point::after {bottom: 0;border-top: 1px solid #a0a0a0;border-bottom: 2px solid #a0a0a0;}
.ctcms .Entry .btm .point li { padding-left:16px; line-height: 1.4; text-align:left;}
.ctcms .Entry .btm .point li + li{ margin-top:5px;}
.ctcms .Entry .btm .point li:before { content:"\f14a"; display:block; float:left; margin-left:-18px; width:1em; text-align:center; font-family:FontAwesome; }
.ctcms .Entry .btm .point li.pickup { color: #C51D4F;  font-weight: bold; }

#ItemAir .Entry .btm .btn dl,
#ItemAH .Entry .btm .btn dl{border-radius: 3px;}

#ItemAir .Entry .btm .btn dt,
#ItemAH .Entry .btm .btn dt{font-size: 1.4rem;color: #fff;padding: 5px 0 0 0;}

#ItemAir .Entry .btm .btn dd,
#ItemAH .Entry .btm .btn dd{padding: 5px;display: flex;justify-content: space-between;}

.ctcms .Entry .btm .btn a{text-decoration:none;display:block; border:2px solid #000;padding:8px 0;font-size:14px;font-weight:bold;position:relative;text-align:center;text-decoration:none;border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px;}

#ItemAir .Entry .btm .btn a,
#ItemAH .Entry .btm .btn a{background-color: #fff;width: 49%; border:none;}

.ctcms .Entry .btm .btn a:after{position: absolute;right: 8px; top:50%; margin-top:-0.9em;content:"\f105"; font-family:FontAwesome;}

#ItemAir .sHGS .btn dl,
#ItemAH .sHGS .btn dl{ background-color:#46A3AA;}

#ItemAir .sASI .btn dl,
#ItemAH .sASI .btn dl{ background-color:#B55555;}

#ItemAir .sEUR .btn dl,
#ItemAH .sEUR .btn dl{ background-color:#79A543;}

#ItemAir .sAFR .btn dl,
#ItemAH .sAFR .btn dl{ background-color:#807C3E;}

#ItemAir .sUSA .btn dl,
#ItemAir .sOCE .btn dl,
#ItemAir .sSAM .btn dl,
#ItemAH .sUSA .btn dl,
#ItemAH .sOCE .btn dl,
#ItemAH .sSAM .btn dl{ background-color:#8B5283;}


#ItemAir .sHGS .btn a,
#ItemAH .sHGS .btn a{ color:#46A3AA;}

#ItemAir .sASI .btn a,
#ItemAH .sASI .btn a{ color:#B55555;}

#ItemAir .sEUR .btn a,
#ItemAH .sEUR .btn a{ color:#79A543;}

#ItemAir .sAFR .btn a,
#ItemAH .sAFR .btn a{ color:#807C3E;}

#ItemAir .sUSA .btn a,
#ItemAir .sOCE .btn a,
#ItemAir .sSAM .btn a,
#ItemAH .sUSA .btn a,
#ItemAH .sOCE .btn a,
#ItemAH .sSAM .btn a{ color:#8B5283;}



.ctcms .Entry .other{text-align: right; padding-top:5px}
.ctcms .Entry .other a{ text-decoration:none; font-weight:bold; letter-spacing:1px;}
.ctcms .Entry .other a:after{ content:"\f105"; font-family:FontAwesome;}
.ctcms .Entry .other a:hover{ text-decoration:underline;}

.ctcms .linkArea.haslink:hover{cursor:pointer;border: 2px solid #D61418;margin: -2px;}
.ctcms .linkArea.haslink:hover .photo{ cursor:pointer;-webkit-transition: all .3s ease-out;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

.ctcms .linkArea.haslink:hover h4,
.ctcms .linkArea.haslink:hover h5,
.ctcms .linkArea.haslink:hover h6,
.ctcms .linkArea.haslink:hover .htl{ text-decoration:underline;}
.ctcms .linkArea.haslink:hover .btn a{background-color: #D61418;border-color: #D61418;color: #fff;}




/*--------------------------------------------------------More*/
#More {position: relative; padding-top:20px;}
#More h2 {text-align: center;padding-bottom: 15px;width: 92.5%;margin: 0 auto;font-size: 1.4rem;}
#More h2 strong{display: block;font-weight: normal;font-size: 1.8rem;}

#Pan{  border-top: 1px solid #CCC; overflow:hidden; width: 92.5%; margin: 0 auto; margin-top: 15px; padding-top: 15px;font-size:1.1rem; }
#Pan li{float: left; list-style-type:none; margin:0 0 2px 5px;}
#Pan li + li:before{ content:"＞"; padding-right:2px; font-size:1.0rem;}


/*--------------------------------------------------------Reserve*/
#RemodalReserve { }
#RemodalReserve .GeneralTtl { color:#fff; margin-top:5px; }
#RemodalReserve .GeneralTtl .main { }

#RemodalReserve .Info{text-align:left;border: 1px solid #ccc; padding:10px;}

#RemodalReserve .inner {background-color:#fff;margin-bottom:30px;padding: 10px;}
#RemodalReserve .inner .title {background-color:#EFEFEF;padding: 5px;margin-bottom: 15px;}
#RemodalReserve .inner .title h2 {}
#RemodalReserve .inner .title h2 .carrier {font-size: 1.4rem;}
#RemodalReserve .inner .title h2 .dst {font-size: 2rem;}
#RemodalReserve .inner .title h2 .otherdst {font-size: 1.2rem;padding-bottom: 5px;}
#RemodalReserve .inner .title .htl {font-size: 1.2rem;padding-left: 5px;font-weight: bold;padding-bottom: 5px;}
#RemodalReserve .inner .title dl {justify-content: center;display: flex;align-items: center;flex-wrap: wrap;}
#RemodalReserve .inner .title dt {font-size: 2.0rem;padding-bottom: 3px;white-space: nowrap;padding-right: 5px;}
#RemodalReserve .inner .title dd {font-size: 14px;color: #242424;line-height: 1.4;}


#RemodalReserve .inner .sec { position: relative;margin-top: 10px; padding-top: 10px; width:100%;}
#RemodalReserve .inner .sec + .sec {border-top: 1px solid #a7a7a7;}
#RemodalReserve .inner .sec h3 {font-size: 1.4rem;position: absolute;right: 0;top: 5px;}
#RemodalReserve .inner .sec h3:before {content:"\f105";font-family:FontAwesome;font-weight: normal;line-height: 1.2;padding-right: 5px;}
#RemodalReserve .inner .sec dl {flex: 1;text-align: left;padding-bottom: 10px;}
#RemodalReserve .inner .sec dt { display: inline-block; background-color: #242424; color: #fff; font-size: 12px; padding: 2px 10px; line-height: 1.4; margin-bottom: 5px; letter-spacing: 1px; }
#RemodalReserve .inner .sec dd { }
#RemodalReserve .inner .sec dd strong { }
#RemodalReserve .inner .btnGlobal {/* width: 200px; */}
#RemodalReserve .inner .btnGlobal a { }

#RemodalReserve .inner .sec#tel h3,
#RemodalReserve .inner .sec#tel dd strong,
#RemodalReserve .inner .sec#mail h3,
#RemodalReserve .inner .sec#mail dd strong{ color:#7D7C40;}
#RemodalReserve .inner .sec#online h3,
#RemodalReserve .inner .sec#online dd strong{ color:#004098;}

#RemodalReserve .inner .sec#tel h3:before{content:"\f007"; }
#RemodalReserve .inner .sec#mail h3:before{content:"\f0e0"; }
#RemodalReserve .inner .sec#online h3:before{ content:"\f108"; }

#RemodalReserve .inner .sec#tel dt,
#RemodalReserve .inner .sec#mail dt{ background-color:#7D7C40;}
#RemodalReserve .inner .sec#online dt{ background-color:#004098;}

#RemodalReserve .inner .sec#tel .btnGlobal a,
#RemodalReserve .inner .sec#mail .btnGlobal a { background-color:#7D7C40; }
#RemodalReserve .inner .sec#online .btnGlobal a{background-color:#004098;}
#RemodalReserve .inner .sec#online .btnGlobal a:after{content:"\f107"}
#RemodalReserve .inner .sec#tel .btnGlobal a:before,
#RemodalReserve .inner .sec#mail .btnGlobal a:before {position: absolute;left: 10px; font-size:12px;top:50%; margin-top:-0.9em;content:"\f24d"; font-family:FontAwesome; }


#RemodalReserve .inner .sec#tel .btnGlobal a:hover,
#RemodalReserve .inner .sec#mail .btnGlobal a:hover,
#RemodalReserve .inner .sec#online .btnGlobal a:hover{background-color:#242424;}

#RemodalReserve .inner .Search{ padding:10px;margin:0 auto; width:100%;border: 5px solid #ccc;margin-top: 10px;box-sizing: border-box;text-align: left;}
#RemodalReserve .inner .Search .inner{ padding:0; margin:0;}
#RemodalReserve .inner .Search .btn{ margin-right:0}

#RemodalReserve .Remodalcancel{ margin-bottom:30px;}
.remodal-confirm,
.remodal-cancel{ padding:10px 15px;}



/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  OLD parts
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------Head*/
#Head{ border-top: 5px solid #000; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 58%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top,  #ffffff 58%,#e5e5e5 100%); background: -o-linear-gradient(top,  #ffffff 58%,#e5e5e5 100%); background: -ms-linear-gradient(top,  #ffffff 58%,#e5e5e5 100%); background: linear-gradient(to bottom,  #ffffff 58%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border-bottom: 1px solid #B6B6B6; }
#Head .sec{ padding:2% 0; }
#Head h2{ font-size: 1.0rem; float: left; line-height: 1.2; }
#Head h2 a{ color:#000000; text-decoration:none;}
#Head ul{ float: right; overflow: hidden; }
#Head ul li{ float: left; }
#Head ul li + li{ margin-left:5px;}
li#reserve{}
li#shop{}
#Head ul li a{ display: block; color: #958E25; text-decoration: none; border: 1px solid #D1D1D1; padding: 5px 8px; border-radius: 3px; -webkit-border-radius : 3px; -moz-border-radius: 3px; background-color:#FFFFFF; background: #e8e8e8; background: -moz-linear-gradient(top,  #e8e8e8 0%, #ffffff 42%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(42%,#ffffff)); background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ffffff 42%); background: -o-linear-gradient(top,  #e8e8e8 0%,#ffffff 42%); background: -ms-linear-gradient(top,  #e8e8e8 0%,#ffffff 42%); background: linear-gradient(to bottom,  #e8e8e8 0%,#ffffff 42%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); } 
#Head ul li a.hover{ border:1px solid #958E25;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeacc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeacc));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeacc 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eaeacc 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeacc 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eaeacc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeacc',GradientType=0 );

}
#Head ul li a:before{font-family: FontAwesome; padding:0 5px 0 0;}
li#reserve a:before{content: "\f10b";}
li#shop a:before{content: "\f007";}

/*--------------------------------------------Foot*/
#Foot{ border-top: 1px solid #CCC; margin-top: 20px; padding-top: 15px; 
}
#FootLink{}
#FootLink ul{ display:table; width:100%; table-layout:fixed;}
#FootLink li{ display:table-cell; text-align:center;}
#FootLink li a{ position:relative; display:block; color:#333333; text-decoration:none; border: 1px solid #BBBBBB; padding:8px 0; border-radius: 3px; -webkit-border-radius : 3px; -moz-border-radius: 3px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 57%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,#ffffff), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top,  #ffffff 57%,#e8e8e8 100%); background: -o-linear-gradient(top,  #ffffff 57%,#e8e8e8 100%); background: -ms-linear-gradient(top,  #ffffff 57%,#e8e8e8 100%); background: linear-gradient(to bottom,  #ffffff 57%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); }
#FootLink li a.hover{ color:#958E25; border: 1px solid #958E25; }
#FootLink li a:after{content: "\f105";font-family: FontAwesome; position: absolute;right: 5px; }
#FootLink ul#PCLink li a{ border: 1px solid #8F8F8F; font-weight:bold; }
#FootLink ul#PCLink li a:before{content: "\f108";font-family: FontAwesome; padding:0 5px 0 0;}
#FootLink li a.hover:after,
#FootLink li a.hover:before{ color:#958E25;}
#FootLink li + li{ padding-left:5px;}
#FootLink ul + ul{ margin-top:5px;}

#FootLink ul#PCLink{ }

#FootTel{ margin: 20px 0 0 0; background: #EAEAEA; padding: 0 0 8px 0; }
#FootTel h2{ color: #FFF; text-align: center; padding: 5px 0; margin: 0 0 10px 0; font-weight: normal; 
background: #ededed;
background: -moz-linear-gradient(left,  #ededed 0%, #000000 0%, #4f4f4f 51%, #000000 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ededed), color-stop(0%,#000000), color-stop(51%,#4f4f4f), color-stop(100%,#000000));
background: -webkit-linear-gradient(left,  #ededed 0%,#000000 0%,#4f4f4f 51%,#000000 100%);
background: -o-linear-gradient(left,  #ededed 0%,#000000 0%,#4f4f4f 51%,#000000 100%);
background: -ms-linear-gradient(left,  #ededed 0%,#000000 0%,#4f4f4f 51%,#000000 100%);
background: linear-gradient(to right,  #ededed 0%,#000000 0%,#4f4f4f 51%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#000000',GradientType=1 );
}
#FootTelLogo{ display:table; width:100%; padding-bottom:5px; padding-top:5px;}
#FootTelLogo p{ display:table-cell;}
#FootTelLogo p img{ }
#FootTelLogo p + p{ display:table-cell; text-align:right; vertical-align:middle;}
#FootTelLogo p + p a{ display:inline-block; text-decoration:none; color:#000; border: 1px solid #B3B3B3; padding:2px 10px; font-size:1.2em;vertical-align:middle;border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px; padding-left:15px;}
/*#FootTelLogo p + p a:before{content:"\f105"; font-family:FontAwesome;padding-right:5px;}*/
#FootTel h3{ padding: 0 0 5px 0; font-size:1.6rem; }
#FootTel h4{ font-weight: normal; padding: 0 0 10px 0; }
#FootTel .atte{ border: 2px solid #C33; color: #C33; padding: 5px; margin: 0 0 10px 0; display: block; font-size:1.2rem;}
#FootTel .atte strong{ font-weight:bold; font-size:1.2rem; padding: 0 0 5px 0; }

#FootTel .Ent{ border-top: 1px solid #B9B9B9; }
#FootTel .Ent .ttl{ padding: 8px 0 0 0; overflow:hidden; }
#FootTel .Ent .ttl dt{ font-size: 1.5rem; padding: 0 5px 0 0; font-weight: bold; }
#FootTel .Ent .ttl dt span{ color: #D2151A; font-weight:bold; font-size:1.2rem; border: 1px solid #D2151A; padding:1px 4px; margin-left:4px; display:inline-block;}

#FootTel .Ent .ttl dd{ margin:3px 0 0 0; }
#FootTel .Ent .ttl dd ul{display:table; table-layout:fixed; width:100%;}
#FootTel .Ent .ttl dd ul li{display:table-cell;}
#FootTel .Ent .ttl dd ul li + li{ padding-left:5px;}
#FootTel .Ent .ttl dd a{ display:block; position:relative; color:#333333; text-decoration:none; border: 1px solid #AAAAAA; padding:8px 0; text-align:center; border-radius: 3px; -webkit-border-radius : 3px; -moz-border-radius: 3px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 57%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,#ffffff), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top,  #ffffff 57%,#e8e8e8 100%); background: -o-linear-gradient(top,  #ffffff 57%,#e8e8e8 100%); background: -ms-linear-gradient(top,  #ffffff 57%,#e8e8e8 100%); background: linear-gradient(to bottom,  #ffffff 57%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );font-weight: bold; }
#FootTel .Ent .ttl dd a.hover{color:#958E25; border: 1px solid #958E25; }
#FootTel .Ent .ttl dd a:before{font-family: FontAwesome; padding:0 5px 0 0; font-size:1.4rem;}
#FootTel .Ent a.tel:before{content: "\f10b";}
#FootTel .Ent a.access:before{content: "\f041";}
#FootTel .Ent .data{ padding: 8px 0 8px 0; overflow:hidden; }
#FootTel .Ent .data dt{ float:left;}
#FootTel .Ent .data dd{ float:left; padding:0 0 0 3px;font-size:1.0rem;}


/* ===============================================
 searchArea（ハンバーガーメニュー用）　
=============================================== */
.g-nav{ top:-75px;}
.clearfix{ overflow:hidden;}

#gNavCommonArea2 h3 {
	margin-bottom: 7%;
}
#gNavCommonArea2.commonSearch {
	width: auto;
	margin-bottom: -20px;
	padding: 5% 3% 7%;
	background: rgba(0,0,0,0.8);
}
#gNavCommonArea2.commonSearch .titleArea.headlines {
	margin: 0 0 1%;
	text-align: center;
	background: #00b7ee;
}
#gNavCommonArea2.commonSearch .titleArea.headlines .titleText {
	padding: 2% 3%;
	font-size: 1.5rem;
	color: #FFF;
	line-height: 1.5em;
}
#gNavCommonArea2.commonSearch .navList {
	margin-bottom: 10px;
	padding-bottom:  11px;
	border-bottom: dotted #fff 1px;
	width: 100%;
}
#gNavCommonArea2.commonSearch .navList:last-of-type {
	border-bottom: none;
}
#gNavCommonArea2.commonSearch .navList li {
	width: 49.5%;
	margin-bottom: 1%;
	background-color: #FFF;
	background-image: url("https://www.his-j.com/smp/kanto/fair/2018sss/images/common/nav_icon_list_001.jpg");
	background-position: 3% 50%;
	background-repeat: no-repeat;
	background-size: 6px 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
#gNavCommonArea2.commonSearch .navList li:nth-child(even) {
	margin-left: 1%;
}
#gNavCommonArea2.commonSearch .navList.col1 li {
	width: 100%;
	float: none;
}
#gNavCommonArea2.commonSearch .navList.col1 li:nth-child(even) {
	margin-left: 0;
}
#gNavCommonArea2.commonSearch .navList li > span {
	font-size: 1.2rem;
	letter-spacing: -.1em;
	display: block;
}
#gNavCommonArea2.commonSearch .navList li a {
	padding-left: 10%;
	color: inherit;
	line-height: 3em;
	display: block;
}
#gNavCommonArea2.commonSearch .navList li.multiline span > a {
	line-height: 1.5em;
}
@media screen and (min-width: 500px) {
#gNavCommonArea2.commonSearch .navList li:nth-child(even).multiline span > a {
    line-height: 1.6em;
}
}
#gNavCommonArea2.commonSearch ul {
	margin-bottom: 10px;
	padding: 0 0 1px;
	width: 100%;
}
#gNavCommonArea2.commonSearch ul li {
	float: left;
	margin-bottom: 1px;
	padding: 1px 1px 0;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea2.commonSearch ul li.no_col {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea2.commonSearch ul.special {
	margin-top: 2px;
}
#gNavCommonArea2.commonSearch ul.special li {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
#gNavCommonArea2.commonSearch ul.special li.no_col {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea2.commonSearch ul.special li.col_r {
	padding-left: 0;
}
#gNavCommonArea2.commonSearch ul.special li.col_l {
	padding-right: 0;
}
#gNavCommonArea2.commonSearch ul.special li.no_col.border {
	padding-top: 2px;
}