@charset 'UTF-8';
body { font-size: 9pt; line-height: 11pt; font-family: "Noto Sans JP" !important; }
img { border: 0; }
h1, h2, h3, h4, h5, h6, p { font-size: 9pt; font-weight: normal; line-height: 11pt; margin: 0; }
ul, ol, dl { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; }
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 9pt; line-height: 11pt; vertical-align: middle;}
small { font-size: 8pt; }
big { font-size: 12pt; }
body { margin: 0; padding: 0; background: #ffffff; /* background: #4d4a3c url(../img/pg/pgf.gif) center; */ }
ul { list-style:none; }
.advance { font-family: "Noto Sans JP" !important; font-size: 12px; line-height: 18px; border-bottom: 1px dotted #ddd;}
.advance h1 { font-size: 24px; line-height: 36px; }
.advance h2 { font-size: 18px; line-height: 27px; }
.advance h3 { font-size: 14px; line-height: 21px; }
.advance h4 { font-size: 12px; line-height: 18px; }
.advance h5 { font-size: 10px; line-height: 15px; }
.advance h6 { font-size: 8px; line-height: 12px; }
.advance sub, .advance sup { font-size: 10px; line-height: 15px; }
.advance big { font-size: 14px; line-height: 21px; }
.advance small { font-size: 10px; line-height: 15px; }
.advance input, .advance select, .advance optgroup, .advance option { font-family: "Noto Sans JP" !important; font-size: 12px; line-height: 18px; }
.advance code, .advance samp, .advance kbd, .advance code, .advance tt, .advance pre, .advance textarea { font-family: 'Osaka－等幅', Osaka-Mono, 'ＭＳ ゴシック', 'MS Gothic', monospace; font-size: 12px; line-height: 18px; }
.pg { margin: 0 auto; max-width: 960px; text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.box-right { float: right; }
.box-left { float: left; }
.center { text-align: center; }
.right { float: right; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.overray { background-color: #000; alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.border-bd { border-bottom: 1px dotted #ddd; }
.w30 { width: 30em; }
.btn-b01-068-s { padding: 5px; width: 68px; background: url(../img/btn/b01-068-s.gif ) center top no-repeat; }
.btn-b01-068-sp { padding: 5px; width: 68px; background: url(../img/btn/b01-068-sp.gif ) center top no-repeat; }
.btn-b01-113-sc { /*padding: 5px;*/ width: 113px; /*background: url(../img/btn/b01-113-sc.gif ) center top no-repeat; */}
.btn-b01-143-s { padding: 5px; width: 143px; background: url(../img/btn/b01-143-s.gif ) center top no-repeat; }
.btn-b01-143-sb { /*padding: 5px;*/ width: 143px; /*background: url(../img/btn/b01-143-sb.gif ) center top no-repeat; */}
.btn-b01-143-sg { padding: 5px; width: 143px; background: url(../img/btn/b01-143-sg.gif ) center top no-repeat; }
.btn-b01-143-sp { padding: 5px; width: 143px; background: url(../img/btn/b01-143-sp.gif ) center top no-repeat; }
.btn-b03-081-s { padding: 3px; width: 81px; background: url(../img/btn/b03-081-s.gif ) center top no-repeat; }
.btn-b04-098-s { padding: 5px; /*width: 98px; background: url(../img/btn/b04-098-s.gif ) center top no-repeat;*/ }
.btn-b04-098-sc { padding: 5px; width: 98px; background: url(../img/btn/b04-098-sc.gif ) center top no-repeat; }
.btn-b04-118-s { padding: 5px; /*width: 118px; background: url(../img/btn/b04-118-s.gif ) center top no-repeat;*/ }
.btn-b05-110-s { padding: 5px; width: 110px; /*background: url(../img/btn/b05-110-s.gif ) center top no-repeat;*/ }
.btn-b06-098-s { /*padding: 5px;*/ width: 98px; /*background: url(../img/btn/b06-098-s.gif ) center top no-repeat;*/ }
.btn-b06-098-sc { padding: 5px; width: 98px; background: url(../img/btn/b06-098-sc.gif ) center top no-repeat; }
.btn-b06-138-s { /*padding: 5px;*/ width: 138px; /*background: url(../img/btn/b06-138-s.gif ) center top no-repeat; */}
.btn-b06-138-so { padding: 5px; width: 138px; background: url(../img/btn/b06-138-so.gif ) center top no-repeat; }
.btn-b06-138-sc { padding: 5px; width: 138px; background: url(../img/btn/b06-138-sc.gif ) center top no-repeat; }
.btn-b06-138-sb { padding: 5px; width: 138px; background: url(../img/btn/b06-138-sb.gif ) center top no-repeat; }
.btn-b06-148-s { padding: 5px; width: 138px; background: url(../img/btn/b06-148-s.gif ) center top no-repeat; }
.btn-b06-clip2-s { padding: 5px; width: 98px; background: url(../img/btn/b06-clip2-s.gif) center top no-repeat; }
.btn-b12-180-s { padding: 5px; /*width: 180px; background: url(../img/btn/b12-180-s.gif ) center top no-repeat;*/ }
#pgh1 { clear: both; background: #ffffff; height: 87px; border-top: solid 5px #a3016f; overflow-y: visible; position:relative;}
#pgh2 { clear: both; background: #ffffff; margin-top: 140px; }
@media screen and (max-width: 600px) {
    #pgh2 { clear: both; background: #ffffff; margin-top: 70px; }
}
#pgc1 { clear: both; text-align: center; background: white; overflow-x: hidden;/*background: #f9f6ee url(../img/pg/pgh-m1-s.gif) center bottom repeat-x;*/ }
#pgc2 { clear: both; text-align: center; background: #ffffff; overflow-x: hidden;}
#pgf1 { clear: both; text-align: center; background: #ffffff; }
#pgf2 { clear: both; text-align: center; /* background: url(../img/pg/pgf-s.gif) center top repeat-x; */ }
#pgh1 .pgh1-logo { float: left; width: 185px; height: 83px; }
#pgh1 .pgh1-catch { /* width: 750px; */ height: 29px; overflow: hidden; }
#pgh1 .pgh1-catch .catch { float: left; padding-top: 9px; }
#pgh1 .pgh1-catch .today { padding-top: 9px; text-align: right; }
#pgh1 .pgh1-mnv { padding-top: 6px; padding-bottom: 4px; }
#pgh1 .pgh1-mnv .mnv { float: left; padding: 1px 1px 1px 1px; margin-right: 2px; }
#pgh1 .pgh1-mnv .mnv:last-child { margin-right: 0; }
#pgh1 .pgh1-mnv .mnv a:hover { opacity: 0.8; }
/* headerメニューを画像から変更するため追記（2305） */
.header-menu { padding: 10px; display: flex; text-decoration: none; color: #000; }
.header-menu-user {display: flex; text-decoration: none; color: #000; }
.header-menu-user:hover {filter:alpha(opacity=70);/* IE 6,7*/ -ms-filter: "alpha(opacity=70)";/* IE 8,9 */ -moz-opacity:0.7;/* FF , Netscape */ -khtml-opacity: 0.7;/* Safari 1.x */ opacity:0.7; zoom:1;/*IE*/}
#pgh1 .pgh1-usr { float: right;  padding: 0px 5px; text-align: right; margin-bottom: -100px; }
#pgh1 .pgh1-usr2 { position: relative; top: 0px; right: 0px; ; margin-bottom: -10px; /* padding: 10px 3px 3px 0px; background: #454554; */ border-radius: 3px; min-width: 180px; text-align: right; z-index: 12;}
#pgh1 .pgh1-usr2 .user-link {top: 0;left: 0;width: 100%; text-decoration: none;}
#pgh1 .pgh1-usr2:hover {filter:alpha(opacity=70);/* IE 6,7*/ -ms-filter: "alpha(opacity=70)";/* IE 8,9 */ -moz-opacity:0.7;/* FF , Netscape */ -khtml-opacity: 0.7;/* Safari 1.x */ opacity:0.7; zoom:1;/*IE*/}
#pgh1 .pgh1-usr3 { position: relative; /* background: #454554; */ border-radius: 3px; display: inline-block; }
#pgh1 .pgh1-usr .guest { width: 257px; margin: 0px}
#pgh1 .pgh1-usr .guest .button { float: right; padding: 4px 3px 4px 10px; }
#pgh1 .pgh1-usr .guest .welcome {padding: 0 0 0 10px; /* color: #9cf; */ text-align: left;}
#pgh1 .pgh1-usr .guest .user { padding: 5px 0 3px 0px; /* color: #9cf; */ }
#pgh1 .pgh1-usr .member { max-width: 257px; margin: 0px; overflow:visible; }
#pgh1 .pgh1-usr .member .welcome {padding:3px; color: #000; }
#pgh1 .pgh1-usr .member .button { margin-left: 100px; padding: 2px 2px 5px 10px; text-align: right; margin-bottom: ：3px;}
#pgh1 .pgh1-usr .member2 .button { margin-left: 80px; }
#pgh1 .pgh1-usr .member .user { clear: both; /* padding: 3px 10px 0px 5px; */ color: #000; }
#pgh1 .hoyu-point{margin-top: 3px; padding: 2px; color: #fff; background-color:#a3016f;}
#pgh1 .valid_point{margin-top: 3px; padding: 5px 3px 3px 5px; color: #fff900; font-size: 15px; font-weight: bold;}
#pgh1 .btnimg{padding: 0 0px 0px 0; background: #fff7ef; float: right;}
#pgh2 .pg-area { overflow:visible; }
#pgh2 .pgh2-inner { height: 15px; }
#pgh2 .pgh2-top { height: auto; }
#pgh2 .pgh2-top .info { padding: 10px 0 5px 10px; }
#pgh2 .pgh2-top .info li { padding: 0.5em 5px 0.5em 45px; background: url(../img/pg/pgh-attension.gif) left no-repeat; list-style: none; border-bottom: 1px dotted #bcae9c; }
#pgh2 .pgh2-top .info li.f { border: 0px; }
#pgh2 .pgh2-top .info a { color: #575347; text-decoration: none; }
#pgh2 .pgh2-top .info table { table-layout: fixed; width: 100%; }
#pgh2 .pgh2-top .info table.f td { padding: 10px 0px; }
#pgh2 .pgh2-top .info table a {  color: #575347; text-decoration: none; background: url(../img/pg/pgh-attension.gif) no-repeat; padding: 2px 44px; }
#pgc1 .pgc1-inner { /*padding-bottom: 10px;*/ display: inline-block; width: 100%; }
#pgc1 .pgc1-top { /*background: url(../img/tpc/tpc-hrk-title-b1.gif) left bottom no-repeat;*/ }
#pgc1 .pgc1-top .pgc-600-sc { padding: 2px 3px 4px; background: url(../img/pg/pgc-600-sc.gif) left top no-repeat; }
#pgc1 .pgc1-steps { padding: 10px 5px 0; }
#pgc1 .pgc1-steps table { background: #fff; border: 2px solid #b8b5aa; }
#pgc1 .pgc1-steps div { padding: 25px 5px 5px; /*height: 36px;*/ text-align: center; overflow: hidden; }
#pgc1 .pgc1-steps div.step-nn { padding: 0; width: 22px; height: 96px; background: url(../img/pg/pgc-step-nn.gif) center top no-repeat; }
#pgc1 .pgc1-steps div.step-nc { padding: 0; width: 22px; height: 96px; background: url(../img/pg/pgc-step-nc.gif) center top no-repeat; }
#pgc1 .pgc1-steps div.step-cn { padding: 0; width: 22px; height: 96px; background: url(../img/pg/pgc-step-cn.gif) center top no-repeat; }
#pgc1 .pgc1-steps-2 div { width: 452px; }
#pgc1 .pgc1-steps-3 div { width: 290px; }
#pgc1 .pgc1-steps-4 div { width: 210px; }
#pgc1 .pgc1-steps-5 div { width: 161px; }
#pgc1 .pgc1-steps-6 div { width: 129px; }
#pgc1 .pgc1-steps-7 div { width: 106px; }
#pgc1 .pgc1-steps-8 div { width: 89px; }
#pgc1 .pgc1-steps-9 div { width: 75px; }
#pgc1 .pgc1-steps-3 div.step3, #pgc1 .pgc1-steps-3 div.step3-c { width: 292px; }
#pgc1 .pgc1-steps-5 div.step5, #pgc1 .pgc1-steps-5 div.step5-c { width: 164px; }
#pgc1 .pgc1-steps-6 div.step6, #pgc1 .pgc1-steps-6 div.step6-c { width: 131px; }
#pgc1 .pgc1-steps-7 div.step7, #pgc1 .pgc1-steps-7 div.step7-c { width: 108px; }
#pgc1 .pgc1-steps-9 div.step9, #pgc1 .pgc1-steps-9 div.step9-c { width: 80px; }
#pgc1 .pgc1-steps div.step1 { background: url(../img/pg/pgc-step1.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step2 { background: url(../img/pg/pgc-step2.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step3 { background: url(../img/pg/pgc-step3.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step4 { background: url(../img/pg/pgc-step4.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step5 { background: url(../img/pg/pgc-step5.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step6 { background: url(../img/pg/pgc-step6.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step7 { background: url(../img/pg/pgc-step7.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step8 { background: url(../img/pg/pgc-step8.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step9 { background: url(../img/pg/pgc-step9.gif) center 27px no-repeat; }
#pgc1 .pgc1-steps div.step1-c { background: url(../img/pg/pgc-step1-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-steps div.step2-c { background: url(../img/pg/pgc-step2-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-steps div.step3-c { background: url(../img/pg/pgc-step3-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-steps div.step4-c { background: url(../img/pg/pgc-step4-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-steps div.step5-c { background: url(../img/pg/pgc-step5-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-steps div.step6-c { background: url(../img/pg/pgc-step6-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-steps div.step7-c { background: url(../img/pg/pgc-step7-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-steps div.step8-c { background: url(../img/pg/pgc-step8-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-steps div.step9-c { background: url(../img/pg/pgc-step9-current.gif) center 27px no-repeat #ffdc70; }
#pgc1 .pgc1-breadcrumbs { clear: both; padding-top: 5px; margin: 0 5px; }
#pgc1 .pgc1-breadcrumbs dt { float: left; margin-right: 0.5em; padding: 0.25em 0.5em; /*background: #575347; color: #fff;*/ }
#pgc1 .pgc1-breadcrumbs dd { margin: 0; padding: 0.25em 0; color: #575347; line-height: 18px; }
#pgc1 .pgc1-breadcrumbs span { /*white-space: nowrap;*/ }
#pgc1 .pgc1-breadcrumbs a { color: #575347; text-decoration: none; }
#pgc1 .pgc1-breadcrumbs a:hover { color: #c90010; text-decoration: none; }

#pgc1 .pgc1-breadcrumbs .current { color: #c90010; }
#pgc1 .pgc1-snv { background: url(../img/snv/snv.gif) left bottom no-repeat; width: 777px; height: 36px; margin: 0 5px; padding: 7px 0 0 173px; }
#pgc1 .pgc1-snv .snv { float: left; margin-right: 1px; }
#pgc1 .snv-text { margin: 20px 0px 20px 0; /*background: url(../img/snv/snv-plain.gif) left top no-repeat; width: 950px; height: 33px;*/ background: #f9f6ee; text-align: center; align-items: center; padding: 5px 0; /*border-bottom: 3px solid #a3016f;*/ display:grid;box-shadow: 0px 2px 4px 0px #0000000f; border-radius: 25px;}
#pgc1 .snv-text ul { margin: -2px auto; /* background: url(../img/snv/snv-bg-left.gif) right top no-repeat; */ }
#pgc1 .snv-text li { float: left; list-style: none; /*border: 3px solid lightgray;*/ border-bottom: none; margin: 0 2px; border-radius: 10px 10px 0 0;}
#pgc1 .snv-text .current, #pgc1 .snv-text a { padding-top: 10px; display: contents; /*background: url(../img/snv/snv-bg.gif) left top no-repeat;*/ /*width: 150px;*/ height: 20px; text-decoration: none; color: lightslategray; font-size: 13px; }
#pgc1 .snv-text a:hover { /*background: lightgray; background: url(../img/snv/snv-bg_over.gif) left top no-repeat; */ text-decoration: none; border-radius: 6px 6px 0 0; /*color: white;*/ }

/* #pgc1 .snv-text .current { background: url(../img/snv/snv-bg-current.gif) left top no-repeat; } */
#pgc1 .snv-text .current { float: left; list-style: none; /*border: 3px solid #a3016f*/; border-bottom: 3.5px solid #a3016f; margin: 0px 2px; padding-bottom: 2px; border-radius: 10px 10px 0 0; font-weight: bold; cursor: pointer;/*background: #a3016f;*/ color: #000;}
/* #pgc1 .snv-text-l1 { width: 122px; }
#pgc1 .snv-text-l2 { width: 243px; }
/* #pgc1 .snv-text-l3 { width: 364px; } */
#pgc1 .snv-text-l3, #pgc1 .snv-text-l5 { overflow: hidden; }
/* #pgc1 .snv-text-l4 { width: 485px; }
#pgc1 .snv-text-l5 { width: 606px; }
#pgc1 .snv-text-l6 { width: 727px; }
#pgc1 .snv-text-l7 { width: 848px; } */
#pgc1 .pgc1-form dl { padding-top: 5px; margin: 0 5px; }
#pgc1 .pgc1-form dt { float: left; margin-right: 0.5em; padding: 0.25em 0.5em; background: #575347; color: #fff; }
/* #pgc1 .pgc1-form dd { height: 1.7em; } */
#pgc1 .pgc1-form dd.keep { float: left; margin-left: 0; margin-right: 1.5em; }
#pgc1 .pgc1-hr { padding-top: 7px !important; margin: 5px 5px 0 !important; background: url(../img/pg/pgc-hr.gif) center top no-repeat; }
#pgc1 .pgc1-form .submit { /*background: url(../img/btn/b01-113-sc.gif) center top no-repeat;*/ padding: 5px; width: 113px; margin: 0 auto; }
#pgc1 .pgc1-gmap { float: right; margin-right: 5px; width: 150px; height: 150px; border: 1px solid #b8ae92; }
#pgc2 .pgc2-inner { padding: 10px 0; margin-bottom: 30px; width: 100%;}
#pgc2 .pgc2-top { /*background: #ffffff url(../img/tpc/tpc-hrk-title-b2.gif) left top no-repeat;*/ width: 950px; margin: 0 auto; padding-top: 12px; }
#pgc2 .pgc2-banner { margin: 0 5px; }
#pgc2 .pgc2-hotel { margin: 0 auto; /*width: 770px;*/ /* MEMO: width: 770px がコメントアウトされていたが、カレンダーで表示崩れがあったため、復活 */ }
#pgc2 .pgc2-gby { margin: 0 auto; width: 770px; }
#pgf2 .pgf2-inner { padding-top: 10px; color: #000000; }
#pgf2 .pgf2-inner a { color: #000000; text-decoration: none; }
/* #pgf2 .pgf2-inner a:hover { text-decoration: underline; } */
#pgf2 .pgf2-inner p, #pgf2 .pgf2-inner p * { line-height: 20px; }
#pgf2 .pgf2-column { float: left; margin: 0 5px; padding: 10px; border-left: 1px solid #797566; }
#pgf2 .pgf2-records { color: #ffcf43; }
#pgf2 .pgf2-records dt { float: left; line-height: 20px; }
#pgf2 .pgf2-records dd { margin-left: 7em; line-height: 20px; }
.current-tab{
    border-bottom: 3.5px solid #a3016f;
}
.top-layout1 { vertical-align: top; }
.top-layout2 { padding-left: 5px; }
.top-layout3 { height: 281px; }
.top-layout11 { }
.top-layout12 { padding: 7px 10px 0 0; }
.top-layout13 { padding: 7px 0 0; }
.top-layout14 { padding: 16px 0 0; }
.top-layout15 { margin-left: 754px; padding: 0 0 0 10px; }
.tpc-jrc-banner { background: url(../img/tpc/tpc-jrc-banner-b.gif) center top no-repeat; margin-top: 2px; padding: 6px 8px 8px 6px; width: 175px; }
.tpc-hrk-banner { background: url(../img/tpc/tpc-hrk-banner-b2.gif) center top no-repeat; padding: 6px 8px 8px 6px; width: 234px; height: 137px; }
.tpc-h2cl { float: left; width: 366px; border: dotted #c1bbab; border-width: 1px 0; padding: 5px 0; margin-right: 10px; }
.tpc-h2cl .tpc-h2cl-photo { float: left; background: url(../img/tpc/tpc-photo-b.gif) center top no-repeat; margin-right: 5px; padding: 4px 6px 6px 4px; width: 68px; }
.tpc-h2cl .tpc-h2cl-area { padding-top: 3px; font-weight: bold; }
.tpc-h2cl .tpc-h2cl-hotel a { font-weight: bold; font-size: 10pt; color: #db1400; text-decoration: none; }
.tpc-h2cl .tpc-h2cl-hotel a:hover { text-decoration: underline; }
.tpc-h2cl .tpc-h2cl-info { }
.tpc-h2cl .tpc-h2cl-link, .tpc-h2cl .tpc-h2cl-link a { color: #0c98c5; }
/* 背面画像をCSSで作り直し　*/
/* .sfm-search { padding-top: 10px; background: url(../img/sfm/sfm-date-b.png) left top no-repeat; width: 344px; height: 380px; } */
.sfm-search { border: 2px solid #a3016f; border-radius: 5px; width: 100%; height: 100%; background: #fff5fc; }
.sfm-search h3 { padding: 5px; font-size: 15px; font-weight: bolder; color: white; background: #a3016f; text-align: center; }
/* .sfm-cat-box { margin: 25px 10px 0 10px; } */
.sfm-cat-box li { margin-right: 10px; list-style: none; line-height: 1.5; float: left; }
.sfm-cat-box li input, .sfm-cat-box li select, .sfm-cat-box li label { vertical-align: middle; }
.sfm-normal { background: url(../img/sfm/sfm-normal-b.gif) left top no-repeat; width: 344px; height: 315px; }
.sfm-normal-inner { padding-top: 10px; }
.sfm-normal table { background: #ffffff; margin: 0 auto 10px; }
.sfm-normal table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-normal table th div { background: #e6e0d0; padding: 7px 5px 6px; }
.sfm-normal table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; }
.sfm-normal2-inner { padding-top: 5px; }
.sfm-normal2 table { background: #ffffff; margin: 0 auto 5px; position: relative; }
.sfm-normal2 table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-normal2 table th div { background: #E0D3BC; padding: 7px 5px 6px; }
.sfm-normal2 table th .div-h { padding: 14px 5px 14px; }
.sfm-normal2 table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; line-height: 18px; }
.sfm-normal2 table td input { vertical-align: middle; }
.sfm-normal2 table td .jqs-calendar { position: absolute; /*top: 3px;*/ right: 0px; }
.sfm-today-inner { padding-top: 5px; }
.sfm-today table { background: #ffffff; margin: 0 auto 10px; position: relative; }
.sfm-today table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-today table th div { background: #E0D3BC; padding: 7px 5px 6px; }
.sfm-today table th .div-h { padding: 14px 5px 14px; }
.sfm-today table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; line-height: 18px; }
.sfm-today table td input { vertical-align: middle; }
.sfm-today table td.info { background: url(../img/sfm/sfm-today-bg-info.gif) 16px 50% no-repeat; padding: 12px 0 12px 44px; }
.sfm-jrc-inner { padding-top: 10px; }
.sfm-jrc table { background: #ffffff; margin: 0 auto 5px; width: 322px; }
.sfm-jrc table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-jrc table th div { background: #E0D3BC; margin: 0; padding: 7px 5px 6px; }
.sfm-jrc table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; }
.sfm-jrc-submit { background: #FFF; margin: 0 auto 5px; padding: 15px 0; width: 322px; }
.sfm-bestprice-inner { padding-top: 5px; }
.sfm-bestprice table { background: #ffffff; margin: 0 auto 5px; position: relative; }
.sfm-bestprice table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-bestprice table th div { background: #E0D3BC; padding: 7px 5px 6px; }
.sfm-bestprice table th .div-h { padding: 14px 5px 14px; }
.sfm-bestprice table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; line-height: 18px; }
.sfm-bestprice table td input { vertical-align: middle; }
.sfm-bestprice table td .jqs-calendar { position: absolute; top: 3px; right: 16px; }
.sfm-normal2-w-inner { padding-top: 10px; }
.sfm-normal2-w table { background: #ffffff; margin: 0 auto 10px; position: relative; }
.sfm-normal2-w table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-normal2-w table th div { /*background: #e6e0d0;*/ padding: 7px 5px 6px; }
.sfm-normal2-w table th .div-h { padding: 25px 5px 25px; }
.sfm-normal2-w table td { padding: 5px; border-bottom: 1px solid #f0eadf; }
.sfm-normal2-w table td input { vertical-align: middle; margin: 0; }
.sfm-normal2-w table td .jqs-calendar { position: absolute; top: 7px; right: 2px; }
.sfm-today-w { /*background: url(../img/sfm/sfm-jrc-w-b.gif) left top no-repeat; width: 344px; height: 315px; */}
/* .sfm-today-w-inner { padding-top: 10px; } */
.sfm-today-w table { background: #ffffff; margin: 0 auto 10px; position: relative; }
.sfm-today-w table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-today-w table th div { /*background: #e6e0d0;*/ padding: 7px 5px 6px; }
.sfm-today-w table th .div-h { padding: 14px 5px 14px; }
.sfm-today-w table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; }
.sfm-today-w table td input { vertical-align: middle; }
.sfm-today-w table td.info { background: url(../img/sfm/sfm-today-bg-info.gif) 16px 50% no-repeat; padding: 12px 0 12px 44px; }
.sfm-normal2-ws-inner { padding-top: 10px; }
.sfm-normal2-ws-inner select {
    padding: 4px;
    border: 1px solid #d3c7a7;
    border-radius: 7px;
    font-size: 12px;
    font-family: "Noto-Sans-JP-Bold";
    background-color: #FFFFFF;
}
.sfm-normal2-ws table { background: #ffffff; margin: 0 auto 10px; width: 100%; position: relative; }
.sfm-normal2-ws table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-normal2-ws table th div { /*background: #E0D3BC;*/ padding: 7px 5px 6px; }
.sfm-normal2-ws table th .div-h { padding: 14px 5px 14px; }
.sfm-normal2-ws table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; }
.sfm-normal2-ws table td input { vertical-align: middle; margin: 0; }
.sfm-normal2-ws table td .jqs-calendar { position: absolute; top: 3px; right: 10px; }
.sfm-today-ws-inner { padding-top: 10px; }
.sfm-today-ws table { background: #ffffff; margin: 0 auto 10px; position: relative; }
.sfm-today-ws table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-today-ws table th div { background: #E0D3BC; padding: 7px 5px 6px; }
.sfm-today-ws table th .div-h { padding: 14px 5px 14px; }
.sfm-today-ws table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; }
.sfm-today-ws table td input { vertical-align: middle; }
.sfm-today-ws table td.info { background: url(../img/sfm/sfm-today-bg-info.gif) 16px 50% no-repeat; padding: 10px 0 10px 44px; }
.sfm-jrc-w-inner { padding-top: 10px; }
.sfm-jrc-w table { background: #ffffff; margin: 0 auto 5px; width: 322px; }
.sfm-jrc-w table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-jrc-w table th div { background: #E0D3BC; margin: 0; padding: 7px 6px 5px; }
.sfm-jrc-w table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; }
.sfm-jrc-ws { background: url(../img/sfm/sfm-jrc-ws-b.gif) left top no-repeat; width: 344px; height: 211px; }
.sfm-jrc-ws-inner { padding-top: 10px; }
.sfm-jrc-ws table { background: #ffffff; margin: 0 auto 5px; width: 322px; }
.sfm-jrc-ws table th { padding: 3px; border-bottom: 1px solid #f0eadf; font-weight: normal; text-align: left; }
.sfm-jrc-ws table th div { background: #E0D3BC; margin: 0; padding: 7px 6px 5px; }
.sfm-jrc-ws table td { padding: 0 5px; border-bottom: 1px solid #f0eadf; }
.sfm-keyword { background: url(../img/sfm/sfm-keyword-b.gif) left top no-repeat; width: 344px; height: 148px; }
.sfm-keyword-inner { margin: 0; padding: 46px 0 0 16px; }
.sfm-keyword-inner ul { padding: 12px 0 0 4px; }
.sfm-keyword-inner ul li.title { color: #666; margin: 0; float: none; }
.sfm-keyword-inner ul li { margin: 0; padding: 0; white-space: nowrap; line-height: 18px; list-style: none; float: left; }
.sfm-keyword-inner a { color: #666; padding-bottom: 4px; margin-right: 16px; }
.sfm-map { background: url(../img/sfm/sfm-map-b.gif) left top no-repeat; width: 308px; height: 360px; }
.sfm-map-inner { padding: 45px 9px 8px 7px; }
.sfm-station { background: url(../img/sfm/sfm-station-b.gif) left top no-repeat; width: 306px; height: 200px; }
.sfm-station-inner { margin: 0; padding: 28px 0 0 5px; }
.sfm-station-inner dl { padding: 20px 0 0 15px; }
.sfm-station-inner dt { color: #666; padding-bottom: 7px; margin: 0; }
.sfm-station-inner dd { margin: 0; padding: 0; white-space: nowrap; line-height: 18px; }
.sfm-station-inner a { color: #666; padding-bottom: 4px; margin-right: 6px; font-size: 13px; }
.sfm-landmark { background: url(../img/sfm/sfm-landmark-b.gif) left top no-repeat; width: 306px; height: 159px; }
.sfm-landmark-inner { margin: 0; padding: 28px 0 0 5px; }
.sfm-landmark-inner dl { padding: 6px 0 0 15px; }
.sfm-landmark-inner dt { color: #666; padding-bottom: 3px; margin: 0; }
.sfm-landmark-inner dd { margin: 0; padding: 0; white-space: nowrap; line-height: 18px; }
.sfm-landmark-inner a { color: #666; padding-bottom: 4px; margin-right: 16px; }
.sfm-extra { width: 306px; height: 159px; }
.sfm-extra a:hover { alpha:(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.sfm-quick { background: url(../img/sfm/sfm-quick-b.gif) left top no-repeat; width: 308px; height: 281px; }
.sfm-quick-inner { padding: 35px 15px 0; }
.sfm-quick table { margin: 5px auto 0; border-right: 5px solid #ffffff; }
.sfm-quick table th { padding: 5px; border-right: 5px solid #ffffff; width: 100px; }
.sfm-quick table tr.links th { border-bottom: 1px solid #d8d3c5; background: #6a6558; color: #ffffff; text-align: left; font-weight: normal; }
.sfm-quick table td { text-align: center; background: #ffffff; width: 30px; }
.sfm-quick table tr.links td { background: #d9d3c5; border-left: 1px solid #ffffff; border-bottom: 1px solid #b8af97; }
.sfm-quick table tr.links td a { display: block; color: #000000; }
.sfm-quick table tr.last th { padding: 0; border-left: 5px solid #ffffff; height: 5px; }
.sfm-quick table tr.last td { padding: 0; height: 5px; }
.sfm-quick table tr.bottom td { border-bottom: 5px solid #ffffff !important; }
.sfm-quick .sun, .sfm-quick .sun a { color: #db1300 !important; }
.sfm-quick .sat, .sfm-quick .sat a { color: #0081e7 !important; }
.sfm-quick .month { font-size: 8pt; color: #000000; }
.sfm-area { background: url(../img/sfm/sfm-area-b.gif) left top no-repeat; width: 308px; height: 252px; }
.sfm-area-inner { padding: 5px 15px 0; }
.sfm-area table { margin: 5px auto 0; border-right: 5px solid #ffffff; }
.sfm-area table th { padding: 5px; border-right: 5px solid #ffffff; width: 100px; }
.sfm-area table tr.links th { border-bottom: 1px solid #d8d3c5; background: #6a6558; color: #ffffff; text-align: left; font-weight: normal; }
.sfm-area table td { text-align: center; background: #ffffff; width: 30px; }
.sfm-area table tr.links td { background: #d9d3c5; border-left: 1px solid #ffffff; border-bottom: 1px solid #b8af97; }
.sfm-area table tr.links td a { display: block; color: #000000; }
.sfm-area table tr.last th { padding: 0; border-left: 5px solid #ffffff; height: 5px; }
.sfm-area table tr.last td { padding: 0; height: 5px; }
.sfm-area table tr.bottom td { border-bottom: 5px solid #ffffff !important; }
.sfm-area .sun, .sfm-quick .sun a { color: #db1300 !important; }
.sfm-area .sat, .sfm-quick .sat a { color: #0081e7 !important; }
.sfm-area .month { font-size: 8pt; color: #000000; }
.sfm-condition2 { background: url(../img/sfm/sfm-condition2-b.gif) left top no-repeat; width: 308px; height: 252px; }
.sfm-condition2-inner { padding-top: 10px; }
.sfm-condition2 table { background: #ffffff; margin: 0 auto 5px; width: 278px; }
.sfm-condition2 table th { padding: 3px 5px; border-bottom: 1px solid #d6e9d8; font-weight: normal; text-align: center; }
.sfm-condition2 table th div { background: #9dcea4; color: #ffffff; font-weight: bold; padding: 9px 0px 8px; width: 32px; }
.sfm-condition2 table td { padding: 0 5px; border-bottom: 1px solid #d6e9d8; }
.sfm-clip2 { background: url(../img/sfm/sfm-clip2-b.gif) left top no-repeat; width: 308px; height: 252px; }
.sfm-clip2-inner { padding-top: 10px; }
.sfm-clip2 table { background: #ffffff; margin: 0 auto 5px; }
.sfm-clip2 table th { padding: 2px; border-bottom: 1px solid #f9ede9; font-weight: normal; text-align: left; }
.sfm-clip2 table th div { background: #fca468; padding: 5px 5px 6px; }
.sfm-clip2 table td { padding: 0 5px; border-bottom: 1px solid #f9ede9; }
.sidebnbox { width: 178px; margin: 0 0 10px 6px; padding: 1px 0 7px 0; border: 1px solid #CECECE; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.sidebnbox p.sidebnboxexp { width: 162px; margin: 0 16px 3px 8px; font-size: 85%; line-height: 1.3; color: #333; }
.sidebnbox p.sidebnboxbn { width: 160px; margin: 0 8px 5px 8px; font-size: 78%; }
ul.sidebnboxlink { width: 167px; margin: 0 3px 0 8px; list-style-type: none; font-size: 78%; line-height: 1.1; }
ul.sidebnboxlink li { margin: 0 0 3px 0; }
ul.sidebnboxlink li a { padding: 0 0 0 14px; background-image: url(../img/tpc/tpc-sidebnbox-sprite.gif); background-repeat: no-repeat; line-height: 1.1; }
ul.sidebnboxlink li a:link { background-position: -189px 1px; }
ul.sidebnboxlink li a:visited { background-position: -189px -24px; }
ul.sidebnboxlink li a:visited:hover, ul.sidebnboxlink li a:link:hover { background-position: -189px -49px; }
ul.sidebnboxlink li a:visited:active, ul.sidebnboxlink li a:link:active { background-position: -189px -74px; }
div#bnnormal h3 { margin: 0 0 8px 0; padding: 5px 7px 0 7px; font-weight: bold; text-indent: 0; line-height: 1.0; background-image: url(../img/pg/sidebnbox-sprite.gif); background-repeat: no-repeat; background-position: 1px 0px; }
div#bnnormal h3 a { color: #666; font-size: 110%; }
div#bnkidzania h3 { margin: 0 0 8px 0; padding: 5px 7px 0 7px; font-weight: bold; text-indent: 0; line-height: 1.0; background-image: url(../img/tpc/tpc-sidebnbox-sprite.gif); background-repeat: no-repeat; background-position: 1px -26px; }
div#bnkidzania h3 a { color: #FF6600; font-size: 110%; }
div#bnpuroland h3 { margin: 0 0 8px 0; padding: 5px 7px 0 7px; font-weight: bold; text-indent: 0; line-height: 1.0; background-image: url(../img/tpc/tpc-sidebnbox-sprite.gif); background-repeat: no-repeat; background-position: 1px -52px; }
div#bnpuroland h3 a { color: #FF538B; font-size: 110%; }
.sch-left { float: left; }
.sch-result { margin-left: 180px; width: 770px; }
.sch-right { float: right; }
.sch-result-new { margin-right: 180px; width: 100%; text-align: left; }
.sch-redirect-msg { height: 60px; border: 2px solid #e37272; color: #e37272; font-size: 14px; font-weight: bold; padding: 8px 16px; box-sizing: border-box; line-height: 20px; margin: 8px 0;}
.sch-msg { padding: 0 5px 5px 15px; font-size: 12px; font-weight: bold; color: #333; }
.sch-cmd { float: right; }
.sch-cmd div { float: left; }
.sch-count-sort{display: flex; justify-content: space-between; padding: 0 10px;font-size: 10pt; font-weight: bold; color: #333;}
.sch-nav { margin: auto; color: #535353; text-align: left; display: flex;}
.sch-nav * { font-size: 9pt; height: auto;}
.sch-nav .current { color: #a3016f; /*background-color: #a3016f; border: 1px solid #a3016f; */border-bottom: 3px solid #a3016f;cursor: pointer;font-weight: 600;}
.sch-nav .void { color: #ccc; }
.sch-nav a { color: #535353; font-size: inherit;}
/* .sch-nav a:hover { background: #575347; color: #fff; } */
.sch-order { display: inline-block; margin-right: 10px; white-space: nowrap; width: 100%; }
.sch-order span, .sch-order a { /*border: 1px solid #c1c1c1; border-radius: 100px; background: #f8f7f4;*/ margin: 3px 5px; text-decoration: none; }
/* .sch-order span:hover, .sch-order a:hover { border: 1px solid #a3016f; color: white; background-color: #a3016f; } */
.sch-page { display: inline; white-space: nowrap; text-align: right; clear: both; }
.sch-page2 { white-space: nowrap; text-align: right; }
.sch-tab { padding-left: 1px; }
.sch-tab a { text-decoration: none; }
.sch-163-1 { margin-bottom: 5px; width: 167px; /*background: url(../img/pg/pgc-163-m-s.gif) center center repeat-y;*/ }
/* .sch-163-2 { background: url(../img/pg/pgc-163-t-s.gif) center top no-repeat; } */
.sch-163-3 { padding: 1px 2px 3px; /*background: url(../img/pg/pgc-163-b-s.gif) center bottom no-repeat;*/ }
.sch-filter { padding: 1px 5px 5px; background: #f8f7f4;font-size: 13px; }
.sch-filter dt { margin: 5px 0; padding: 5px; color: #3b1801;border-left: 2px solid #a3016f;font-weight: bold; }
/* .sch-filter dt.filter-title { background: #313131 url(../img/lhd/lhd-filter-title.gif) left center no-repeat; } */
.sch-filter dt.close { background: #313131 url(../img/lhd/lhd-filter-close.gif) left center no-repeat; }
.sch-filter dd { margin-left: 1em; /*padding: 2px;*/ line-height: normal;}
@media screen and (max-width: 767px) {
    .sch-filter dt { margin: 5px 0; padding: 0 5px; color: #3b1801;border-left: 2px solid #a3016f;font-weight: bold; font-size: 13px;}
    .sch-filter dd { margin-left: 1em; /*padding: 2px;*/ line-height: normal;display: -webkit-inline-box; }
}

.sch-filter dd strong { font-weight: bold; color: #a3016f; }
.sch-filter dd a { color: #151515; text-decoration: none;}
.sch-filter dd.disable { color: #88837b; }
#sub-lock .sch-filter { padding: 1px 5px 5px; background: #eee; }
#sub-lock .sch-filter dt { margin: 5px 0; /*padding: 5px;*/ color: #ffffff; }
#sub-lock .sch-filter dt.filter-title { /*background: #ccc url(../img/lhd/lhd-filter-title-disable.gif) left center no-repeat;*/ color: #88837b; }
#sub-lock .sch-filter dt.close { background: #313131 url(../img/lhd/lhd-filter-close.gif) left center no-repeat; }
#sub-lock .sch-filter dd { margin-left: 1em; padding: 2px; }
#sub-lock .sch-filter dd strong { font-weight: bold; color: #a3016f; }
#sub-lock .sch-filter dd a { color: #999; }
#sub-lock .sch-filter dd.disable { color: #88837b; }
.sch-push { padding: 10px 4px 5px; background: #c8a3c3; }
.sch-push-title { font-weight: bold; color: #fff; text-align: center; }
.sch-push-hotel-1 { margin-top: 6px; width: 155px; background: url(../img/pg/pgc-push-m-sp.gif) center center repeat-y; }
.sch-push-hotel-2 { background: url(../img/pg/pgc-push-t-sp.gif) center top no-repeat; }
.sch-push-hotel-3 { padding: 6px 2px 8px 7px; background: url(../img/pg/pgc-push-b-sp.gif) center bottom no-repeat; }
.sch-push-area { }
.sch-push-name { margin-bottom: 5px; font-weight: bold; }
.sch-push-name a { text-decoration: none; color: #000; }
.sch-push-name a:hover { text-decoration: underline; }
.sch-push-photo { float: left; display: block; padding-bottom: 8px; }
.sch-push-btn { margin-left: 56px; }
.hi-box { margin-bottom: 50px; }
.hi-box .hi-foot { }
.hi-box .hi-link { text-align: right; padding: 3px 6px 0; }
.hi-box .hi-link a { color: #000000; background: url(../img/lhd/lhd-link.gif) left no-repeat; padding-left: 14px; }
.hi-box .hi-link a:hover { color: #2090dc; background: url(../img/lhd/lhd-link_over.gif) left no-repeat; padding-left: 14px; }
.pi-box { /*border: 1px solid #d389bc;*/ margin-top: 10px; border-radius: 3px; border-top: 4px solid #a3016f; border-bottom: none; background:#fafafa;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.17);}
.line-bestprice { border-top: 3px solid #c00; }
.line-priority { border-top: 3px solid #ff4500; }
.pi-box .pi-head { /*background: #fef2da;*/ padding: 6px 6px 0 6px; margin-bottom: 4px; }
.pi-box .pi-head-p10 { background: #fafafa url(../img/spc/spc-p3-pointbg10.gif) repeat-x; } /* クローズドプランアイコン表示用（BRのクラス名をそのまま流用） */
/* .pi-box .pi-head-p11 { background: #fef2da url(../img/spc/spc-p3-pointbg11.gif) repeat-x bottom; }
.pi-box .pi-head-p12 { background: #fef2da url(../img/spc/spc-p3-pointbg12.gif) repeat-x bottom; }
.pi-box .pi-head-p13 { background: #fef2da url(../img/spc/spc-p3-pointbg13.gif) repeat-x bottom; }
.pi-box .pi-head-p14 { background: #fef2da url(../img/spc/spc-p3-pointbg14.gif) repeat-x bottom; }
.pi-box .pi-head-p15 { background: #fef2da url(../img/spc/spc-p3-pointbg15.gif) repeat-x bottom; }
.pi-box .pi-head-p16 { background: #fef2da url(../img/spc/spc-p3-pointbg16.gif) repeat-x bottom; }
.pi-box .pi-head-p17 { background: #fef2da url(../img/spc/spc-p3-pointbg17.gif) repeat-x bottom; }
.pi-box .pi-head-p18 { background: #fef2da url(../img/spc/spc-p3-pointbg18.gif) repeat-x bottom; }
.pi-box .pi-head-p19 { background: #fef2da url(../img/spc/spc-p3-pointbg19.gif) repeat-x bottom; }
.pi-box .pi-head-p20 { background: #fef2da url(../img/spc/spc-p3-pointbg20.gif) repeat-x bottom; }
.pi-box .pi-head-ph { background: #fef2da url(../img/spc/spc-p3-pointbg20.gif) repeat-x bottom; } */
/* プラン一覧 */
.plan_name{padding: 13px; font-weight: bold; /*border-radius: 5px 5px 0 0;*/ font-size: 16px; letter-spacing: 1px;}
.plan_name a{font-weight: bold; text-decoration: none; color: #1D54A7;}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（タブレット用） */
    .plan_name{
        font-size: 13px;
    }
}

/* 重点施設 */
.pi-box .pi-head-pr { background: -moz-linear-gradient(top, #FFB97A, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#FFB97A), to(#fff)); background: -ms-linear-gradient(top, #FFB97A, #fff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB97A', endColorstr='#fff', GradientType=0)"; }
.pi-box .pi-body { padding: 6px; word-break: break-all; word-wrap: break-word; width: 635px; }
.pi-box .pi-foot { padding: 6px 0 0; }
.pi-box td.pi-photo { vertical-align: top; padding: 6px 6px 0 0; width: 100px; }
.pi-box .pi-name { font-size: 15px; font-weight: bold; line-height: 22px; padding: 8px;}
.pi-box .closed-icon { margin: 0 0 0 auto; padding: 5px 5px 0 0 ;}
.pi-box .pi-name a { color: #000000; text-decoration: none;}
.pi-box .pi-name a:hover { color: #990000; }
.pi-box .pi-icons img { margin: 4px 4px 0 0; }
.pi-box .pi-icons img.continue { margin: 4px -4px 0 0; }
.pi-box .pi-link { text-align: right; background: #e1f2fc; padding: 3px 6px; }
.pi-box .pi-link a { color: #000000; background: url(../img/lhd/lhd-link.gif) left no-repeat; padding-left: 14px; }
.pi-box .pi-link a:hover { color: #2090dc; background: url(../img/lhd/lhd-link_over.gif) left no-repeat; padding-left: 14px; }
.ri-box { }
.ri-box .ri-body { padding: 6px; }
.ri-box td.ri-photo { vertical-align: top; padding: 6px 6px 0 0; width: 100px; }
.gi-box { padding: 6px 6px 12px; }
.gi-box td { vertical-align: top; }
.gi-box td.gi-expand { width: 100%; vertical-align: middle; padding-right: 4px; }
.gi-box td.gi-capacity { text-align: right; padding: 7px 0 0 4px; }
.gi-box td.gi-advantage { text-align: center; padding: 6px 4px 0; }
.gi-box td.gi-price { text-align: right; padding: 0 4px 0; }
.gi-box td.gi-pricefix { padding-top: 5px; }
.gi-box td.gi-pricefrom { padding-top: 13px; }
.gi-box td.gi-action { }
.ri-box .ri-new { padding-left: 32px; background: url(../img/spc/spc-p0-new.gif) left top no-repeat; }
.gi-box .gi-new { padding-left: 32px; background: url(../img/spc/spc-p0-new.gif) left 3px no-repeat; }
.ri-box .ri-name, .gi-box .gi-name { font-size: 15px; font-weight: bold; line-height: 23px;margin: 10px; }
.ri-box .ri-name a, .gi-box .gi-name a { color: #005e8d; text-decoration: none; }
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（タブレット用） */
    .ri-box .ri-name, .gi-box .gi-name{
        font-size: 12px;
    }
}
.ri-box .ri-mame a:hover, .gi-box .gi-name a:hover { color: #2090dc; text-decoration: underline; }
.ri-box .ri-icons img, .gi-box .gi-icons img { margin: 4px 4px 0 0; }
.gi-box .gi-capacity img { margin-right: 4px; }
.gi-box .gi-discount { color: #fff; background: #ff6600; font-size: 12px; line-height: 15px; padding: 2px 4px 0; text-align: center; width: 70px; }
.gi-box .gi-discount-none { color: #000; /*background: #f0f0f0;*/ font-size: 12px; line-height: 15px; padding: 2px 4px 0; text-align: center; width: 70px; /* height: 15px;*/ }
.gi-box .gi-point { margin-top: 4px; }
.gi-box .gi-unitprice { font-size: 20px; }
.gi-box .gi-currency { font-weight: bold; color: #be0101; }
.mi-box { margin-top: 15px;}
.mi-box table { width: 100%; }
.mi-box td { text-align: center; border: 1px solid #b4b4b4; white-space: nowrap; }
.mi-box .mi-cell { display: block; text-decoration: none; padding: 5px; border: 1px solid #fff; }
.mi-box .mi-sales .mi-cell { background: #ffe57f; }
.mi-box .mi-sales .mi-cell:hover { background: #fff99c; }
.mi-box .mi-sales .mi-status { background: #ee3913; }
.mi-box .mi-coming .mi-cell { background: #ebd99a; }
.mi-box .mi-coming .mi-cell:hover { background: #f4e9b9; }
.mi-box .mi-coming .mi-status { background: #8f7000; }
.mi-box .mi-soldout .mi-cell { background: #ffccb2; }
.mi-box .mi-soldout .mi-cell:hover { background: #ffeddb; }
.mi-box .mi-soldout .mi-status { background: #ab4536; }
.mi-box .mi-prepare .mi-cell { background: #e5e5e5; }
.mi-box .mi-prepare .mi-status { background: #b3b3b3; font-size: 9px; }
.mi-box .mi-year { font-size: 8px; line-height: 10px; color: #555; }
.mi-box .mi-month { font-size: 10px; line-height: 14px; color: #747474; }
.mi-box .mi-status { font-size: 10px; line-height: 10px; color: #ffffff; width: 38px; padding: 3px 0; margin: 0 auto; }
.hi-hotel { }
.hi-box { padding: 6px;}
.hi-box2 { margin-top: 10px; padding: 6px;}
.hi-box2 .closed-icon { margin: 0 0 0 auto;}
.hi-box-star { background: url(../img/pg/pgc-star.gif) left top repeat-x; }
.hi-box-gmap { padding: 4px; border: 1px solid #ccc; width: auto; height: 760px; }
.hi-summary { margin-top: 5px; }
.hi-name { padding: 15px; /*border-left:5px solid #a3016f;background: #a3016f; font-size: 14px; font-weight: bold; color: #fff; */}
/* 重点施設の内、3位以上 */
.bg-ranktop { background-color: #ff4500; }
.bg-ranktop_h { height: 36px; }
.bg-ranktop_msg { float: right; }
/* .bg-bestprice { background: #c00; } */
/* 重点施設の内、4位以下 */
.bg-push {background: #40b034;}
.hi-name a { font-size: 17px; font-weight: bold; /*color: #000;*/ text-decoration: none; letter-spacing: 1px; }
.hi-name a:hover { text-decoration: none; }
.hi-name .now { font-size: 20px; margin-bottom: 20px;}
.hi-name .before { font-size: 14px;}
.hi-voice { float: left; padding: 2px 5px 0 65px; background: url(../img/lhd/lhd-voice.gif) left 1px no-repeat; font-weight: bold; height: 15px; }
.hi-voice-star { }
/* .hi-address { margin: 1em 0; padding-left: 65px; background: url(../img/lhd/lhd-site.gif) left top no-repeat; } */
.hi-address { margin: 1em 0; padding: 3px 0 0 25px; background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="fill: rgba(178, 178, 178, 1);transform: ;msFilter:;"><path d="M12 2C7.589 2 4 5.589 4 9.995 3.971 16.44 11.696 21.784 12 22c0 0 8.029-5.56 8-12 0-4.411-3.589-8-8-8zm0 12c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"></path></svg>') left top no-repeat; }
/* .hi-parking { margin: 1em 0; padding-left: 65px; background: url(../img/lhd/lhd-parking.gif) left top no-repeat; } */
.hi-parking { margin: 1em 0; padding: 3px 0 0 25px; background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="fill: rgba(178, 178, 178, 1);transform: ;msFilter:;"><path d="M13.5 3H5v18h4v-5h4.5c3.584 0 6.5-2.916 6.5-6.5S17.084 3 13.5 3zm0 9H9V7h4.5C14.879 7 16 8.121 16 9.5S14.879 12 13.5 12z"></path></svg>') left top no-repeat; }
/* .hi-station { margin: 1em 0; padding-left: 65px; background: url(../img/lhd/lhd-station.gif) left top no-repeat; } */
.hi-station { margin: 1em 0; padding: 3px 0 0 25px; background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="fill: rgba(178, 178, 178, 1);transform: ;msFilter:;"><circle cx="8.5" cy="14.5" r="1.5"></circle><circle cx="15.5" cy="14.5" r="1.5"></circle><path d="M18.87 3.34A3.55 3.55 0 0 0 16.38 2H7.62a3.47 3.47 0 0 0-2.5 1.35A4.32 4.32 0 0 0 4 6v12a1 1 0 0 0 1 1h2l-2 3h2.32L8 21h8l.68 1H19l-2-3h2a1 1 0 0 0 1-1V6a4.15 4.15 0 0 0-1.13-2.66zM7.62 4h8.72a1.77 1.77 0 0 1 1 .66 3.25 3.25 0 0 1 .25.34H6.39a2.3 2.3 0 0 1 .25-.35A1.65 1.65 0 0 1 7.62 4zM6 8V7h12v3H6zm12 9H6v-5h12z"></path></svg>') left top no-repeat; letter-spacing: 1px; line-height: normal;}
.hi-voicetotal { margin: 1em 0; padding-left: 65px; background: url(../img/lhd/lhd-voice.gif) left top no-repeat; }
.hi-photo { padding-right: 10px; width: 138px; }
.hi-photo img { padding: 1px; border: 1px solid #cdcdcd; width: 138px; }
.hi-photo-none { width: 142px; }
.hi-info { margin: 0 0 1em; }
.hi-cmd { float: right; }
.hi-cmd div { float: left; }
.hi-table { border-collapse: separate; /*border-bottom: 1px solid #e8e8e8;*/ background: #fff; width: 100%; }
.hi-box-camp { margin-top: 10px; padding: 0 0 15px 0; /*border: 1px solid rgb(168, 193, 237);*/ border-radius: 5px; background-color: rgb(249, 249, 249);}
.hi-box-camp .title { margin-bottom: 10px; padding: 6px 10px; background: #a3016f; font-weight: bold; color: #fff; border-radius:5px 5px 0 0;}
.hi-box-camp-name { padding: 15px;}
.hi-table th { border-bottom: 1px solid #fff; /*border-top: 1px dotted #ffffff;*/ background: #f7f4ea; font-weight: normal; }
.hi-table th div { padding: 7px 8px 6px; /*border-top: 1px solid #fff;*/ line-height: 25px; font-weight: bold;}
.hi-table td { padding: 8px 8px 6px; border-bottom: 1px solid #e8e8e8; width: 100%; vertical-align: middle; line-height: normal;}
.hi-map { margin: 15px auto 10px; width: 622px; text-align: left; }
.hi-map-tabs { /*padding-left: 9px; */ text-decoration: none;}
.hi-map-agoda-txt {display: inline-block;height: 16px;vertical-align: text-bottom;padding-left: 4px;color: #8e8e8e;}
.hi-map-frame { padding: 10px; border: 1px solid #b6b19c; }
.hi-map-google { width: auto; height: 600px; }
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（タブレット用） */
    .hi-map-google {
        width: auto;
        height: 500px;
    }
    .hi-map-frame{
        margin-bottom: 40px;
    }
    .hi-box-gmap { 
        padding: 4px;
        border: 1px solid #ccc;
        width: auto;
        height: 500px;
    }
}
@media screen and (max-width: 630px) {
	/* 630px以下に適用されるCSS（タブレット用） */
    .hi-map-google {
        width: auto;
        height: 250px;
    }
    .hi-map-frame{
        margin-bottom: 10px;
    }
    .hi-box-gmap { 
        padding: 4px;
        border: 1px solid #ccc;
        width: auto;
        height: 450px;
    }
}

/* 地図表示のピン押下時のウィンドウ */
.map-window .info {
    display: flex;
    width: 100%;
}

.map-window .info .left {
    flex: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.map-window .info .left img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.map-window .info .right {
    flex: 7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 10px;
}

.gm-style .gm-style-iw-c {
    min-width: 300px !important;
    max-width: 350px !important;
    min-height: 150px !important;
    max-height: 200px !important;
    padding: 0 10px;    
  }

  .gm-style .gm-style-iw-chr {
    height: 20px;    
  }
/* 地図表示のピン押下時のウィンドウここまで */

.hi-pg { float: right; margin: 0 10px 10px; }
.pi-plan { margin-top: 5px; border-top: 1px dotted #e8e8e8; }
.pi-plan .pi-name { padding: 6px 0 7px; font-size: 10pt; font-weight: bold; color: #005e8e; }
.pi-plan .pi-name a { font-size: 10pt; font-weight: bold; color: #005e8e; text-decoration: none; }
.pi-plan .pi-name a:hover { text-decoration: underline; }
.pi-namesp { padding-top: 5px; padding-bottom: 5px; background-color: #daf3f9; color: #005e8e; font-weight: bold; border-radius: 5px 5px 0 0;}
.pi-namesp-closed { padding-top: 5px; padding-bottom: 5px; background: #fafafa url(../img/spc/spc-p3-pointbg10.gif) repeat-x; color: #005e8e; font-weight: bold; border-radius: 5px 5px 0 0;} /* クローズドプランアイコン表示用 */
.pi-plan .pi-new { padding: 6px 0 7px 40px; background: url(../img/lhd/lhd-new.gif) left center no-repeat; }
.pi-plan .pi-hook { background: url(../img/pg/pgc-hook.gif) left center no-repeat; width: 135px; text-align: center; color: #ffffff; }
.pi-plan .pi-hook-inner { padding: 2px 5px 1px; background: url(../img/pg/pgc-hook-r.gif) right center no-repeat; }
.pi-plan .pi-hook-none { height: 18px; }
.pi-plan .pi-price { padding-top: 2px; width: 135px; text-align: right; white-space: nowrap; overflow: hidden; }
.pi-plan .pi-price .price { font-size: 15pt; font-weight: bold; color: #c90010; }
.pi-plan .pi-price .yen { color: #c90010; }
.pi-plan .pi-booking { padding-left: 6px; }
.pi-plan .pi-byplan { margin: 0 0 1em; padding: 3px; background: #f7f4ea; }
.pi-plan .pi-byplan .pi-name { padding: 6px 0 7px 10px; font-size: 10pt; color: #005e8e; }
.pi-plan .pi-byplan .pi-new { padding: 6px 0 7px 45px; background: url(../img/lhd/lhd-newbyplan.gif) 5px center no-repeat; }
.pi-plan .pi-photo { padding-right: 10px; width: 138px; }
.pi-plan .pi-photo img { padding: 1px; border: 1px solid #cdcdcd; width: 138px; }
.pi-plan .pi-photo2 { padding-right: 10px; width: 100px; }
.pi-plan .pi-photo2 img { padding: 1px; border: 1px solid #cdcdcd; width: 100px; }
.pi-plan .pi-photo3 { padding-top: 6px; padding-right: 10px; width: 138px; }
.pi-plan .pi-photo3 img { padding: 1px; border: 1px solid #cdcdcd; width: 138px; }
.pi-plan .pi-photo-none { width: 142px; }
.pi-plan .pi-info { margin: 1em 0; }
.pi-plan .pi-planspecs { float: left; margin-right: 1em; }
.pi-plan .pi-planspecs .capacity { white-space: nowrap; }
.pi-plan .pi-planspecs .meal { white-space: nowrap; }
.pi-plan .pi-planspecs .paymentway { white-space: nowrap; color: #c90010; }
.pi-plan .pi-planspecs .insurance_weather { white-space: nowrap; }
.pi-plan .pi-planspecs .point { white-space: nowrap; }
.pi-plan .pi-planspecs .coupon { white-space: nowrap; }
.pi-plan .pi-planspecs .void { color: #ccc; }
.pi-plan .pi-roomspecs { }
.pi-plan .pi-roomspecs .roomtype { white-space: nowrap; }
.pi-plan .pi-roomspecs .floorage { white-space: nowrap; }
.pi-plan .pi-roomspecs .bath { white-space: nowrap; }
.pi-plan .pi-roomspecs .toilet { white-space: nowrap; }
.pi-plan .pi-roomspecs .smaking { white-space: nowrap; }
.pi-plan .pi-otherspecs { }
.pi-plan .pi-otherspecs .network { }
.pi-plan .pi-otherspecs .staylimit { font-size: 8pt; }
.pi-plan .pi-icon { }
.pi-plan .pi-icon img { margin-right: 2px; }
.cld-title { margin-top: 5px; padding: 10px 0px 9px 10px; background: #575347; color: #ffffff; }
.cld-title .title { float: left; }
.cld-title .next { float: right; margin-top: -10px; margin-bottom: -10px; }
.cld-tabs { margin: 5px -4px 0; /*background: url(../img/pg/pgc-cld-ts.gif) center bottom no-repeat;*/ width: 778px; height: 34px; text-align: center; border-bottom: 3px solid #a3016f;display: flex; justify-content: center;}
.cld-tabs ul { margin: 0 auto; width: 752px; display: contents; }
.cld-tabs li { float: left; list-style: none; margin: 0 1.5rem;}
.cld-tabs .current { padding-top: 5px; display: block; background-color: #a3016f; border-radius: 4px 4px 0 0;/*background: url(../img/btn/b09-cldtab-current.gif) center bottom no-repeat;*/ width: 152px; height: 100%; color: #fff; font-weight: bold; }
.cld-tabs .disable { padding-top: 5px; margin: 10px 0 0 0; display: block; /*background: url(../img/btn/b09-cldtab_disable.gif) center bottom no-repeat;*/ background-color: #eee; border-radius: 2px; width: 100px; /*height: 17px;*/ color: #989898; font-size: 11px;}
.cld-tabs a { padding-top: 5px; /* margin: 10px 0 0 0;*/ display: block; /*background: url(../img/btn/b09-cldtab.gif) center bottom no-repeat;*/ background-color: #FFF; /*width: 100px;*/ height: 17px; text-decoration: none; color: #151515; font-weight: bold; /* border: 2px solid #a3016f;*/ border-bottom: none; border-radius: 4px 4px 0 0;}
.cld-tabs a:hover { /*background: url(../img/btn/b09-cldtab_over.gif) center bottom no-repeat; background-color: #a3016f; color: #FFF; */}
.cld-tabs a:active { /*background: url(../img/btn/b09-cldtab_click.gif) center bottom no-repeat; background-color: #a3016f; color: #FFF; */}
.cld-back1 { margin: 0 -4px; /*background: url(../img/pg/pgc-cld-m.gif) center top repeat-y;*/ }
.cld-back2 { /*background: url(../img/pg/pgc-cld-t.gif) center top no-repeat;*/ background-color: #fafafa38;}
.cld-back3 { padding: 10px 14px 15px; /*background: url(../img/pg/pgc-cld-b.gif) center bottom no-repeat;*/ }
table.cld th { padding: 3px 0; text-align: center; }
table.cld th, table.cld td { border: 2px solid #fff; color: #151515; }
table.cld .day { padding: 0px 0px 0 5px; background: #f7f4ea54; }
table.cld .day .icon { float: right; margin: -1px 0 0 0; }
table.cld .scv { padding: 5px 0; text-align: center; }
table.cld .sign { font-size: 11pt; line-height: 18pt; }
table.cld .charge { font-size: 10pt; line-height: 18pt; }
@media screen and (max-width: 425px) {
    table.cld .charge { font-size: 9pt; line-height: 18pt; }
} 

@media screen and (max-width: 350px) {
    table.cld .charge { font-size: 9pt; line-height: 18pt; }
} 

table.cld .status { font-size: 9pt; line-height: 18pt; }
table.cld a { display: block; text-decoration: none; color: #151515; }
table.cld a .charge { text-decoration: underline; }
table.cld a:hover { background: #fff8d6; }
table.cld .sat a:hover { background: #fff8d6; }
table.cld .sun a:hover, table.cld .hol a:hover { background: #fff8d6; }
table.cld .mon, table.cld .tue, table.cld .wed, table.cld .thu, table.cld .fri { background: #ffffff; color: #151515; }
table.cld .sat { background: #ecf5ff4f;color: #0068dd; }
table.cld .sun, table.cld .hol { background: #fff1f152; color: #c90010; }
table.cld .mon .day, table.cld .tue .day, table.cld .wed .day, table.cld .thu .day, table.cld .fri .day { background: #f7f4ea; }
table.cld .sat .day { background: #b0d8ff91; }
table.cld .sun .day, table.cld .hol .day { background: #ffcece85; }
table.cld .mon .soldout, table.cld .tue .soldout, table.cld .wed .soldout, table.cld .thu .soldout, table.cld .fri .soldout { background: #eaeaea; color: #929292; }
table.cld .sat .soldout { background: #d8e1ea; color: #929292; }
table.cld .sun .soldout, table.cld .hol .soldout { background: #ecdddd; color: #929292; }
table.cld .mon .soldout .day, table.cld .tue .soldout .day, table.cld .wed .soldout .day, table.cld .thu .soldout .day, table.cld .fri .soldout .day { background: #e3e0d7; }
table.cld .sat .soldout .day { background: #d2d7d7; color: #60a0e9; }
table.cld .sun .soldout .day, table.cld .hol .soldout .day { background: #e3d4cb; color: #dd606a; }
table.cld .mon .close, table.cld .tue .close, table.cld .wed .close, table.cld .thu .close, table.cld .fri .close { background: #eaeaea; color: #929292; }
table.cld .sat .close { background: #d8e1ea; color: #929292; }
table.cld .sun .close, table.cld .hol .close { background: #ecdddd; color: #929292; }
table.cld .mon .close .day, table.cld .tue .close .day, table.cld .wed .close .day, table.cld .thu .close .day, table.cld .fri .close .day { background: #e3e0d7; }
table.cld .sat .close .day { background: #d2d7d7; color: #60a0e9; }
table.cld .sun .close .day, table.cld .hol .close .day { background: #e3d4cb; color: #dd606a; }
table.cld .mon .prepare, table.cld .tue .prepare, table.cld .wed .prepare, table.cld .thu .prepare, table.cld .fri .prepare { background: #eaeaea; color: #929292; }
table.cld .sat .prepare { background: #d8e1ea; color: #929292; }
table.cld .sun .prepare, table.cld .hol .prepare { background: #ecdddd; color: #929292; }
table.cld .mon .prepare .day, table.cld .tue .prepare .day, table.cld .wed .prepare .day, table.cld .thu .prepare .day, table.cld .fri .prepare .day { background: #e3e0d7; }
table.cld .sat .prepare .day { background: #d2d7d7; color: #60a0e9; }
table.cld .sun .prepare .day, table.cld .hol .prepare .day { background: #e3d4cb; color: #dd606a; }
table.cld-all th, table.cld-all td { width: 106px; }
table.cld-min th, table.cld-min td { width: 86px; }
table.cld-mon th, table.cld-mon td { width: 202px; }
table.cld-min .day, table.cld-mon .day { padding: 5px 0; text-align: center; }
table.cld-mon td { border-top-width: 0; }
table.cld-mon .scv { padding: 1em 0; }
/* pgc1-form same ! */
.sch-back1 { margin-top: 10px; margin-bottom: 10px; /*width: 770px; background: url(../img/pg/pgc-search-m.gif) center top repeat-y; */}
/*.sch-back2 { background: url(../img/pg/pgc-search-t.gif) center top no-repeat;} */
.sch-back3 { padding: 10px 15px; /*background: url(../img/pg/pgc-search-b.gif) center bottom no-repeat;*/ background-color: #f8f7f4; margin: 0 100px;}
.sch-form dl { clear: both; padding-top: 5px; margin: 0 5px; }
.sch-form dt { float: left; margin-right: 0.5em; padding: 0.25em 0.5em; /*background: #575347; color: #fff;*/ text-align: right; width: 120px; border-right: 2px solid #575347;}
.sch-form dd { }
.sch-form dd.keep { float: left; margin-left: 0; margin-right: 1.5em; }
.sch-form dd.holizon { margin-top: -7px; }
.sch-hr { padding-top: 7px !important; margin: 5px 10px !important; /*background: url(../img/pg/pgc-hr.gif) center top no-repeat; */}
.sch-form .submit { background: url(../img/btn/b01-113-sc.gif) center top no-repeat; padding: 5px; width: 113px; margin: 0 auto; }
.adult-select { padding: 2px; border: 1px solid #d3c7a7; border-radius: 7px;font-family: "Noto-Sans-JP-Bold";font-size: 13px;}
.sch-gmap { float: right; margin-right: 5px; width: 150px; height: 150px; border: 1px solid #b8ae92; }
.vic-box1 { margin-top: 10px; padding: 15px 5px 5px 5px; border-top: 1px dotted #bcb6b3; /*background-color: #f7f4ea;*/ }
.vic-box2 { }
.vic-v1 { background: url(../img/vic/vic-v.gif) center top repeat-y; }
.vic-v2 { background: url(../img/vic/vic-v-b.gif) center bottom no-repeat; }
.vic-v3 { padding: 25px 18px 27px 117px; border: 1px solid #a46e98; background: #f7f4ea; }
.vic-vu { background: url(../img/vic/vic-vu.gif ) center top no-repeat; }
.vic-vm { background: url(../img/vic/vic-vm.gif ) center top no-repeat; }
.vic-vm-10 { background: url(../img/vic/vic-vm-10.gif) center top no-repeat; }
.vic-vm-20 { background: url(../img/vic/vic-vm-20.gif) center top no-repeat; }
.vic-vm-30 { background: url(../img/vic/vic-vm-30.gif) center top no-repeat; }
.vic-vm-40 { background: url(../img/vic/vic-vm-40.gif) center top no-repeat; }
.vic-vm-50 { background: url(../img/vic/vic-vm-50.gif) center top no-repeat; }
.vic-vm-60 { background: url(../img/vic/vic-vm-60.gif) center top no-repeat; }
.vic-vm-70 { background: url(../img/vic/vic-vm-70.gif) center top no-repeat; }
.vic-vf { background: url(../img/vic/vic-vf.gif ) center top no-repeat; }
.vic-vf-10 { background: url(../img/vic/vic-vf-10.gif) center top no-repeat; }
.vic-vf-20 { background: url(../img/vic/vic-vf-20.gif) center top no-repeat; }
.vic-vf-30 { background: url(../img/vic/vic-vf-30.gif) center top no-repeat; }
.vic-vf-40 { background: url(../img/vic/vic-vf-40.gif) center top no-repeat; }
.vic-vf-50 { background: url(../img/vic/vic-vf-50.gif) center top no-repeat; }
.vic-vf-60 { background: url(../img/vic/vic-vf-60.gif) center top no-repeat; }
.vic-vf-70 { background: url(../img/vic/vic-vf-70.gif) center top no-repeat; }
.vic-r1 { background: url(../img/vic/vic-r.gif) center top repeat-y; }
.vic-r2 { background: url(../img/vic/vic-r-b.gif) center bottom no-repeat; }
.vic-r3 { padding: 13px 119px 27px 19px; border: solid #a46e98; border-width: 0 1px 1px; }
.vic-rm { background: url(../img/vic/vic-rm.gif ) center top no-repeat; }
.vic-rf { background: url(../img/vic/vic-rf.gif ) center top no-repeat; }
.vic-box1 .title { margin-bottom: 5px; padding: 4px 0 2px 5px; /*background: #a46e98; */color: #333;font-weight:bold; border-left: 3px solid #b60081; font-size: 14px; }
.vic-box1 .summary { height: 33px; }
.vic-box1 .count1 { float: right; margin-top: 2px; width: 192px; /*background: url(../img/vic/vic-count1.gif) left top no-repeat;*/ }
.vic-box1 .count2 { padding: 7px 24px 0 80px; height: 26px; /*background: url(../img/vic/vic-count2.gif) right top no-repeat;*/ text-align: right; font-size: 15pt; color: #b60081; font-weight: bold; }
.vic-box1 .total { float: left; padding-top: 12px; height: 21px; font-weight: bold; }
.vic-box1 .strong { color: #005e8e; }
.vic-box1 .totalstar { float: left; margin-left: 5px; margin-right: 15px; padding-top: 10px; height: 23px; }
.vic-box1 .totalnote { padding-top: 12px; height: 21px; }
.vic-box1 .dtltitle { float: left; margin-top: 5px; padding: 5px; width: 90px; /*background: #a46e98;*/ color:rgb(51 51 51); line-height: 9pt; text-align: center;}
.vic-box1 .dtlpoint { float: left; margin-top: 5px; padding: 5px 2px 5px 8px; font-weight: bold; line-height: 9pt; }
.vic-box1 .dtlstar { float: left; margin-right: 20px; padding: 6px 0; height: 18px; }
.vic-box1 .dtleol { float: none; margin-right: 0px; }
.vic-box1 .star-box {background-color: #ecf7fc7d;}
.vic-v3 .title { float: left; margin-bottom: 8px; font-weight: bold; }
.vic-v3 .ymd { margin-bottom: 8px; text-align: right; }
.vic-v3 .total { float: left; padding-top: 2px; height: 15px; font-weight: bold; }
.vic-v3 .strong { color: #005e8e; }
.vic-v3 .star { float: left; margin-left: 5px; margin-right: 15px; }
.vic-v3 .values { padding-top: 2px; height: 15px; color: #005e8e; }
.vic-v3 .voice { margin-top: 8px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #b3ae9c; }
.vic-v3 .stay { float: right; }
.vic-v3 .plan { width: 500px; }
.vic-r3 .from { font-weight: bold; }
.vic-r3 .reply { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #ffffff; }
.vic-r3 .ymd { text-align: right; }
.gal-frame { margin-right: 5px; }
.gal-frame table { border: 1px solid #cdcdcd; width: 318px; }
.gal-left { display: block; padding: 123px 0; width: 24px; height: 24px; background: url(../img/btn/b10-left-b.gif) center top repeat-y; }
.gal-right { display: block; padding: 123px 0; width: 24px; height: 24px; background: url(../img/btn/b10-right-b.gif) center top repeat-y; }
/* ↓フォトギャラリー以外で使っていなさそうなのでaタグ追加して使用してしまっている */
@media screen and (max-width: 767px) {
    .gal-canvas a {
        width: calc((100% - 10px)/3) !important;
        padding-top: calc((100% - 10px)/3) !important;
        text-align: center !important;
        display: inline-flex !important;
        position: relative !important;
    }
} 
.gal-canvas a {
    width: calc((100% - 15px)/4);
    padding-top: calc((100% - 15px)/4);
    text-align: center;
    display: inline-flex;
    position: relative;
}
.gal-canvas img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0;}
.gal-mdt { margin-top: 5px; text-align: center; }
.gal-plans { overflow: auto; width: 433px; height: 272px; }
.gal-thumbs { margin-top: 8px; padding-top: 8px; border-top: 1px dotted #b3ae9c; }
.gal-thumbs .category { margin-bottom: 4px; color: #2685b6; }
.gal-thumbs .thumns img { border: 1px solid #6b6b6b; width: 54px; }
.gal-thumbs .current img { border: 4px solid #00baff; width: 48px; height: 48px; }
.map-map { margin: 0 0 0 -1px; padding: 0; }
.map-dlink { padding: 12px 5px 2px 8px; background: #e7e4da; color: #575347; clear: both; border-radius: 0 0 5px 5px;}
.map-dlink .present { }
.map-dlink li { margin-left: 1.5em; margin-top: 7.75pt; }
.map-dlink li a { color: #575347; }
.map-dlink li a.over { font-weight: bold; color: #464239; }
.bet { margin-top: 0; border-top-width: 0 !important; }
.beb { margin-bottom: 0; border-bottom-width: 0; }
option.sat { color: #0068dd; }
option.sun, option.hol { color: #c90010; }
option.disable { color: #999; }
.hrk-panel4 { float: left; margin: 4px; }
.hrk-panel4 a { display: block; padding: 10px; width: 209px; height: 54px; background: url(../img/cnr/highrank/pnl-bk4.gif) top left no-repeat; color: #fff; text-decoration: none; }
.hrk-panel4 a:hover { background: url(../img/cnr/highrank/pnl-bk4_over.gif) top left no-repeat; text-decoration: underline; }
.hrk-panel4 a:active { background: url(../img/cnr/highrank/pnl-bk4_click.gif) top left no-repeat; text-decoration: underline; }
.hrk-panel4-area { font-weight: bold; }
.hrk-panel5 { float: left; margin: 4px; }
.hrk-panel5 a { display: block; padding: 10px; width: 164px; height: 54px; background: url(../img/cnr/highrank/pnl-bk5.gif) top left no-repeat; color: #fff; text-decoration: none; }
.hrk-panel5 a:hover { background: url(../img/cnr/highrank/pnl-bk5_over.gif) top left no-repeat; text-decoration: underline; }
.hrk-panel5 a:active { background: url(../img/cnr/highrank/pnl-bk5_click.gif) top left no-repeat; text-decoration: underline; }
.hrk-panel5-area { font-weight: bold; }
.booking1 { margin-bottom: 20px;}
.booking1 th { padding: 8px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; width: 166px; background: #F4F4F4; color: #151515; text-align: left; vertical-align: top; font-weight: bold; line-height: 24px; vertical-align: middle;}
.booking1 td { padding: 8px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #ffffff; color: #151515;line-height: normal; /*vertical-align: top;*/ }
.booking1 caption { padding: 5px 8px 7px; height: 10px;/*background: #b60081;*/ border-left: 3px solid #b60081; color: #151515; text-align: left; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.booking2 th { padding: 8px; border: 1px solid #fff; width: 166px; background: #F4F4F4; color: #151515; text-align: left; vertical-align: top; font-weight: bold; line-height: normal;}
.booking2 td { padding: 8px; border: 1px solid #fff; background: #ffefd56b; color: #151515; vertical-align: middle; }
.booking-capacity select {padding: 5px; border: 1px solid #d3c7a7; border-radius: 7px;font-family: "Noto-Sans-JP-Bold";}
.booking-capacity .title {background: #FFDC70;font-weight:bold;font-family: "Noto-Sans-JP-Bold";padding: 4px;}
.booking-step2 input { background-color: #ffffe2; padding: 7px 5px 7px 5px; font-size: 13px; border: 2px solid #999; border-radius: 3px;}
@media screen and (max-width: 640px) {
    .booking-step2 input { background-color: #ffffe2; padding: 7px 5px 7px 5px; font-size: 13px; border: 2px solid #999; border-radius: 3px;width: 100%;}
}
.booking-step2 select { margin: 5px 0;padding: 7px 20px 7px 5px; font-size: 13px; border: 2px solid #999; border-radius: 3px; background-color: #ffffe2;}
.booking-title { background: #b60081; color: #FFF; padding: 10px; font-weight: bold; font-size: 15px; position: relative; }
.booking3-title { padding: 8px 8px 7px; /*background: #b60081;*/ border-left: 4px solid #b60081; color: #151515; text-align: left; font-size: 15px; font-weight: bold;}
.booking4-title { padding: 8px 8px 7px; /*background: #b60081;*/ border-left: 4px solid #b60081; color: #151515; text-align: left; font-size: 15px; font-weight: bold;}
.point-input { background-color: #ffffe2; padding: 7px 5px 7px 5px; font-size: 13px; border: 2px solid #999; border-radius: 3px; width: 50px; text-align: right;}
.reserve-list-btn{font-size: 15px; background-color: #ffc107; border: #ffc107; border-radius: 0.25rem; padding: 10px 20px; cursor: pointer;color: #FFF;}
.reserve-list-btn[type="submit"]:hover{font-size: 15px; background-color: #ffd34d; border: #ffc107; border-radius: 0.25rem; padding: 10px 20px;}

#station-top-l { float: left; /*width: 228px;*/ display: block; padding: 10px 3px; }
#station-top-l h2 { font-weight: bold; font-size: 15px; text-align: left; background: #DEE6F3 url("../img/lhd/lhd-routes.gif") 10px 50% no-repeat; padding: 0 0 0 28px; color: #333; /*width: 190px;*/ }
.station_keyword { text-align: left; margin: 16px 0 16px 3px; width: 160px; position: relative; }
.searchbtn-keyword { background: url("../img/btn/b01-60-sb.gif") 0 0 no-repeat; padding: 5px; position: absolute; top: -6px; left: 142px; }
ul.sts-top-list, ul.sts-top-list2 { list-style: none; padding: 10px 0 0 5px; /*width: 250px;*/ display: block; overflow: hidden; }
ul.sts-top-list li { float: left; margin: 0 3px 4px 0; width: 72px; }
ul.sts-top-list li.type-wide { width: 140px; }
ul.sts-top-list li a { background: url("../img/lhd/lhd-routes-tgl.gif") 0 50% no-repeat; padding: 0 0 0 8px; color: #333; }
#station-top-l hr { border: none; border-top: dashed 1px #CCC; height: 1px; color: #FFF; width: 210px; margin: 5px 0 0 0; }
.mb20 { height: 20px; display: block; }
ul.sts-top-list2 li { float: left; margin: 0 3px 4px 0; width: 52px; }
ul.sts-top-list2 li a { background: url("../img/lhd/lhd-routes-tgl.gif") 0 50% no-repeat; padding: 0 0 0 8px; color: #333; display: inline-block; white-space: nowrap; }
#station-top-r { float: left; display: block; /*margin: 0 8px 0 0;*/ }
#img-railwaymap { width: 100%; }
#tab { list-style: none; padding-top: 10px; }
#tab li { float: left; cursor: pointer; display: block; width: 99px; height: 28px; padding-top: 6px; background: url("../img/pg/bg-railmaptab.gif") 0 0 no-repeat; text-align: center; margin-right: 1px; font-size: 13px; color: #FFF; }
#tab li.current { background: url("../img/pg/bg-railmaptab_active.gif") 0 0 no-repeat; cursor: default; color: #444; }
.disnon { display: none; }
#areamap-tab { width: 545px; margin: 0 0 0 1px; }
#areamap-tab #tab { list-style: none; padding-top: 1px; }
#areamap-tab #tab li { float: left; cursor: pointer; display: block; width: 76px; height: 15px; padding: 8px 6px 8px 0; background: url("../img/pg/bg-areamaptab.gif") 0 0 no-repeat; text-align: center; margin-right: 1px; }
#areamap-tab #tab li a { font-size: 12px; color: #FFF; text-decoration: none; font-weight: bold; }
#areamap-tab #tab li.current { background: url("../img/pg/bg-areamaptab_active.gif") 0 0 no-repeat; cursor: default; color: #444; }
#areamap-tab #tab li.current a { color: #444; }
.routes { text-align: left; margin: 0 auto; /*width: 740px;*/ padding: 10px; display: block; }
.routes * { list-style: none; }
.routes h2 { font-weight: bold; font-size: 15px; text-align: left; background: #DEE6F3 url("../img/lhd/lhd-routes.gif") 10px 50% no-repeat; padding: 2px 0 0 30px; color: #333; }
.routes h3 { text-align:left; padding-bottom:6px;font-size:14px; font-weight:bold; color:#676256; background:whitesmoke; border-left:4px solid #b60081; padding:5px 8px;}
.routes dl { margin: 8px 8px; border-bottom: 1px solid #EEE; }
.routes dt { float: left; font-weight: bold; }
.routes dl dd { margin: 0 0 8px 75px; font-weight: normal; color: #CCC; letter-spacing: 0.1em; padding: 0 5px; font-size: 13px; }
.routes li a { color: #555; text-decoration: underline; white-space: nowrap; background: url("../img/lhd/lhd-routes-tgl.gif") 0 50% no-repeat;padding-left: 13px; }
.routes li a:hover { color: #2E9DD3; }
.railcorp li { width: 50%; margin-bottom: 5px; }
@media screen and (max-width: 500px) {
    /* スクリーンサイズが500px以下の場合に適用 */
    .railcorp li {width: 100%;}
} 
h3.railwayline { background-color: #B52F08; padding: 4px; margin: 6px 0 10px 6px; color: #FFF; border-left: none; width: 718px; }
dl.railwayline { margin-top: 12px; border-bottom: none; }
dl.railwayline dt { color: #333; margin: 5px 5px; font-size: 14px; font-weight: bold; float: none; background: url("../img/lhd/lhd-railwayline.gif") 0 50% no-repeat; padding-left: 18px; }
dl.railwayline dd { margin: 0; }
/* dl.railwayline dd ul li { float: left; margin: 0 20px 0 0; white-space: nowrap; } */
dl.railwayline dd ul { display: flex; flex-wrap: wrap; padding: 5px; margin-bottom: 0px;}
dl.railwayline dd ul li { width: 33%; }
@media screen and (max-width: 800px) {
    /* スクリーンサイズが800px以下の場合に適用 */
    dl.railwayline dd ul li { width: 50%; }
} 

@media screen and (max-width: 550px) {
    /* スクリーンサイズが550px以下の場合に適用 */
    dl.railwayline dd ul li { width: 100%; }
} 

.railway { margin: 20px 0 0 10px; }
.railway h2 { margin-bottom: 6px; }
.railway ul { display: flex; flex-wrap: wrap; padding: unset; }
.railway ul li { width: 16%; }
@media screen and (max-width: 700px) {
    /* スクリーンサイズが700px以下の場合に適用 */
    .railway ul li { width: 33%; }
} 
@media screen and (max-width: 500px) {
    /* スクリーンサイズが500px以下の場合に適用 */
    .railway ul li { width: 50%; }
} 
.railway ul li a { line-height: 25px; white-space: nowrap; display: inline-block; background: url("../img/lhd/lhd-routes-tgl.gif") 0 50% no-repeat; margin: 0 12px 0 12px; padding-left: 10px; color: #4E4336; text-decoration: underline; }
.railway ul li a:hover { color: #2E9DD3; }

.stationbox { /*width: 718px; display: inline-block; margin: 0 0 10px 11px; */}
.stationbox1, .stationbox2, .stationbox3 { float: left; width: 20%; margin: 5px auto; text-align: center; display: block; }
.stationbox1 { background: url("../img/pg/bg-stationbox1.gif") 0 0 no-repeat; }
.stationbox2 { background: url("../img/pg/bg-stationbox2.gif") 0 0 no-repeat; }
.stationbox3 { background: url("../img/pg/bg-stationbox3.gif") 0 0 no-repeat; }
.stationbox a { width: 112px; display: block; border: 1px solid #ccc; padding: 8px; text-align: center; text-decoration: underline; margin: 0 auto; background-color: #FFF; color: #444; border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17); text-decoration: none;}
.stationbox a.disable { color: #999; pointer-events: none; text-decoration: none; }
.stationbox a:hover.disable { background-color: #FFF; }
.stationbox a:hover { background-color: #FF9; }
@media screen and (max-width: 767px) {
    /* スクリーンサイズが767px以下の場合に適用 */
    .stationbox1, .stationbox2, .stationbox3 { float: left; margin: 5px auto; text-align: center; display: flex; }
    .stationbox1 { background: none; width: 33%;}
    .stationbox2 { background: none; width: 33%;}
    .stationbox3 { background: none; width: 33%;}
    .stationbox a {width:100%; border: none; margin: 0 2px; border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17); text-decoration: none;}
    .stationbox a.disable { color: #999; pointer-events: none; text-decoration: none; }
    .stationbox a:hover.disable { background-color: #FFF; }
    .stationbox a:hover { background-color: #FF9; }
}
@media screen and (max-width: 425px) {
    /* スクリーンサイズが425px以下の場合に適用 */
    .stationbox1, .stationbox2, .stationbox3 { float: left; margin: 3px auto; text-align: center; display: flex; }
    .stationbox1 { background: none; width: 50%;}
    .stationbox2 { background: none; width: 50%;}
    .stationbox3 { background: none; width: 50%;}
    .stationbox a {width:100%; border: none; margin: 0 2px; border-radius: 5px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17); text-decoration: none;}
    .stationbox a.disable { color: #999; pointer-events: none; text-decoration: none; }
    .stationbox a:hover.disable { background-color: #FFF; }
    .stationbox a:hover { background-color: #FF9; }
} 

.station-detail { width: 100%; padding: 5px 5px 10px 5px; margin: 0 0 10px 0; display: block; text-align: center; }
.station-detail hr { height: 1; border: 0; border-top: 1px solid #D3CDB9; border-bottom: 1px solid #fff; padding: 0px; }
.station-detail h2 { text-align: left; padding-bottom: 6px; font-size: 14px; font-weight: bold; color: #676256;  background: whitesmoke; border-left: 4px solid #b60081;padding: 8px;}
.station-detail .rail { display: inline-block; /*width: 100%;*/ margin: 0; padding: 0; }
.station-detail .rail .rail-l { height: 0px; width: 0px; border-top: 8px solid transparent; border-left: 0px solid transparent; border-right: #BCCBE8 8px solid; border-bottom: 8px solid transparent; background-color: #F9F6EE; float: left; }
.station-detail .rail .rail-l-end { height: 0px; width: 0px; background-color: #BA2F01; float: left; }
.station-detail .rail .rail-r { height: 0px; width: 0px; border-top: 8px solid transparent; border-right: 0px solid transparent; border-left: #BCCBE8 8px solid; border-bottom: 8px solid transparent; background-color: #F9F6EE; float: left; }
.station-detail .rail .rail-r-end { height: 0px; width: 0px; background-color: #BA2F01; float: left; }
.station-detail .rail .rail-station { color: #FFF; float: left; height: 16px; background-color: #BCCBE8; width: 142px; text-align: center; }
.station-detail .rail .station-active { background: #BCCBE8 url("../img/pg/bg-station-active.gif") 50% 0 no-repeat; width: 168px; height: 16px; display: block; float: left; }
.station-unit { display: table-cell; /*width: 766px;*/ min-height: 66px; height: auto !important; height: 66px; }
.station-unit-inner { margin: auto; /*display: flex;*/ }
.stationunit0, .stationunit1, .stationunit2, .stationunit3, .stationunit4 { float: left; /*width: 146px;*/ margin: 0 auto; text-align: center; display: block; }
.stationunit0 { background: none; min-height: 6px; height: auto !important; height: 6px; }
/* .stationunit1 { background: url("../img/pg/bg-stationbox1.gif") 0 0 no-repeat; }
.stationunit2 { background: url("../img/pg/bg-stationbox2.gif") 0 0 no-repeat; }
.stationunit3 { background: url("../img/pg/bg-stationbox3.gif") 0 0 no-repeat; }
.stationunit4 { background: url("../img/pg/bg-stationbox4.gif") 0 0 no-repeat; } */
.stationunit-active { float: left; /*width: 168px;*/ margin: 0 auto; text-align: center; display: flex; /*background: url("../img/pg/bg-station-active-rail.gif") 0 15px no-repeat;*/ padding-top: 0px; position: relative; }
.stationunit-active-l0 { float: left; /*width: 168px;*/ margin: 0 auto; text-align: center; display: block; background: url("../img/pg/bg-station-active-rail-l0.gif") 0 15px no-repeat; padding-top: 0px; position: relative; }
.stationunit-active-l0 a {color: #c90010 !important;}
.stationunit-active-r0 { float: left; /*width: 168px;*/ margin: 0 auto; text-align: center; display: block; background: url("../img/pg/bg-station-active-rail-r0.gif") 0 15px no-repeat; padding-top: 0px; position: relative; }
.stationunit-active-r0 a {color: #c90010 !important;}
.stationunit-active-0 {text-align: center; display: block; padding: 0; height: 16px; }
/* html*.stationunit-active-0 { display: block; padding: 0; height: 20px; margin: -10px 0 0 -7px; width: 100%; } */
.stationunit-active img, .stationunit-active-l0 img, .stationunit-active-r0 img { position: absolute; top: 8px; left: 52px; }
.stationunit-active .link-railwayline a, .stationunit-active-l0 .link-railwayline a, .stationunit-active-r0 .link-railwayline a { border: none; padding: 5px; text-align: center; margin: 0 auto; white-space: nowrap; color: #4C4334; }
.stationunit-active .link-railwayline-active a, .stationunit-active-l0 .link-railwayline-active a, .stationunit-active-r0 .link-railwayline-active a { border: none; color: #4C4334; width: 168px; display: inline-block; margin: 4px 0 6px 0; padding: 2px 0; background: none; }
.stationunit-active .link-railwayline-active a:hover, .stationunit-active-l0 .link-railwayline-active a:hover, .stationunit-active-r0 .link-railwayline-active a:hover, .stationunit-active .link-railwayline a:hover { background: none; color: #2E9DD3; }
.link-railwayline-active {text-align: left; font-size: 13px; padding: 8px 10px;width: max-content;}
.link-railwayline { display: block; }
.stationunit-active .st-minute1, .stationunit-active-l0 .st-minute1, .stationunit-active-r0 .st-minute1 { color: #8DA9D8; font-weight: bold; display: inline; float: left; margin: -6px -4px; }
.stationunit-active .st-minute2, .stationunit-active-l0 .st-minute2, .stationunit-active-r0 .st-minute2 { color: #8DA9D8; font-weight: bold; display: inline; float: right; margin: -6px -4px; }
.stationunit-active a {color: #c90010 !important;}
.stationunit-active a.sts-active, .stationunit-active-l0 a.sts-active, .stationunit-active-r0 a.sts-active { cursor: default; text-decoration: none; }
.stationunit-active a:hover.sts-active, .stationunit-active-l0 a:hover.sts-active, .stationunit-active-r0 a:hover.sts-active { background-color: #FFF; }
.station-unit a { /*width: 86px;*/ display: block; /*border: 1px solid #999999;*/ padding: 2px 8px; text-align: center; text-decoration: none; margin: 0 auto; background-color: #FFF; color: #4C4334; font-size: 12px;}
.station-unit a.disable { color: #999; pointer-events: none; cursor: default; text-decoration: none; }
.station-unit a:hover.disable { color: #999; pointer-events: none; cursor: default; text-decoration: none; background-color: #FFF; }
.station-unit a:hover { background-color: #FF9; }
h3.accordion_head { text-align: left; display: flex; line-height: 20px;/* background: url("../img/lhd/lhd-station-search.gif") 0 -4px no-repeat; */ padding-left: 10px; color: #a3016f; font-size: 13px; margin: 0; clear: both; cursor: pointer; width: 90%; font-weight: bold; min-height: 22px; }
.accordion_head2 { display: inline; cursor: pointer; background: url("../img/lhd/lhd-railwaylink.gif") 0 0 no-repeat; padding-left: 16px; color: #535353; text-decoration: underline; text-align: center; font-size: 12px; }
.follow-railwayline { clear: both; width: 100%; text-align: center; margin: 12px 0 6px; }
#accordion2 { margin: 0 0 30px 0; clear: both; display: none; }
.search-re-inner { text-align: left; /*margin: 10px 0 0 0;*/ padding: 6px 0; display: inline-block; /* min-width: 770px; */ width: 83%; /* ←地図表示のためこれ以上にしない */ overflow: hidden; vertical-align: middle; /*background-color: #f8f7f4;*/}
.search-re-inner dl { margin: 0; padding: 0; }
.search-re-inner dl dt { background-color: #E0D3BC; display: inline; padding: 3px 8px 2px 4px; margin: 2px 6px 2px 0; float: left; white-space: nowrap; }
.search-re-inner dl dd { text-align: left; /*white-space: nowrap;*/ float: left; margin: 2px 12px 2px 0; vertical-align: middle; line-height: 30px;}
.search-re-inner dl dd a { color: #000; text-decoration: none; }
.search-re-inner dl dd a:hover { color: #06f; }
.search-re-inner dl dd.valgn-t { position: relative; }
/* .search-re-inner dl dd a.jqs-calendar { position: absolute; top: 2px; left: 225px; } */
.search-re-inner .submit { text-align: left; background: url("../img/btn/b01-123-sb.gif") 0 0 no-repeat; padding: 5px; }
.search-re-inner .submit2 { text-align: left; background: url("../img/btn/b01-143-sn.gif") 0 0 no-repeat; padding: 5px; }
.search-re-box hr { clear: both; margin: 0 2%; color: #063; border: none; border-top: 2px dashed #ccc; height: 2px; }
.charge-ds { font-size: 11px; text-align: center; line-height: 15px; margin: 0px 6px 0 0; float: left; padding-top: 5px; }
.search-re-inner-btn { width: 180px; margin: 2px auto 0 auto; padding-top: 6px; text-align: center; clear: both; }
.sch-right h3 { font-size: 14px; font-weight: bold; color: #351F08; background: #fff; padding: 2px 0 8px 22px; }
.sch-right h3.search { background: url("../img/lhd/lhd-sub-h3-search.gif") 0 0 no-repeat; }
.keyword-search { text-align: left; display: inline-block; margin: 0 auto 10px; /*width: 768px;*/ }
/* .keyword-list { display: block; font-weight: bold; cursor: pointer; margin: 6px 0 0 0; color: #2685B6; background: url("../img/lhd/lhd-hitcount-h4.gif") 0 52% no-repeat; padding-left: 18px; color: #999; font-size: 14px; } */
.keyword-list { display: block; font-weight: bold; cursor: pointer; margin: 6px 0; color: #2685B6; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(163, 1, 111, 1);transform: ;msFilter:;"><path d="m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z"></path></svg>') 0 52% no-repeat; padding-left: 25px; color: #999; font-size: 13px; }
.keyword-hitcount { color: #F90; font-weight: bold; font-size: 16px; }
.msg-error { text-align: left; padding: 10px 15px; margin: 12px 0; border: 2px solid #f00; color: #f00; font-size: 12px; line-height: 18px; width: 736px; }
.list-keywords { clear: both; padding: 5px 5px 5px 20px; margin-bottom: 8px; display: none; width: auto; }
.list-keywords ul { display: inline-block; margin: 0; padding: 0; list-style: none; width: 100%;}
.list-keywords ul li { float: left; margin: 0 12px 4px 0; white-space: inherit; }
.list-keywords ul li a { text-decoration: underline; color: #2685B6; font-size: 13px;}
.list-keywords ul li a:hover { color: #09f; }
#sub { text-align: left; /*float: right; width: 163px;*/ }
#sub h3 { font-size: 13px; font-weight: bold; color: #351F08; background: #fff; padding: 0; margin: auto; }
/* #sub h3.search { background: url("../img/lhd/lhd-sub-h3-search.gif") 0 20% no-repeat; } */
#sub h3.map { background: url("../img/lhd/lhd-sub-h3-map.gif") 0 40% no-repeat; padding: 0 0 2px 22px; }
#sub .map-thumbnail { width: 152px; height: 152px; display: block; margin-bottom: 16px; padding: 5px; background: #E6F2F9; }
#sub .section1 { margin-bottom: 6px; padding: 5px; background: #F6F5F1; }
#sub .section1 h4 { padding: 3px 0 3px 22px; font-size: 13px; font-weight: normal; color: #341F07; background: #e0d3bc url("../img/lhd/lhd-sub-h4-tgl.gif") 5% 50% no-repeat; }
#sub .section1 ul { padding: 6px; }
#sub .section1 li { list-style: none; font-size: 11px; }
#sub .section1 li a { padding: 3px; text-decoration: underline; color: #331F06; }
#sub .section1 li a:hover { color: #F60; }
#sub .section2 { margin-bottom: 6px; padding: 5px; background: #FFE599; }
#sub .section2 h4 { padding: 3px 0 3px 22px; font-size: 13px; font-weight: normal; color: #361F09; background: #f9c431 url("../img/lhd/lhd-sub-h4-tgl.gif") 5% 50% no-repeat; }
#sub .section2 ul { padding: 6px; }
#sub .section2 li { list-style: none; font-size: 11px; font-weight: bold; color: #CD3E02; }
#sub .section2 li a { padding: 3px; text-decoration: underline; color: #331F06; font-weight: normal; }
#sub .section2 li a:hover { color: #7D000A; }
#sub .section3 { margin-bottom: 6px; padding: 5px; background: #C5BAA9; }
#sub .section3 h4 { padding: 3px 0 3px 22px; font-size: 13px; font-weight: normal; color: #FFF; background: #313131 url("../img/lhd/lhd-sub-h4-tgl.gif") 5% 50% no-repeat; }
#sub .section3 ul { padding: 6px; }
#sub .section3 li { list-style: none; font-size: 11px; font-weight: bold; color: #7D000A; }
#sub .section3 li a { padding: 3px; text-decoration: underline; color: #331F06; font-weight: normal; }
#sub .section3 li a:hover { color: #F60; }
#sub-lock { text-align: left; float: right; /*width: 163px;*/ }
#sub-lock * { pointer-events: none; -moz-user-select: none; user-select: none; cursor: default; }
#sub-lock h3 { font-size: 14px; font-weight: bold; color: #999; padding: 0 0 5px 22px; background-color: #eee; }
/* #sub-lock h3.search { background: url("../img/lhd/lhd-sub-h3-search-lock.gif") 0 20% no-repeat; background-color: #eee; } */
#sub-lock h3.search { padding: 4px 0 0; }
#sub-lock .section2 { margin-bottom: 6px; padding: 5px; background: #eee; }
#sub-lock .section2 h4 { padding: 3px 0 3px 22px; font-size: 13px; font-weight: normal; color: #666; background: #ccc url("../img/lhd/lhd-sub-h4-tgl.gif") 5% 50% no-repeat; }
#sub-lock .section2 ul { padding: 6px; }
#sub-lock .section2 li { list-style: none; font-size: 11px; font-weight: bold; color: #999; }
#sub-lock .section2 li em { padding: 3px; text-decoration: underline; color: #999; font-weight: normal; }
#sub-lock .section3 { margin-bottom: 6px; padding: 5px; background: #eee; }
#sub-lock .section3 h4 { padding: 3px 0 3px 22px; font-size: 13px; font-weight: normal; color: #666; background: #ccc url("../img/lhd/lhd-sub-h4-tgl.gif") 5% 50% no-repeat; }
#sub-lock .section3 ul { padding: 6px; }
#sub-lock .section3 li { list-style: none; font-size: 12px; padding: 3px; text-decoration: underline; color: #999; font-weight: normal; }
.pgc1-inner .pgc1-gmap { margin: -2px 0 6px 0; height: 152px; display: block; }
.modal-div { width: 620px; margin: 0 auto; text-align: center; display: inline; }
.modal-search, .modal-keyword, .modal-map { /*width: 620px;*/ display: inline-block; margin: 20px 0; }
.modal-search h1, .modal-keyword h1, .modal-map h1 { background-color: whitesmoke; color: #000; text-align: left; width: 100%; font-size: 17px; font-weight: bold;border-left: 4px solid #b60081; padding-left: 10px;}
.hitlist { width: 620px; diplay: block; margin: 0 auto; text-align: center; padding: 20px; }
.hitlist ul { display: inline-block; }
.hitlist ul li { float: left; font-size: 13px; padding: 0 8px 0 0; color: #999; font-weight: normal; white-space: nowrap; }
.hitlist ul li a { color: #666; text-decoration: underline; padding: 0 8px 0 0; }
.hitlist ul li a:hover { color: #f90; }
.hitlist-search { margin: 0 auto; text-align: left; padding-top: 20px; width: 100%; }
.hitlist-search dl { display: grid; }
.hitlist-search dt { padding: 10px; float: left; background-color: #575347; color: #fff; font-weight: bold; display: block; margin: 0; width: fit-content; border-radius: 5px;}
.hitlist-search dd { text-align: left; float: left; }
.hitlist-search dd select { width: 280px; display: block; font-size: 15px; }
.hitlist-search dd select option { font-size: 15px; }
.hitlist-search dd ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.hitlist-search dd ul li a { font-size: 14px; line-height: 25px; color: #333; display: block; padding: 0 0 0 6px; margin-bottom: 3px; }
.hitlist-search dd ul li a:hover { background-color: #39F; color: #FFF; }
.station-wrap {width: 33%;}
@media screen and (max-width: 500px) {
    /* スクリーンサイズが500px以下の場合に適用 */
    .station-wrap {width: 100%;}
} 
.landmark-main { background: url("../img/landmark/main-landmark.gif") 0 0 no-repeat; width: 768px; height: 129px; display: inline-block; margin: 11px 11px 11px 16px; padding: 0; }
.landmark-main * { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }
h2.landmark { font-weight: bold; font-size: 15px; text-align: left; background: #DEE6F3 url("../img/lhd/lhd-routes.gif") 10px 50% no-repeat; padding: 8px 0 0 28px; color: #333; width: 748px; height: 22px; clear: both; }
.landmark-pickup { width: 768px; height: 477px; margin: 10px 4px 20px; }
ul.landmark-banner { margin: 0 12px; list-style: none; display: block; height: 80px; }
ul.landmark-banner li { float: left; margin-right: 5px; }
ul.landmark-banner li a:hover, ul.btn-landmarklist li a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
ul.btn-landmarklist { display: block; width: 700px; height: 60px; list-style: none; margin: 12px auto; }
ul.btn-landmarklist li { float: left; margin-right: 12px; }
hr.landmark { border: none; border-top: dashed 1px #ccc; height: 1px; color: #FFF; margin: 8px 12px 0 6px; clear: both; width: 97%; }
dl.landmark-list { clear: both; }
dl.landmark-list, dl.landmark-list dt, dl.landmark-list dd { margin: 0; padding: 0; }
dl.landmark-list dt { width: 80px; display: block; float: left; text-align: center; clear: both; }
dl.landmark-list dd { padding-left: 70px; }
dl.landmark-list dt ul { margin: 0 auto; display: inline-block; clear: both; }
dl.landmark-list dt ul.label, dl.landmark-list dt ul.label-f11 { margin: 0 auto; }
dl.landmark-list dt ul.label li { font-size: 12px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #575347; color: #FFF; padding: 3px 6px; }
dl.landmark-list dt ul.label-f11 li { font-size: 11px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #575347; color: #FFF; padding: 3px 6px; }
dl.landmark-list ul { margin: 12px 12px 0 12px; list-style: none; }
dl.landmark-list li { padding: 1px 7px; white-space: nowrap; display: inline; float: left; }
dl.landmark-list li a { color: #595959; font-size: 13px; margin: 4px 0 10px 0; display: inline-block; }
dl.landmark-list li a:hover { color: #09F; }
dl.landmark-list li.state { font-size: 12px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #FFE082; padding: 3px 6px; }
dl.landmark-list li.state2 { font-size: 12px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #FFECB4; padding: 3px 6px; }
dl.lmk-topics { display: inline-block; background-color: #E9F8C1; width: 776px; margin: 0 0 20px 0; }
dl.lmk-topics dt { font-size: 13px; font-weight: bold; color: #090; float: left; padding: 6px 2px 6px 10px; }
dl.lmk-topics dd { padding: 6px; }
dl.lmk-topics dd a { color: #090; }
h3.landmark { font-weight: bold; font-size: 15px; text-align: left; padding: 8px 0 0 30px; color: #333; width: 748px; height: 20px; clear: both; }
.h3-lmk-01 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-01.gif") 5px 50% no-repeat; }
.h3-lmk-02 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-02.gif") 5px 50% no-repeat; }
.h3-lmk-03 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-03.gif") 5px 50% no-repeat; }
.h3-lmk-04 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-04.gif") 5px 50% no-repeat; }
.h3-lmk-05 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-05.gif") 5px 50% no-repeat; }
.h3-lmk-06 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-06.gif") 5px 50% no-repeat; }
.h3-lmk-07 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-07.gif") 5px 50% no-repeat; }
.h3-lmk-08 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-08.gif") 5px 50% no-repeat; }
.h3-lmk-09 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-09.gif") 5px 50% no-repeat; }
.h3-lmk-10 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-10.gif") 5px 50% no-repeat; }
.h3-lmk-11 { background: #FFD34D url("../img/landmark/lhd-lmk-h3-11.gif") 5px 50% no-repeat; }
ul.landmark-result { list-style: none; margin: 10px; text-align: left; }
ul.landmark-result li { float: left; width: 184px; margin: 4px 8px 6px 0; display: block; }
ul.landmark-result li a { color: #595959; font-size: 13px; background: url('../img/landmark/lhd-listicon01.gif') 100% 50% no-repeat; padding-right: 15px; display: inline; text-align: left; line-height: 18px; }
ul.landmark-result li a.detail-link { background: none; display: inline; line-height: 18px; }
ul.landmark-result li a:hover { color: #09F; }
.landmark-list-full a { clear: both; width: 778px; display: inline-block; text-align: center; color: #F60; font-size: 13px; padding: 10px 0; }
.lmk-h2 { background: url('../img/landmark/lhd-lmk-h2.gif') 6px 0 no-repeat; font-size: 16px; font-weight: bold; padding-left: 24px; border-bottom: 2px solid #575347; width: 786px; margin: 10px auto; line-height: 25px; }
.lmk-detail { width: 800px; margin: 0 auto; padding: 0; text-align: left; }
.lmk-d-l { float: left; width: 490px; border: 1px solid #E8E8E8; margin: 0 18px 18px 0; padding: 15px; }
.lmk-d-l ul { list-style: none; }
.lmk-d-l li { font-weight: bold; padding: 4px; margin-bottom: 8px; }
.lmk-d-l li.tab-area { float: left; background-color: #C90; color: #fff; margin-right: 5px; }
.lmk-d-l li.tab-cate { float: left; color: #F90; background-color: #FFF8DD; border: 1px solid #F2CD5E; padding: 3px; }
.lmk-d-l .h2-title { background-color: #DEE6F3; font-size: 17px; font-weight: bold; color: #333; width: 100%; text-align: center; padding: 10px 0; margin: 0 0 20px 0; clear: both; }
.lmk-d-main { display: inline-block; }
.lmk-d-main img { border: 1px solid #DDD; padding: 3px; float: left; }
.lmk-d-main p { text-align: left; display: block; line-height: 22px; font-size: 13px; width: 260px; float: left; margin-left: 26px; }
.lmk-d-btn { clear: both; width: 100%; text-align: center; margin: 20px 0; }
.lmk-d-btn table { width: 100px; margin: 0 auto; }
.lmk-d-btn table td { align: center; }
.lmk-d-btn .lmk-d-btn1 { padding: 5px; width: 194px; background: url('../img/landmark/btn-lmk-d-s.gif') center top no-repeat; }
.lmk-d-info { background-color: #F9F9F9; border: 1px solid #ddd; padding: 20px; margin: 15px 0; }
.lmk-d-info h4 { font-weight: bold; font-size: 14px; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-bottom: 12px; }
.lmk-d-info table { font-size: 13px; }
.lmk-d-info th { text-align: right; font-weight: normal; padding: 3px; white-space: nowrap; line-height: 18px; vertical-align: top; }
.lmk-d-info td { text-align: left; padding: 3px; line-height: 18px; vertical-align: top; }
.lmk-d-gmap { border: 1px solid #1D75A6; }
.lmk-d-access { border-bottom: 1px solid #1D75A6; border-left: 1px solid #1D75A6; border-right: 1px solid #1D75A6; background-color: #F9F9F9; padding: 15px; }
.lmk-d-access b { color: #7193CC; font-size: 14px; }
.lmk-d-access p { margin: 6px 0 22px 0; font-size: 13px; line-height: 18px; color: #333; }
.lmk-d-nearest { border: 1px solid #ddd; background-color: #fff; padding: 10px; }
.lmk-d-nearest b { color: #f90; font-size: 13px; }
.lmk-d-nearest ul { margin-top: 6px; }
.lmk-d-nearest li { padding: 0; }
.lmk-d-nearest a { color: #0088E3; font-weight: normal; }
.lmk-d-nearest .round { font-size: 8px; color: #99CFF4; font-weight: normal; }
.lmk-d-nearest a.area { font-weight: normal; color: #999; }
.lmk-detail-r { float: left; width: 260px; }
.lmk-detail2 { width: 800px; margin: 0 auto; padding: 0; text-align: left; claer: both; border: 1px solid #E8E8E8; margin: 0 18px 0 0; padding: 12px; display: inline-block; }
.lmk-detail2 h3 { font-weight: bold; font-size: 15px; text-align: left; background: #DEE6F3 url("../img/lhd/lhd-routes.gif") 10px 50% no-repeat; padding: 6px 0 6px 28px; color: #333; width: 772px; clear: both; }
ul.lmk-modal-step { list-style: none; margin: 9px 0; border: 1px solid #b8b5aa; display: inline-block; }
ul.lmk-modal-step li { float: left; height: 13px; text-align: center; padding: 8px 0; color: #4C4333; display: block; }
ul.lmk-modal-step li.step1 { width: 116px; background: url('/img/landmark/pgc-step-modal-nc.gif') 100% 0 no-repeat; padding-right: 10px; }
ul.lmk-modal-step li.step1-current { width: 116px; background: #FFDC70 url('/img/landmark/pgc-step-modal-cn.gif') 100% 0 no-repeat; padding-right: 10px; }
ul.lmk-modal-step li.step2 { width: 146px; background: url('/img/landmark/pgc-step-modal-nn.gif') 100% 0 no-repeat; padding-right: 10px; }
ul.lmk-modal-step li.step2-current { width: 146px; background: #FFDC70 url('/img/landmark/pgc-step-modal-cn.gif') 100% 0 no-repeat; padding-right: 10px; }
ul.lmk-modal-step li.step3 { width: 116px; }
.current-area { clear: both; background-color: #FFF4D4; width: 400px; display: block; text-align: center; padding: 6px 0; margin-bottom: 10px; }
.current-area p { display: inline; background: url('/img/landmark/lhd-lmk-current-area.gif') 0 0 no-repeat; padding-left: 19px; font-weight: bold; color: #757471; }
dl.lmk-modal-select { clear: both; margin: 0; padding: 0; border: 1px solid #ddd; border-radius: 0.3em; width: 378px; padding: 10px; display: inline-block; }
dl.lmk-modal-select dt { border-right: 1px solid #ddd; float: left; width: 188px; margin: 0 6px 0 0; }
dl.lmk-modal-select dd { float: left; margin: 0; }
dl.lmk-modal-select ul { list-style: none; margin: 0; }
dl.lmk-modal-select li { margin: 4px 0; }
dl.lmk-modal-select li a { font-size: 13px; color: #4C4333; text-decoration: none; display: block; height: 14px; padding: 8px 0 8px 30px; width: 152px; }
dl.lmk-modal-select li a:hover { background-color: #2FACFF; color: #fff; }
dl.lmk-modal-select li a.area { background: url('/img/landmark/lhd-lmk-modal-area.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.area:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-area.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat1 { background: url('/img/landmark/lhd-lmk-modal-cat1.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat1:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat1.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat2 { background: url('/img/landmark/lhd-lmk-modal-cat2.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat2:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat2.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat3 { background: url('/img/landmark/lhd-lmk-modal-cat3.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat3:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat3.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat4 { background: url('/img/landmark/lhd-lmk-modal-cat4.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat4:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat4.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat5 { background: url('/img/landmark/lhd-lmk-modal-cat5.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat5:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat5.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat6 { background: url('/img/landmark/lhd-lmk-modal-cat6.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat6:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat6.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat7 { background: url('/img/landmark/lhd-lmk-modal-cat7.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat7:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat7.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat8 { background: url('/img/landmark/lhd-lmk-modal-cat8.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat8:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat8.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat9 { background: url('/img/landmark/lhd-lmk-modal-cat9.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat9:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat9.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat10 { background: url('/img/landmark/lhd-lmk-modal-cat10.gif') 6px 50% no-repeat; }
dl.lmk-modal-select li a.cat10:hover { background: #2FACFF url('/img/landmark/lhd-lmk-modal-cat10.gif') 6px 50% no-repeat; }
.lmk-modal-back p { display: block; margin: 0 auto; position: absolute; bottom: 18px; left: 260px; background: url('/img/landmark/lhd-lmk-modal-back-d.gif') 0 0 no-repeat; color: #ccc; padding-left: 20px; display: inline; line-height: 18px; }
.lmk-modal-back a { display: block; margin: 0 auto; position: absolute; bottom: 18px; left: 260px; background: url('/img/landmark/lhd-lmk-modal-back-d.gif') 0 0 no-repeat; padding-left: 20px; display: inline; line-height: 18px; }
.lmk-modal-back a:hover { background: url('/img/landmark/lhd-lmk-modal-back.gif') 0 0 no-repeat; }
.lmk-caution { width: 708px; margin: 20px auto; }
.lmk-caution h4 { border-left: 5px solid #C2D1E9; padding-left: 5px; font-weight: bold; font-size: 15px; }
.lmk-caution p { line-height: 18px; padding: 10px 5px; }
.fbshare { width: 180px; border: 1px solid #7187B7; margin: 0 0 5px 5px; display: inline-block; }
.fbshare h4 { background: #627AAC; padding: 5px; font-weight: bold; color: #fff; font-size: 12px; }
.fbshare h4 a { color: #FFF; text-decoration: none; }
.fbshare h4 a:hover { text-decoration: underline; }
.fbshare .cont { padding: 4px; width: 180px; height: 28px; text-align: left; display: inline-block; }
.fbshare .cont .image { float: left; margin-right: 5px; }
.fbshare .cont .info { float: left; width: 176px; padding-top: 4px; }
.fbshare .cont .info h5 a { color: #3B5998; font-weight: bold; text-decoration: none; width: 100px; height: 12px; display: block; font-size: 11px; float: left; margin-top: -4px; }
.fbshare .cont .info h5 a:hover { text-decoration: underline; }
.fbshare .cont:after { clear: both; display: block; height: 0; }
.cldds { position: absolute; padding: 20px 40px; border: 6px solid #ccc; background: #fff; display: none; }
.cldds-inner { width: 100%; height: 290px; }
.cldds-title { text-align: center; margin: 0 0 10px; padding: 4px 0; /*background: #b60081;*/ color: #000; font-weight: bold; font-size: 15px; /*line-height: 26px; border-radius: 5px;*/border-bottom: 3px solid #b60081;}
.cldds-contents { position: absolute; width: 100%; height: 235px;}
.cldds-close { text-align: center; }
.cldds-close a { /*padding: 3px 0 0 20px;*/ text-decoration: none; color: black;}
.cldds-navi, .cldds-clds { position: absolute; }
.cldds-navi-next { /*left:500px;*/ z-index: 100; }
.cldds .cldds-navi a {display:inline-block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; position:relative;}
.cldds .cldds-navi-prev a.cldds-navi-disabled {border:2px solid #2683bc; /*padding:20px;*/}
.cldds .cldds-navi-prev a.cldds-navi-disabled::after {position:absolute; right:12px; top:58%; content:""; display:block; margin-top:-9px; border-top:2px solid #ccc; border-right:2px solid #ccc; width:9px; height:9px; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); transform:rotate(225deg);}
.cldds .cldds-navi-prev a.cldds-navi-enabled {border:2px solid #2683bc; /*padding:20px;*/}
.cldds .cldds-navi-prev a.cldds-navi-enabled::after {position:absolute; right:12px; top:58%; content:""; display:block; margin-top:-9px; border-top:2px solid #a3016f; border-right:2px solid #a3016f; width:9px; height:9px; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); transform:rotate(225deg);}
.cldds .cldds-navi-next a.cldds-navi-enabled {border:2px solid #3ca3fd; /*padding:20px;*/}
.cldds .cldds-navi-next a.cldds-navi-enabled::after {position:absolute; right:17px; top:58%; content:""; display:block; margin-top:-9px; border-top:2px solid #a3016f; border-right:2px solid #a3016f; width:9px; height:9px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.cldds .cldds-navi-next a.cldds-navi-disabled {border:2px solid #ccc; /*padding:20px;*/}
.cldds .cldds-navi-next a.cldds-navi-disabled::after {position:absolute; right:17px; top:58%; content:""; display:block; margin-top:-9px; border-top:2px solid #ccc; border-right:2px solid #ccc; width:9px; height:9px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.cldds .cldds-navi-prev a.cldds-navi-enabled {border:none; padding:20px;}
.cldds .cldds-navi-prev a.cldds-navi-disabled {border:none; padding:20px;}
.cldds .cldds-navi-next a.cldds-navi-disabled {border:none; padding:20px;}
a:hover.cldds-navi-disabled { text-decoration: none; }
.cldds-clds { overflow: hidden; }
.cldds-cld { background: #fff; position: absolute; width: 210px; height: 235px; }
.cldds-cld-left { left: 10px; width: 75%;}
.cldds-cld-right { left: 5000px; width: 75%; z-index:0;}
.cldds-year { font-size: 10px; text-align: center; font-weight:bolder;}
.cldds-month { font-size: 15px; line-height: 24px; text-align: center; font-weight:bolder;}
.cldds-month-unit { font-size: 12px; }
.cldds-week { font-size: 12px; font-weight: normal; line-height: 18px; height: 18px; border-width: 1px 0; text-align: center;}
.cldds-day { display: block; font-size: 13px; line-height: 21px; text-decoration: none; text-align: center; color: #000; padding: 4px 3px 3px 4px; border: 1px solid #fff; font-weight:bolder;}
.cldds-day-enabled:hover { background-color: #fe9; border: 1px solid #cb6; color: #000; text-decoration: none; border-radius: 6px; }
.cldds-week-sat, .cldds-day-sat, .cldds-day-sat:hover { color: #0068dd; }
.cldds-week-sun, .cldds-day-sun, .cldds-day-sun:hover { color: #c90010; }
.cldds-day-hol { color: #c90010; border-radius: 14px; }
.cldds-day-disabled, .cldds-day-disabled:hover { color: #999; text-decoration: none; }

.cldds-cld table{width: -webkit-fill-available !important;}

.cldds-week { font-size: 12px; font-weight: normal; line-height: 18px; height: 18px; border-width: 1px 0; text-align: center;}
.cldds-day { display: block; font-size: 13px; line-height: 21px; text-decoration: none; text-align: center; color: #000; padding: 4px 3px 3px 4px; border: 1px solid #fff; font-weight:bolder;}
.cldds-day-enabled:hover { background-color: #fe9; border: 1px solid #cb6; color: #000; text-decoration: none; border-radius: 6px; }

.cldds-week-sat, .cldds-day-sat, .cldds-day-sat:hover { color: #0068dd; }
.cldds-week-sun, .cldds-day-sun, .cldds-day-sun:hover { color: #c90010; }
.cldds-day-hol { color: #c90010; border-radius: 14px; }
.cldds-day-disabled, .cldds-day-disabled:hover { color: #999; text-decoration: none; }

@media screen and (min-width: 2001px) {
    .cldds{
        top: 250px !important;
        left: 25% !important;
        width: 50% !important;
        background-color: #FFF;
        position: absolute;
    }
    .cldds-inner { 
        width: 110% !important;
        height: 290px; 
    }
    .cldds-clds { width: 115%; height: 235px;}
    .cldds .cldds-navi-next a.cldds-navi-enabled {border:none; padding:20px;}
    .cldds-cld-right { left: 5000px; }
} 

@media screen and (max-width: 2000px) {
    .cldds{
        width: 50% !important;
        background-color: #FFF;
        position: absolute;
    }
    .cldds-inner { 
        width: 110% !important;
        height: 290px; 
    }
    .cldds-clds { width: 115%; height: 235px;}
    .cldds .cldds-navi-next a.cldds-navi-enabled {border:none; padding:20px;}
    .cldds-cld-right { left: 5000px; }
} 

@media screen and (max-width: 1400px) {
    .cldds{
        width: 50% !important;
        background-color: #FFF;
        position: absolute;
    }
    .cldds-inner { 
        width: 110% !important;
        height: 290px; 
    }
    .cldds-clds { width: 110%; height: 235px;}
    .cldds .cldds-navi-next a.cldds-navi-enabled {border:none; padding:20px;}
    .cldds-cld-right { left: 5000px; }
} 

@media screen and (max-width: 768px) {
    .cldds{
        width: -webkit-fill-available !important;
        overflow: hidden !important;
    }
    .cldds-inner { 
        width: 100% !important;
        height: 250px; 
    }
    .cldds-cld-right{
    }
    .cldds-clds{
        width: 115% !important;
    }

} 
@media screen and (max-width: 767px) {
    /* スクリーンサイズが500px以下の場合に適用 */
} 


@media screen and (max-width: 700px) {
    /* スクリーンサイズが500px以下の場合に適用 */
    .cldds-clds{
        width: 115% !important;
    }
} 

@media screen and (max-width: 600px) {
    /* スクリーンサイズが500px以下の場合に適用 */
    .cldds-clds{
        width: 110% !important;
    }
} 

@media screen and (max-width: 500px) {
    /* スクリーンサイズが500px以下の場合に適用 */
    .cldds-clds{
        width: 103% !important;
    }
} 

@media screen and (max-width: 470px) {
    /* スクリーンサイズが425px以下の場合に適用 */
    .cldds{
        left: 0 !important;
        width: -webkit-fill-available !important;
        overflow: hidden !important;
    }
    .cldds-inner { 
        width: 100% !important;
        height: 290px; 
    }
    .cldds-cld-right{
        left: 800px !important;
    }
    .cldds-clds{
        width: 100% !important;
    }
} 

@media screen and (max-width: 426px) {
    /* スクリーンサイズが425px以下の場合に適用 */
    .cldds{
        left: 0 !important;
        width: -webkit-fill-available !important;
        overflow: hidden !important;
    }
    .cldds-inner { 
        width: 100% !important;
        height: 250px; 
    }
    .cldds-cld-right{
        left: 800px !important;
    }
} 

@media screen and (max-width: 376px) {
    /* スクリーンサイズが375px以下の場合に適用 */
    .cldds{
        left: 0 !important;
        width: -webkit-fill-available !important;
        overflow: hidden !important;
    }
    .cldds-inner { 
        width: 100% !important;
        height: 250px; 
    }
    .cldds-cld-right{
        left: 500px !important;
    }
} 

@media screen and (max-width: 321px) {
    /* スクリーンサイズが320px以下の場合に適用 */
    .cldds{
        left: 0 !important;
        width: -webkit-fill-available !important;
        overflow: hidden !important;
    }
    .cldds-inner { 
        width: 100% !important;
        height: 250px; 
    }
    .cldds-cld-right{
        left: 300px !important;
    }
    .cldds-clds{
        width: 90% !important;
    }
} 

.area-jqs-include { margin-top: 40px; }
.rcmd { width: 740px; border: 1px solid #ccc; padding: 4px; margin: 10px 0; display: inline-block; text-align: center; }
.rcmd-title { background-color: #eee; border: 1px solid #ccc; height: 24px; text-align: center; padding: 4px 0 3px 0; }
.rcmd-title p { color: #0066B2; font-size: 15px; font-weight: bold; }
.rcmd-case { text-align: left; display: inline-block; margin-top: 6px; }
.rcmd-box { width: 165px; float: left; display: inline-block; height: 256px; padding: 2px 9px; }
.rcmd-box a { text-decoration: none; }
.rcmd-box a:hover { opacity: 0.8; filter: alpha(opacity=80); _zoom: 1; }
.rcmd-box .area { background-color: #CCE0F0; color: #0066B3; font-weight: bold; text-align: center; font-size: 11px; padding: 3px; margin-bottom: 4px; }
.rcmd-box .photo { margin: 0 0 4px 0; width: 165px; display: block; text-align: center; }
.rcmd-box .name { color: #0066B3; font-size: 15px; font-weight: bold; height: 36px; }
.rcmd-box .access { color: #333; height: 36px; }
.rcmd-box .price { color: #444; font-size: 11px; text-align: right; font-weight: bold; }
.rcmd-box .price .red { color: #EB1300; font-size: 18px; font-weight: bold; }
.rcmd-hr { border-right: 1px solid #ccc; }
.rcmd-a { width: 328px; border: 1px solid #ccc; padding: 4px; margin: 10px 0; display: inline-block; }
.rcmd-a-title { background-color: #eee; border: 1px solid #ccc; color: #0066B2; font-size: 13px; font-weight: bold; padding: 6px 2px; text-align: center; }
.rcmd-a-case { text-align: left; display: inline-block; margin-top: 6px; }
.rcmd-a-box { width: 330px; display: inline-block; padding: 2px 0px; }
.rcmd-a-box a { text-decoration: none; }
.rcmd-a-box a:hover { opacity: 0.8; filter: alpha(opacity=80); _zoom: 1; }
.rcmd-a-box .photo { float: left; margin-right: 8px; float: left; width: 144px; }
.rcmd-a-box .info { float: left; display: inline-block; width: 172px; }
.rcmd-a-box .area { background-color: #CCE0F0; color: #0066B3; font-weight: bold; text-align: center; font-size: 11px; padding: 3px; margin-bottom: 6px; }
.rcmd-a-box .name { color: #0066B3; font-size: 15px; font-weight: bold; margin-bottom: 6px; }
.rcmd-a-box .access { color: #333; margin-bottom: 6px; }
.rcmd-a-box .price { color: #444; font-size: 11px; text-align: right; font-weight: bold; }
.rcmd-a-box .price .red { color: #EB1300; font-size: 18px; font-weight: bold; }
.rcmd-a-hr { border: solid #ccc; border-width: 1px 0 0 0; height: 1px; clear: both; }
.rcmd-s { width: 165px; margin: 20px 0; display: inline-block; text-align: center; }
.rcmd-s-title { background-color: #eee; border: 1px solid #ccc; padding: 6px 2px; text-align: center; }
.rcmd-s-title p { color: #0066B2; font-size: 15px; font-weight: bold; }
.rcmd-s-case { text-align: left; display: inline-block; margin-top: 6px; }
.rcmd-s-box { width: 165px; display: inline-block; padding: 2px; }
.rcmd-s-box a { text-decoration: none; }
.rcmd-s-box a:hover { opacity: 0.8; filter: alpha(opacity=80); _zoom: 1; }
.rcmd-s-box .area { background-color: #CCE0F0; color: #0066B3; font-weight: bold; text-align: center; font-size: 11px; padding: 3px; margin-bottom: 4px; }
.rcmd-s-box .photo { margin: 0 0 4px 0; display: block; text-align: center; }
.rcmd-s-box .name { color: #0066B3; font-size: 15px; font-weight: bold; margin-bottom: 6px; }
.rcmd-s-box .access { color: #333; margin-bottom: 6px; }
.rcmd-s-box .price { color: #444; font-size: 11px; text-align: right; font-weight: bold; }
.rcmd-s-box .price .red { color: #EB1300; font-size: 18px; font-weight: bold; }
.rcmd-s-hr { border: solid #ccc; border-width: 1px 0 0 0; height: 1px; clear: both; }
.reg-container { font-size: 13px; font-family: meiryo; margin: 1em 0 2em 0; text-align: center; }
.reg-container a { color: #333; }
.reg-container a:hover { color: #f60; }
.reg-container * { font-size: 13px; font-family: meiryo; }
.reg-box { border: 2px solid #f90; width: 400px; margin: 1em 0 3em 0; padding: 2.6em 1em 2em 1em; display: inline-block; }
.form-group { margin: 0 auto 1em auto; display: inline-block; text-align: left; clear: both; }
.reg-box .lft { float: left; display: block; text-align: right; position: relative; padding: 12px 6px 0 0; white-space: nowrap; }
.reg-box .rgt { float: left; display: block; margin: 0 1em 0 0; }
.reg-box .lft-confirm { width: 10em; float: left; display: block; text-align: right; padding: 12px 6px 0 0; white-space: nowrap; }
.reg-box .rgt-confirm { width: 12em; float: left; display: block; margin: 0 1em 0 0; padding: 12px 6px 0 0; }
.reg-box p.confirm { margin: 0 0 1em 0; line-height: 1em; position: relative; display: inline-block; padding: 0 16px 0 20px; }
.reg-box p.confirm:before, .reg-box p.confirm:after { content: ""; border-left: 12px solid #F96057; display: inline-block; height: 12px; position: absolute; top: 0; }
.reg-box p.confirm:before { margin: 0 8px 0 0; left: 0; }
.reg-box p.confirm:after { margin: 0 0 0 6px; right: 0; }
.reg-box-no-border { border: 2px solid transparent; width: 400px; margin: 0; padding: 0 1em 2em 1em; display: inline-block; }
.form-group { margin: 0 auto 1em auto; display: inline-block; text-align: left; clear: both; }
.reg-box-no-border .lft { float: left; display: block; text-align: right; position: relative; padding: 12px 6px 0 0; white-space: nowrap; }
.reg-box-no-border .rgt { float: left; display: block; margin: 0 1em 0 0; }
.required-block { display: block; margin-top: 8px; color: #F00; font-weight: bold; }
.help-block { display: block; margin-top: 10px; color: #333; }
.form-control { display: block; width: 240px; height: 24px; padding: 5px 8px; font-size: 14px; line-height: 1.428571429; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #bbb; border-radius: 4px; }
.form-control-m { display: inline; width: 232px; height: 24px; padding: 5px 8px; font-size: 14px; line-height: 1.428571429; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #bbb; border-radius: 4px; }
.form-control-h { display: inline; width: 100px; height: 24px; padding: 5px 8px; font-size: 14px; line-height: 1.428571429; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #bbb; border-radius: 4px; }
.form-control-select { height: 34px; padding: 5px; font-size: 14px; line-height: 1.428571429; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #bbb; border-radius: 4px; }
.switch-form-label { padding: 0 0 8px; display: block; }
.switch-form-d { display: none; }
.switch-form-txt { display: block; margin: 1.2em 0 1.6em 1.6em; width: 94%; text-align: left; }
.switch-form-txt li { color: #ccc; margin: 0 0 6px 0; line-height: 1.4em; }
.switch-form-txt li span { color: #333; }
.reg-container .btn { color: #333; background-color: #FFDC70; display: inline-block; padding: 12px 32px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #bbb; border-radius: 4px; -webkit-user-select: none; clear: both; }
.reg-container .btn:hover { background-color: #FC0; border: 1px solid #999; color: #000; }
.alart-box { margin: 0 auto 2em auto; width: 97%; padding: 0.5em 1em; border: 2px solid transparent; line-height: 1.8em; text-align: center; }
.alart-error { border: 2px solid #F00; color: #F00; }
.alart-guide { border: 2px solid #009; color: #009; }
.alart-check { border: 2px solid #f00; color: #f00; background-color: #FFF7F7; }
.alart-box p { margin: 1em 0; line-height: 1.6em; }
.alart-box p.align-left { text-align: left; }
.alart-box p.txt-k { color: #333; }
.btn-back { color: #333; background-color: #fff; display: inline-block; padding: 12px 32px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #bbb; border-radius: 4px; -webkit-user-select: none; clear: both; }
.btn-back:hover { background-color: #eee; border: 1px solid #999; color: #000; }
.reg-hr { border: none; border-top: dashed 1px #999; height: 1px; margin: 1em 0 2em; }
.back-to-top { margin: 2em 0 0 0; display: inline-block; }
#contact_container {  margin: 12px auto 15px 0px; display: block; }
/* #contact_contents { width: 800px; } */
#contact_contents p { margin: 0 10px 10px 0; }
#contact_contents a { color: #459CDD; }
#wrapper #contents { width: 530px; float: right; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.section { margin-bottom: 36px; }
.section h3.title, .section2 h3.title { font-size: 1.24em; font-family: meiryo; font-weight: bold; height: 1.4em; line-height: 1.4em; color: #333; border-left: 5px solid #459CDD; padding: 3px 0 0 7px; margin: 0 0 12px 0; }
.section ul, #contact_contents .section ul.guide { max-width: 692px; border: 1px solid #E5E5E5; padding: 15px; background: #F9F9F9; }
.section ul.guide1 li { margin: 6px 0 12px 26px; font-size: 14px; list-style: square outside; color: #459CDD; list-style-image: none; }
.section ul.guide1 li span { color: #333; }
.section ul.guide1 li:last-child, .section2 dl dd:last-child { margin-bottom: 6px; }
.section ul.guide2 li { margin: 6px 26px 16px 20px; line-height: 160%; }
.section p.caution { font-weight: bold; color: #06C; font-size: 14px; padding: 10px 0; }
.section2 { margin-bottom: 36px; }
.section2 dl, .section dl.guide2 { width: 692px; border: 1px solid #E5E5E5; padding: 15px; background: #F9F9F9; }
.section2 dl dt { margin: 6px 0 0 6px; font-size: 14px; font-weight: bold; color: #06C; }
.section2 dl dd { margin: 4px 0 22px 20px; font-size: 13px; }
.lp-img01 { background: url('../img/pg/form-img01.gif') 50% 0 no-repeat; width: 726px; height: 139px; display: block; margin: 20px 0; }
.ei { margin: 0 0 1em 0; padding: 0.8em 1.2em; border: 2px solid #C00; color: #C00; background-color: #FFF; line-height: 1.8em; width: 692px; font-weight: bold; }
#step { padding: 0; margin: 0 0 16px 0; border: none; background: none; display: inline-block; width: 724px; list-style: none; }
#step li { float: left; height: 86px; text-align: center; line-height: 116px; }
li.step-1-0 { width: 264px; background: url('../img/pg/form-step1-0.gif') 0 0 no-repeat; text-indent: -16px; }
li.step-1-1 { width: 264px; background: url('../img/pg/form-step1-1.gif') 0 0 no-repeat; text-indent: -16px; }
li.step-1-2 { width: 264px; background: url('../img/pg/form-step1-2.gif') 0 0 no-repeat; text-indent: -16px; }
li.step-2-0 { width: 241px; background: url('../img/pg/form-step2-0.gif') 0 0 no-repeat; text-indent: -22px; }
li.step-2-1 { width: 241px; background: url('../img/pg/form-step2-1.gif') 0 0 no-repeat; text-indent: -22px; }
li.step-2-2 { width: 241px; background: url('../img/pg/form-step2-2.gif') 0 0 no-repeat; text-indent: -22px; }
li.step-3-0 { width: 219px; background: url('../img/pg/form-step3-0.gif') 0 0 no-repeat; }
li.step-3-1 { width: 219px; background: url('../img/pg/form-step3-1.gif') 0 0 no-repeat; }
#step li:last-child::after { clear: both; }
.myform { margin: 0; width: 692px; padding: 14px; }
#stylized { border: solid 2px #f3b7b7; background: #fcebfb; margin-bottom: 16px; display: inline-block; width: 692px;}
#stylized ul { list-style: none; }
#stylized ul.style01 { width: auto; border: 1px solid #fcebfb; padding: 15px 15px 0 15px; background: #fcebfb; }
#stylized ul.style01 li { clear: both; font-size: 13px; vertical-align: middle; }
#stylized ul.style02 { width: auto; border: 1px solid #fcebfb; padding: 10px 15px 15px 15px; background: #fcebfb; }
#stylized ul.style02 li { clear: both; font-size: 13px; vertical-align: middle; color: #333; }
.grayout * { color: #999 !important; }
#stylized ul li .r-txt { width: 200px; float: left; text-align: left; padding: 5px 0 10px 0; }
#stylized .attention1 { color: #333; margin: 0 0 10px 0px; border-bottom: none; padding: 0; clear: both; }
#stylized .attention2 { color: #333; margin: 12px 0 20px 0px; border-bottom: none; padding: 0; clear: both; }
#stylized .attention3 { color: #333; margin: 0 0 0 170px; border-bottom: none; padding: 0; clear: both; display: block; }
#stylized label.no-req { padding: 6px 0 0 0; }
#stylized label { display: block; font-weight: bold; text-align: left; width: 160px; float: left; font-size: 13px; margin-top: 0; }
#stylized label .required { color: #F60; }
#stylized select { border: solid 1px #f3b7b7; margin: 4px 0 5px 10px; display: block; text-align: left; width: 300px; float: left; }
#stylized select.voice { border: solid 1px #f3b7b7; margin: 4px 0 20px 10px; display: block; text-align: left; width: 180px; float: left; }
#stylized textarea { margin: 0 0 0 10px; display: block; text-align: left; float: left; border: solid 1px #f3b7b7; width: 100%; height: 240px; }
#stylized textarea.voice { margin: 0 0 16px 10px; display: block; text-align: left; float: left; border: solid 1px #f3b7b7; }
#stylized input { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #f3b7b7; width: 100%; max-width: 200px; margin: 0 0 5px 10px; }
#stylized input.plus_a { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #f3b7b7; width: 200px; margin: 0 0 6px 10px; }
#stylized input.mb-8 { margin-bottom: 8px; }
#stylized input.soufu-check { float: left; margin: 0 5px 0 10px; width: 18px; height: 18px; border-color: #fcebfb; }
#stylized input.radiobtn { float: left; width: 18px; height: 18px; margin: 6px 0 0 10px; border-color: #fcebfb; }
#stylized label.radiobtn-lbl { float: left; margin: 6px 0 0 3px; padding: 0; width: auto; white-space: nowrap; }
#stylized .soufu-check { display: block; font-weight: bold; text-align: left; width: auto; font-size: 13px; margin: 0; }
#stylized .t-zip { float: left; font-size: 16px; margin: 6px -3px 0 8px; }
#stylized .pd-pref { width: 85px; padding: 3px 0; margin-top: 0; }
#stylized .note-cap { display: inline-block; width: auto; text-align: right; padding: 0 0 3px 0; }
#stylized .confirm-title { font-size: 14px; font-weight: bold; width:100%; max-width: 684px; color: #333; margin: 0 0 20px -10px; border-bottom: dashed 1px #f3b7b7; padding-bottom: 10px; text-align: center; display: inline-block; }
#stylized .touroku-table { float: left; padding: 0; width: auto; max-width: 460px; }
#stylized .touroku-table td { text-align: left; vertical-align: top; }
#stylized .touroku-date { float: left; width: 70px; margin: 6px 0 0 0; padding: 0; }
#stylized .input-t-half { width: 146px; }
#stylized .input-t-wide { max-width: 366px; }
#stylized hr { margin: 15px 0 10px 0; border: none; border-top: dashed 1px #f3b7b7; height: 1px; color: #FFF; clear: both; }
#stylized hr.color-b { margin: 15px 0 10px -10px; border: none; border-top: dashed 1px #68B5F2; height: 1px; color: #FFF; width: 684px; }
.soufu-box { display: block; width: auto; max-width: 400px; height: 20px; margin: 26px 0 6px 0; }
#stylized input.form-btn-o, #stylized input.form-btn-n { clear: both; margin: 0 0 16px 0px; width:auto; max-width: 282px; height: 42px; background: #2688D0 url('../img/pg/form_btn.gif') repeat-x; text-align: center; line-height: 31px; color: #FFF; font-size: 14px; font-weight: bold; cursor: pointer; border: none; display: inline-block; white-space: nowrap; }
#stylized input.form-btn-o:hover, #stylized input.form-btn-n:hover { background: #38A9E4 url('../img/pg/form_btn_over.gif') repeat-x; }
#stylized label.confirm { font-weight: normal; text-align: left; width: auto; max-width: 480px; float: left; font-size: 14px; margin: 6px 0 16px 12px; }
#stylized label.confirm_txt { font-weight: normal; text-align: left; width: auto; max-width: 480px; float: left; font-size: 14px; line-height: 160%; margin: 6px 0 22px 12px; }
#stylized label.confirm_end { width: 360px; text-align: left; line-height: 31px; color: #333; font-size: 14px; font-weight: bold; margin-bottom: 6px; }
#stylized #confirm_box { margin: 0 0 0 0px; }
#stylized #confirm_box p { font-size: 15px; font-weight: bold; color: #06C; margin: 0 0 10px 0; border-bottom: none; padding-bottom: 16px; }
#stylized #confirm_box input.form-btn-o, #stylized #confirm_box input.form-btn-n { height: 42px; background: #2688D0 url('../img/pg/form_btn.gif') repeat-x; text-align: center; line-height: 31px; color: #FFF; font-size: 14px; font-weight: bold; cursor: pointer; cursor: hand; border: none; margin: 0 8px 16px 0; float: left; clear: none; display: block; }
#stylized #confirm_box input.form-btn-o { width:auto; padding: 0 30px; max-width: 232px; }
#stylized #confirm_box input.form-btn-n { width:auto; padding: 0 30px; max-width: 132px; }
#stylized #confirm_box input.form-btn-o:hover, #stylized #confirm_box input.form-btn-n:hover { background: url('../img/pg/form_btn_over.gif') repeat-x; }
#stylized #confirm_box input { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #CCC; background: #FFF; width: 150px; height: 36px; margin: 0 10px 20px 0; cursor: pointer; }
#stylized label.thx1, #stylized label.thx2 { text-align: left; width: auto; max-width: 500px; float: left; font-size: 16px; line-height: 160%; /* margin: 6px 0 16px -24px; */ line-height: 160%; }
#stylized label.thx1 { font-weight: bold; font-size: 16px; color: #F90; margin: 10px; }
#stylized label.thx2 { font-weight: normal; font-size: 13px; /* padding: 0 0 46px 0; */ color: #333; margin: 0; padding: 10px; }
a.backtotop { font-weight: bold; font-size: 16px; color: #459CDD; }
a:hover.backtotop { color: #0CF; }
#contact_contents p.return { margin-bottom: 10px; padding-top: 10px; text-align: right; }
#contact_contents p.return a { font-size: 0.9em; font-family: meiryo; color: #333; }
.extra-header { background: white; overflow-x: hidden; }
a.extra-header-link { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; margin: 0; }
a.extra-header-link:hover { opacity: 0.7; filter: alpha(opacity=70); }
.prize-red { background: red; padding: 10px; display: inline-block; width: 100%; }
.prize-red * { font-family: meiryo; color: white; }
.prize-inner { width: 950px; margin: 0 auto; }
.prize-l { float: left; width: 260px; }
.prize-l span { background: white; color: red; display: inline; padding: 1px 6px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-size: 10px; display: inline; margin-top: -3px; }
.prize-l p { font-size: 15px; margin-top: 6px; }
.prize-c { float: left; width: 400px; padding: 15px 0 0 0; }
.prize-c span { color: #FF9; font-size: 28px; }
.prize-c p { font-size: 22px; }
.prize-r { float: left; width: 280px; padding: 10px 0 0 0; text-align: right; }
.prize-r p { border: 1px solid #FF0; color: #FF0; padding: 4px 6px; display: inline; }
.tpc-rsv { background: url('../img/tpc/tpc-rsv-bg.gif') 0 0 no-repeat; width: 180px; height: 88px; padding: 31px 0 0 8px; margin-left: 6px; }
.tpc-rsv li { list-style: none; margin-bottom: 7px; display: inline-block; }
.tpc-rsv li:last-child { margin-bottom: 0; }
/* ログイン前予約確認画面
.reserve_top { width: 780px; margin: 0 auto; }
.reserve_top h2 { margin-bottom: 20px; font-size: 18px; font-weight: bold; line-height: 1.7; border-bottom: solid 1px #FF9900; }
.reserve_top h3 { margin-top: 10px; margin-bottom: 10px; padding-left: 10px; border-left: solid 5px #CAC9BF; font-size: 16px; font-weight: bold; line-height: 1.5; }
.reserve_top_lodging { padding: 20px 20px; border: solid 2px #FF9900; }
.reserve_top_lodging p { padding-top: 7px; }
.reserve_top_lodging .left-box { width: 400px; float: left; }
.reserve_top_lodging .left-box table { width: 100%; }
.reserve_top_lodging .left-box td { padding: 5px 0; }
.reserve_top_lodging .left-box .td01 { width: 70px; }
.reserve_top_lodging input.btn_submit { margin-top: 10px; margin-left: 70px; }
.reserve_top_lodging .right-box { margin-top: 68px; width: 260px; padding: 10px 20px 20px 20px; background-color: #F9F6EE; border: solid 1px #ccc; float: right; }
.reserve_top_lodging .right-box h3 { margin-bottom: 15px; }
.reserve_top_other { margin-top: 20px; }
.reserve_top_other li { width: 200px; padding: 15px 20px 20px 20px; float: left; list-style: none; }
.reserve_top .reserve03 { border: solid 2px #24A8FF; margin-right: 24px; }
.reserve_top .reserve03 h2 { border-bottom: solid 1px #24A8FF; }
.reserve_top .reserve04 { border: solid 2px #A238D2; margin-right: 24px; }
.reserve_top .reserve04 h2 { border-bottom: solid 1px #A238D2; }
.reserve_top .reserve05 { border: solid 2px #1919A9; }
.reserve_top .reserve05 h2 { border-bottom: solid 1px #1919A9; }
.reserve_top_lodging input.btn_submit, .reserve_top a.btn_reserve_top01 { cursor: pointer; display: block; width: 262px; height: 52px; border: none; text-indent: -9999px; background: url('../img/btn/btn_reserve_top01.gif') no-repeat 0 0; }
.reserve_top_lodging input.btn_submit:hover, .reserve_top a.btn_reserve_top01:hover { background: url('../img/btn/btn_reserve_top01.gif') no-repeat 0 -52px; }
.reserve_top .caution02 { font-size: 15px; color: #8B0000; font-weight: bold; }
.reserve_top a.btn_reserve_top02 { cursor: pointer; display: block; width: 262px; height: 52px; border: none; text-indent: -9999px; background: url('../img/btn/btn_reserve_top02.gif') no-repeat 0 0; }
.reserve_top a.btn_reserve_top02:hover { background: url('../img/btn/btn_reserve_top02.gif') no-repeat 0 -52px; }
.reserve_top input[type="text"] { width: 242px; padding: 10px 10px; border: solid 1px #ccc; border-radius: 3px; font-size: 13px; }
.reserve_top input[type="password"] { width: 242px; padding: 10px 10px; border: solid 1px #ccc; border-radius: 3px; font-size: 13px; }
.reserve_list li { list-style: none; line-height: 1.7; }
 */
/* ログイン後予約確認画面
.reserve_list .caution02 { font-size: 15px; color: #8B0000; font-weight: bold; }
*/
/* 20160520 ヘルプのサブナビ調整 */
.sub-nav li { float: left; padding: 0 10px; list-style:none; border-left:solid #ccc 1px; }
.sub-nav .li-last { border-right: solid #ccc 1px; }
.contact-form input[type="text"], textarea { border: 0; border: solid 1px #ccc; color: #444; margin: 3px 0; padding: 10px; width: 300px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.contact-form select { border: 0; border: solid 1px #ccc; color: #444; margin: 3px 0; padding: 5px; width: 300px; font-family: Arial, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.contact-form input[type="submit"] button { background: #BDAC85; border: none; color: #fff; font-weight: bold; height: 45px; letter-spacing: 0.1em; width: 200px; display: block; text-align: center; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contact-form input[type="submit"]:hover button:hover { background: #A68F5B; }
/* リンク画像装飾 */
#pgh2 a:hover img,
.pgc2-top a:hover img { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.80; }
/* 20160517 ホテル一覧BR訴求 */
/* .bg-bestprice { position: relative; z-index: 1; height: 20px; margin-top: 20px; }
.bg-bestprice a { position: absolute; padding: 0 0 0 60px; line-height: 54px; height: 54px; background-image: url(../img/spc/spc-mark-bp.png); background-repeat: no-repeat; top:-10px; z-index: 2; } */
/* .pi-box .pi-head-ph .pi-name a { position: relative; } */
/* .pi-box .pi-head-ph .pi-name a:after{ content:url(../img/spc/spc-mark-otoku.png); position:absolute; left:-1em; top:-2em; transform:scale(1,0) translate(0,-1em); transform-origin:left bottom; transition:0.3s; z-index:1; opacity:0; } */
/* .pi-box .pi-head-ph .pi-name a:hover:after{ transform:scale(1,1) translate(0,0); opacity:1; } */
.pi-box .pi-name a { position: relative; }
/* .pi-box .pi-name a:after{ content:url(../img/spc/spc-mark-otoku.png); position:absolute; left:-1em; top:-2em; transform:scale(1,0) translate(0,-1em); transform-origin:left bottom; transition:0.3s; z-index:1; opacity:0; }
.pi-box .pi-name a:hover:after{ transform:scale(1,1) translate(0,0); opacity:1; } */
.arrow{ position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; }
.arrow::before,
.arrow::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
/* .down_arrow::before{ left: 0px; box-sizing: border-box; top: 10px; width: 6px; height: 8px; border: 6px solid transparent; border-left: 6px solid #0010C0; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.down_arrow::after{ left: 4px; top: 0px; width: 8px; height: 10px; bottom: 3px; border-left: 4px solid #0010C0; } */
.tax_included { float: right; margin: 15px 4px 0 0; }
.tax_included::after{ }
/* レンタカー用グローバルナビ */
#glovalnavi { position: relative; width: 100%; display: inline-block; background: #ffffff; margin-top: -4px; padding-top: 3px; }
#glovalnavi * { color: #333; }
#glovalnavi ul { position: relative; list-style: none; width: 950px; margin: 0 auto; z-index: 10; }
#glovalnavi ul li { float: left; display: inline-block; margin: 0 4px 0 0; font-size: 14px; font-weight: bold; }
.glovalnavi-line { position: absolute; top: 25px; width: 100%; border-top: 2px solid #c00; z-index: 1; border-right-width: 0; border-left-width: 0;}

/* 新規ヘッダデザイン */
#pgc1v2 { clear: both; text-align: center; background: #ffffff; }
#pgh2v2 { clear: both; background: #ffffff; margin-top: 168px; }

#pgh2v2 .pg-area { overflow: hidden; }
#pgh2v2 .pgh2-inner { height: 15px; }
#pgh2v2 .pgh2-top { height: auto; }
#pgh2v2 .pgh2-top .info { padding: 10px 0 5px 10px; }
#pgh2v2 .pgh2-top .info li { padding: 0.5em 5px 0.5em 45px; background: url(../img/pg/pgh-attension.gif) left no-repeat; list-style: none; border-bottom: 1px dotted #bcae9c; }
#pgh2v2 .pgh2-top .info li.f { border: 0px; }
#pgh2v2 .pgh2-top .info a { color: #575347; text-decoration: none; }

#pgc1v2 .pgc1-inner { padding-bottom: 10px; display: inline-block; width: 100%; }
#pgc1v2 .pgc1-top { /*background: url(../img/tpc/tpc-hrk-title-b1.gif) left bottom no-repeat;*/ }
#pgc1v2 .pgc1-top .pgc-600-sc { padding: 2px 3px 4px; background: url(../img/pg/pgc-600-sc.gif) left top no-repeat; }
#pgc1v2 .pgc1-steps { padding: 10px 5px 0; }
#pgc1v2 .pgc1-steps table { background: #fff; border: 2px solid #b8b5aa; }
#pgc1v2 .pgc1-steps div { padding: 25px 5px 5px; text-align: center; overflow: hidden; }
#pgc1v2 .pgc1-steps div.step-nn { padding: 0; width: 22px; height: 96px; background: url(../img/pg/pgc-step-nn.gif) center top no-repeat; }
#pgc1v2 .pgc1-steps div.step-nc { padding: 0; width: 22px; height: 96px; background: url(../img/pg/pgc-step-nc.gif) center top no-repeat; }
#pgc1v2 .pgc1-steps div.step-cn { padding: 0; width: 22px; height: 96px; background: url(../img/pg/pgc-step-cn.gif) center top no-repeat; }
#pgc1v2 .pgc1-steps-2 div { width: 452px; }
#pgc1v2 .pgc1-steps-3 div { width: 290px; }
#pgc1v2 .pgc1-steps-4 div { width: 210px; }
#pgc1v2 .pgc1-steps-5 div { width: 161px; }
#pgc1v2 .pgc1-steps-6 div { width: 129px; }
#pgc1v2 .pgc1-steps-7 div { width: 106px; }
#pgc1v2 .pgc1-steps-8 div { width: 89px; }
#pgc1v2 .pgc1-steps-9 div { width: 75px; }
#pgc1v2 .pgc1-steps-3 div.step3, #pgc1v2 .pgc1-steps-3 div.step3-c { width: 292px; }
#pgc1v2 .pgc1-steps-5 div.step5, #pgc1v2 .pgc1-steps-5 div.step5-c { width: 164px; }
#pgc1v2 .pgc1-steps-6 div.step6, #pgc1v2 .pgc1-steps-6 div.step6-c { width: 131px; }
#pgc1v2 .pgc1-steps-7 div.step7, #pgc1v2 .pgc1-steps-7 div.step7-c { width: 108px; }
#pgc1v2 .pgc1-steps-9 div.step9, #pgc1v2 .pgc1-steps-9 div.step9-c { width: 80px; }
#pgc1v2 .pgc1-steps div.step1 { background: url(../img/pg/pgc-step1.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step2 { background: url(../img/pg/pgc-step2.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step3 { background: url(../img/pg/pgc-step3.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step4 { background: url(../img/pg/pgc-step4.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step5 { background: url(../img/pg/pgc-step5.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step6 { background: url(../img/pg/pgc-step6.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step7 { background: url(../img/pg/pgc-step7.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step8 { background: url(../img/pg/pgc-step8.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step9 { background: url(../img/pg/pgc-step9.gif) center 27px no-repeat; }
#pgc1v2 .pgc1-steps div.step1-c { background: url(../img/pg/pgc-step1-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-steps div.step2-c { background: url(../img/pg/pgc-step2-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-steps div.step3-c { background: url(../img/pg/pgc-step3-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-steps div.step4-c { background: url(../img/pg/pgc-step4-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-steps div.step5-c { background: url(../img/pg/pgc-step5-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-steps div.step6-c { background: url(../img/pg/pgc-step6-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-steps div.step7-c { background: url(../img/pg/pgc-step7-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-steps div.step8-c { background: url(../img/pg/pgc-step8-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-steps div.step9-c { background: url(../img/pg/pgc-step9-current.gif) center 27px no-repeat #ffdc70; }
#pgc1v2 .pgc1-breadcrumbs { clear: both; padding-top: 5px; margin: 0 5px; }
#pgc1v2 .pgc1-breadcrumbs dt { float: left; margin-right: 0.5em; padding: 0.25em 0.5em; background: #575347; color: #fff; }
#pgc1v2 .pgc1-breadcrumbs dd { margin: 0; padding: 0.25em 0; color: #575347; line-height: 18px; }
#pgc1v2 .pgc1-breadcrumbs span { white-space: nowrap; }
#pgc1v2 .pgc1-breadcrumbs a { color: #575347; }
#pgc1v2 .pgc1-breadcrumbs .current { color: #c90010; }
#pgc1v2 .pgc1-snv { background: url(../img/snv/snv.gif) left bottom no-repeat; width: 777px; height: 36px; margin: 0 5px; padding: 7px 0 0 173px; }
#pgc1v2 .pgc1-snv .snv { float: left; margin-right: 1px; }
#pgc1v2 .snv-text { margin: 7px 0px 0px; /*background: url(../img/snv/snv-plain.gif) left top no-repeat;*/ max-width: 950px; /* height: 35px; */ text-align: center; border-bottom: 3px solid #a3016f; }
#pgc1v2 .snv-text ul { margin: -2px auto; /* background: url(../img/snv/snv-bg-left.gif) right top no-repeat;*/ }
#pgc1v2 .snv-text li { float: left; list-style: none; border: 3px solid lightgray; border-bottom: none; margin: 0 2px; border-radius: 10px 10px 0 0;}
#pgc1v2 .snv-text .current, #pgc1v2 .snv-text a { padding-top: 10px; display: block; /* background: url(../img/snv/snv-bg.gif) left top no-repeat;*/ width: 150px; height: 22px; text-decoration: none; color: #000; }
#pgc1v2 .snv-text a:hover { background: lightgray; /*background: url(../img/snv/snv-bg_over.gif) left top no-repeat;*/ text-decoration: none;  color: white; }
/* #pgc1v2 .snv-text .current { background: url(../img/snv/snv-bg-current.gif) left top no-repeat; } */
#pgc1v2 .snv-text .current {  float: left; list-style: none; border: 3px solid #a3016f; border-bottom: none; margin: 0px 2px; padding-bottom: 2px; border-radius: 10px 10px 0 0; background: #a3016f; color: white; }
/* #pgc1v2 .snv-text-l1 { width: 122px; }
/* #pgc1v2 .snv-text-l2 { width: 243px; } */
/* #pgc1v2 .snv-text-l3 { width: 364px; } */
#pgc1v2 .snv-text-l3, #pgc1v2 .snv-text-l5 { overflow: hidden; }
/* #pgc1v2 .snv-text-l4 { width: 485px; } */
/* #pgc1v2 .snv-text-l5 { width: 476px; } */
/* #pgc1v2 .snv-text-l6 { width: 727px; } */
/* #pgc1v2 .snv-text-l7 { width: 848px; } */
#pgc1v2 .pgc1-form dl { padding-top: 5px; margin: 0 5px; }
#pgc1v2 .pgc1-form dt { float: left; margin-right: 0.5em; padding: 0.25em 0.5em; background: #575347; color: #fff; }
#pgc1v2 .pgc1-form dd { height: 1.7em; }
#pgc1v2 .pgc1-form dd.keep { float: left; margin-left: 0; margin-right: 1.5em; }
#pgc1v2 .pgc1-hr { padding-top: 7px !important; margin: 5px 5px 0 !important; background: url(../img/pg/pgc-hr.gif) center top no-repeat; }
#pgc1v2 .pgc1-form .submit { background: url(../img/btn/b01-113-sc.gif) center top no-repeat; padding: 5px; width: 113px; margin: 0 auto; }
#pgc1v2 .pgc1-gmap { float: right; margin-right: 5px; width: 150px; height: 150px; border: 1px solid #b8ae92; }
/* 予約確認画面(ログイン前) */
.reserve_top p, .reserve_top h2, .reserve_toph h3, .reserve_top dd, .reserve_top dt, .reserve_top li, .reserve_top a { letter-spacing: 0.1em; line-height: 1.5; font-size: 14px; }
.reserve_top p { margin-bottom: 10px; }
.reserve_top h2 { padding: 10px 25px; font-size: 18px; font-weight: bold; color: #fff; line-height: 1; }
.reserve_top_lodging { background: #fafafa; }
.reserve_top_lodging h2 { background: #BFAD8A; }
.reserve_top_lodging h3 { margin-bottom: 15px; padding-left: 10px; border-left: solid 7px #CEBB91; font-size: 16px; line-height: 2em; font-weight: bold; }
.reserve_box { border: solid 5px #ECE6DC; border-top: none; box-sizing: border-box; }
.reserve_stay_box_inner { padding:20px; background: #fafafa; }
.reserve_stay_box .reserve_stay_box_inner { padding-bottom: 20px; }
.reserve_top_nomember { background-color: #fff; padding: 10px;}
.reserve_top_lodging input.btn_submit,
.btn_reserve_nomember ,
.btn_reserve_jr,
.btn_reserve_bus { display: block; width: 261px; height: 46px; border: none; text-indent: -9999px; cursor: pointer; }
.reserve_top input:hover,
.reserve_top a:hover { opacity: 0.8; }
.reserve_top_lodging input.btn_submit_stay,
.btn_reserve_nomember { background: url(../img/btn/btn_reserve_stay.gif) no-repeat; }
.reserve_top_lodging input.btn_submit_rentacar { background: url(../img/btn/btn_reserve_rentacar.gif) no-repeat; }
.reserve-submit-box { width: 550px; margin: 20px auto 0 auto; }
.reserve-submit-box li { float: left; }
.reserve-submit-box li:first-child { margin-right: 25px; }
.btn_reserve_nomember{ margin-left: auto; margin-right: auto; }
.reserve_stay_box_inner dl { margin-top: 20px; }
.reserve_stay_box_inner dt{ width : 300px; display: table-cell; line-height: 36px; vertical-align: middle; float : left; clear : both; }
.reserve_stay_box_inner dd{ padding-bottom : 10px; /*width : 400px; margin-left : 100px;*/ }
.reserve_top .caution02 { font-size: 15px; color: #8B0000; font-weight: bold; }
/* JR+宿泊 */
.reserve-jr h2 { padding: 10px 15px; background: #24A8FF; color: #fff; font-size: 18px; font-weight: bold; }
.reserve-bus h2 { padding: 10px 15px; background: #1919A9; color: #fff; font-size: 18px; font-weight: bold; }
.reserve_top_other { margin-top: 20px; }
.reserve_jr_box { border: solid 5px #D3EEFF; border-top: none; }
.reserve_bus_box { border: solid 5px #D1D1EE; border-top: none; }
.reserve_top_other > div{ width: 32%; float: left; width: 48%; }
.reserve_top_other > div:first-child { margin-right: 3.8%; }
.btn_reserve_jr { background: url(../img/btn/btn_reserve_jr2.gif) no-repeat; }
.btn_reserve_bus { background: url(../img/btn/btn_reserve_bus2.gif) no-repeat; }
.reserve_top_other a { margin-left: auto; margin-right: auto; }
/* フォーム */
.reserve_top input{ padding: 10px 10px; border: solid 1px #ccc; border-radius: 3px; font-size: 13px; }
.reserve_top .ei { width: auto; }
/* 予約確認画面(ログイン後) */
.reserve_tab { margin-top: 15px; border-bottom: solid 1px #ccc; }
.reserve_tab .btnimg { display: block; float: left;background-color: #49494959;color: white;height: 40px;border: none; white-space: nowrap;}
@media screen and (max-width: 375px) {
    .reserve_tab .btnimg{
        font-size: 11px;
    }  
    }
@media screen and (min-width: 375px) {
    .reserve_tab .btnimg{
        font-size: 13px;
    }  
}
.reserve_tab .reserve-list .active{
    background-color: #f45689;
    color:white;
}
.reserve_tab .member-info .active{
    background-color: #92D050;
    color:white;
}

.reserve_tab .coupon-list .active{
    background-color: #FFC107;
    color:white;
}

/* リスティング(日付未指定) */
div.rsv-gi-point {text-align: left !important;}
div.box-br-point-plus-mt4{margin-top: 4px;}
div.box-br-point-plus-mb4{margin-bottom: 4px;}
div.box-br-point-plus-undated {display: block; vertical-align: top;}
div.box-br-point-plus-undated span.icon-br-point-plus {color: #fff; background: #ac6b25; height: 40px; width: 105px; display: inline-block; padding: 2px 0 0 0; margin-left: 2px; text-align: center; font-size: 11px;}
div.box-br-point-plus-undated span.icon-br-point-plus span.highlight-plus {font-weight: bold; color:#ffff00;}
div.box-br-point-plus-undated span.icon-br-point-plus span.highlight-point {font-size: 15px; font-weight: bold; color:#ffff00; vertical-align: middle; text-decoration:underline; text-shadow: 1px 1px 3px #000;}
div.box-br-point-plus-undated p.info-br-point-plus {display:none;}
div.box-br-point-plus-undated:hover{position: relative;}
div.box-br-point-plus-undated:hover p.info-br-point-plus {display: block; position: absolute; top: 50px; left: -36px; font-size: 95%; color: #fff; background-color: #444; width: 205px; padding: 5px; border-radius: 3px; z-index: 100; text-align: center;}
div.box-br-point-plus-undated p.info-br-point-plus:before{content: ''; display: block; position: absolute; height: 0; width: 0; top: -23px; left: 85px; border: 13px transparent solid; border-bottom-color: #444; z-index: 100;}
/* リスティング(日付指定) */
div.box-br-point-plus-dated {display: inline-block; vertical-align: top;}
div.box-br-point-plus-dated span.icon-br-point-plus {font-weight: bold; color: #ffff00; background: #ac6b25; border-radius: 8px; height: 18px; width: 43px; display: inline-block; padding: 1px; margin-left: 5px; vertical-align: top; text-shadow: 1px 1px 3px #000; font-size: 11px;}
div.box-br-point-plus-dated span.icon-br-point-plus span.highlight-point {font-size:14.5px; text-decoration: underline;}
div.box-br-point-plus-dated span.icon-br-point-plus span.percent {color:#fff; font-size: 10px;}
div.box-br-point-plus-dated p.info-br-point-plus {display:none;}
div.box-br-point-plus-dated:hover {position: relative;}
div.box-br-point-plus-dated:hover p.info-br-point-plus {display: block; position: absolute; top: 27px; left: -70px; font-size: 95%; color: #fff; background-color: #444; width: 205px; padding: 5px; border-radius: 3px; z-index: 100;}
div.box-br-point-plus-dated p.info-br-point-plus:before {content: ''; display: block; position: absolute; height: 0; width: 0; top: -23px; left: 85px; border: 13px transparent solid; border-bottom-color: #444; z-index: 100;}
/* リスティング(カレンダー) */
div.box-br-point-plus-calendar,
div.box-br-point-plus-info-icon {margin: 2px 0;}
div.box-br-point-plus-calendar {float: right; clear: both;}
div.box-br-point-plus-info-icon {overflow: hidden;}

div#box-br-point-plus-info-wrapper {width:330px; float: left;}

/*div.box-br-point-plus-calendar p.icon-calendar-br-point-plus,
div.box-br-point-plus-info-icon p.icon-calendar-br-point-plus{width:10px; height:11px; padding: 0 3px 2px 1px; border-radius: 25px; text-align: center; font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif; background: #65ab31; color:#fff; border:solid 1px #726250;}*/
div.box-br-point-plus-calendar p.icon-calendar-br-point-plus,
div.box-br-point-plus-info-icon p.icon-calendar-br-point-plus{width:10px; height:11px; padding: 0 3px 2px 1px; border-radius: 25px; text-align: center; font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif; background: #aacf53; color:#fff; border:solid 1px #726250;}
/*div.box-br-point-plus-calendar p.icon-calendar-br-regular-point,
div.box-br-point-plus-info-icon p.icon-calendar-br-regular-point{width:11px; height:12px; padding: 0 1px 1px 2px; border-radius: 24px; margin-left: 2px; text-align: center; font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif; background: #ffd700; color:#fff; border:solid 1px #726250;}*/
div.box-br-point-plus-calendar p.icon-calendar-br-regular-point,
div.box-br-point-plus-info-icon p.icon-calendar-br-regular-point{width:11px; height:12px; padding: 0 1px 1px 2px; border-radius: 24px; margin-left: 2px; text-align: center; font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif; background: #f2f2b0; color:#fff; border:solid 1px #726250;}


div.box-br-point-plus-calendar p.icon-calendar-br-point-plus,
div.box-br-point-plus-calendar p.icon-calendar-br-regular-point{float: left;}

div.box-br-point-plus-calendar p.icon-calendar-br-point-plus span.highlight-point,
/*div.box-br-point-plus-info-icon p.icon-calendar-br-point-plus span.highlight-point{color: #ffff00;}*/
div.box-br-point-plus-info-icon p.icon-calendar-br-point-plus span.highlight-point{color: #ffffff;}

div.box-br-point-plus-calendar p.icon-calendar-br-point-plus span.highlight-point,
div.box-br-point-plus-info-icon p.icon-calendar-br-point-plus span.highlight-point{font-size: 7pt;}

div.box-br-point-plus-calendar p.icon-calendar-br-regular-point span.highlight-regular-point,
div.box-br-point-plus-info-icon p.icon-calendar-br-regular-point span.highlight-regular-point{font-size: 7pt; color: #666; font-weight: bold;}

div#box-br-point-plus-info-wrapper p.icon-calendar-br-point-plus,
div#box-br-point-plus-info-wrapper p.icon-calendar-br-regular-point{float: left; margin-right: 4px;}
div#box-br-point-plus-info-wrapper p.ht15{height: 15px;}
div#box-br-point-plus-info-wrapper p.box-br-point-plus-info-iconeft{float: left;}
div#box-br-point-plus-info-wrapper p.f-left{float: left;}

div#box-br-point-plus-info-wrapper div.f-box-left{float: left;}
div#box-br-point-plus-info-wrapper div.f-box-right{float: right;}
div.style-calendar-br-point-plus-0 {/*padding: 5px 5px !important; height:20px;*/}
div.style-calendar-br-point-plus-1 {padding: 5px 5px !important; height:35px;}
div.style-calendar-br-point-plus-2 {padding: 1px 5px 5px !important; height:18px;}
/*RSV予約ステップ2*/
td.br-point-plus-brw {border-right-width: 0 !important;}
td.br-point-plus-message-td {border-left-width: 0 !important;}
div.br-point-plus-message-box {background: #65ab31; padding: 10px 0 10px 10px; border: #fff solid 1px; color: #fff; width:75%; font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
div.br-point-plus-message-box p.lh15 {line-height: 1.5em;}
div.br-point-plus-message-box p.lh12 {line-height: 1.2em;}
div.br-point-plus-message-box p span.highlight-point{color: #ffff00; font-size: 15px; font-weight: bold; text-shadow: 1px 1px 2px #000;}


div.welfare-grants-message-box {word-wrap: break-word;white-space: normal; width:600px; margin: 10px ; padding: 10px ; text-align: center ; box-shadow: 0 0 0 3px #c4b193 inset, 0 0 0 5px rgba(253, 253, 241, 0.5) inset ; position: relative ; z-index: 100 ; background: #f5eeec ; overflow: hidden ; font-family:メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif !important;}
div.welfare-grants-message-box:before { border-radius: 50% ; display: block ; position: absolute ; top: -15px ; left: -15px ; width: 30px ; height: 30px ; content: "" ; background-color: #FFF ; box-shadow: 0 0 0 0 #fff, 0 0 0 3px #c4b193, 0 0 0 5px rgba(253, 253, 241, 0.5) inset  ; }
div.welfare-grants-message-box span.corner::before { border-radius: 50% ; display: block ; position: absolute ; top: -15px ; right: -15px ; width: 30px ; height: 30px ; content: "" ; background-color: #FFF ; box-shadow: 0 0 0 0 #fff, 0 0 0 3px #c4b193, 0 0 0 5px rgba(253, 253, 241, 0.5) inset; }
div.welfare-grants-message-box::after { border-radius: 50% ; display: block ; position: absolute ; bottom: -15px ; left: -15px ; width: 30px ; height: 30px ; content: "" ; background-color: #FFF ; box-shadow: 0 0 0 0 #fff, 0 0 0 3px #c4b193, 0 0 0 5px rgba(253, 253, 241, 0.5) inset  ; }
div.welfare-grants-message-box span.corner::after { border-radius: 50% ; display: block ; position: absolute ; bottom: -15px ; right: -15px ; width: 30px ; height: 30px ; content: "" ; background-color: #FFF ; box-shadow: 0 0 0 0 #fff, 0 0 0 3px #c4b193, 0 0 0 5px rgba(253, 253, 241, 0.5) inset; }
div.welfare-grants-message-box span.ribbon { display: inline-block; position: absolute; top: 0; left: 25px; margin: 0; padding: 10px 0; z-index: 2; width: 40px; text-align: center; font-size: 17px; color: white; background: linear-gradient(#dec26d 0%,#b1845b 100%);}
div.welfare-grants-message-box p{color:#624f34;}
div.welfare-grants-message-box p.name{font-size: 1.2em;line-height:1;}
div.welfare-grants-message-box span.ribbon:after{content: ''; position: absolute; left: 0;top: 100%; height: 0; width: 0; border-left: 20px solid #b1845b; border-right: 20px solid #b1845b; border-bottom: 10px solid transparent;}
div.welfare-grants-message-box{background:#f7efee;}


/* ポップアップ */
.pop-up-wrapper{display:none;position: fixed;top: 0;z-index: 1000;width: 100%;height: 100vh;background: rgb(211 221 226 / 60%);}
.pop-up-wrapper .pop-up{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 300px;width: 400px;background: #fcffff;border: solid 1px #b9ccca;border-radius: 4px;box-shadow: 0 0 18px 2px rgb(27 67 77 / 35%);}
.pop-up-map-wrapper{display: none;position: absolute;z-index: 1000;height: 100%;top: 0;left: 0;width: 100%;background: rgb(211 221 226 / 60%);}
.pop-up-map-wrapper .pop-up{display: none; position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 300px;width: 400px;background: #fcffff;border: solid 1px #b9ccca;border-radius: 4px;box-shadow: 0 0 18px 2px rgb(27 67 77 / 35%);}
/* ポップアップ ローディング */
.loading .loading-text {letter-spacing: 2px;color: #4f4f4f;text-align: center;font-size: 18px;line-height: 18px;margin-bottom: 14px;font-weight: bold;margin: 110px 0 24px 0;}
.loading .circles {margin: 0 auto;width: 120px;height: 14px;overflow: hidden;}
.loading .circle {display: inline-block;height: 14px;width: 14px;border-radius:50%;margin: 0 6px;opacity: 0;}
.loading .circle-show {opacity: 1;}
.loading .circle1 {background-color:#d07272; transition: opacity 1.0s linear 0.0s}
.loading .circle2 {background-color:#6dccc9; transition: opacity 1.0s linear 0.3s}
.loading .circle3 {background-color:#ced44c; transition: opacity 1.0s linear 0.6s}
.loading .circle4 {background-color:#73d077; transition: opacity 1.0s linear 0.9s}
/* ポップアップ 注意 */
.caution{
    text-align: center;
    color: #575757;
}
.caution-main{
    height: 200px;
    line-height: 200px;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
}
.pop-up-wrapper .caution-footer{
    width: 180px;
    line-height: 52px;
    margin: 8px auto 40px auto;
}
.caution-close{
    background-color: #ea7474;
    border-radius: 8px;
    letter-spacing: 0.5em;
    text-indent: 0.5em;
    font-size: 16px;
    font-weight: bold;
    color: white;
    box-shadow: 0 1px 2px 1px rgb(181 88 88);
    cursor: pointer;
}
.caution-close:active{
    box-shadow: 0 0 2px 0 rgb(181 88 88);
}
/* チェックイン/アウトアイコン */
.icon-checkin, .icon-checkout{
    display: inline-block;
    height: 18px;
    border: 1px solid #bcbcbc;
    margin: 4px 4px 0 0;
    vertical-align: top;
    background: white;
}
.icon-checkin .icon, .icon-checkout .icon{
    display: inline-block;
    font-size: 1px;
    color: white;
    vertical-align: top;
    margin: 2px 2px 2px 4px;
    height: 14px;
    line-height: 15px;
    padding: 0 4px;
    border-radius: 2px;
}
.icon-checkin .icon {
    background: #28a9ff;
}
.icon-checkout .icon {
    background: #71bbe3;
}
.icon-checkin .text, .icon-checkout .text{
    display: inline-block;
    font-size: 11px;
    height: 18px;
    line-height: 19px;
    padding: 0 4px 0 2px;
}

/* デザイン修正にて追加/上書き */
.research {
    /* background-color: #f8f7f4; */
    font-size: 14px;
    padding: 10px 0 10px 0;
}
#pgc1 .research .pgc1-breadcrumbs dt {
    background: none;
    color: #000;
    width: 10%;
}
#pgc1 .research .pgc1-breadcrumbs dd {
    /* width: 85%; */
    float: right;
    padding: 5px 20px;
}
#pgc1 .research .pgc1-form dt {
    background: none;
    color: #000;
    width: 120px;
    line-height: 30px;
    padding: 0 0.5em;
    font-size: 13px;
}
.research select {
    padding: 10px;
    border: 1px solid #d3c7a7;
    border-radius: 7px;
    font-size: 12px;
    font-family: "Noto-Sans-JP-Bold";
    cursor: pointer;
    background-color: #FFFFFF;
}

.research .area-select {
    padding:10px 0 !important;
    border-radius: 0 !important;
}

@media screen and (max-width: 768px) {
    .research .area-select{
        width: 100px !important;
    }  
    }
@media screen and (min-width: 769px) {
    .research .area-select{
        width: 150px !important;
    }  
}

.research input {
    vertical-align: middle;
}

.search-re-inner-btn input {
    /* width: 100%; */
    width: 113px;
    height: 25px;    
}

#pgc1 .research .pgc1-hr {
    background: none;
}

.research .childbox {
    position: relative;
    padding: 3px 25px 3px 30px;
    background: #e2e2e2;
    border-radius: 8px;
    top: 4px;
    left: 10px;
}

.research .childbox::before {
    position: absolute;
    content: "";
    top: 10px;
    left: 15px;
    display: block;
    width: 6px;
    height: 6px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(45deg);
}

.search-tab {
    display: flex;
}

.search-tab div {
    float: left;
    list-style: none;
    border: 3px solid lightgray;
    border-bottom: none;
    margin: 0 2px;
    border-radius: 10px 10px 0 0;
    padding: 8px 8px 7px 8px;
    text-decoration: none;
    color: black;
    min-width: 100px;
    text-align: center;

}

.search-tab div:hover {
    background: lightgray;
    color: white;
}

.search-tab .current {
    float: left;
    list-style: none;
    border: 3px solid #a3016f;
    border-bottom: none;
    margin: 0px 2px;
    padding-bottom: 2px;
    border-radius: 10px 10px 0 0;
    background: #a3016f;
    color: white;
    padding: 8px 8px 7px 8px;
}

.search-tab .current:hover {
    background: #a3016f;
}

.search-tab .nohover:hover {
    background: none;
    color: #000;
}

.map-box { border: 2px solid #a3016f;  border-radius: 5px;  background: #fff5fc;}
.map-box h3 { padding: 5px; font-size: 14px; font-weight: bold; color: white; background: #a3016f; text-align: center;border-radius: 3px 3px 0 0;}

.btn-b01-143-sb input { width: 100%; }

.sfm-normal2-w-inner select {
    padding: 4px 2px;
    border: 1px solid #d3c7a7;
    border-radius: 7px;
    font-family: "Noto-Sans-JP-Bold";
    margin: 1px 0;
}

.keyword input {
    padding: 5px 8px;
    border: 1px solid #d3c7a7;
    border-radius: 7px;
    font-size: 14px;
    font-family: "Noto-Sans-JP-Bold";
}

/*STEP部分追加*/
.section ul.step { background: none; border: none; }
.step {position: relative;margin: 0 auto;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between; }
.step li {position: relative;list-style-type: none;text-align: center;text-transform: uppercase;width: 25%;color: lightgray;font-weight: bold;}
.step li:before {display: block;width: 10px;height: 30px;margin: 3px auto 0 auto; text-align: center; z-index: 1;position: relative;}
.step li:after {position: absolute;z-index: 0;top: 15px;left: -50%;width: 100%;height: 2px;content: '';background-color: lightgray;}
.step li.active{color: royalblue;}
.step li.finish{color: lightgray;}
.step li:first-child:after {content: none;}
.step li.active,.step li.complete{color: royalblue;}
.step li:first-child:after {content: none;}
/* .step li.active:after,.step li.complete:after {background-color: #a3016f;} */
.step li p {font-size: 13px;font-weight: bold;}
.step li.nexticon:before {padding-top:3px; content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="20" fill="lightgray" class="bi bi-circle-fill" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8"/></svg>' );}
.step li.compicon:before {width: 15px; height: 35px; background-color: white;padding-top:3px; content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="lightgray" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>' );}
.step li.nowicon:before { width: 45px; height: 30px; background-color: white; padding-top:0px; content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: royalblue;transform: ;msFilter:;"><path d="M16 14h.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5h-13C2.673 2 2 2.673 2 3.5V18l5.333-4H16zm-9.333-2L4 14V4h12v8H6.667z"></path><path d="M20.5 8H20v6.001c0 1.1-.893 1.993-1.99 1.999H8v.5c0 .827.673 1.5 1.5 1.5h7.167L22 22V9.5c0-.827-.673-1.5-1.5-1.5z"></path></svg>');}
.step li.nowicon2:before { width: 45px; height: 30px; background-color: white; padding-top:0px; content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: royalblue;transform: ;msFilter:;"><path d="M19.875 3H4.125C2.953 3 2 3.897 2 5v14c0 1.103.953 2 2.125 2h15.75C21.047 21 22 20.103 22 19V5c0-1.103-.953-2-2.125-2zm0 16H4.125c-.057 0-.096-.016-.113-.016-.007 0-.011.002-.012.008L3.988 5.046c.007-.01.052-.046.137-.046h15.75c.079.001.122.028.125.008l.012 13.946c-.007.01-.052.046-.137.046z"></path><path d="M6 7h6v6H6zm7 8H6v2h12v-2h-4zm1-4h4v2h-4zm0-4h4v2h-4z"></path></svg>');}

/*STEP部分終了*/

/* 静的ページのスマホ表示用 */
@media screen and (max-width: 959px) {
    #pgc1v2 .snv-text { border-bottom: none; margin-left: 10px; }
    #pgc1v2 .snv-text li { border-bottom: 3px solid lightgray; border-radius: 5px; margin-bottom: 5px; }
    #pgc1v2 .snv-text .current { border-bottom: 3px solid #a3016f; border-radius: 5px; padding-bottom: 0; margin-bottom: 5px; }

    #pgc1 .snv-text { border-bottom: none; margin-left: 10px; }
    #pgc1 .snv-text li { /*border-bottom: 3px solid lightgray;*/ border-radius: 5px; margin-bottom: 5px; }
    #pgc1 .snv-text .current { border-bottom: 3px solid #a3016f; /*border-radius: 5px;*/ padding-bottom: 0; margin-bottom: 5px; }

    .tab-sp-none {
        display: none;
    } 
}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
    .pg {
        width: 100%;
    }
    .help_banner {
      float: none;
    }
    #stylized {
        width: auto;
    }
}
/* 施設ごとに表示　または　地図で表示 */
.search-change {
    display: flex;
    width: fit-content;
    width: 100%;
    margin-top: 10px;
}

.search-change-tab {
    flex: 1;
    padding: 10px;
    background: #eef4f1;
    color: gray; 
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: background 0.2s, color 0.2s;
    text-decoration: none;
}

.search-change-tab.active {
    background: #fff;
    color: #b60081;
    border-top: 3px solid #b60081;
    font-weight: bold;
}

.search-change-tab:first-child {
    border-right: none;
}

/* 新PC予約ステップ */
.pc-booking-step-info {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pc-booking-step-info li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 23.333%;
    color: #999999;
    font-weight: bold;
    counter-increment: steps;
    font-size: 12px;
}
@media screen and (max-width: 640px) {
    .pc-booking-step-info li {
        position: relative;
        list-style-type: none;
        text-align: center;
        text-transform: uppercase;
        width: 23.333%;
        color: #999999;
        font-weight: bold;
        counter-increment: steps;
        font-size: x-small;
    }    
}
.pc-booking-step-info li:before {
    width: 25px;
    height: 24px;
    font-size: 12px;
    background-color: #F5F5F5;
    margin: 7px auto 20px auto;
    line-height: 24px;
    display: block;
    content: '';
    text-align: center;
    border-radius: 50%;
    content: counter(steps);
}

.pc-booking-step-info li:after {
    width: 60%;
    height: 2px;
    position: absolute;
    top: 19px;
    left: -35%;
    content: '';
    background-color: #F5F5F5;
}

.pc-booking-step-info li.active,
.pc-booking-step-info li.complete{
    color: darkcyan;
    font-size: 12px;
}
@media screen and (max-width: 640px) {
    .pc-booking-step-info li.complete{
        color: darkcyan;
        font-size: x-small;
    }    
}

.pc-booking-step-info li.active:before,
.pc-booking-step-info li.complete:before {
    background-color: darkcyan;
    color: #FFF;
}
.pc-booking-step-info li.active:after,
.pc-booking-step-info li.complete:after {
    background-color: darkcyan;
}

.pc-booking-step-info li:first-child:after {
    content: none;
}

.pc-booking-step-info-ul{
    margin: 20px 0 !important;
}

.label-vertical{
    position: relative;
    top: 4px;
}

.checkbox-vertical{
    position: relative;
    top: 3px;
}

.plan-info-button{
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    background: #a3016f !important;
}
.vacant-search-button{
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    background: #4796c4 !important;
}

.search-sort-button-active{
    color: #a3016f !important;
    border: none !important;
    font-weight: 600 !important;
    background: #ffefd56b !important;
}

.width-fit-content{
    width: fit-content;
}

@media screen and (max-width: 374px) {
    .sp-flex-column{
        flex-direction: column !important;
    }
    
}

.step-title p{
    padding: 5px 8px 5px 5px;
    border-left: 3px solid #b60081;
    color: #151515;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px 5px 5px;
}

/* テーブル */
.tbl-responsive .input-title {
    width: 40px;
    display: inline-table;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
}
.tbl-responsive .input-cell {
    display: inline-table;
    font-size: 14px;
}
.tbl-responsive .input-cell input {
    width: 150px;
}

.tbl-responsive {
    margin: 20px auto;
    /* width: 100%; */
}

.tbl-responsive th {
    background: #F4F4F4;
    border-top: solid 1px #e8e8e8;
    border-right: none;
    border-left: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    color: #000000;
    padding: 10px;
    width: 25%;
    font-size: 14px;
}

.tbl-responsive td {
    border-top: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-left: none;
    border-bottom: solid 1px #e8e8e8;
    padding: 10px;
    width: 75%;
    font-size: 14px;
}

@media screen and (max-width: 640px) {
    .tbl-responsive {
        width: 100%;
    }

    .tbl-responsive th,
    .tbl-responsive td {
        border: none;
        background-color: white;
        display: block;
        width: 100%;
    }
    .tbl-responsive th {
        color: #000000;
        padding: 5px;
    }

    .tbl-responsive td {
        border: none;
        border-bottom: 1px dashed #e8e8e8;
        width: 100%;
        padding: 0 0 10px 15px;
    }
    .tbl-responsive th,
    .tbl-responsive td {
        border: none;
        background-color: white;
        display: block;
        width: 100%;
    }

    .tbl-responsive th {
        color: #000000;
        padding: 5px 10px 5px 15px;
        font-size: 14px;
    }

    .tbl-responsive td {
        border: none;
        border-bottom: 1px dashed #e8e8e8;
        width: 100%;
        padding: 0 3px 10px 15px;
        font-size: 13px;
    }
}

.tbl-layout-fix{
    table-layout: fixed;
}

/* 予約一覧 */
.rsv-list-tbl-responsive {
    margin: 20px auto;
    /* width: 100%; */
}

.rsv-list-tbl-responsive th {
    background: #F4F4F4;
    border-top: solid 1px #e8e8e8;
    border-right: none;
    border-left: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    color: #000000;
    padding: 10px;
    width: 15%;
    font-size: 14px;
    text-align: center;
}

.rsv-list-tbl-responsive td {
    border-top: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-left: none;
    border-bottom: solid 1px #e8e8e8;
    padding: 10px;
    /* width: 75%; */
    font-size: 14px;
}
.step-title p{ padding: 5px 8px 5px 5px; border-left: 3px solid #b60081; color: #151515; text-align: left; font-size: 16px; font-weight: bold; margin: 0 10px 5px 5px;}

@media screen and (max-width: 767px) {
    .rsv-list-tbl-responsive {
        width: 100%;
        border: none;
    }

    .rsv-list-tbl-responsive th,
    .rsv-list-tbl-responsive td {
        border: none;
        background-color: white;
        display: block;
        width: 100%;
    }
    .rsv-list-tbl-responsive th {
        color: #000000;
        padding: 5px;
    }

    .rsv-list-tbl-responsive td {
        border: none;
        border-bottom: 1px dashed #e8e8e8;
        width: 100%;
        padding: 0 0 10px 15px;
    }
    .rsv-list-tbl-responsive th,
    .rsv-list-tbl-responsive td {
        border: none;
        background-color: white;
        display: block;
        width: 100%;
    }

    .rsv-list-tbl-responsive th {
        color: #000000;
        padding: 5px 10px 5px 15px;
        font-size: 14px;
        background-color: #a3016f;
        color: #F4F4F4;
        border-radius: 4px;
    }

    .rsv-list-tbl-responsive td {
        border: none;
        /* border-bottom: 1px dashed #e8e8e8; */
        width: 100%;
        padding: 0 3px 10px 20px;
        font-size: 13px;
    }
}
/* 予約一覧ここまで */

/* キャンセルポリシー */
.cxl-policy-tbl-responsive th {
    background: #F4F4F4;
    border-top: solid 1px #e8e8e8;
    border-right: none;
    border-left: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    color: #000000;
    padding: 10px;
    width: 100%;
    font-size: 13px;
    text-align: center;
}

.cxl-policy-tbl-responsive td {
    border-top: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-left: none;
    border-bottom: solid 1px #e8e8e8;
    padding: 10px;
    /* width: 75%; */
    font-size: 13px;
}
.step-title p{ padding: 5px 8px 5px 5px; border-left: 3px solid #b60081; color: #151515; text-align: left; font-size: 16px; font-weight: bold; margin: 0 10px 5px 5px;}

@media screen and (max-width: 767px) {
    .cxl-policy-tbl-responsive {
        width: 100%;
        border: none;
    }

    .cxl-policy-tbl-responsive th,
    .cxl-policy-tbl-responsive td {
        border: none;
        background-color: white;
        display: block;
        width: 100%;
    }
    .cxl-policy-tbl-responsive th {
        color: #000000;
        padding: 5px;
    }

    .cxl-policy-tbl-responsive td {
        border: none;
        border-bottom: 1px dashed #e8e8e8;
        width: 100%;
        padding: 0 0 10px 15px;
    }
    .cxl-policy-tbl-responsive th,
    .cxl-policy-tbl-responsive td {
        border: none;
        background-color: white;
        display: block;
        width: 100%;
    }

    .cxl-policy-tbl-responsive th {
        color: #000000;
        padding: 5px 10px 5px 15px;
        font-size: 13px;
        background-color: #a3016f;
        /* color: #F4F4F4; */
        /* border-radius: 4px; */
    }

    .cxl-policy-tbl-responsive td {
        border: none;
        /* border-bottom: 1px dashed #e8e8e8; */
        width: 100%;
        padding: 0 3px 10px 20px;
        font-size: 13px;
    }
}

.rsv-list-checkin-change select{
    padding: 5px;
    border: 1px solid #d3c7a7;
    border-radius: 7px;
    font-family: "Noto-Sans-JP-Bold";
}

/* 検索窓の地域選択プルダウン */
.map-search-select .place_p {
    width: 100%;
}
.map-search-select .place_ms {
    width: 100%;
}

.research-box {
    padding: 5px 10px;
    display: block;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.05);
    background-color: #f8f7f4;
}

@media screen and (max-width: 768px) {
    .research-box{
        margin: 0px 10px;
        }  
    }

.research-box-select dd {
    display: flex;
}
.research-box-select .place_p{
    width: 33%;
}
.research-box-select .place_ms{
    width: 33%;
}
.research-box-select .place_cw{
    width: 33%;
}

/* 日付未定選択時の色付け */
.research-box .disabled {
    pointer-events: none;
    opacity: 0.5;
}
.research-modal-box .disabled {
    pointer-events: none;
    opacity: 0.5;
}

@media (max-width: 426px) {
    .research-box-select dd {
        display: inline-grid;
    }
    .research-box-select .place_p {
        width: 100%;
        margin-bottom: 3px;
    }
    .research-box-select .place_ms {
        width: 100%;
        margin-bottom: 3px;
    }
    .research-box-select .place_cw {
        width: 100%;
        margin-bottom: 3px;
    }
}

.sp-hotelinfo-tab-title{margin: auto 0px; background-color: white; color: #a3016f; width: 25%; text-align: center;padding: 20px 3px;}
.sp-hotelinfo-tab-title-active{margin: auto 0; /*background-color: #a3016f;*/ color: #a3016f;font-weight: bold; width: 25%; text-align: center;padding: 20px 3px; }
.sp-hotelinfo-title{/*background-color: #a3016f;border-bottom: 2px solid #a3016f !important;*/margin: 0 0 5px 0;font-size: 14px;color:#333;border: none;letter-spacing: 1px;height: 18px;}

input[name="hotelinfo-tab-btn"] {
    display: none;
}
.hotelinfo-tab-btn {
    width: 100%;
    padding:10px 0;
    border-bottom: 3px solid #a3016f;
    background-color: #eee;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    /* letter-spacing: 1px; */
    cursor: pointer;
    border-radius: 3px 3px 0 0;
    white-space: nowrap;
}
.hotelinfo-tab-btn a{
    color:#bbb;
}
.sp-hotelinfo-tab .hotelinfo-tab-btn-active{
    background-color: darkcyan;
    color: white;
}

/* フォントサイズ */
.font-inherit{
    font-size: inherit !important;
}
.font-10{
    font-size: 10px !important;
}
.font-11{
    font-size: 11px !important;
}
.font-12{
    font-size: 12px !important;
}
.font-13{
    font-size: 13px !important;
}

.font-14{
    font-size: 14px !important;
}
@media screen and (max-width: 320px) {
    .font-mobile-s {
      font-size: 11px;
    }
  }


/* 幅 */
@media screen and (max-width: 767px) {
    .w-sp{
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .w-sp{
        width: 60%;
    }
}

.w-inherit{
    width: inherit !important;
}
.w-fit{
    width: fit-content !important;
}

/* 背景色 */
.bg-aeon{
    background-color: #a3016f !important;
}
.bg-none{
    background-color: white !important;
}

.bg-beige{
    background-color: #E0D3BC !important;
}
.bg-white{
    background-color: #fff !important;
}


/* ボーダー */
.border-aeon-1{
    border:1px solid #a3016f !important;
}
.hover-aeon:hover{
    background-color: #fafafa !important;
}

.line-height-25{
    line-height: 25px !important;
}

.btn--darkcyan {
    color: #fff;
    background-color: darkcyan;
    border-radius: 5px;
    border: none;
    width: 150px;
    height: 30px;
}
.btn--darkcyan:hover {
    color: #fff;
    background: #008b8bc7;
    border-radius: 5px;
}
.btn--shadow {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

:target:before {
    height: 180px;
    margin: -180px 0 0;
    content: '';
    display:block;
 }

 ::placeholder {
    color: lightgray !important;
  }

  @media screen and (max-width: 768px) {
    .user_search_condition{
        padding: 0px 10px;
        font-size: 13px;
        }  
    }
    @media screen and (min-width: 769px) {
        .user_search_condition{
            display: none;
        }  
    }

    .combined-select {
        display: flex;
        justify-content: space-between;
        border: 1px solid #d3c7a7;
        border-radius: 5px;
        overflow: hidden;
        align-items: center;
    }
    @media screen and (max-width: 768px) {
        .combined-select{
            max-width: 95%;
        }  
        }
    @media screen and (min-width: 769px) {
        .combined-select{
            max-width: 100%;
        }  
    }
    .select-container {
        position: relative;
        flex: 1;
    }
    
    .select-container select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        background: transparent;
        padding: 10px;
        font-size: 14px;
        width: 100%;
        height: 40px;
        border-right: 1px solid #d3c7a7;
        box-sizing: border-box;
    }    
    .flex-container {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        align-items: center;
        justify-content: flex-start;
        margin-top: 5px;
        margin-bottom: 10px;
        margin-right: 20px;
        position: relative;
    }
    .flex-area-container {
        display: flex;
        align-items: center;
        margin-right: 5px;
        padding-top: 20px;
        margin-bottom: 10px;
    }

    .input-container, .checkbox-container {
        display: flex;
        align-items: center;
    }

    .input-box {
        padding: 10px;
        border: 1px solid #d3c7a7;
        border-radius: 7px;
        font-size: 12px;
        background: #FFFFFF;
        font-family: Noto-Sans-JP-Bold;
        display: flex;
        align-items: center;
        text-decoration: none;

    }

    .input-box select, .input-box input, .input-box a {
        padding: 0 10px;
        font-size: 14px;
        font-family: Noto-Sans-JP-Bold;
        text-decoration: none;
    }

    .checkbox-container input {
        margin-right: 5px;
    }
    .total-price-label{
        position: absolute;
        top: 100%;
        font-size: 10px;
    }

    #researchBox {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        border-radius: 8px;
    }

    #researchBox.show {
        max-height: 100%;
        opacity: 1;
    }
    #toggleBtn {
        padding: 1.2em 0.2em;
        color: #b60081;
        border: none;
        border-radius: 12px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        font-size: 12px;
    }

    /* SP版検索結果表示画面のデザイン */
    #sp-search-result .card .hi-box{
        padding: 0;
        margin-bottom: 0;
    }
        
    #sp-search-result .card .hotel-nm{
        font-size: 18px;
        text-decoration: none;
        font-weight: bold;
        color: #1D54A7;
    }

    #sp-search-result .card .hotel-info{
        font-size: 12px;
        padding: 3px 0;
    }

    #sp-search-result .card .hotel-station{
        display: flex;
        align-items: center;
    }

    #sp-search-result .card .hotel-station div{
        font-size: 11px;
        padding: 5px 0;
    }

    #sp-search-result .card .pi-box .pi-head{
        padding: 5px 0 5px 10px;
        margin-bottom: 0;
    }

    #sp-search-result .card .pi-box .pi-head .pi-name{
        padding: 0 5px 0 0;
    }

    #sp-search-result .card .pi-box .pi-head .pi-name a{
        font-size: 15px;
        color: #1D54A7;
    }

    #sp-search-result .card .pi-box{
        border: 1px solid #dcdcdc;
        border-radius: 2px;
        border-top: 3px solid #a3016f;
        background:#fafafa;
        box-shadow: none;
    }

    #sp-search-result .card .pi-box .pi-foot{
        padding: 0;
    }

    #sp-search-result .card .ri-box .price-rsv-btn{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 15px 5px 20px;
    }

    #sp-search-result .card .ri-box .price{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #sp-search-result .card .ri-box .price >div{
        text-align: right;
        width: 100%;
        box-sizing: border-box;
    }
    #sp-search-result .card .ri-box .price .gi-unitprice{
        font-size: 150%;
        font-weight: bold;
        letter-spacing: 1px;
    }
    #sp-search-result .card .ri-box .price .gi-point{
        font-size: 12px;
        color: #be0101;
    }

    #sp-search-result .card .ri-box .price .gi-headcount{
        font-size: 12px;
    }

    #sp-search-result .card .ri-box .room{
        display: flex;
        padding: 3px;
    }

    #sp-search-result .card .ri-box .room .gi-name{
        font-size: 13px;
        margin: 0;
        font-weight: 500;
        text-decoration: none;
    }

    #sp-search-result .card .ri-box .room .gi-name a{
        color: #1D54A7;
    }

    #sp-search-result .card .ri-box .room .gi-floor{
        white-space: nowrap;
        margin: auto 0;
    }

    #sp-search-result .card .ri-box .ri-icons img, .gi-box .gi-icons img{
        margin: 0;
    }

    #sp-search-result .card .gi-box{
        padding: 5px;
    }

    #sp-search-result .card .card-body hr{
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #858585;
        margin: 0;
    }

    #sp-search-result .card .card-body .pi-link{
        display: block;
        width: 100%;
        padding: 5px 0;
        margin: auto;
        background: #eaf9ff;
        color: #FFF;
        text-decoration: none;
        text-align: center;
        color: #000000;
    }

    #sp-search-result .card .card-body .hi-link{
        display: block;
        width: 100%;
        margin-top: 10px;
        padding: 5px 0;
        background: #fbeff8;
        color: #FFF;
        text-decoration: none;
        text-align: center;
        color: #000000;
        border-radius: 30px;
        color: #b60081;
        font-weight: bold;
        font-size: 12px;
    }

    #sp-search-result .card .card-body .ri-box .gi-icons{
        display: flex;
        gap: 3px;
    }
    #sp-search-result .card .card-body .ri-box .gi-icons .room-icon{
        display: flex;
        align-items: center;
        margin-right: 5px;
    }
    #sp-search-result .card .card-body .ri-box .gi-icons .room-icon img{
        width: 15px;
        margin-right: 5px;
        display: block;
    }

    #sp-search-result .card .card-body .ri-box .gi-icons .room-icon span{
        font-size: 10px;
        color: #6b6b6b;
        font-weight:600;
    }
    #sp-search-result .card .card-body .ri-box .gi-icons .room-type-icon{
        display: inline-block;
        color: grey;
        border: 1px solid darkgray;
        padding: 1px 3px;
        border-radius: 3px;
        font-size: 10px;
        text-align: center;
        font-weight:600;
    }

    /* ページネーション */
    .pagination {
        width: 100%;
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
    }

    .page-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        cursor: pointer;
        transition: background 0.2s, color 0.2s;
        user-select: none;
    }

    /* 数字ボタン */
    .square {
        width: 30px;
        height: 30px;
        border-radius: 3px;
        font-weight: bold;
    }

    .square:not(.active) {
        background: #f8f8f8;
        font-weight: normal;
    }

    /* 現在ページ（active） */
    .square.active {
        background: #b60081;
        color: #fff;
        font-weight: bold;
    }

    /* 矢印ボタン（円形） */
    .circle {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        background: #f8f8f8;
    }

    /* リンクのホバー効果 */
    .page-btn:hover:not(.active) {
        filter: brightness(0.96) contrast(1.05);
    }

    .page-btn:active {
        filter: brightness(0.90);
    }