@charset "UTF-8";
:root {
--font-color-btn-link:#666;
--font-color-placeholder:#9e9e9e;
--font-num:Arial;
}

/* cmn-sub-col-carousel > swiper-pagination-bullet override
---------------------------------- */
.cmn-sub-col-carousel .swiper-pagination-bullet{
width:auto;
height:auto;
display:inline-block;
border-radius:0;
background:none;
opacity:1;
}

/* ----------------------------------------------------------------
	Clearfix
----------------------------------------------------------------- */
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.list-col-5:before,
.list-col-6:before,
.cmn-grid-container:before,
.cmn-grid-container .cmn-grid-row:before,
.cmn-grid-container .cmn-grid-col:before,
.cmn-grid-container .cmn-grid-clr:before,
.cmn-grid-container .cmn-grid-group:before,
.link-list-theme:before,
.link-list-theme-01:before,
.contents-footer-nav-list-theme:before,
.roundtrip-description-container .roundtrip-description-list:before,
.link-list-separate:before,
.box-bg-img-ctrl:before,
.panel-col-2:before,
.pr-box:before,
.form-search-index-item-col:before,
.form-search-index-city > li .form-search-index-city-list:before,
.form-search-index-destination:before,
.form-search-index-destination-list:before,
.contents-footer-nav-hdg-container:before,
.contents-footer-nav-list:before,
.form-search-lyt:before,
.form-search-lyt-01:before,
.form-search-item-col:before,
.form-search-city > li:before,
.form-search-city > li .form-search-city-list:before,
.form-search-num:before,
.form-search-calendar .form-search-calendar-header:before,
.search-result-sort:before,
.search-result-sort > li > ul:before,
.search-result-item-review:before,
.search-result-item-time:before,
.search-result-item-detail:before,
.calendar-tbl-01-container:before,
.price-detail-balloon .price-detail-footer:before,
.form-search-roomtype:before,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.list-col-5:after,
.list-col-6:after,
.cmn-grid-container:after,
.cmn-grid-container .cmn-grid-row:after,
.cmn-grid-container .cmn-grid-col:after,
.cmn-grid-container .cmn-grid-clr:after,
.cmn-grid-container .cmn-grid-group:after,
.link-list-theme:after,
.link-list-theme-01:after,
.contents-footer-nav-list-theme:after,
.roundtrip-description-container .roundtrip-description-list:after,
.link-list-separate:after,
.box-bg-img-ctrl:after,
.panel-col-2:after,
.pr-box:after,
.form-search-index-item-col:after,
.form-search-index-city > li .form-search-index-city-list:after,
.form-search-index-destination:after,
.form-search-index-destination-list:after,
.contents-footer-nav-hdg-container:after,
.contents-footer-nav-list:after,
.form-search-lyt:after,
.form-search-lyt-01:after,
.form-search-item-col:after,
.form-search-city > li:after,
.form-search-city > li .form-search-city-list:after,
.form-search-num:after,
.form-search-calendar .form-search-calendar-header:after,
.search-result-sort:after,
.search-result-sort > li > ul:after,
.search-result-item-review:after,
.search-result-item-time:after,
.search-result-item-detail:after,
.calendar-tbl-01-container:after,
.price-detail-balloon .price-detail-footer:after,
.form-search-roomtype:after,
.inquiry-form-check-container:before,
.inquiry-form-check-container:after,
.search-result-item-info-list:before,
.search-result-item-info-list:after{
display:table;
content:"";
}
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.list-col-5:after,
.list-col-6:after,
.cmn-grid-container:after,
.cmn-grid-container .cmn-grid-row:after,
.cmn-grid-container .cmn-grid-col:after,
.cmn-grid-container .cmn-grid-clr:after,
.cmn-grid-container .cmn-grid-group:after,
.link-list-theme:after,
.link-list-theme-01:after,
.contents-footer-nav-list-theme:after,
.roundtrip-description-container .roundtrip-description-list:after,
.link-list-separate:after,
.box-bg-img-ctrl:after,
.panel-col-2:after,
.pr-box:after,
.form-search-index-item-col:after,
.form-search-index-city > li .form-search-index-city-list:after,
.form-search-index-destination:after,
.form-search-index-destination-list:after,
.contents-footer-nav-hdg-container:after,
.contents-footer-nav-list:after,
.form-search-lyt:after,
.form-search-lyt-01:after,
.form-search-item-col:after,
.form-search-city > li:after,
.form-search-city > li .form-search-city-list:after,
.form-search-num:after,
.form-search-calendar .form-search-calendar-header:after,
.search-result-sort:after,
.search-result-sort > li > ul:after,
.search-result-item-review:after,
.search-result-item-time:after,
.search-result-item-detail:after,
.calendar-tbl-01-container:after,
.price-detail-balloon .price-detail-footer:after,
.form-search-roomtype:after,
.inquiry-form-check-container:after,
.search-result-item-info-list:after{
clear:both;
}

/* ----------------------------------------------------------------
  font, cursor control
----------------------------------------------------------------- */
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button{
display:none;
}
button,
select{
cursor:pointer;
}
button[disabled],
select[disabled]{
color:#ccc;
cursor:default;
}
option[disabled]{
color:#ccc;
}
input[type="text"]::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]:-ms-input-placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]::-moz-placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]::-ms-input-placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]::placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]:disabled::-webkit-input-placeholder{
color:#ccc;
}
input[type="text"]:disabled:-ms-input-placeholder{
color:#ccc;
}
input[type="text"]:disabled::-moz-placeholder{
color:#ccc;
}
input[type="text"]:disabled::-ms-input-placeholder{
color:#ccc;
}
input[type="text"]:disabled::placeholder{
color:#ccc;
}
#topicPath_Area li img{
vertical-align:top;
}
select::-ms-expand{
display:none;
}
::-ms-clear{
display:none;
}

/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}
audio,
canvas,
progress,
video{
display:inline-block;
}
audio:not([controls]){
display:none;
height:0;
}
progress{
vertical-align:baseline;
}

/* RENEWAL CMN OVERRIDE
---------------------------------- */
.cmn-tip-box .cmn-tip-hdg-01{
padding-left:0;
}
.cmn-tip-box .cmn-tip-hdg-01::before{
display:none;
}

/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* .icon-smoking
----------------------------------------------- */
.icon-smoking{
padding-left:20px;
display:block;
min-height:16px;
background:url(/element/j_tour/shared/images/icon/icon-smoking.svg) 0 50% no-repeat;
background-size:16px 16px;
}

/* .icon-smoking-non
----------------------------------------------- */
.icon-smoking-non{
padding-left:20px;
display:block;
min-height:16px;
background:url(/element/j_tour/shared/images/icon/hotel_smorking_no.svg) 0 50% no-repeat;
background-size:16px 16px;
}

/* .icon-smoking-unfixed
----------------------------------------------- */
.icon-smoking-unfixed{
padding-left:20px;
display:block;
min-height:16px;
background:url(/element/j_tour/shared/images/icon/icon-smoking-unfixed.svg) 0 50% no-repeat;
background-size:16px 16px;
}

/* .req-icon
----------------------------------------------- */
.req-icon{
position:absolute;
top:0;
bottom:0;
margin:auto 0;
padding:0 3px;
height:15px;
font-size:9px;
font-weight:normal;
line-height:1.3;
color:#e60012;
border:1px solid #e60012;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index-hdg .req-icon{
right:4px;
}
.inquiry-form-tbl th .req-icon{
right:10px;
}

/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
position:relative;
padding:12px 20px 12px;
margin-bottom:20px;
color:#fff;
background-color:#287ac4;
}
.box-bg-img-ctrl .menu-header-container{
margin-bottom:0;
background-color:rgba(16, 92, 169, .6);
}
.form-search-container .menu-header-container{
margin-bottom:0;
}

/* .menu-header-btn
----------------------------------------------- */
.menu-header-container .menu-header-btn{
padding:0 18px 0 8px;
border:none;
border-radius:3px;
color:var(--cmn-font-color-base);
position:absolute;
top:17px;
left:185px;
height:24px;
-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .3);
box-shadow:0 1px 0 rgba(0, 0, 0, .3);
background-color:#fff;
font-size:13px;
text-align:left;
font-family:var(--font-num);
}
.menu-header-container .menu-header-btn::after{
margin:auto 0;
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
right:10px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.menu-header-container .menu-header-btn b{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .menu-header-container > .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
display:block;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
font-size:30px;
line-height:1.25;
}
.menu-header-container .menu-header-sup{
font-size:14px;
margin:8px 0;
line-height:1.45;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
gap:4px;
}
.menu-header-container .menu-header-sup-hdg {
font-weight:normal;
}

/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
position:absolute;
top:58px;
right:20px;
font-size:12px;
}
.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}
.menu-header-container .menu-header a:link,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:visited,
.menu-header-container .menu-header a:focus{
color:#fff;
text-decoration:none;
}

/* .menu-header-container > .menu-header-agt-container
----------------------------------------------- */
.menu-header-container .menu-header-agt-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:4px;
padding:0 8px;
background-color:#fff;
height:30px;
}
.menu-header-container .menu-header-agt-sup{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
margin-right:8px;
}
.menu-header-container .menu-header-agt{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 8px;
}
.menu-header-container .menu-header-agt:after{
color:var(--cmn-font-color-base);
content:"...";
font-size:16px;
}
.menu-header-container .menu-header-agt > li{
line-height:1;
}
.menu-header-container .menu-header-agt > li img{
vertical-align:middle;
}

/* .menu-header-container > .menu-header-utility
----------------------------------------------- */
.menu-header-container .menu-header-utility{
font-size:12px;
position:absolute;
top:16px;
right:20px;
display:table;
border:1px solid rgba(255, 255, 255, .5);
}
.menu-header-container .menu-header-utility > li{
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:not(:first-child){
border-left:1px solid rgba(255, 255, 255, .5);
}
.menu-header-container .menu-header-utility > li > a{
display:block;
padding:4px 15px;
color:#fff;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
text-decoration:none;
background-color:rgba(0, 0, 0, .1);
}

/* .menu-header-container > .menu-header-link
----------------------------------------------- */
.menu-header-container .menu-header-link{
position:absolute;
top:22px;
right:135px;
font-size:12px;
}
.menu-header-container .menu-header-link a{
position:relative;
padding-left:12px;
color:#fff;
}
.menu-header-container .menu-header-link a:before{
position:absolute;
display:block;
width:4px;
height:4px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.menu-header-container .menu-header-link a:before{
position:absolute;
top:7px;
left:0;
}

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .nav-top
----------------------------------------------- */
.nav-top{
font-size:11px;
text-align:right;
}
.nav-top a{
position:relative;
position:relative;
display:inline-block;
padding-left:15px;
color:var(--cmn-font-color-base);
}
.nav-top a:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 5px 5px 5px;
border-style:solid;
border-color:transparent transparent #555 transparent;
}
.nav-top a:before{
top:.5em;
left:0;
}

/* .nav-internal
----------------------------------------------- */
.nav-internal{
margin:30px 0 10px;
}
.nav-internal > li{
display:inline-block;
min-width:5em;
margin-right:10px;
padding-right:15px;
text-align:center;
border-right:1px solid #ccc;
}
.nav-internal > li a{
display:block;
color:var(--cmn-font-color-base);
}

/* .pager
----------------------------------------------- */
.pager{
font-size:14px;
line-height:1;
white-space:nowrap;
}
.pager li{
display:inline-block;
text-align:center;
}
.pager li > a,
.pager li > b{
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:24px;
padding:5px 2px 5px 2px;
color:#fff;
background-color:#555;
}
.pager li > a:active,
.pager li > a:hover,
.pager li > a:focus,
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
text-decoration:none;
background-color:transparent;
}
.pager li > b{
color:#fff;
background-color:transparent;
}
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:transparent;
}
.pager .first,
.pager .last,
.pager .prev,
.pager .next{
font-size:12px;
}
.pager .first > a,
.pager .last > a,
.pager .prev > a,
.pager .next > a{
padding:7px 5px 5px 5px;
}
.pager .prev{
margin-right:3px;
}
.pager .next{
margin-left:3px;
}
.pager .ellipsis{
position:relative;
margin-left:-3px;
padding-left:16px;
}
.pager .ellipsis:before{
font-weight:normal;
position:absolute;
bottom:0;
left:0;
display:block;
content:"...";
color:#ececec;
speak:none;
}

/* .tour-tab
----------------------------------------------- */
.tour-tab,
.tour-tab-01{
display:table;
width:100%;
margin-bottom:6px;
}
.tour-tab > li,
.tour-tab-01 > li{
display:table-cell;
min-width:72px;
vertical-align:top;
border-left:2px solid #fff;
}
.tour-tab > li:first-child,
.tour-tab-01 > li:first-child{
border-left:none;
}
.tour-tab > li > a,
.tour-tab-01 > li > a{
font-size:15px;
line-height:40px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:40px;
cursor:pointer;
text-align:center;
color:var(--cmn-font-color-base);
background-color:#dfe3e8;
}
.tour-tab > li > a:hover,
.tour-tab-01 > li > a:hover,
.tour-tab > li > a:focus,
.tour-tab-01 > li > a:focus,
.tour-tab > li > a:active,
.tour-tab-01 > li > a:active{
text-decoration:none;
}
.tour-tab > li.is-active a,
.tour-tab-01 > li.is-active a{
font-weight:bold;
color:#fff;
background-color:#0d3f78;
}
.tour-tab-01 > li > a{
font-size:14px;
line-height:35px;
height:35px;
}
.tour-tab-01 > li > a > span{
position:relative;
display:block;
display:inline-block;
padding-left:12px;
}
.tour-tab-01 > li > a > span:before{
position:absolute;
display:block;
width:3.6px;
height:3.6px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-right:1.2px solid #555;
border-bottom:1.2px solid #555;
}
.tour-tab-01 > li > a > span:before{
top:50%;
left:0;
margin-top:-4px;
}

/* .tab-view-goto-plan
----------------------------------------------- */
.tab-view-goto-plan{
display:inline-block;
margin:12px 0 12px 8px;
}
.tab-view-goto-plan label{
position:relative;
display:block;
padding-left:22px;
cursor:pointer;
}
.tab-view-goto-plan label input[type="checkbox"]{
position:absolute;
top:0;
left:0;
}

/* .form-search-index-header-nav
----------------------------------------------- */
.form-search-index-header-nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:4px 0 3px;
color:var(--cmn-font-color-base);
line-height:1;
}
.form-search-index-header-nav > li:first-child{
margin-right:15px;
}
.form-search-index-header-nav > li:not(:first-child){
margin-right:4px;
}
.form-search-index-header-nav > li:first-child,
.form-search-index-header-nav > li > h1{
font-weight:bold;
font-size:18px;
}
.form-search-index-header-nav > li > a{
display:block;
margin-top:-4px;
padding:6px 15px 5px 25px;
color:#0d4c8f;
border-width:1px;
border-color:#0d4c8f;
border-style:solid;
position:relative;
text-decoration:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index-header-nav > li > a:before{
content:"";
display:block;
position:absolute;
left:13px;
top:50%;
border-right:1px solid #0d4c8f;
border-bottom:1px solid #0d4c8f;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}
.form-search-index-header-nav > li.bustour{
position:absolute;
top:-150px;
right:-27px;
}
.form-search-index-header-nav > li.bustour > a{
border:none;
}

/* ----------------------------------------------------------------
  Layout
----------------------------------------------------------------- */
/* .list-col-2 / .list-col-3 / .list-col-4 / .list-col-5 / .list-col-6
----------------------------------------------- */
.list-col-2{
margin-top:0;
margin-left:-10px;
}
.list-col-2 > li{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:49.9375%;
margin-top:10px;
padding-left:10px;
}
.list-col-2 > li:first-child{
margin-left:0;
}
.list-col-2 > li:nth-child(2n+1){
clear:left;
margin-left:0;
}
.list-col-2 > li li{
float:none;
width:auto;
margin-left:0;
}
.list-col-3{
margin-top:0;
margin-left:-10px;
}
.list-col-3 > li{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:33.25%;
margin-top:10px;
padding-left:10px;
word-break:break-all;
word-wrap:break-word;
}
.list-col-3 > li:first-child{
margin-left:0;
}
.list-col-3 > li:nth-child(3n+1){
clear:left;
margin-left:0;
}
.list-col-3 > li li{
float:none;
width:auto;
margin-left:0;
}
.list-col-4{
margin-top:0;
margin-left:-10px;
}
.list-col-4 > li{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:24.90625%;
margin-top:10px;
padding-left:10px;
}
.list-col-4 > li:first-child{
margin-left:0;
}
.list-col-4 > li:nth-child(4n+1){
clear:left;
margin-left:0;
}
.list-col-4 > li li{
float:none;
width:auto;
margin-left:0;
}
.list-col-5{
margin-top:0;
margin-left:-10px;
}
.list-col-5 > li{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:19.9%;
margin-top:10px;
padding-left:10px;
}
.list-col-5 > li:first-child{
margin-left:0;
}
.list-col-5 > li:nth-child(5n+1){
clear:left;
margin-left:0;
}
.list-col-5 > li li{
float:none;
width:auto;
margin-left:0;
}
.list-col-6{
margin-top:0;
margin-left:-10px;
}
.list-col-6 > li{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:16.5625%;
margin-top:10px;
padding-left:10px;
}
.list-col-6 > li:first-child{
margin-left:0;
}
.list-col-6 > li:nth-child(6n+1){
clear:left;
margin-left:0;
}
.list-col-6 > li li{
float:none;
width:auto;
margin-left:0;
}

/* grid
----------------------------------------------- */
/*	12 COLUMN :RESPONSIVE GRID SYSTEM
  DEVELOPER :DENIS LEBLANC
  URL :http://responsive.gs
  VERSION :3.0
  LICENSE :GPL & MIT */
[class^="cmn-grid-"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-grid-container{
max-width:960px;
margin:0 auto;
}
.cmn-grid-container .cmn-grid-col{
display:block;
float:left;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-col{
margin-left:2.5%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-col:first-child{
margin-left:0;
}
.cmn-grid-container .cmn-grid-span-1{
width:8.33333%;
}
.cmn-grid-container .cmn-grid-span-2{
width:16.66667%;
}
.cmn-grid-container .cmn-grid-span-3{
width:25%;
}
.cmn-grid-container .cmn-grid-span-4{
width:33.33333%;
}
.cmn-grid-container .cmn-grid-span-5{
width:41.66667%;
}
.cmn-grid-container .cmn-grid-span-6{
width:50%;
}
.cmn-grid-container .cmn-grid-span-7{
width:58.33333%;
}
.cmn-grid-container .cmn-grid-span-8{
width:66.66667%;
}
.cmn-grid-container .cmn-grid-span-9{
width:75%;
}
.cmn-grid-container .cmn-grid-span-10{
width:83.33333%;
}
.cmn-grid-container .cmn-grid-span-11{
width:91.66667%;
}
.cmn-grid-container .cmn-grid-span-12{
width:100%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-1{
width:6.04167%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-2{
width:14.58333%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-3{
width:23.125%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-4{
width:31.66667%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-5{
width:40.20833%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-6{
width:48.75%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-7{
width:57.29167%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-8{
width:65.83333%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-9{
width:74.375%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-10{
width:82.91667%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-11{
width:91.45833%;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-span-12{
width:100%;
}

/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* mod-icon-external
---------------------------------- */
.mod-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
margin-left:4px;
padding-top:10px;
width:10px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
vertical-align:middle;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-list
----------------------------------------------- */
.link-list > li,
.plan-appeal-list-more > li{
margin-top:5px;
}
.link-list > li a,
.plan-appeal-list-more > li a{
position:relative;
display:inline-block;
padding-left:12px;
color:var(--cmn-font-color-base);
}
.link-list > li a:before,
.plan-appeal-list-more > li a:before{
position:absolute;
display:block;
width:3px;
height:3px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #666;
border-bottom:1px solid #666;
}
.link-list > li a:before,
.plan-appeal-list-more > li a:before{
position:absolute;
top:7px;
left:0;
}

/* .link-list-thumb
----------------------------------------------- */
.link-list-thumb,
.link-list-agent,
.leisure-tour-list{
font-size:12px;
line-height:1.45;
margin-top:-20px;
}
.link-list-thumb > li,
.link-list-agent > li,
.leisure-tour-list > li{
margin-top:20px;
}
.link-list-thumb > li a,
.link-list-agent > li a,
.leisure-tour-list > li a{
position:relative;
display:block;
min-height:80px;
padding-left:130px;
color:var(--cmn-font-color-base);
}
.link-list-thumb > li a > b,
.link-list-agent > li a > b,
.leisure-tour-list > li a > b{
font-size:13px;
display:block;
margin-bottom:3px;
color:var(--cmn-font-color-base);
}
.link-list-thumb > li .thumb,
.link-list-agent > li .thumb,
.leisure-tour-list > li .thumb{
position:absolute;
top:0;
left:0;
width:100%;
max-width:120px;
height:100%;
max-height:80px;
min-height:80px;
}

/* .link-list-theme
----------------------------------------------- */
.link-list-theme,
.link-list-theme-01{
font-size:12px;
line-height:1.45;
margin:-10px -10px 0;
}
.link-list-theme > li,
.link-list-theme-01 > li{
position:relative;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:16.66667%;
margin-top:20px;
padding:0 10px;
}
.link-list-theme > li a,
.link-list-theme-01 > li a,
.contents-footer-nav-list-theme > li a{
font-size:12px;
position:relative;
display:block;
padding-top:95px;
color:var(--cmn-font-color-base);
}
.link-list-theme > li .thumb,
.link-list-theme-01 > li .thumb,
.contents-footer-nav-list-theme > li .thumb{
position:absolute;
top:0;
left:0;
width:100%;
max-width:135px;
height:100%;
max-height:90px;
}

/* .link-list-theme-01
----------------------------------------------- */
.link-list-theme-01{
margin:-20px -8px 0;
}
.link-list-theme-01 > li{
width:25%;
padding:0 8px;
}
.link-list-theme-01 > li a{
padding-top:160px;
}
.link-list-theme-01 > li .thumb{
position:absolute;
top:0;
left:0;
width:100%;
max-width:218px;
height:100%;
max-height:148px;
min-height:148px;
}
.link-list-agent > li a{
padding-left:110px;
}
.link-list-agent > li a b{
margin-bottom:10px;
}
.link-list-agent > li .thumb{
max-width:98px;
max-height:63px;
min-height:63px;
border:1px solid #d7d7d7;
}

/* .business-cheapest-list
----------------------------------------------- */
.business-cheapest-list{
margin:-10px -10px 0;
}
.business-cheapest-list .business-cheapest-hdg{
font-size:13px;
padding:4px 10px;
color:var(--cmn-font-color-base);
background-color:#f2f2f2;
}
.business-cheapest-list > li{
position:relative;
padding:0 10px;
}
.business-cheapest-list > li:before{
position:absolute;
top:0;
left:0;
display:block;
width:1px;
height:100%;
content:"";
background-color:#d7d7d7;
}
.business-cheapest-list > li:first-child:before{
display:none;
}
.business-cheapest-list > li .business-cheapest-item-list{
padding:0 10px;
}
.business-cheapest-list > li .business-cheapest-item-list > li{
font-size:12px;
margin-top:5px;
}
.business-cheapest-list > li .business-cheapest-item-list > li a{
display:table;
width:100%;
color:var(--cmn-font-color-base);
}
.business-cheapest-list > li .business-cheapest-item-list > li a .price{
font-size:11px;
display:table-cell;
color:#0b41a1;
}
.business-cheapest-list > li .business-cheapest-item-list > li a .price > b{
font-size:12px;
}
.business-cheapest-list > li .business-cheapest-item-list > li a .destination{
display:table-cell;
text-align:right;
}
.business-cheapest-list > li .business-cheapest-item-list > li.business-cheapest-item-more{
text-align:right;
}
.business-cheapest-list > li .business-cheapest-item-list > li.business-cheapest-item-more span{
position:relative;
padding-left:10px;
}
.business-cheapest-list > li .business-cheapest-item-list > li.business-cheapest-item-more span:before{
position:absolute;
display:block;
width:3px;
height:3px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #555;
border-bottom:1px solid #555;
}
.business-cheapest-list > li .business-cheapest-item-list > li.business-cheapest-item-more span:before{
position:absolute;
top:7px;
left:0;
}
.business-cheapest-list > li .business-cheapest-item-list + .business-cheapest-hdg{
margin-top:15px;
}

/* .leisure-tour-list
----------------------------------------------- */
.leisure-tour-list{
font-size:11px;
}
.leisure-tour-list > li a > b{
font-size:12px;
color:var(--cmn-font-color-base);
}
.leisure-tour-list > li a > span{
display:block;
color:#0b41a1;
}

/* .roundtrip-description-container
----------------------------------------------- */
.roundtrip-description-container{
font-size:12px;
position:relative;
padding-left:370px;
color:var(--cmn-font-color-gray);
}
.roundtrip-description-container .link-list-line a{
color:#0b41a1;
}
.roundtrip-description-container .roundtrip-description-list{
position:absolute;
top:0;
left:0;
}
.roundtrip-description-container .roundtrip-description-list > li{
font-size:13px;
font-weight:bold;
line-height:1.3;
position:relative;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:10px 5px 10px 33px;
text-align:center;
color:var(--cmn-font-color-base);
border-radius:2px;
background-color:#ebebeb;
background-repeat:no-repeat;
background-position:10px 50%;
}
.roundtrip-description-container .roundtrip-description-list > li:before,
.roundtrip-description-container .roundtrip-description-list > li:after{
position:absolute;
top:24px;
right:-17px;
display:block;
width:13px;
height:3px;
content:"";
background-color:#333;
}
.roundtrip-description-container .roundtrip-description-list > li:after{
top:19px;
right:-12px;
width:3px;
height:13px;
}
.roundtrip-description-container .roundtrip-description-list > li > b{
font-size:11px;
display:inline-block;
padding:2px 5px 0;
color:#fff;
border-radius:2px;
background-color:#6e9ece;
}
.roundtrip-description-container .roundtrip-description-list > li > span{
display:block;
}
.roundtrip-description-container .roundtrip-description-list > li.ticket{
width:86px;
margin-right:20px;
background-image:url(/element/j_tour/index/images/roundtrip-description-list-bg-train.png);
}
.roundtrip-description-container .roundtrip-description-list > li.hotel{
width:86px;
margin-right:20px;
background-image:url(/element/j_tour/index/images/roundtrip-description-list-bg-hotel.png);
}
.roundtrip-description-container .roundtrip-description-list > li.other{
width:137px;
background-image:url(/element/j_tour/index/images/roundtrip-description-list-bg-other.png);
}
.roundtrip-description-container .roundtrip-description-list > li.other small{
font-size:10px;
}
.roundtrip-description-container .roundtrip-description-list > li.other:before,
.roundtrip-description-container .roundtrip-description-list > li.other:after{
display:none;
}

/* .link-list-line
----------------------------------------------- */
.link-list-line{
letter-spacing:-.4em;
}
.link-list-line > li{
position:relative;
display:inline-block;
margin:5px 10px 0 0;
padding-left:10px;
letter-spacing:normal;
}
.link-list-line > li:before{
position:absolute;
top:0;
left:0;
display:block;
overflow:hidden;
width:1px;
height:100%;
content:"";
}
.link-list-line > li:before{
background-color:#dde2e7;
}
.link-list-line > li:first-child{
padding-left:0;
}
.link-list-line > li:first-child:before{
display:none;
}
.link-list-line > li a{
color:var(--cmn-font-color-base);
}
.detail-item .link-list-line{
font-size:12px;
}
.detail-item .link-list-line > li a{
color:#0b41a1;
}

/* .link-list-separate
----------------------------------------------- */
.link-list-separate > li{
margin-top:5px;
}
.link-list-separate > li a{
color:var(--cmn-font-color-base);
}
.link-list-separate > li span{
display:block;
float:left;
width:95px;
}
.link-list-separate > li .link-list-separate-inner{
overflow:hidden;
}
.link-list-separate > li .link-list-separate-inner .link-list-line > li{
margin-top:0;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-bg-img-ctrl
----------------------------------------------- */
.box-bg-img-ctrl{
margin:0 -10px -50px;
padding:0 10px 32px;
background:#80c8ee url(/element/j_tour/index/images/bg-contents-blue.jpg) 50% 0 no-repeat;
background-size:100% auto;
}
.box-bg-img-ctrl .select-content{
margin-bottom:-32px;
}

/* .panel
----------------------------------------------- */
.panel{
margin-top:25px;
padding:15px 20px 20px;
border-top:1px solid #e1e1e1;
background-color:#fff;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .35);
box-shadow:0 1px 2px rgba(0, 0, 0, .35);
}

/* .panel-col-2
----------------------------------------------- */
.panel-col-2 > .panel{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:48.95833%;
margin-left:2.08333%;
}
.panel-col-2 > .panel:nth-child(2n+1){
margin-left:0;
}

/* .panel > .panel-hdg
----------------------------------------------- */
.panel .panel-hdg{
font-size:18px;
margin-bottom:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.panel .panel-hdg.branch{
margin:0 -20px 10px;
padding:0 20px 8px;
border-bottom:1px solid #e0e0e0;
}
.panel .panel-hdg .panel-hdg-note{
font-size:11px;
font-weight:normal;
margin:auto .5em;
color:var(--cmn-font-color-gray);
}
.panel .panel-hdg .panel-hdg-note li{
display:block;
padding-left:1em;
position:relative;
}
.panel .panel-hdg .panel-hdg-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.panel .panel-hdg .panel-hdg-brackets:before{
display:inline-block;
content:"\3010";
vertical-align:middle;
}
.panel .panel-hdg .panel-hdg-brackets:after{
display:inline-block;
content:"\3011";
vertical-align:middle;
}
.panel .panel-hdg-01{
font-size:14px;
margin-top:20px;
margin-bottom:5px;
padding-top:20px;
color:var(--cmn-font-color-base);
border-top:1px solid #d7d7d7;
}
.panel .panel-hdg-01.branch{
padding-top:0;
border-top:none;
}
.panel .panel-hdg-01:first-child{
padding-top:0;
border-top:none;
}
.panel .panel-hdg-container{
display:table;
width:100%;
margin-bottom:10px;
}
.panel .panel-hdg + .panel-hdg-01{
margin-top:0;
}
.panel .panel-hdg-01 + .link-list-line,
.panel .panel-hdg-01 + .link-list-separate{
margin-left:1em;
}
.panel .panel-hdg-01 + .link-list-agent,
.panel .panel-hdg-01 + .leisure-tour-list{
margin-top:-10px;
}
.panel .link-list-agent + .panel-hdg-01,
.panel .leisure-tour-list + .panel-hdg-01{
margin-top:5px;
}
.tour-tab + .panel-hdg-01,
.tour-tab-01 + .panel-hdg-01{
padding-top:0;
border-top:none;
}

/* .pr-box
----------------------------------------------- */
.pr-box{
position:relative;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:20px;
padding:5px;
background-color:#8ab7ec;
}
.pr-box img{
vertical-align:top;
}
.pr-box > a{
line-height:1.3;
display:block;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:120px;
padding:12px 12px 12px 185px;
background-color:#fff;
}
.pr-box > a:hover{
text-decoration:none;
}
.pr-box > a:hover .pr-description-container{
text-decoration:underline;
}
.pr-box > a .pr-icon{
font-size:11px;
font-weight:bold;
line-height:1;
position:absolute;
z-index:1;
top:-5px;
left:-20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:60px;
padding:18px 0 2px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
text-align:center;
color:#fff;
background-color:#222;
}
.pr-box > a .pr-hdg-container{
position:relative;
display:block;
padding-right:70px;
}
.pr-box > a .pr-hdg-container .pr-hdg{
font-size:15px;
font-weight:bold;
margin-right:10px;
color:var(--cmn-font-color-base);
}
.pr-box > a .pr-hdg-container .pr-date{
position:relative;
display:inline-block;
color:var(--cmn-font-color-base);
}
.pr-box > a .pr-hdg-container .pr-agent{
position:absolute;
top:0;
right:0;
}
.pr-box > a .pr-hdg-container .pr-agent > *{
display:table-cell;
width:60px;
height:25px;
text-align:center;
vertical-align:middle;
background-color:#fff;
}
.pr-box > a .pr-hdg-container .pr-agent > * img{
max-width:60px;
max-height:25px;
}
.pr-box > a .pr-hdg-container .pr-agent > .pr-agent-inner{
border:1px solid #c5c5c5;
}
.pr-box > a .pr-price{
font-size:12px;
display:block;
color:var(--cmn-font-color-base);
border-bottom:1px dotted #c6c6c6;
}
.pr-box > a .pr-price > .pr-price-num{
font-size:18px;
}
.pr-box > a .pr-price > .pr-price-sup{
color:var(--cmn-font-color-gray);
}
.pr-box > a .pr-description-container{
position:relative;
display:block;
}
.pr-box > a .pr-description-container .pr-description{
font-size:12px;
display:block;
padding-right:115px;
color:#0b4cae;
}
.pr-box > a .pr-description-container .pr-btn{
font-size:14px;
font-weight:bold;
position:absolute;
right:0;
bottom:0;
width:100px;
padding:8px 0;
text-align:center;
color:#fff;
border-radius:4px;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
}
.pr-box > a .pr-list{
display:inline-block;
margin:3px 0;
letter-spacing:-.4em;
color:var(--cmn-font-color-base);
}
.pr-box > a .pr-list > span{
font-size:12px;
font-weight:bold;
position:relative;
display:inline-block;
margin-right:5px;
padding-left:12px;
letter-spacing:normal;
}
.pr-box > a .pr-list > span:before{
position:absolute;
top:3px;
left:0;
display:block;
overflow:hidden;
width:8px;
height:8px;
content:"";
}
.pr-box > a .pr-list > span:before{
background-color:#222;
}
.pr-box > a .pr-image{
position:absolute;
top:50%;
left:5px;
margin-top:-60px;
}
.pr-box > a .pr-image > *{
display:table-cell;
width:168px;
height:120px;
text-align:center;
vertical-align:middle;
background-color:transparent;
}
.pr-box > a .pr-image > * img{
max-width:168px;
max-height:120px;
}

/* .important-box
----------------------------------------------- */
.important-box{
font-size:12px;
margin-bottom:40px;
}
.important-box .important-hdg{
font-weight:bold;
margin-bottom:5px;
color:var(--cmn-font-color-red);
}

/* .cheapest-col-container
----------------------------------------------- */
.cheapest-col-container{
overflow:hidden;
margin-left:-10px;
}
.cheapest-col-container > .cheapest-col{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:455px;
min-height:165px;
margin-left:10px;
padding:10px 10px 20px;
border:1px solid #e0e0e0;
}

/* .cheapest > .cheapest-col-hdg
----------------------------------------------- */
.cheapest-col-hdg{
font-size:14px;
margin:-10px -10px 10px;
padding:10px 10px 8px;
border-bottom:1px solid #e0e0e0;
}
.cheapest-col-hdg a{
color:var(--cmn-font-color-base);
}

/* .cheapest > .cheapest-list
----------------------------------------------- */
.cheapest-list{
font-size:12px;
}
.cheapest-list > li{
margin-top:5px;
}
.cheapest-list > li > a{
position:relative;
display:block;
padding-right:15px;
text-decoration:none;
}
.cheapest-list > li > a:active .price,
.cheapest-list > li > a:hover .price,
.cheapest-list > li > a:focus .price{
text-decoration:underline;
}
.cheapest-list > li .destination{
display:table-cell;
width:100%;
color:var(--cmn-font-color-base);
}
.cheapest-list > li .price{
font-size:11px;
display:table-cell;
padding-left:10px;
white-space:nowrap;
color:#0b4cae;
}
.cheapest-list > li .price b{
font-size:12px;
}
.cheapest-list .cheapest-icon{
position:absolute;
top:0;
right:0;
}
.select-idx-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:25px;
}
.select-idx-list >li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .35);
box-shadow:0 1px 2px rgba(0, 0, 0, .35);
background-color:#fff;
border-top:1px solid #e1e1e1;
}
.select-idx-list >li:not(:first-child){
margin-left:21px;
}
.select-idx-list >li a{
position:relative;
display:block;
font-size:18px;
font-weight:bold;
padding:15px 35px 14px;
}
.select-idx-list >li a:link,
.select-idx-list >li a:visited,
.select-idx-list >li a:hover,
.select-idx-list >li a:active{
color:var(--cmn-font-color-base);
}
.select-idx-list >li a::before{
position:absolute;
left:20px;
top:50%;
margin-top:-4px;
content:"";
display:block;
width:6px;
height:6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index & .form-search-index-inner
----------------------------------------------- */
.form-search-index{
padding:0 20px 25px;
margin-bottom:32px;
color:var(--cmn-font-color-base);
background-color:rgba(16, 92, 169, .6);
}
.form-search-index-inner{
position:relative;
padding:20px 20px 15px;
background-color:#f6f6f6;
}
.form-search-index input[type="text"],
.form-search-index input[type="search"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:35px;
max-height:35px;
padding:6px 20px 6px 8px;
border:1px solid #bebebe;
border-radius:0;
background-color:#fff;
font-size:13px;
}
.form-search-index-item.origin .form-search-index-city li.has-child::after,
.form-search-index-item.destination .form-search-index-city li.has-child::after{
margin-top:-3px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#777;
content:"";
display:block;
width:4px;
height:4px;
position:absolute;
top:50%;
right:8px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-index .form-search-index-select{
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:100px;
height:35px;
vertical-align:top;
}

/* .form-search-index-lyt
----------------------------------------------- */
.form-search-index-lyt > .form-search-index-lyt-cell{
float:left;
width:548px;
}
.form-search-index-lyt > .form-search-index-lyt-cell:last-child{
width:312px;
margin:10px 0 0 20px;
}

/* .form-search-index-item
----------------------------------------------- */
.form-search-index-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
width:100%;
margin-top:9px;
}
.form-search-index-item.date{
width:305px;
}
.form-search-index-item.origin{
margin-top:0;
}
.form-search-index-item.destination{
margin-top:8px;
}
.form-search-index-item.destination .form-search-list-line{
margin-bottom:15px;
}
.form-search-index-item.destination + .form-search-index-item-col{
margin-top:-4px;
}
.form-search-index-item.origin .form-search-index-note-01{
display:block;
margin:-3px 0 0 195px;
color:var(--cmn-font-color-base);
}
.form-search-index-item.transport{
margin-bottom:10px;
}
.form-search-index-item > .form-search-index-item-cell{
position:relative;
width:100%;
}
.form-search-index-item > .form-search-index-item-cell:first-child{
width:104px;
min-width:104px;
}
.form-search-index-item > .form-search-index-item-cell:first-child::before{
position:absolute;
top:0;
right:-1px;
content:"";
height:35px;
width:1px;
z-index:10;
background-color:#015eaa;
}

/* .form-search-index-item-col
----------------------------------------------- */
.form-search-index-item-col > .form-search-index-item.date{
float:left;
}
.form-search-index-item-col > .form-search-index-item.nights{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:210px;
padding-right:15px;
}
.form-search-index-item-col > .form-search-index-item.days{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index-item-col > .form-search-index-item.days{
width:210px;
}
.form-search-index-item-col > .form-search-index-item.number,
.form-search-index-item-col > .form-search-index-item.number-01{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index-item-col > .form-search-index-item.number{
width:260px;
}
.form-search-index-item-col > .form-search-index-item.number-01{
width:410px;
}
.form-search-index-item-col > .form-search-index-item:last-child{
padding-right:0;
}
.form-search-index-item-col > .form-search-index-item .form-search-index-select{
width:100%;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index-hdg{
line-height:1.25;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:35px;
border-radius:2px 0 0 2px;
padding-left:8px;
text-align:center;
vertical-align:middle;
color:#fff;
background-color:#015eaa;
overflow:hidden;
}
.form-search-index-hdg > h2{
font-size:12px;
font-weight:normal;
text-align:left;
}
.form-search-index-hdg > h2 .sup{
font-size:11px;
display:block;
}
.form-search-index-hdg .cmn-tip-btn{
position:absolute;
top:0;
right:5px;
bottom:0;
margin:auto 0;
}
.form-search-index-hdg.no-tip-btn{
padding-right:5px;
}
.form-search-index-item.origin .form-search-index-hdg .cmn-tip-btn,
.form-search-index-item.destination .form-search-index-hdg .cmn-tip-btn{
top:4px;
margin:0;
}

/* .form-search-index-btn
----------------------------------------------- */
.form-search-index-btn,
.form-search-index-btn-01{
font-size:13px;
position:relative;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:100px;
padding:3px 10px 3px 20px;
text-align:left;
color:var(--cmn-font-color-gray);
border:1px solid #bebebe;
border-radius:1px;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
}
.form-search-index-btn:before,
.form-search-index-btn-01:before{
position:absolute;
top:50%;
left:10px;
display:block;
width:4px;
height:4px;
margin-top:-3px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #666;
border-bottom:1px solid #666;
}
.form-search-index-btn .sup,
.form-search-index-btn-01 .sup{
font-size:11px;
color:var(--cmn-font-color-gray);
}
.number .form-search-index-btn{
margin:2px 0 0 11px;
}
.number-01 .form-search-index-btn{
margin:3px 0 0 10px;
white-space:nowrap;
}

/* .form-search-index-btn-01
----------------------------------------------- */
.form-search-index-btn-01{
min-height:34px;
padding:6px 10px 4px 20px;
cursor:pointer;
color:var(--cmn-font-color-base);
}

/* .form-search-index-list-line
----------------------------------------------- */
.form-search-list li,
.form-search-list-line li,
.form-search-index-picky li,
.form-search-index-web li,
.form-search-index-list li,
.form-search-index-destination-list li,
.form-search-index-transport li{
margin:0 5px 0 0;
}
.form-search-list li label,
.form-search-list-line li label,
.form-search-index-picky li label,
.form-search-index-web li label,
.form-search-index-list li label,
.form-search-index-destination-list li label,
.form-search-index-transport li label{
position:relative;
display:block;
padding-left:20px;
cursor:pointer;
font-size:12px;
color:var(--cmn-font-color-base);
}
.form-search-list li label input[type="radio"],
.form-search-list-line li label input[type="radio"],
.form-search-index-picky li label input[type="radio"],
.form-search-index-web li label input[type="radio"],
.form-search-list li label input[type="checkbox"],
.form-search-list-line li label input[type="checkbox"],
.form-search-index-picky li label input[type="checkbox"],
.form-search-index-web li label input[type="checkbox"],
.form-search-index-list li label input[type="radio"],
.form-search-index-destination-list li label input[type="radio"],
.form-search-index-transport li label input[type="radio"],
.form-search-index-list li label input[type="checkbox"],
.form-search-index-destination-list li label input[type="checkbox"],
.form-search-index-transport li label input[type="checkbox"]{
position:absolute;
top:-1px;
bottom:0;
left:0;
margin:auto 0;
}
.form-search-list li.disabled,
.form-search-list-line li.disabled,
.form-search-index-picky li.disabled,
.form-search-index-web li.disabled,
.form-search-index-list li.disabled,
.form-search-index-destination-list li.disabled,
.form-search-index-transport li.disabled{
color:#ccc;
}
.form-search-list li.disabled label,
.form-search-list-line li.disabled label,
.form-search-index-picky li.disabled label,
.form-search-index-web li.disabled label,
.form-search-index-list li.disabled label,
.form-search-index-destination-list li.disabled label,
.form-search-index-transport li.disabled label{
cursor:default;
color:#ccc;
}
.form-search-list-line li,
.form-search-index-picky li,
.form-search-index-web li{
display:inline-block;
margin:7px 5px 0 0;
}

/* .form-search-index-item.date
----------------------------------------------- */
.form-search-index-item.date input[type="text"]{
cursor:pointer;
width:190px;
background:url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) no-repeat 163px 5px #fff;
}

/* .form-search-index-item.other
----------------------------------------------- */
.form-search-index-item.other{
margin-top:15px;
display:block;
}

/* .form-search-index-item.number
----------------------------------------------- */
.form-search-index-item.number .form-search-index-select{
width:190px;
}

/* .form-search-toggle-btn
----------------------------------------------- */
.form-search-toggle-btn{
font-size:11px;
position:relative;
padding:0;
padding-left:16px;
cursor:pointer;
color:var(--cmn-font-color-base);
border:none;
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-position:left center;
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
overflow:hidden;
}
.form-search-toggle-btn.is-cancel{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}
.search-result-item-description > .search-result-item-description-toggle-btn{
font-size:11px;
position:relative;
padding:0;
padding-left:13px;
cursor:pointer;
color:var(--cmn-font-color-base);
border:none;
background-image:url(/element/j_tour/shared/images/icon/arrow_down_s.svg);
background-position:left center;
background-color:transparent;
background-repeat:no-repeat;
background-size:8px 8px;
overflow:hidden;
}
.search-result-item-description > .is-cancel.search-result-item-description-toggle-btn{
background-image:url(/element/j_tour/shared/images/icon/arrow_up_s.svg);
}

/* .form-search-toggle-btn-01
----------------------------------------------- */
.form-search-toggle-btn-01{
font-size:12px;
position:relative;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:100px;
padding:2px 13px 2px 23px;
text-align:left;
color:var(--cmn-font-color-gray);
border:1px solid #bebebe;
border-radius:1px;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-position:10px center;
background-color:#fff;
background-repeat:no-repeat;
background-size:11px 11px;
}
.form-search-toggle-btn-01.is-cancel{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

/* .form-search-index-city-container
----------------------------------------------- */
.form-search-index-item.origin .form-search-index-city-container,
.form-search-index-item.destination .form-search-index-city-container{
position:relative;
padding-right:240px;
}
.form-search-index-city-container > .form-search-index-list,
.form-search-index-city-container > .form-search-index-destination-list,
.form-search-index-city-container > .form-search-index-transport{
position:absolute;
top:-2px;
left:10px;
}
.form-search-index-city-container > .form-search-index-list > li:not(:first-child){
margin-top:2px;
}
.form-search-index-city-container input[type="text"],
.form-search-index-city-container input[type="search"]{
width:100%;
line-height:1;
border-radius:2px;
text-overflow:ellipsis;
overflow:hidden;
cursor:pointer;
}
.form-search-index-city-container .form-search-index-city-inner{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
vertical-align:top;
}

/* .form-search-index-city
----------------------------------------------- */
.form-search-index-city{
width:100%;
}
.form-search-index-city > li{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-index-city > li:not(:first-child){
margin-top:6px;
}
.form-search-index-city > li .form-search-index-city-list > li{
float:left;
}
.form-search-index-city > li .form-search-index-city-list > li .form-search-index-select{
width:296px;
border-left-width:0;
}
.form-search-index-city > li .form-search-index-city-list > li:first-child .form-search-index-select{
width:195px;
border-left-width:1px;
}
.form-search-index-city > li .form-search-index-city-list > li:first-child .form-search-index-select option:disabled{
color:var(--cmn-font-color-base);
}
.form-search-index-city > li .form-search-index-city-list > li:first-child .form-search-index-select optgroup{
font-weight:normal;
font-style:normal;
}
.form-search-index-city-input .form-search-toggle-btn,
.form-search-index-city-input .stock-box .stock-toggle-btn,
.stock-box .form-search-index-city-input .stock-toggle-btn,
.form-search-index-city-input .search-result-item-description > .search-result-item-description-toggle-btn,
.form-search-index-city-select .form-search-toggle-btn,
.form-search-index-city-select .stock-box .stock-toggle-btn,
.stock-box .form-search-index-city-select .stock-toggle-btn,
.form-search-index-city-select .search-result-item-description > .search-result-item-description-toggle-btn{
position:absolute;
top:8px;
left:514px;
white-space:nowrap;
}
.form-search-index-city-input .form-search-toggle-btn{
top:auto;
left:auto;
right:-114px;
bottom:8px;
}

/* .form-search-index-city-list-pattern
----------------------------------------------- */
.form-search-index-city-list-pattern{
margin:5px 0 15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-index-city-list-pattern > li:not(:last-child){
margin-right:10px;
}
.form-search-index-city-list-pattern > li:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.form-search-index-city-list-pattern label{
padding-left:15px;
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
cursor:pointer;
}
.form-search-index-city-list-pattern input[type="radio"],
.form-search-index-city-list-pattern input[type="checkbox"]{
margin:3px auto 0;
position:absolute;
top:0;
bottom:0;
left:0;
}
.form-search-index-city-list-pattern .disabled label{
color:#ccc;
cursor:default;
}
.form-search-index-city-list-pattern > li .cmn-tip-btn{
margin-top:-4px;
}

/* .form-search-index-destination
----------------------------------------------- */
.form-search-index-destination{
margin-bottom:14px;
}
.form-search-index-destination > li{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:25%;
margin-bottom:4px;
padding:0 2px;
}
.form-search-index-destination-hdg{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:4px 5px;
background-color:#bfd5ef;
color:var(--cmn-font-color-base);
font-size:12px;
font-weight:normal;
}
.form-search-index-destination-list{
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:6px 7px 7px;
background-color:#fff;
}
.form-search-index-destination-list > li{
margin:1px 0 0;
height:18px;
}
.form-search-index-destination-list > li.selected label{
background-color:#f9eaba;
}
.toggle-container.is-active + .form-search-index-destination{
display:none;
}

/* .form-search-index-days
----------------------------------------------- */
.form-search-index-days{
float:left;
}
.form-search-index-days > li{
display:inline-block;
vertical-align:top;
}
.form-search-index-days > li:last-child{
position:relative;
padding-left:26px;
}
.form-search-index-days > li:last-child:before{
position:absolute;
top:5px;
left:5px;
display:block;
width:13px;
content:"\ff5e";
}
.form-search-index-days > li .form-search-index-select{
width:70px;
min-width:0;
}

/* .form-search-index-num
----------------------------------------------- */
.form-search-index-num > li{
display:inline-block;
margin-left:13px;
vertical-align:top;
}
.form-search-index-num > li:first-child{
margin-left:0;
}
.form-search-index-num > li.adult > label{
display:block;
overflow:hidden;
}
.form-search-index-num > li.adult > label > span{
line-height:1.15;
display:block;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:72px;
height:34px;
padding:4px 10px 4px 10px;
color:var(--cmn-font-color-base);
border-width:1px 0;
border-style:solid;
border-color:#bebebe;
background-color:#fff;
}
.form-search-index-num > li.adult > label > span .sup{
font-size:9px;
display:block;
color:var(--cmn-font-color-gray);
}
.form-search-index-num > li.adult > label .form-search-index-select{
float:left;
min-width:0;
}

/* .form-search-index-keyword
----------------------------------------------- */
.form-search-index-keyword{
position:relative;
}
.form-search-index-keyword input{
width:472px;
vertical-align:top;
}

/* .form-search-index-keyword-filter
----------------------------------------------- */
.form-search-index-keyword-filter{
margin-top:5px;
}
.form-search-index-keyword-filter input{
width:472px;
}
.form-search-index-item.keyword .form-search-toggle-btn{
position:absolute;
top:8px;
left:532px;
}
.form-search-index-picky{
margin:-3px 0 0 10px;
}

/* .form-search-index-web
----------------------------------------------- */
.form-search-index-web{
margin-left:10px;
}

/* .form-search-index-budget
----------------------------------------------- */
.form-search-index-budget > li{
display:inline-block;
vertical-align:top;
}
.form-search-index-budget > li:last-child{
position:relative;
padding-left:13px;
}
.form-search-index-budget > li:last-child:before{
position:absolute;
top:7px;
left:-2px;
display:block;
width:13px;
content:"\ff5e";
color:var(--cmn-font-color-base);
}
.form-search-index-budget > li:first-child > .form-search-index-select{
width:190px;
}
.form-search-index-budget > li:last-child > .form-search-index-select{
width:167px;
}

/* .form-search-index-transport
----------------------------------------------- */
.form-search-index-transport{
font-size:12px;
margin-left:10px;
}
.form-search-index-transport > li{
margin:10px 0 0;
padding-top:10px;
border-top:1px solid #d7d7d7;
}
.form-search-index-transport > li:first-child{
padding-top:0;
border-top:0;
}
.form-search-index-transport > li > ul{
padding-left:16px;
}
.form-search-index-transport > li > ul > li{
margin:5px 0 0;
}
.form-search-index-transport label > span{
font-size:11px;
}

/* .form-search-index-note
----------------------------------------------- */
.form-search-index-note,
.form-search-index-note-01{
font-size:11px;
display:inline-block;
margin-top:8px;
color:var(--cmn-font-color-base);
}
.form-search-index-note-01{
position:relative;
padding-left:1em;
}
.form-search-index-note-01:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}

/* .form-search-item-sup
----------------------------------------------- */
.form-search-item-sup{
font-size:11px;
display:inline-block;
margin-top:9px;
color:var(--cmn-font-color-base);
}

/* .form-search-hdg-l1
----------------------------------------------- */
.form-search-hdg-l1{
padding-right:150px;
font-size:16px;
font-weight:bold;
color:var(--cmn-font-color-base);
line-height:1.3;
overflow:hidden;
}

/* form-search-index-utility
---------------------------------- */
.form-search-index-utility{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:absolute;
top:8px;
right:12px;
font-size:11px;
}
.form-search-index-utility > li:not(:last-child){
margin-right:15px;
}
.form-search-index-utility span{
--cmn-dashed-font-color:var(--font-color-btn-link);
display:inline-block;
}
.form-search-index-utility .form-search-index-utility-reset{
padding:0 0 0 12px;
border:none;
background:url(/element/j_tour/shared/images/icon/icon-close-01.svg) 0 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}
.form-search-index-utility .form-search-index-utility-history{
padding-left:14px;
display:inline-block;
background:url(/element/j_tour/shared/images/icon/icon-history.svg) 0 50% no-repeat;
background-size:10px 10px;
text-decoration:none;
}

/* .form-search-index-btn-reset
----------------------------------------------- */
.form-search-index-btn-reset{
font-size:11px;
position:absolute;
top:8px;
right:12px;
font-size:11px;
}
.form-search-index-utility > li:not(:last-child){
margin-right:15px;
}
.form-search-index-utility span{
--cmn-dashed-font-color:var(--font-color-btn-link);
display:inline-block;
}
.form-search-index-utility .form-search-index-utility-reset{
padding:0 0 0 12px;
border:none;
background:url(/element/j_tour/shared/images/icon/icon-close-01.svg) 0 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}
.form-search-index-utility .form-search-index-utility-history{
padding-left:14px;
display:inline-block;
background:url(/element/j_tour/shared/images/icon/icon-history.svg) 0 50% no-repeat;
background-size:10px 10px;
text-decoration:none;
}

/* .form-search-index-exec
----------------------------------------------- */
.form-search-index-exec{
font-size:15px;
position:relative;
padding:13px 10px 10px;
text-align:center;
background-color:#fff;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .3) inset;
box-shadow:0 1px 2px rgba(0, 0, 0, .3) inset;
}
.form-search-index-exec:before,
.form-search-index-exec:after{
position:absolute;
top:1px;
left:50%;
display:block;
width:0;
height:0;
margin:0 0 0 -20px;
content:"";
border-width:10px 20px 0 20px;
border-style:solid;
border-color:rgba(0, 0, 0, .28) transparent transparent transparent;
}
.form-search-index-exec:after{
top:0;
border-top-color:#f6f6f6;
}
.form-search-index-exec .form-search-index-exec-num{
display:inline-block;
margin-right:30px;
vertical-align:middle;
}
.form-search-index-exec .form-search-index-exec-num b{
font-size:25px;
display:inline-block;
min-width:4em;
margin:0 5px;
text-align:right;
vertical-align:middle;
color:var(--cmn-font-color-base);
}
.form-search-index-exec .form-search-index-exec-btn{
font-size:20px;
font-weight:bold;
min-width:8.5em;
padding:5px;
color:#fff;
border:none;
border-radius:4px;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
}
.form-search-index-exec .form-search-index-exec-btn:active,
.form-search-index-exec .form-search-index-exec-btn:hover,
.form-search-index-exec .form-search-index-exec-btn:focus{
background-color:#67a700;
}

/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* .suggest-container
----------------------------------------------- */
.suggest-container{
position:relative;
}
.suggest-container input[type=text]::-ms-clear{
display:none;
}

/* .suggest
----------------------------------------------- */
.suggest-container .suggest{
margin-top:-1px;
padding:10px;
border:1px solid #bebebe;
display:none;
position:absolute;
top:100%;
left:0;
z-index:101;
width:100%;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-align:left;
-webkit-box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
}
.suggest-container .suggest > :first-child{
margin-top:0;
}
.suggest-container .suggest > p{
color:var(--cmn-font-color-base);
}
.suggest-container .suggest.is-active{
display:block;
}

/* suggest form-search-index */
.form-search-index .suggest-container .suggest{
width:490px;
}

/* suggest form-search-index keyword */
.form-search-index .form-search-index-keyword.suggest-container .suggest{
width:472px;
}

/* suggest form-search keyword */
.form-search .form-search-keyword.suggest-container .suggest{
width:280px;
}

/* .suggest-hdg
----------------------------------------------- */
.suggest-container .suggest-hdg{
margin-bottom:7px;
color:var(--cmn-font-color-base);
font-size:12px;
}

/* .suggest-list
----------------------------------------------- */
.suggest-container .suggest-list{
line-height:1.35;
font-size:12px;
}
.suggest-container .suggest-list > li{
margin-top:2px;
padding:3px 0;
cursor:pointer;
}
.suggest-container .suggest-list > li:active,
.suggest-container .suggest-list > li:hover,
.suggest-container .suggest-list > li:focus,
.suggest-container .suggest-list > li.over{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li.area,
.suggest-container .suggest-list > li.spot,
.suggest-container .suggest-list > li.airport,
.suggest-container .suggest-list > li.station,
.suggest-container .suggest-list > li.hotel{
padding-left:25px;
position:relative;
}
.suggest-container .suggest-list > li.area:before,
.suggest-container .suggest-list > li.spot:before,
.suggest-container .suggest-list > li.airport:before,
.suggest-container .suggest-list > li.station:before,
.suggest-container .suggest-list > li.hotel:before{
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:3px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-list > li.area:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:13px 14px;
}
.suggest-container .suggest-list > li.spot:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 15px;
}
.suggest-container .suggest-list > li.airport:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.suggest-container .suggest-list > li.station:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:12px 15px;
}
.suggest-container .suggest-list > li.hotel:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:13px 10px;
opacity:.45;
}
.suggest-container .suggest-list > li span{
font-size:11px;
margin-left:12px;
}
.suggest-container .suggest-list b{
color:var(--cmn-font-color-base);
display:inline;
font-size:12px;
}

/* .suggest-category
----------------------------------------------- */
.suggest-container .suggest-category{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
padding-top:7px;
border-top:1px solid #ccc;
color:var(--cmn-font-color-base);
font-size:11px;
}

/* .suggest-category-hdg
----------------------------------------------- */
.suggest-container .suggest-category-hdg{
font-weight:normal;
padding-right:12px;
}
.suggest-container .suggest-category-hdg:after{
content:":";
margin-left:3px;
}

/* .suggest-category-list / .suggest-category-list-line
----------------------------------------------- */
.suggest-container .suggest-category-list,
.suggest-container .suggest-category-list-line{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
letter-spacing:-.1em;
}
.suggest-container .suggest-category-list > li,
.suggest-container .suggest-category-list-line > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.suggest-container .suggest-category-list > li:not(:last-child),
.suggest-container .suggest-category-list-line > li:not(:last-child){
border-right:1px solid #ddd;
}
.suggest-container .suggest-category-list > li > a,
.suggest-container .suggest-category-list-line > li > a{
padding:19px 0 0;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
text-decoration:none;
text-align:center;
}
.suggest-container .suggest-category-list > li > a:before,
.suggest-container .suggest-category-list-line > li > a:before{
content:"";
display:block;
width:100%;
height:16px;
position:absolute;
top:0;
left:0;
opacity:.5;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-category-list > li.is-active > a,
.suggest-container .suggest-category-list-line > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
font-weight:bold;
}
.suggest-container .suggest-category-list > li.is-active > a:before,
.suggest-container .suggest-category-list-line > li.is-active > a:before{
opacity:1;
}
.suggest-container .suggest-category-list > li.is-disabled > a,
.suggest-container .suggest-category-list-line > li.is-disabled > a{
color:#ccc;
cursor:default;
}
.suggest-container .suggest-category-list > li.is-disabled > a:before,
.suggest-container .suggest-category-list-line > li.is-disabled > a:before{
opacity:.25;
}
.suggest-container .suggest-category-list > li.all > a:before,
.suggest-container .suggest-category-list-line > li.all > a:before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:11px 8px;
}
.suggest-container .suggest-category-list > li.area > a:before,
.suggest-container .suggest-category-list-line > li.area > a:before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:13px 14px;
}
.suggest-container .suggest-category-list > li.station > a:before,
.suggest-container .suggest-category-list-line > li.station > a:before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:10px 12px;
}
.suggest-container .suggest-category-list > li.airport > a:before,
.suggest-container .suggest-category-list-line > li.airport > a:before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:13px 13px;
}
.suggest-container .suggest-category-list > li.spot > a:before,
.suggest-container .suggest-category-list-line > li.spot > a:before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:10px 12px;
}
.suggest-container .suggest-category-list > li.hotel > a:before,
.suggest-container .suggest-category-list-line > li.hotel > a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:13px 10px;
}

/* .suggest-category-list-line
----------------------------------------------- */
.suggest-container .suggest-category-list-line{
margin-top:0;
}
.suggest-container .suggest-category-list-line > li{
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.suggest-container .suggest-category-list-line > li > a{
padding:0 12px 0 26px;
}
.suggest-container .suggest-category-list-line > li > a:before{
width:20px;
height:16px;
top:-3px;
left:0;
background-position:100% 50%;
}
.suggest-container .suggest-category-list-line > li:first-child > a{
padding-left:18px;
}
.suggest-container .suggest-category-list-line > li:first-child > a:before{
background-position:0 50%;
}

/* ----------------------------------------------------------------
  .toggle-container
----------------------------------------------------------------- */
/* .toggle-container
----------------------------------------------- */
.toggle-container{
position:relative;
}
.toggle-container > .toggle-item{
position:relative;
display:none;
}
.toggle-container.active > .toggle-item{
display:block;
}
.toggle-container.active [class*="toggle-btn"]{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:31px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
position:relative;
}
.form-custom-select:before{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.form-custom-select select{
padding:5px 16px 5px 5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
width:100%;
height:31px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
font-size:13px;
color:var(--cmn-font-color-base);
}
.form-custom-select select.is-unselected{
color:var(--font-color-placeholder);
}
.form-custom-select select.is-unselected option{
color:var(--cmn-font-color-base);
}
.form-custom-select select.is-unselected option[disabled]{
color:#ccc;
}
.form-custom-select select option[disabled]{
color:#ccc;
}
.form-custom-select.is-disabled:before{
border-color:#ccc transparent transparent transparent;
}

/* ----------------------------------------------------------------
  plan-appeal
----------------------------------------------------------------- */
/* .plan-appeal
----------------------------------------------- */
.plan-appeal-hdg{
line-height:1.35;
padding:13px 0 10px;
border-width:1px 0;
border-style:solid;
border-color:#d2d2d2;
}

/* .cmn-blog-appeal-list
------------------------------------------------ */
.plan-appeal{
margin-bottom:30px;
}
.plan-appeal .plan-appeal-list{
margin-bottom:8px;
}
.plan-appeal .plan-appeal-list > li{
font-size:12px;
position:relative;
padding:10px 0 10px 65px;
border-bottom:1px dotted #ccc;
}
.plan-appeal .plan-appeal-list > li > a{
color:var(--cmn-font-color-base);
}
.plan-appeal .plan-appeal-list .plan-appeal-icon{
font-size:11px;
display:block;
width:24px;
text-align:center;
color:#fff;
}
.plan-appeal .plan-appeal-list .plan-appeal-icon.rank-01{
background-color:#f5b733;
}
.plan-appeal .plan-appeal-list .plan-appeal-icon.rank-02{
background-color:#999;
}
.plan-appeal .plan-appeal-list .plan-appeal-icon.rank-03{
background-color:#b48350;
}
.plan-appeal .plan-appeal-list .plan-appeal-price{
font-size:11px;
display:block;
}
.plan-appeal .plan-appeal-list .plan-appeal-thumb{
position:absolute;
top:10px;
left:0;
display:block;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:55px;
height:55px;
border:1px solid #ccc;
background-color:#fff;
}
.plan-appeal .plan-appeal-list .plan-appeal-thumb > img{
position:absolute;
right:50%;
bottom:50%;
max-width:100%;
max-height:100%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}
.plan-appeal .notice-list{
margin-top:8px;
padding-top:8px;
border-top:1px solid #cfcfcf;
}

/* .plan-appeal-list-more
----------------------------------------------- */
.plan-appeal-list-more{
font-size:12px;
}

/* .bnr-appeal
----------------------------------------------- */
.bnr-appeal{
margin-bottom:30px;
text-align:center;
}

/* ----------------------------------------------------------------
  Popular Destination List
----------------------------------------------------------------- */
/* .popular-destination-list
----------------------------------------------- */
.popular-destination-list{
display:table;
width:100%;
table-layout:fixed;
}
.popular-destination-list .popular-destination-cell{
display:table-cell;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:20px;
vertical-align:top;
border-left:1px solid #d7d7d7;
}
.popular-destination-list .popular-destination-cell:first-child{
padding-left:0;
border-left:none;
}
.popular-destination-list .popular-destination-cell .popular-destination-item-container:first-child{
margin-top:-25px;
}
.popular-destination-list .popular-destination-cell .popular-tour-item{
padding-right:20px;
}
.popular-destination-list .popular-destination-item{
line-height:1.3;
position:relative;
margin:25px 0 10px;
padding-left:90px;
}
.popular-destination-list .popular-destination-item > a{
font-size:12px;
display:block;
color:var(--cmn-font-color-base);
}
.popular-destination-list .popular-destination-item > a > b{
display:block;
margin-bottom:3px;
}
.popular-destination-list .popular-destination-item > a .cheapest-item > span{
display:block;
}
.popular-destination-list .popular-destination-item > a .thumb{
position:absolute;
top:0;
left:0;
width:80px;
height:52px;
}
.popular-destination-list .popular-destination-item .rank-icon{
display:inline-block;
width:30px;
margin-right:10px;
padding-top:2px;
text-align:center;
color:var(--cmn-font-color-base);
background-color:#dedede;
}
.popular-destination-list .popular-destination-item.rank-01{
margin-bottom:5px;
padding:120px 0 0;
}
.popular-destination-list .popular-destination-item.rank-01 > a .thumb{
left:50%;
width:160px;
height:104px;
margin-left:-80px;
}
.popular-destination-list .popular-destination-item.rank-01 + .popular-tour-item{
display:block;
}
.popular-destination-list .popular-destination-item.rank-01 + .popular-tour-item > *{
display:block;
width:auto;
}
.popular-destination-list .popular-destination-item.rank-01 + .popular-tour-item > b{
margin-bottom:5px;
text-align:center;
}
.popular-destination-list .popular-destination-item.rank-01 + .popular-tour-item > b > span{
display:inline;
}
.popular-destination-list .popular-destination-item.rank-01 .rank-icon{
color:#fff;
background-color:#f5b733;
}
.popular-destination-list .popular-destination-item.rank-02 .rank-icon{
color:#fff;
background-color:#999;
}
.popular-destination-list .popular-destination-item.rank-03 .rank-icon{
color:#fff;
background-color:#b48350;
}

/* ----------------------------------------------------------------
  Contents Footer Nav
----------------------------------------------------------------- */
/* .contents-footer-nav
----------------------------------------------- */
.contents-footer-nav{
margin-top:60px;
padding-bottom:30px;
border-bottom:1px solid #d9d9d9;
font-size:12px;
}

/* .contents-footer-nav-hdg
----------------------------------------------- */
.contents-footer-nav-hdg{
margin:27px 0 14px;
padding-top:17px;
border-top:1px solid #d9d9d9;
font-size:14px;
font-weight:bold;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.contents-footer-nav-hdg .contents-footer-nav-hdg-note{
font-size:11px;
font-weight:normal;
margin:auto .5em;
}
.contents-footer-nav-hdg .contents-footer-nav-hdg-note li{
display:block;
padding-left:1em;
position:relative;
color:var(--cmn-font-color-gray);
}
.contents-footer-nav-hdg .contents-footer-nav-hdg-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.contents-footer-nav-hdg .sup{
color:var(--cmn-font-color-gray);
font-size:11px;
font-weight:normal;
margin:auto 4px;
}

/* .contents-footer-nav-hdg-container
----------------------------------------------- */
.contents-footer-nav-hdg-container{
margin:30px 0 15px;
padding-top:16px;
border-top:1px solid #d9d9d9;
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg{
margin:0;
padding:0;
border-top:none;
float:left;
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg-link{
float:right;
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg-link > li{
display:inline-block;
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg-link a{
padding-left:12px;
position:relative;
color:var(--cmn-font-color-base);
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg-link a:before{
content:"";
display:block;
position:absolute;
top:7px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .contents-footer-nav-list-separate
----------------------------------------------- */
.contents-footer-nav-list-separate{
line-height:1.25;
font-size:12px;
}
.contents-footer-nav-list-separate > li{
overflow:hidden;
margin-top:10px;
}
.contents-footer-nav-list-separate > li > span{
font-weight:bold;
display:block;
float:left;
width:10em;
color:var(--cmn-font-color-base);
}
.contents-footer-nav-list-separate > li > span a{
position:relative;
display:inline-block;
padding-left:12px;
color:var(--cmn-font-color-base);
}
.contents-footer-nav-list-separate > li > span a:before{
position:absolute;
top:4px;
left:0;
display:block;
width:4px;
height:4px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #666;
border-bottom:1px solid #666;
}
.contents-footer-nav-list-separate .contents-footer-nav-list-separate-inner{
overflow:hidden;
}

/* .contents-footer-nav-list-separate.area
----------------------------------------------- */
.contents-footer-nav-list-separate.area > li{
margin-top:10px;
}

/* .contents-footer-nav-list-line
----------------------------------------------- */
.contents-footer-nav-list-line{
line-height:1.25;
margin-top:-10px;
margin-left:-10px;
overflow:hidden;
}
.contents-footer-nav-list-line > li{
font-size:12px;
display:inline-block;
margin:10px 7px 0 -1px;
padding-left:10px;
border-left:1px solid #d9d9d9;
}
.contents-footer-nav-list-line > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.contents-footer-nav-list-line > li > a{
color:var(--cmn-font-color-base);
}

/* .contents-footer-nav-list
----------------------------------------------- */
.contents-footer-nav-list > li{
font-size:12px;
}
.contents-footer-nav-list > li > a{
color:var(--cmn-font-color-base);
}
.contents-footer-nav-list > li.more{
width:100%;
margin:0;
text-align:right;
}
.contents-footer-nav-list > li.more > a{
position:relative;
display:inline-block;
padding-left:12px;
color:var(--cmn-font-color-base);
}
.contents-footer-nav-list > li.more > a:before{
position:absolute;
top:7px;
left:0;
display:block;
width:4px;
height:4px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #666;
border-bottom:1px solid #666;
}

/* .contents-footer-nav-list-theme
----------------------------------------------- */
.contents-footer-nav-list-theme{
font-size:12px;
line-height:1.45;
margin:0 -10px 0;
}
.contents-footer-nav-list-theme > li{
position:relative;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:16.66667%;
padding:0 10px;
}
.contents-footer-nav-list-theme > li a{
padding-top:80px;
}
.contents-footer-nav-list-theme > li .thumb{
max-width:105px;
max-height:68px;
}

/* .contents-footer-nav-list-arrow
----------------------------------------------- */
.contents-footer-nav-list-arrow > li{
margin:5px 0 0;
}
.contents-footer-nav-list-arrow > li:first-child{
margin-top:0;
}
.contents-footer-nav-list-arrow > li > ul > li{
display:inline-block;
padding-right:20px;
font-size:12px;
position:relative;
}
.contents-footer-nav-list-arrow > li > ul > li:after{
content:"\ff1e";
font-size:11px;
display:block;
position:absolute;
right:4px;
top:0;
}
.contents-footer-nav-list-arrow > li > ul > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.contents-footer-nav-list-arrow > li > ul > li:last-child:after{
display:none;
}
.contents-footer-nav-list-arrow > li > ul > li > a{
color:var(--cmn-font-color-base);
}

/* .contents-footer-nav-list-recommend
----------------------------------------------- */
.contents-footer-nav-list-recommend-container{
margin:0 -12px 30px;
}
.contents-footer-nav-list-recommend{
font-size:12px;
display:table;
table-layout:fixed;
border-spacing:12px 0;
}
.contents-footer-nav-list-recommend > li{
display:table-cell;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:235px;
padding:0 10px 10px;
border-width:0 1px 1px;
border-style:solid;
border-color:#ddd;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-add{
margin:0 -11px 10px;
padding:2px 0 1px;
text-align:center;
background-color:#777;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-add > strong{
font-weight:normal;
color:#fff;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-add > strong > .num{
font-size:18px;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price{
display:table;
width:100%;
margin-bottom:5px;
padding-bottom:5px;
border-spacing:0;
border-bottom:1px solid #d9d9d9;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell{
display:table-cell;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell:first-child{
white-space:nowrap;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell:last-child{
text-align:right;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell > span{
font-size:11px;
display:block;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell > strong{
font-weight:normal;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell > strong .num{
font-family:var(--font-num);
font-size:24px;
font-weight:bold;
line-height:1;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info{
margin-top:5px;
padding-top:3px;
border-top:1px dotted #d9d9d9;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li{
display:table;
width:100%;
margin-top:5px;
border-spacing:0;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell{
display:table-cell;
text-align:left;
vertical-align:top;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell:first-child{
width:53px;
padding-right:10px;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell:first-child > span{
font-size:11px;
line-height:1;
display:block;
padding:2px 0 1px;
text-align:center;
white-space:nowrap;
border:1px solid #c5c5c5;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell > .contents-footer-nav-list-punc li{
display:inline;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell > .contents-footer-nav-list-punc li:after{
display:inline-block;
margin-left:3px;
content:"\ff0f";
vertical-align:middle;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell > .contents-footer-nav-list-punc li:last-child:after{
display:none;
}

/* ----------------------------------------------------------------
  .form-search
----------------------------------------------------------------- */
/* .form-search
----------------------------------------------- */
.form-search{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
max-width:960px;
margin-bottom:30px;
padding:11px 20px 11px 18px;
color:var(--cmn-font-color-base);
background-color:#ededed;
}
.form-search input[type="text"],
.form-search input[type="search"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:35px;
max-height:35px;
padding:5px 20px 5px 8px;
border:1px solid #bebebe;
border-radius:2px;
color:var(--cmn-font-color-base);
background-color:#fff;
}
.form-search .form-search-select{
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:34px;
vertical-align:top;
}

/* .form-search-lyt
----------------------------------------------- */
.form-search-lyt > .form-search-lyt-cell{
float:left;
width:552px;
}
.form-search-lyt > .form-search-lyt-cell:last-child{
width:358px;
margin:0 0 0 10px;
}

/* .form-search-lyt-01
----------------------------------------------- */
.form-search-lyt-01 > .form-search-lyt-01-cell:nth-child(2){
margin-left:20px;
width:350px;
}

/* .form-search-item
----------------------------------------------- */
.form-search-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
margin-top:9px;
}
.form-search-item > .form-search-item-cell,
.form-search-item > .form-search-item-cell .form-search-city{
position:relative;
}
.form-search-item > .form-search-item-cell:first-child{
width:84px;
}
.form-search-item > .form-search-item-cell:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-item.date > .form-search-item-cell:last-child{
width:200px;
}
.form-search-item.date > .form-search-item-cell:last-child input[type="text"]{
width:195px;
padding-right:30px;
background:url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) no-repeat 168px 5px #fff;
cursor:pointer;
}
.form-search-item.nights > .form-search-item-cell:first-child{
width:30px;
}
.form-search-item.nights > .form-search-item-cell:last-child,
.form-search-item.nights > .form-search-item-cell:last-child .form-custom-select{
width:85px;
}
.form-search-item.days{
padding-left:10px;
}
.form-search-item.days > .form-search-item-cell:first-child{
width:30px;
}
.form-search-item.days > .form-search-item-cell:last-child,
.form-search-item.days > .form-search-item-cell:last-child .form-custom-select{
width:85px;
}
.form-search-item.origin > .form-search-item-cell:last-child,
.form-search-item.destination > .form-search-item-cell:last-child{
padding-right:114px;
}
.form-search-item.origin > .form-search-item-cell:last-child .form-search-city li.has-child,
.form-search-item.destination > .form-search-item-cell:last-child .form-search-city li.has-child{
position:relative;
min-height:34px;
}
.form-search-item.origin > .form-search-item-cell:last-child .form-search-city li.has-child::after,
.form-search-item.destination > .form-search-item-cell:last-child .form-search-city li.has-child::after{
margin-top:-3px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#777;
content:"";
display:block;
width:4px;
height:4px;
position:absolute;
top:50%;
right:8px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-item.origin > .form-search-item-cell:last-child .form-search-city li input,
.form-search-item.destination > .form-search-item-cell:last-child .form-search-city li input{
width:100%;
text-overflow:ellipsis;
overflow:hidden;
cursor:pointer;
}
.form-search-item.destination .form-search-city + .form-search-list,
.form-search-item.destination .form-search-city + .form-search-list-line{
margin:2px 0 5px;
}
.form-search-item .form-search-toggle-btn{
position:absolute;
top:8px;
left:365px;
}
.form-search-item .form-search-toggle-btn span{
min-width:6em;
width:6em;
display:block;
}
.form-search-item-cell .form-search-city .form-search-toggle-btn{
position:absolute;
top:auto;
left:auto;
right:-114px;
bottom:8px;
overflow:visible;
white-space:nowrap;
}
.form-search-item-cell .form-search-city .form-search-toggle-btn span{
min-width:auto;
width:auto;
}
.form-search-item.destination .stock-box .stock-toggle-btn,
.stock-box .form-search-item.destination .stock-toggle-btn,
.form-search-item.destination .search-result-item-description > .search-result-item-description-toggle-btn{
position:absolute;
top:8px;
right:0;
}
.form-search-item.transport > .form-search-item-cell:first-child{
width:55px;
padding-left:20px;
}
.form-search-item.number > .form-search-item-cell:last-child{
width:194px;
}
.form-search-item.number > .form-search-item-cell .form-search-select{
width:100%;
}
.form-search-item.other > .form-search-item-cell:first-child{
width:100%;
padding-left:16px;
}
.form-search-item.keyword .stock-box .stock-toggle-btn,
.stock-box .form-search-item.keyword .stock-toggle-btn,
.form-search-item.keyword .search-result-item-description > .search-result-item-description-toggle-btn{
position:absolute;
top:8px;
left:330px;
}
.form-search-item.keyword .form-search-toggle-btn{
position:absolute;
top:11px;
left:340px;
text-align:left;
line-height:1.2;
padding:0 0 0 13px;
cursor:pointer;
color:var(--cmn-font-color-base);
border:none;
background-image:url(/element/j_tour/shared/images/icon/arrow_down_s.svg);
background-position:left center;
background-color:transparent;
background-repeat:no-repeat;
background-size:8px 8px;
overflow:hidden;
}
.form-search-item.keyword .toggle-container.active [class*="toggle-btn"]{
background-image:url(/element/j_tour/shared/images/icon/arrow_up_s.svg);
}
.form-search-item.keyword .form-search-toggle-btn span{
min-width:10em;
}
.form-search-item.picky > .form-search-item-cell .form-search-list-line:not(:last-child){
margin:-5px 0 2px;
}
.form-search-item.picky > .form-search-item-cell .form-search-list-line label{
display:inline-block;
}
.form-search-item.picky > .form-search-item-cell .form-search-list-line + .form-search-list-line{
margin-top:0;
}
.form-search-item.picky > .form-search-item-cell .form-search-btn{
width:100%;
padding:0 5px 0 15px;
line-height:1;
}
.form-search-item.picky{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-item.picky > .form-search-item-cell > ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.form-search-item.picky > .form-search-item-cell > ul > li{
min-width:96px !important;
position:relative;
}
.form-search-item.picky > .form-search-item-cell > ul > li:not(:first-child){
margin-left:8px;
}
.form-search-item.picky > .form-search-item-cell > ul > li button{
border-radius:2px;
min-width:96px !important;
}
.form-search-item.picky > .form-search-item-cell > ul > li.is-disabled button{
opacity:.33;
cursor:default;
}
.form-search-item.picky > .form-search-item-cell > ul > li.is-disabled:hover button{
pointer-events:active !important;
}
.form-search-item.picky > .form-search-item-cell > ul > li.is-disabled .tip-dest-hotel{
width:auto;
}
.form-search-item.picky > .form-search-item-cell > ul > li.is-disabled .tip-dest-hotel p{
white-space:nowrap;
}
.form-search-item.picky > .form-search-item-cell .form-searchsame-facility{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:absolute;
left:534px;
top:4px;
padding-left:16px;
font-size:13px;
white-space:nowrap;
}
.form-search-item.picky > .form-search-item-cell .form-searchsame-facility input[type="checkbox"] {
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
}
.form-search-item.picky > .form-search-item-cell .form-searchsame-facility .cmn-tip-btn{
margin-left:4px;
}
.form-search-item.stock .form-search-hdg{
height:20px;
}

/* .form-search-item-col
----------------------------------------------- */
.form-search-item-col > .form-search-item{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:auto;
}
.form-search-item-col > .form-search-item:first-child{
padding-left:0;
}

/* .form-search-hdg
----------------------------------------------- */
.form-search-hdg{
line-height:1.25;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:35px;
vertical-align:middle;
overflow:hidden;
}
.form-search-hdg > h2{
font-size:11px;
font-weight:bold;
text-align:left;
}
.form-search-hdg > h2 .sup{
font-size:11px;
font-weight:normal;
display:block;
margin-top:4px;
}
.form-search-hdg > h2 > span{
display:block;
}
.form-search-hdg .cmn-tip-btn{
position:absolute;
top:2px;
right:5px;
bottom:0;
margin:0;
}
.form-search-item.date .form-search-hdg .cmn-tip-btn,
.form-search-item.number .form-search-hdg .cmn-tip-btn{
top:0;
margin:auto;
}
.form-search-hdg.no-tip-btn{
padding-right:5px;
}

/* .form-search-hdg-01
----------------------------------------------- */
.form-search-hdg-01{
margin-bottom:5px;
}
.form-search-hdg-01 > h2{
font-size:11px;
font-weight:normal;
display:inline-block;
}
.form-search-hdg-01 .form-search-btn-del,
.form-search-hdg-01 .form-search-btn-del-01{
display:inline-block;
margin:0 0 0 5px;
}

/* .form-search-btn
----------------------------------------------- */
.form-search-btn,
.form-search-btn-01{
font-size:12px;
position:relative;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:100px;
padding:2px 10px 0 16px;
height:28px;
cursor:pointer;
text-align:left;
color:var(--cmn-font-color-gray);
border:1px solid #bebebe;
border-radius:1px;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
overflow:hidden;
}
.form-search-btn:before,
.form-search-btn-01:before{
position:absolute;
top:50%;
left:4px;
display:block;
width:4px;
height:4px;
margin-top:-2px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #666;
border-bottom:1px solid #666;
}
.form-search-btn .sup,
.form-search-btn-01 .sup{
font-size:11px;
color:var(--cmn-font-color-gray);
}

/* .form-search-btn-01
----------------------------------------------- */
.form-search-btn-01{
min-height:34px;
padding:6px 6px 6px 20px;
color:var(--cmn-font-color-base);
}

/* .form-search-stock
----------------------------------------------- */
.form-search-stock{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-stock > div:not(:first-child){
margin-left:20px;
}
.form-search-stock > div label{
position:relative;
display:block;
padding-left:16px;
cursor:pointer;
font-size:13px;
}
.form-search-stock > div label input[type="checkbox"]{
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
}

/* .form-search-list-line
----------------------------------------------- */
.form-search-list-line{
letter-spacing:-.4em;
}
.form-search-list-line > li{
display:inline-block;
letter-spacing:normal;
margin:5px 5px 0 0;
}
.form-search-list-line > li label{
position:relative;
display:block;
padding-left:20px;
cursor:pointer;
}
.form-search-list-line > li label input[type="radio"],
.form-search-list-line > li label input[type="checkbox"]{
position:absolute;
top:0;
left:0;
}
.form-search-list-line .hotel-rank .icon-r-hotel{
margin-right:4px;
}
.form-search-list-line [class^="icon-r-"].icon-r-hotel span{
background-position:0 0;
}
.form-search-list-line [class^="icon-r-"].icon-r-hotel.rank-4 span{
background-image:url(/element/j_tour/shared/images/icon/rank-4.svg);
}
.form-search-list-line [class^="icon-r-"].icon-r-hotel.rank-3 span{
background-image:url(/element/j_tour/shared/images/icon/rank-3.svg);
}
.form-search-list-line [class^="icon-r-"].icon-r-hotel.rank-2 span{
background-image:url(/element/j_tour/shared/images/icon/rank-2.svg);
}
.form-search-list-line [class^="icon-r-"].icon-r-hotel.rank-1 span{
background-image:url(/element/j_tour/shared/images/icon/rank-1.svg);
}
.form-search-list-line [class^="icon-r-"].icon-r-hotel.rank-0 span{
background-image:url(/element/j_tour/shared/images/icon/rank-0.svg);
}

/* .form-search-city
----------------------------------------------- */
.form-search-city > li{
position:relative;
}
.form-search-city > li:not(:first-child){
margin-top:5px;
}
.toggle-item .form-search-city > li{
margin-top:5px;
}

/* .form-search-city-list-pattern
----------------------------------------------- */
.form-search-city-list-pattern{
margin:8px 0 4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-city-list-pattern > li:not(:last-child){
margin-right:10px;
}
.form-search-city-list-pattern > li:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.form-search-city-list-pattern label{
padding-left:15px;
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
cursor:pointer;
font-size:13px;
}
.form-search-city-list-pattern input[type="radio"],
.form-search-city-list-pattern input[type="checkbox"]{
margin:0;
position:absolute;
top:3px;
left:0;
}
.form-search-city-list-pattern .disabled label{
color:#ccc;
cursor:default;
font-size:13px;
}

/* .form-search-budget
----------------------------------------------- */
.form-search-budget > li{
display:inline-block;
vertical-align:top;
}
.form-search-budget > li:last-child{
position:relative;
padding-left:20px;
}
.form-search-budget > li:last-child:before{
position:absolute;
top:7px;
left:1px;
display:block;
width:12px;
content:"\ff5e";
}

/* .form-search-other
----------------------------------------------- */
.form-search-other{
margin-top:-1px;
letter-spacing:-.4em;
}
.form-search-other > li{
display:inline-block;
margin:4px 10px 0 0;
letter-spacing:normal;
}

/* .form-search-keyword
----------------------------------------------- */
.form-search-keyword{
position:relative;
}
.form-search-keyword input{
width:291px;
vertical-align:top;
}

/* .form-search-keyword-filter
----------------------------------------------- */
.form-search-keyword-filter{
margin-top:5px;
}
.form-search-keyword-filter input{
width:291px;
vertical-align:top;
padding:5px 8px !important;
}

/* .form-search-picky
----------------------------------------------- */
.form-search-picky{
overflow:hidden;
}
.form-search-picky > li{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:25%;
margin:1px 0;
padding-right:2px;
}
.form-search-picky > li label > span{
font-size:11px;
line-height:1.25;
position:relative;
display:block;
padding:9px 0;
cursor:pointer;
text-align:center;
border:1px solid #c4c4c4;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 #d9d9d9 inset;
box-shadow:0 -1px 0 #d9d9d9 inset;
}
.form-search-picky > li label > input[type="checkbox"]{
display:none;
}
.form-search-picky > li label > input[type="checkbox"]:checked + span{
color:#fff;
border-color:#888;
background-color:#888;
-webkit-box-shadow:none;
box-shadow:none;
}
.form-search-picky > li label > input[type="checkbox"]:disabled + span{
cursor:default;
opacity:.55;
}

/* .form-search-picky-01
----------------------------------------------- */
.form-search-picky-01{
overflow:hidden;
}
.form-search-picky-01 > li{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:50%;
margin-bottom:1px;
padding-right:2px;
}
.form-search-picky-01 > li > .form-search-btn-01{
width:100%;
padding-right:0;
}

/* .form-search-btn-del
----------------------------------------------- */
.form-search-btn-del{
padding:0;
border:none;
border-radius:0 2px 2px 0;
width:20px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
cursor:pointer;
background:url(/element/shared/images/icon/icon-reset-line.svg) 50% 50% no-repeat;
background-size:7px 7px;
}
.form-search-btn-del span{
visibility:hidden;
}

/* .form-search-btn-reset
----------------------------------------------- */
.form-search-btn-reset{
position:absolute;
top:8px;
right:12px;
font-size:11px;
padding:0 0 0 12px;
border:none;
background:url(/element/j_tour/shared/images/icon/icon-close-01.svg) 0 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}
.form-search-btn-reset span{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
display:inline-block;
}

/* .form-search-del-list
----------------------------------------------- */
.form-search-del-list{
margin-top:12px;
}
.form-search-del-list .form-search-del-hdg{
border-right:1px solid #bebebe;
}
.form-search-del-list button{
font-size:11px;
position:relative;
padding:0 16px 0 0;
color:var(--cmn-font-color-base);
border:none;
background-color:transparent;
}
.form-search-del-list button .del{
position:absolute;
top:50%;
right:10px;
display:block;
overflow:hidden;
width:12px;
height:12px;
margin-top:-6px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:rgba(51, 51, 51, 0);
border-radius:2px;
background-color:#999;
}
.form-search-del-list .form-search-list-line button .del{
right:0;
}
.form-search-del-list button .del:before,
.form-search-del-list button .del:after{
position:absolute;
top:50%;
left:50%;
display:block;
width:8px;
height:2px;
margin:-1px 0 0 -4px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#fff;
}
.form-search-del-list button .del:after{
width:2px;
height:8px;
margin:-4px 0 0 -1px;
}
.form-search-del-list button.form-search-num-child > b{
font-weight:normal;
}
.form-search-del-list button.form-search-num-child > b:after{
content:":";
}
.form-search-del-container .form-search-del-list{
border-top:1px solid #ccc;
overflow:hidden;
}
.form-search-del-container .form-search-del-list > li{
display:table;
width:100%;
padding:8px 0;
border-top:1px dotted #ccc;
margin-top:-1px;
}

/*.form-search-del-container .form-search-del-list > li:last-child{
border-bottom:none;
}*/
.form-search-del-container .form-search-del-list > li > *{
display:table-cell;
vertical-align:top;
}
.form-search-del-container .form-search-del-list > li > .form-search-del-hdg{
font-weight:bold;
width:114px;
text-align:left;
color:var(--cmn-font-color-base);
}
.form-search-del-container .form-search-del-list > li > .form-search-list-line{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:825px;
padding-left:20px;
}
.form-search-del-container .form-search-del-list > li > .form-search-list-line > li{
margin:-2px 20px 0 0;
vertical-align:top;
}

/* ----------------------------------------------------------------
  .form-search-calendar
----------------------------------------------------------------- */
/* .form-search-calendar
----------------------------------------------- */
.form-search-calendar{
position:relative;
margin-top:10px;
min-height:212px;
border-width:1px;
border-style:solid;
border-color:#bebebe;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-calendar .form-search-calendar-header{
position:relative;
padding:9px 10px 8px;
background-color:#ededed;
color:var(--cmn-font-color-base);
}
.form-search-calendar .form-search-calendar-hdg{
position:absolute;
left:10px;
top:9px;
font-weight:normal;
font-size:11px;
}
.form-search-calendar .form-search-calendar-nav{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 130px;
text-align:center;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-hdg{
font-size:12px;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-hdg .num{
font-family:var(--font-num);
font-size:13px;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li{
top:1px;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li > a,
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li > span{
border:1px solid #bebebe;
border-radius:1px;
color:var(--cmn-font-color-base);
display:inline-block;
width:20px;
height:15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#fff;
font-size:13px;
text-align:left;
text-indent:-9999px;
border-radius:2px;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li > span{
opacity:.5;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.prev{
position:absolute;
left:0;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.prev > a:before,
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.prev > span:before{
margin-top:-2px;
border-left:1px solid #666;
border-top:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
left:7px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.next{
position:absolute;
right:0;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.next > a:before,
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.next > span:before{
margin-top:-2px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
right:7px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-calendar .form-search-calendar-description{
position:absolute;
right:10px;
top:3px;
display:block;
padding-left:23px;
font-size:11px;
line-height:1.4;
}
.form-search-calendar .form-search-calendar-description > span{
display:block;
}
.form-search-calendar .form-search-calendar-description:before{
display:block;
content:"";
position:absolute;
top:0;
left:0;
width:20px;
height:11px;
border:1px solid #e93939;
border-radius:50%;
opacity:.5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-calendar .form-search-calendar-tbl{
width:100%;
border-collapse:collapse;
background-color:#fff;
}
.form-search-calendar .form-search-calendar-tbl thead th{
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:11px;
height:20px;
padding:2px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td{
padding:0;
color:#999;
text-align:center;
border-width:1px 0 0 1px;
border-color:#e5e5e5;
border-style:solid;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td:first-child{
border-left-width:0;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div{
position:relative;
height:30px;
width:50px;
font-family:var(--font-num);
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div > a{
position:relative;
color:var(--cmn-font-color-link);
display:block;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
z-index:1;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div:hover:before{
content:"";
display:block;
width:50px;
height:30px;
border:2px solid #0d5fa8;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
left:0;
top:0;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.cheapest:after{
display:block;
content:"";
position:absolute;
bottom:1px;
left:7px;
width:35px;
height:19px;
border:1px solid #e93939;
border-radius:50%;
opacity:.5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:0;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.disabled{
position:relative;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.disabled:after{
content:"";
display:inline-block;
width:auto;
height:auto;
overflow:hidden;
position:relative;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.disabled:after{
content:"-";
margin-top:10px;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td .date{
position:absolute;
top:2px;
left:2px;
line-height:1;
color:var(--cmn-font-color-base);
font-size:11px;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td:first-child .date,
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.holiday .date{
color:var(--cmn-font-color-red);
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td .price{
position:absolute;
bottom:3px;
left:0;
display:block;
width:100%;
font-size:12px;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.active{
background-color:#0d5fa8;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.active.cheapest:after{
border-color:#fff;
opacity:1;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.active .price,
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.active .date{
color:#fff;
}

/* ----------------------------------------------------------------
  Stock Box
----------------------------------------------------------------- */
.stock-box{
font-size:12px;
width:100%;
}
.stock-box .cmn-tip-btn{
margin-left:4px;
}
.stock-list > li{
position:relative;
margin-top:4px;
padding-left:20px;
}
.stock-list > li:first-child{
margin-top:0;
}
.stock-list > li [class^="icon"]{
position:absolute;
top:1px;
left:0;
display:block;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:16px;
height:16px;
padding-left:16px;
}
.stock-list > li [class^="icon"].icon:before,
.stock-list > li [class^="icon"].icon:after{
position:absolute;
top:0;
left:0;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:16px;
height:16px;
content:"";
border:2px solid #70b600;
border-radius:100%;
}
.stock-list > li [class^="icon"].icon:after{
top:4px;
left:4px;
width:8px;
height:8px;
}
.stock-list > li [class^="icon"].icon-01:before{
position:absolute;
top:0;
left:0;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:16px;
height:16px;
content:"";
border:2px solid #70b600;
border-radius:100%;
}
.stock-area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.stock-area .stock-box{
width:auto;
margin-right:40px;
}
.stock-area .goto-filter label{
padding-left:20px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
cursor:pointer;
font-size:15px;
}
.stock-area .goto-filter label input{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:0;
}
.stock-area .goto-filter b{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* ----------------------------------------------------------------
  Search Result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:10px 0 20px;
padding:20px 15px;
border-radius:6px;
background-color:#777;
}
.search-result + .cmn-notice-list{
margin-bottom:30px;
}

/* .search-result-sort
----------------------------------------------- */
.search-result-sort{
margin:-20px 0 -10px;
color:#fff;
border-bottom:1px solid #999;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:10px 0;
}
.search-result-sort > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result-sort > div:last-child{
margin-left:auto;
}
.search-result-sort > div .form-custom-select{
margin-left:8px;
height:30px;
min-width:84px;
border-radius:2px;
border:none;
}
.search-result-sort > div .form-custom-select select{
height:30px;
padding-right:12px;
padding-left:8px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:84px;
}
.search-result-sort > div:first-child .form-custom-select{
margin-left:0;
margin-right:12px;
}
.search-result-sort > div:first-child .form-custom-select select{
width:245px;
}
.search-result-sort .search-result-distance-text{
overflow:hidden;
text-align:right;
line-height:1.35;
}
.search-result-sort .search-result-distance-text span{
max-width:150px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
vertical-align:middle;
}
.search-result-sort .search-result-check > div{
position:relative;
padding-left:20px;
line-height:1.35;
}
.search-result-sort .search-result-check > div label{
display:inline;
}
.search-result-sort .search-result-check > div label input{
position:absolute;
left:0;
top:50%;
margin-top:-8px;
}
.search-result-sort .search-result-check > div .cmn-tip-btn{
position:relative;
top:-1px;
margin-left:4px;
display:inline-block;
}

/* .search-result-check
----------------------------------------------- */
.search-result-sort .search-result-check > div{
position:relative;
padding-left:20px;
line-height:1.35;
}
.search-result-sort .search-result-check > div label{
display:inline;
font-size:12px;
}
.search-result-sort .search-result-check > div label input{
position:absolute;
left:0;
top:50%;
margin-top:-8px;
}
.search-result-sort .search-result-check > div .cmn-tip-btn{
position:relative;
top:-1px;
margin-left:4px;
display:inline-block;
}

/* .search-result-num-container
----------------------------------------------- */
.search-result-num-container{
display:table;
width:100%;
margin-top:20px;
font-family:var(--font-num);
}
.search-result-num-container > .search-result-num,
.search-result-num-container > .search-result-pager{
display:table-cell;
vertical-align:middle;
}
.search-result-num-container > .search-result-num{
font-size:12px;
padding-right:10px;
color:#fff;
}
.search-result-num-container > .search-result-num > span{
line-height:1.35;
display:inline-block;
}
.search-result-num-container > .search-result-num > span b{
font-size:18px;
display:inline-block;
margin:0 2px;
}
.search-result-num-container > .search-result-pager{
text-align:right;
}

/* .search-result-item
----------------------------------------------- */
.search-result-item{
margin:15px -8px 0;
padding:0;
border-radius:6px;
position:relative;
background-color:#fff;
font-size:12px;
}
.search-result-item.detail{
margin:0;
border:3px solid #c9c9c9;
border-radius:0;
}
.search-result-num-container + .search-result-item{
margin-top:10px;
}

/* .search-result-item-inner
----------------------------------------------- */
.search-result-item-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-result-item-inner > .search-result-item-col:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:15px 12px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:0;
}
.search-result-item-inner > .search-result-item-col:last-child{
position:relative;
padding:9px 10px;
width:210px;
min-width:210px;
min-height:295px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-right:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}

/* .search-result-item-hdg
----------------------------------------------- */
.search-result-item-hdg{
font-size:14px;
font-weight:normal;
line-height:1.35;
min-height:34px;
margin-bottom:5px;
padding-right:95px;
}

/* .search-result-item-code
----------------------------------------------- */
.search-result-item-code > b{
font-weight:normal;
}
.search-result-item-code > b:before{
margin-left:-.5em;
content:"\3010";
}
.search-result-item-code > b:after{
content:"\3011";
}

/* .search-result-item-info-list
----------------------------------------------- */
.search-result-item-info-list{
margin:15px 0 10px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.search-result-item-info-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-result-item-info-list > li:not(:first-child){
border-top:1px solid #fff;
}
.search-result-item-info-list > li > div:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
width:82px;
color:var(--cmn-font-color-base);
font-size:11px;
background-color:#f1f1f1;
}
.search-result-item-info-list > li.col-2 > div:nth-child(3){
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:65px;
color:var(--cmn-font-color-base);
font-size:11px;
background-color:#f1f1f1;
}
.search-result-item-info-list > li.col-2 > div:nth-child(3) .cmn-tip-btn{
margin:-2px 0 0 4px;
}
.search-result-item-info-list > li > div:last-child,
.search-result-item-info-list > li.col-2 > div:nth-child(2){
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:4px 10px;
font-size:12px;
position:relative;
}
.search-result-item-info-list > li.col-2 > div{
-ms-flex-line-pack:center;
align-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.search-result-item-info-list > li > div:last-child > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.search-result-item-info-list > li > div:last-child .info-list-hotel:not(:first-child){
background:-webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(50%, #e5e5e5), color-stop(50%, transparent), to(transparent)) repeat-x 0 0;
background:linear-gradient(90deg, #e5e5e5, #e5e5e5 50%, transparent 50%, transparent 100%) repeat-x 0 0;
background-size:6px 1px;
padding-top:8px;
margin-top:8px;
}
.search-result-item-info-list > li > div:last-child .info-list-hotel p.hotel{
margin:0;
font-size:12px;
max-width:380px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.search-result-item-info-list > li > div:last-child .info-list-hotel p.distance{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow:hidden;
white-space:nowrap;
font-size:12px;
margin-bottom:0;
max-width:380px;
}
.search-result-item-info-list > li > div:last-child .info-list-hotel p.distance span{
margin:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.search-result-item-info-list > li > div:last-child .info-list-hotel > :not(:first-child){
margin-top:4px;
}
.search-result-item-info-list > li > div:first-child .toggle-hook{
margin-top:4px;
padding:0 0 0 12px;
border:none;
font-size:12px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size:8px auto;
text-align:left;
color:var(--cmn-font-color-gray);
}
.search-result-item-info-list > li > div:first-child .toggle-hook.is-active{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .search-result-item-review
----------------------------------------------- */
.search-result-item-review{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result-item-review > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result-item-review > li:not(:first-child){
margin-left:10px;
}
.search-result-item-review > li > .cell:first-child{
font-size:11px;
position:relative;
padding-right:20px;
}
.search-result-item-review > li > .cell:first-child .cmn-tip-btn{
position:absolute;
top:3px;
right:8px;
}
.search-result-item-review > li > .cell:first-child:after{
content:"\00a0";
}
.search-result-item-review .review-rate{
margin-right:.5em;
}

/* ----------------------------------------------------------------
  Review Component
----------------------------------------------------------------- */
/* .review-component
----------------------------------------------- */
.review-component{
margin:5px 0 0;
font-size:11px;
}

/* .review-component-list
----------------------------------------------- */
.review-component-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}
.review-component-list li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-decoration:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
white-space:nowrap;
line-height:1;
gap:0 4px;
}
.review-component-list > li:not(:last-child){
margin-right:16px;
}
.review-component-list li a{
color:var(--cmn-font-color-base);
text-decoration:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
white-space:nowrap;
line-height:1;
gap:0 4px;
}
.review-component-list .is-hidden{
visibility:hidden;
}
.review-component-list .review-rate{
font-size:12px;
position:relative;
}
.review-component-list .hotel-rank .review-rate{
top:-1px;
}
.review-component-list .price-range .review-rate{
top:-2px;
}
.review-component-list [class^="icon-r-"].icon-r-hotel span{
background-position:0 0;
padding-top:11px;
width:59px;
}
.review-component-list [class^="icon-r-"].icon-r-price span{
padding-top:9px;
width:48px;
}
.review-component-list [class^="icon-r-"].icon-r-face span{
padding-top:10px;
width:58px;
}
.review-component-list .cmn-tip-info-btn{
text-decoration:none;
color:var(--cmn-font-color-base);
pointer-events:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .search-result-item-time
----------------------------------------------- */
.search-result-item-time > li{
display:table;
float:left;
margin-right:10px;
}
.search-result-item-time > li > .cell{
display:table-cell;
}
.search-result-item-time > li > .cell:first-child{
font-size:12px;
}
.search-result-item-time > li > .cell:first-child:after{
display:inline-block;
content:"\ff1a";
vertical-align:top;
}

/* .search-result-item-room-type
----------------------------------------------- */
.search-result-item-room-type > li{
display:inline-block;
}
.search-result-item-room-type > li:after{
display:inline-block;
margin-left:3px;
content:"/";
vertical-align:top;
}
.search-result-item-room-type > li.last-child:after{
display:none;
}
.search-result-item-room-type > li a{
color:inherit;
text-decoration:none;
}
.search-result-item-room-type > li .cmn-tip-btn{
margin-top:-3px;
}
.search-result-item-room-type > .icon-smoking-non,
.search-result-item-room-type > .icon-smoking,
.search-result-item-room-type > .icon-smoking-unfixed{
padding-left:18px;
min-height:15px;
}

/* .search-result-item-meal
----------------------------------------------- */
.search-result-item-meal{
white-space:nowrap;
}
.search-result-item-meal > li{
display:inline-block;
}
.search-result-item-meal > li:after{
display:inline-block;
margin-left:3px;
content:"/";
vertical-align:top;
}
.search-result-item-meal > li:last-child:after{
display:none;
}

/* .search-result-item-picky
----------------------------------------------- */
.search-result-item-picky{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:15px;
}
.search-result-item-picky > li:not(:first-child){
margin-left:2px;
}
.search-result-item-picky > li > span:not([class]){
display:block;
padding:4px 0 3px;
color:var(--cmn-font-color-base);
width:69px;
border:1px solid #aaa;
font-size:11px;
line-height:1;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item-picky > li.disabled{
opacity:.25;
}

/* .search-result-item-picky-01
----------------------------------------------- */
.search-result-item-picky-01{
margin-bottom:15px;
color:#555;
}
.search-result-item-picky-01 > li{
font-size:11px;
line-height:1;
position:relative;
display:inline-block;
margin-top:5px;
padding:0 5px 0 3px;
white-space:nowrap;
border-right:1px solid #ccc;
color:var(--cmn-font-color-base);
}
.search-result-item-picky-01 > li:last-child{
padding-right:0;
border:none;
}
.search-result-item-picky + .search-result-item-picky-01{
margin-top:-10px;
}

/* .search-result-item-description
----------------------------------------------- */
.search-result-item-description{
position:relative;
padding-top:20px;
word-break:break-all;
}
.search-result-item-description .search-result-item-description-hdg{
font-size:12px;
margin-bottom:5px;
color:var(--cmn-font-color-base);
}
.search-result-item-description > .search-result-item-description-toggle-btn{
font-size:12px;
position:absolute;
top:-3px;
right:0;
left:inherit;
}
.search-result-item-description > .search-result-item-description-inner{
padding-bottom:20px;
}
.search-result-item-description > .toggle-item{
padding-bottom:10px;
}

/* .search-resutl-item-info
----------------------------------------------- */
.search-resutl-item-info{
font-size:12px;
margin-bottom:5px;
}

/* .search-resutl-item-info-inner
----------------------------------------------- */
.search-resutl-item-info-inner{
display:table;
width:100%;
}
.search-resutl-item-info-inner > .cell{
display:table-cell;
vertical-align:middle;
color:var(--cmn-font-color-base);
}
.search-resutl-item-info-inner > .cell:last-child{
font-size:14px;
font-weight:bold;
text-align:right;
}
.search-resutl-item-info-inner > .cell:last-child .num{
font-size:15px;
font-family:var(--font-num);
}

/* .search-result-item-mark
----------------------------------------------- */
.search-result-item-mark{
border-top:1px solid #d9d9d9;
margin:0 -10px;
padding:4px 10px 0;
font-size:12px;
}
.search-result-item-mark .search-result-item-mark-01{
color:#af700a;
}
.search-result-item-mark .search-result-item-mark-01 span{
margin-bottom:2px;
}

/* .search-result-item-price
----------------------------------------------- */
.search-result-item-price > li:first-child{
border-top:none;
}
.search-result-item-price > li .search-result-item-price-inner{
font-size:12px;
position:relative;
margin-bottom:4px;
}
.search-result-item-price > li .search-result-item-price-inner > .hdg{
font-size:12px;
font-weight:bold;
line-height:1;
position:absolute;
top:6px;
left:0;
}
.search-result-item-price > li:nth-child(2) .search-result-item-price-inner > .hdg{
top:2px !important;
}
.search-result-item-price > li .search-result-item-price-inner > .hdg > span{
display:block;
}
.search-result-item-price > li .search-result-item-price-inner > .hdg > span.cmn-tip-btn{
display:inline-block;
}
.search-result-item-price > li .search-result-item-price-inner > .price{
font-weight:normal;
line-height:1.2;
display:block;
text-align:right;
}
.search-result-item-price > li .search-result-item-price-inner > .price > span{
display:block;
}
.search-result-item-price > li:first-child .search-result-item-price-inner > .price .num{
font-size:18px;
font-weight:bold;
display:inline;
font-family:var(--font-num);
}

/* .search-result-item-price-child
----------------------------------------------- */
.search-result-item-price-child{
margin-top:6px;
}
.search-result-item-price-child .toggle-btn{
font-size:12px;
position:relative;
padding:0;
padding-left:13px;
cursor:pointer;
color:var(--cmn-font-color-base);
border:none;
background-image:url(/element/j_tour/shared/images/icon/arrow_down_s.svg);
background-position:left center;
background-color:transparent;
background-repeat:no-repeat;
background-size:8px 8px;
overflow:hidden;
}
.search-result-item-price-child.active .toggle-btn{
background-image:url(/element/j_tour/shared/images/icon/arrow_up_s.svg);
}
.search-result-item-price-child .search-result-item-price-child-inner{
font-size:12px;
position:relative;
margin-bottom:4px;
display:none;
}
.search-result-item-price-child.active .search-result-item-price-child-inner{
display:block;
}
.search-result-item-price-child .search-result-item-price-child-inner > .hdg{
font-size:12px;
font-weight:normal;
line-height:1;
position:absolute;
top:4px;
left:0;
}
.search-result-item-price-child .search-result-item-price-child-inner > .hdg .cmn-tip-btn{
margin-left:4px;
}
.search-result-item-price-child .search-result-item-price-child-inner > .price{
font-weight:normal;
line-height:1.2;
display:block;
text-align:right;
}
.search-result-item-price-child .search-result-item-price-child-inner > .price .num{
font-size:16px;
font-weight:normal;
display:inline;
font-family:var(--font-num);
}

/* .search-result-item-price-note
----------------------------------------------- */
.search-result-item-price-note{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.search-result-item-price-note > li{
font-size:12px;
line-height:1.2;
color:var(--cmn-font-color-base);
}
.search-result-item-price-note > li.ex-icon span:before{
content:"(";
}
.search-result-item-price-note > li.ex-icon span:after{
content:")";
}
.search-result-item-price-note > li.ex-icon span{
margin-right:4px;
}
.search-result-item-price-note > li.pex{
margin-left:auto;
margin-top:5px;
}
.search-result-item-price-note > li.pex > span{
font-size:11px;
font-weight:bold;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:7px;
padding:2px 5px;
cursor:pointer;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-radius:2px;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
}
.search-result-item-price-note > li > a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* .search-result-item-price-shipping
----------------------------------------------- */
.search-result-item-price-shipping{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
border-top:1px dotted #ccc;
padding-top:8px;
margin-top:8px;
}
.search-result-item-price-shipping li .num{
font-size:14px;
font-family:var(--font-num);
}

/* .search-result-item-terms-and-conditions
----------------------------------------------- */
.search-result-item-terms-and-conditions{
font-size:11px;
line-height:1.2;
color:var(--cmn-font-color-base);
margin-top:10px;
display:inline-block;
}
.search-result-item-terms-and-conditions > span:first-of-type{
font-size:11px;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-right:4px;
padding:3px 8px 2px;
color:var(--cmn-font-color-base);
border:1px solid #aaa;
background-color:#fff;
}

/* .search-result-item-detail
----------------------------------------------- */
.search-result-item-detail{
position:relative;
margin-top:5px;
}
.search-result-item-detail .notice-list{
font-size:11px;
clear:both;
}
.search-result-item-detail-cit-btn{
font-size:10px;
font-weight:bold;
display:inline-block;
float:right;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:7px;
padding:0 5px;
cursor:pointer;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-radius:2px;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
}

/* .search-result-item-goto-plan
----------------------------------------------- */
.search-result-item-goto-plan{
font-size:11px;
}
.search-result-item-goto-plan strong{
margin-left:4px;
}
.search-result-item-goto-plan .goto-plan-icon{
display:inline-block;
line-height:1;
}
.search-result-item-goto-plan .goto-plan-icon .text-goto{
font-family:var(--font-num);
}
.search-result-item-goto-plan .goto-plan-icon.icon-cover{
background-color:#777;
color:#fff;
padding:4px 8px 3px;
}
.search-result-item-goto-plan .goto-plan-icon.icon-not-cover{
background-color:#fff;
border:1px solid #aaa;
color:var(--cmn-font-color-base);
padding:3px 4px 2px;
}
.search-result-item-goto-plan .goto-plan-icon.icon-not-cover .text-not-cover{
color:#e30a17;
}
.search-result-item-goto-plan .goto-plan-limit{
display:inline-block;
}
.search-result-item-goto-plan .goto-plan-limit .text-limit{
font-size:13px;
}
.search-result-item-goto-plan .goto-plan-limit .text-limit::before{
content:"：";
font-size:11px;
}
.calendar .search-result-item-goto-plan{
margin-bottom:20px;
}
.cmn-tip-container strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.tip-pex{
width:420px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .local-discount-tag
----------------------------------------------- */
.local-discount-tag{
margin:8px 0 0;
padding:4px 8px;
border-radius:2px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:25px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#e1f1fc;
font-size:11px;
text-decoration:none !important;
}
.local-discount-tag > span:first-child{
margin-right:8px;
padding-right:16px;
background:url(/element/shared/images/icon/icon-tip-info.svg) 100% 40% no-repeat;
background-size:12px 12px;
}
.local-discount-tag:active > span:first-child,
.local-discount-tag:hover > span:first-child,
.local-discount-tag:focus > span:first-child{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}
.local-discount-tag > span:last-child{
display:block;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.local-discount-tag.wrap{
display:table;
line-height:1.5;
}

/* .goto
----------------------------------------------- */
.goto{
margin-top:8px;
color:var(--cmn-font-color-base);
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
background-color:#fff;
font-size:12px;
z-index:1;
}
.goto > a{
padding:5px 8px;
font-size:12px;
color:var(--cmn-font-color-base);
border:1px solid #d5d5d5;
border-radius:3px;
display:inline-block;
text-decoration:none;
}
.goto > a::after{
margin:0 0 -2px 4px;
content:"";
display:block;
width:12px;
height:12px;
display:inline-block;
background:url(/element/shared/images/icon/icon-tip-info.svg) 0 0 no-repeat;
}
.goto > a:hover::after,
.goto > a:focus::after{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}

/* .goto-apply
----------------------------------------------- */
.goto-apply{
margin-top:8px;
display:inline-block;
}
.goto-apply > a{
padding:5px 8px;
font-size:11px;
color:var(--cmn-font-color-base);
border:1px solid #d5d5d5;
border-radius:3px;
display:inline-block;
text-decoration:none;
}
.goto-apply > a > span{
display:block;
}
.goto-apply > a > span:last-child{
border-top:1px solid #ddd;
margin-top:4px;
padding-top:4px;
}
.goto-apply > a > span strong{
font-size:10px;
font-weight:normal;
color:var(--cmn-font-color-red);
margin-right:4px;
}
.goto-apply > a > span strong b{
font-size:16px;
font-family:var(--font-num);
font-weight:normal;
}
.goto-apply > a > span .num{
font-family:var(--font-num);
}
.goto-apply > a > span:first-child{
font-size:12px;
background:url(/element/shared/images/icon/icon-tip-info.svg) 100% 3px no-repeat;
background-size:12px 12px;
padding-right:12px;
}
.goto-apply > a:hover > span:first-child,
.goto-apply > a:focus > span:first-child{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}
.goto-apply > a > span:first-child > span{
font-size:12px;
display:inline-block;
}
.goto-apply > a > span:last-child > span{
display:inline-block;
}
.goto-apply > a > span:last-child > span .num{
font-size:12px;
}
.goto-apply > a > span:last-child > span:not(:last-child)::after{
margin:0 4px;
content:"/";
display:inline-block;
vertical-align:middle;
}

/* .terms-and-conditions-tbl
----------------------------------------------- */
.terms-and-conditions-tbl{
border:1px solid #ccc;
border-spacing:0;
border-collapse:collapse;
font-size:12px;
margin:8px 0;
width:100%;
}
.terms-and-conditions-tbl th{
background-color:#f5f5f5;
border-left:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:normal;
padding:8px;
text-align:left;
}
.terms-and-conditions-tbl th:first-of-type{
min-width:100px;
}
.terms-and-conditions-tbl th:last-of-type{
min-width:75px;
}
.terms-and-conditions-tbl td{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:8px;
}

/* .search-result-item-payment
----------------------------------------------- */
.search-result-item-payment{
margin-top:auto;
}
.search-result-item-payment .reservation-link{
color:var(--cmn-font-color-base);
margin:8px 0;
display:block;
}
.search-result-item-payment .reservation-link:hover{
text-decoration:none;
}
.search-result-item-payment .reservation-link span{
display:inline-block;
}
.search-result-item-payment > ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
}
.search-result-item-payment > ul li{
font-size:12px;
line-height:1;
padding:4px;
text-align:center;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.search-result-item-payment > ul li:first-child{
margin-right:4px;
min-width:97px;
}
.search-result-item-payment > ul li:last-child{
min-width:89px;
}
.search-result-item-payment > ul li > span{
display:block;
}

/* .search-result-item-footer
----------------------------------------------- */
.search-result-item-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:12px;
border-top:1px solid #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .search-result-item-agent
----------------------------------------------- */
.search-result-item-agent{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:11px;
margin-right:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-result-item-agent > a,
.search-result-item-agent > .search-result-item-agent-box{
display:table;
color:var(--cmn-font-color-base);
max-width:430px;
}
.search-result-item-agent .search-result-item-agent-logo{
display:table-cell;
vertical-align:middle;
padding-right:15px;
height:28px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item-agent .search-result-item-agent-logo > span{
display:block;
border:1px solid #c5c5c5;
width:65px;
cursor:pointer;
}
.itc_frame.kokunai .search-result-item-agent .search-result-item-agent-logo > span{
cursor:default;
}
.search-result-item-agent .search-result-item-agent-logo img{
max-width:63px;
max-height:26px;
vertical-align:middle;
}
.search-result-item-agent .search-result-item-agent-name{
display:table-cell;
vertical-align:middle;
line-height:1.2;
margin-right:10px;
}
.search-result-item-agent > a .search-result-item-agent-name > span{
padding-left:12px;
position:relative;
display:inline-block;
}
.search-result-item-agent > a .search-result-item-agent-name > span:before{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-result-item-agent > img{
cursor:pointer;
margin-left:4px;
width:auto;
height:auto;
}
.search-result-item-agent .search-result-item-agent-anta{
margin-left:4px;
}
.search-result-item-agent .search-result-item-agent-link{
padding-left:12px;
position:relative;
}
.search-result-item-agent .search-result-item-agent-link:before{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-result-item-agent .search-result-item-agent-link > a{
color:var(--cmn-font-color-gray);
}

/* .search-result-item-btn-cv
----------------------------------------------- */
.search-result-item-btn-cv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
gap:0 8px;
margin-left:auto;
}
.search-result-item-btn-cv > div:not([class]){
text-align:right;
line-height:1.35;
}
.search-result-item-btn-cv > div:not([class]) em{
color:var(--cmn-font-color-red);
}
.search-result-item-btn-cv > a,
.detail-item-btn-cv-container .detail-item-btn-cv > a{
font-size:14px;
font-weight:bold;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:140px;
height:37px;
padding:4px 2px;
text-align:center;
white-space:nowrap;
color:#fff;
border:none;
border-radius:6px;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
}
.search-result-item-btn-cv > a:hover,
.detail-item-btn-cv-container .detail-item-btn-cv > a:hover,
.search-result-item-btn-cv > a:active,
.detail-item-btn-cv-container .detail-item-btn-cv > a:active,
.search-result-item-btn-cv > a:focus,
.detail-item-btn-cv-container .detail-item-btn-cv > a:focus{
text-decoration:none;
}
.search-result-item-btn-cv > a > *,
.detail-item-btn-cv-container .detail-item-btn-cv > a > *{
display:table-cell;
text-align:center;
vertical-align:middle;
}
.search-result-item-btn-cv > a .btn-cv-hdg,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg{
font-size:12px;
font-weight:normal;
line-height:1.2;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:70px;
padding-right:10px;
}
.search-result-item-btn-cv > a .btn-cv-hdg:before,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg:before{
position:absolute;
top:0;
right:0;
width:1px;
height:100%;
content:"";
background-color:#5a9200;
}
.search-result-item-btn-cv > a .btn-cv-hdg [class^="btn-cv-icon"],
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg [class^="btn-cv-icon"]{
display:inline-block;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:12px;
height:12px;
vertical-align:top;
color:transparent;
text-shadow:none;
}
.search-result-item-btn-cv > a .btn-cv-hdg .btn-cv-icon,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .btn-cv-icon{
position:relative;
position:relative;
}
.search-result-item-btn-cv > a .btn-cv-hdg .btn-cv-icon:before,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .btn-cv-icon:before{
position:absolute;
top:0;
left:0;
display:block;
overflow:hidden;
width:12px;
height:12px;
content:"";
}
.search-result-item-btn-cv > a .btn-cv-hdg .btn-cv-icon:after,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .btn-cv-icon:after{
position:absolute;
top:3px;
left:3px;
display:block;
overflow:hidden;
width:6px;
height:6px;
content:"";
}
.search-result-item-btn-cv > a .btn-cv-hdg .btn-cv-icon:before,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .btn-cv-icon:before,
.search-result-item-btn-cv > a .btn-cv-hdg .btn-cv-icon:after,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .btn-cv-icon:after{
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #fff;
border-radius:100%;
}
.search-result-item-btn-cv > a .btn-cv-hdg .btn-cv-icon-01,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .btn-cv-icon-01{
position:relative;
}
.search-result-item-btn-cv > a .btn-cv-hdg .btn-cv-icon-01:before,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .btn-cv-icon-01:before{
position:absolute;
top:0;
left:0;
display:block;
overflow:hidden;
width:12px;
height:12px;
content:"";
}
.search-result-item-btn-cv > a .btn-cv-hdg .btn-cv-icon-01:before,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .btn-cv-icon-01:before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:2px solid #fff;
border-radius:100%;
}
.search-result-item-btn-cv > a .btn-cv-hdg .sup,
.detail-item-btn-cv-container .detail-item-btn-cv > a .btn-cv-hdg .sup{
font-size:11px;
display:block;
}
.search-result-item-btn-cv > a > b,
.detail-item-btn-cv-container .detail-item-btn-cv > a > b{
font-size:18px;
width:120px;
}

/* .search-result-item-btn-favorite
----------------------------------------------- */
.search-result-item-btn-favorite{
font-size:11px;
line-height:1.35;
color:var(--cmn-font-color-base);
position:absolute;
top:15px;
right:13px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:82px;
padding:2px 3px 3px 22px;
text-align:left;
border:1px solid #ddd;
border-radius:1px;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
}
.search-result-item-btn-favorite:before{
position:absolute;
bottom:50%;
left:3px;
display:block;
width:16px;
height:14px;
content:"";
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:.6;
background:url(/element/shared/images/sprite/sprite-icon-symbol.png) -269px -46px no-repeat;
}
.search-result-item-btn-favorite.is-active:before{
opacity:1;
background-position:-269px -10px;
}

/* info-attention-container
---------------------------------- */
.info-attention-container{
position:relative;
}
.info-attention-container .info-attention{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(255, 255, 255, .8);
z-index:2;
}
.info-attention-container .info-attention > p{
margin:120px 65px;
padding:28px 0 28px;
text-align:center;
font-size:18px;
line-height:1.4;
font-weight:bold;
color:var(--cmn-font-color-base);
border:solid 4px #ccc;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* ----------------------------------------------------------------
  Detail Item
----------------------------------------------------------------- */
/* .detail-item
----------------------------------------------- */
.detail-item{
margin-top:10px;
padding:20px;
border:4px solid #777;
border-radius:6px;
word-break:break-all;
}
.nav-internal + .detail-item{
margin-top:5px;
}

/* .detail-item-hdg
----------------------------------------------- */
.detail-item .detail-item-hdg{
font-size:18px;
font-weight:bold;
margin:-20px -20px 20px;
padding:10px 20px;
color:#fff;
background-color:#777;
}

/* .detail-item-hdg-01
----------------------------------------------- */
.detail-item .detail-item-hdg-01{
font-size:12px;
font-weight:bold;
margin:25px 0 20px;
padding:7px 10px 5px;
color:var(--cmn-font-color-base);
background-color:#e8e8e8;
}
.detail-item-hdg + .detail-item-hdg-01{
margin-top:0;
}

/* .detail-item-hdg-02
----------------------------------------------- */
.detail-item .detail-item-hdg-02{
font-size:12px;
font-weight:bold;
margin:25px 0 15px;
padding:7px 10px 5px;
color:#fff;
background-color:#888;
}

/* .detail-item-hdg-section
----------------------------------------------- */
.detail-item-hdg-section{
font-size:12px;
font-weight:normal;
margin:15px 0 10px;
padding-top:15px;
border-top:1px dotted #ccc;
}
.detail-item-hdg-01 + .detail-item-hdg-section{
margin-top:-5px;
padding-top:0;
border-top:none;
}

/* .detail-item-hdg-container
----------------------------------------------- */
.detail-item .detail-item-hdg-container{
overflow:hidden;
margin:-20px -20px 20px;
padding:10px 20px;
color:#fff;
background-color:#777;
}
.detail-item .detail-item-hdg-container .detail-item-hdg{
float:left;
width:70%;
margin:0;
padding:0;
}
.detail-item .detail-item-hdg-container .detail-item-hdg-sup{
font-size:12px;
float:right;
width:30%;
padding-top:3px;
text-align:right;
}
.detail-item .detail-item-hdg-container .detail-item-hdg-sup a{
position:relative;
padding-left:12px;
color:#fff;
}
.detail-item .detail-item-hdg-container .detail-item-hdg-sup a:before{
position:absolute;
display:block;
width:3.6px;
height:3.6px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-right:1.2px solid #fff;
border-bottom:1.2px solid #fff;
}
.detail-item .detail-item-hdg-container .detail-item-hdg-sup a:before{
position:absolute;
top:5px;
left:0;
}

/* .detail-item-list-separate
----------------------------------------------- */
.detail-item .detail-item-list-separate{
font-size:12px;
}
.detail-item .detail-item-list-separate > li{
overflow:hidden;
margin-top:10px;
}
.detail-item .detail-item-list-separate > li > div{
overflow:hidden;
}
.detail-item .detail-item-list-separate > li > div:first-child{
font-weight:bold;
float:left;
overflow:visible;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:12em;
padding-right:10px;
}
.detail-item-hdg-01 + .detail-item-list-separate{
margin-top:-5px;
}

/* .detail-item-list-separate-line
----------------------------------------------- */
.detail-item .detail-item-list-separate-line{
font-size:12px;
margin-top:10px;
}
.detail-item .detail-item-list-separate-line > li{
display:table;
width:100%;
border-bottom:1px solid #ddd;
}
.detail-item .detail-item-list-separate-line > li:first-child{
border-top:1px solid #ddd;
}
.detail-item .detail-item-list-separate-line:last-child > li:last-child{
border-bottom:none;
}
.detail-item .detail-item-list-separate-line > li > div{
position:relative;
display:table-cell;
padding:10px 0;
vertical-align:middle;
}
.detail-item .detail-item-list-separate-line > li > div:first-child{
font-weight:bold;
width:8em;
padding-right:42px;
}
.detail-item .detail-item-list-separate-line > li > div:first-child > span{
display:block;
}
.detail-item .detail-item-list-separate-line > li > div > .cmn-tip-btn{
position:absolute;
top:50%;
right:20px;
margin-top:-6px;
}
.detail-item .detail-item-list-separate-line > li > div > .notice-list{
font-size:12px;
}
.detail-item .detail-item-hdg + .detail-item-list-separate-line > li:first-child{
border-top:none;
}
.detail-item [class^="detail-item-list-separate"] > li .tel{
font-size:16px;
line-height:1.2;
}

/* .detail-item-list-icon
----------------------------------------------- */
.detail-item-list-icon{
overflow:hidden;
}
.detail-item-list-icon > li{
display:table;
margin-top:5px;
}
.detail-item-list-icon > li:first-child{
margin-top:0;
}
.detail-item-list-icon > li > div{
display:table-cell;
vertical-align:top;
}
.detail-item-list-icon > li > .icon > b{
font-size:11px;
font-weight:normal;
line-height:1;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:67px;
margin-right:10px;
padding:3px 3px 2px;
text-align:center;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
background-color:#fff;
}
.calendar-tbl-01-container + .detail-item-list-icon{
padding-bottom:10px;
border-bottom:1px solid #ddd;
}

/* .detail-item-list-def
----------------------------------------------- */
.detail-item-list-def{
overflow:hidden;
}
.detail-item-list-def > li{
position:relative;
overflow:hidden;
}
.detail-item-list-def > li > div{
float:left;
}
.detail-item-list-def > li > div:first-child:after{
content:"\ff1a";
}
.detail-item-list-def > li.disabled{
color:#ccc;
}

/* .detail-item-list-line
----------------------------------------------- */
.detail-item-list-line > li{
display:inline-block;
}

/* .detail-item-list-line-punc
----------------------------------------------- */
.detail-item-list-line-punc{
font-size:11px;
overflow:hidden;
}
.detail-item-list-line-punc > li{
position:relative;
float:left;
overflow:hidden;
padding-right:1em;
}
.detail-item-list-line-punc > li:after{
position:absolute;
top:0;
right:0;
content:"\ff0f";
}
.detail-item-list-line-punc > li:last-child{
padding-right:0;
}
.detail-item-list-line-punc > li:last-child:after{
display:none;
}
.detail-item-list-line-punc > li > div{
float:left;
}
.detail-item-list-line-punc > li > div:first-child:after{
content:"\ff1a";
}
.detail-item-list-line-punc > li.disabled{
color:#ccc;
}
.detail-item-list-line-punc img{
vertical-align:middle;
}
.detail-item-list-separate .detail-item-list-line-punc,
.detail-item-list-separate-line .detail-item-list-line-punc{
font-size:12px;
}
.calendar-note-price{
font-size:12px;
margin-top:4px;
}

/* .detail-item-list-section
----------------------------------------------- */
.detail-item-list-section{
font-size:12px;
}
.detail-item-list-section > li:first-child{
margin-bottom:10px;
}
.detail-item-list-section > li b.jcb{
font-size:14px;
}

/* ----------------------------------------------------------------
  calendar-description
----------------------------------------------------------------- */
/* .calendar-description
----------------------------------------------- */
.calendar-description{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
color:var(--cmn-font-color-base);
}
.calendar-description:before{
content:"\2193";
}

/* .calendar-note
----------------------------------------------- */
.calendar-note{
margin-top:8px;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.calendar-container .goto-notice{
font-size:12px;
margin-top:12px;
}
.calendar-container .goto-notice strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .calendar-icon-list
----------------------------------------------- */
.calendar-icon-list{
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.calendar-icon-list li{
font-size:12px;
margin-right:12px;
}
.calendar-icon-list li > div:first-child{
width:12px;
display:inline;
}
.calendar-icon-list li > div:last-child{
display:inline;
}
.calendar-icon-list li > div.icon,
.calendar-icon-list li > div.icon-01,
.calendar-icon-list li > div.icon-03{
position:relative;
}
.calendar-icon-list li > div.icon > span,
.calendar-icon-list li > div.icon-01 > span,
.calendar-icon-list li > div.icon-03 > span{
color:transparent;
}
.calendar-icon-list li > div.icon:before{
content:"";
position:absolute;
left:50%;
top:2px;
border:solid 2px #a4a4a4;
display:block;
width:12px;
height:12px;
border-radius:100%;
margin:0 0 0 -5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar-icon-list li > div.icon-01:before,
.calendar-icon-list li > div.icon-01:after{
margin:0;
content:"";
display:block;
border:none;
border-radius:0;
width:11px;
height:2px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
background-color:#a4a4a4;
}
.calendar-icon-list li > div.icon-01:after{
width:2px;
height:11px;
}
.calendar-icon-list li > div.icon-02{
display:inline;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1;
}
.calendar-icon-list li > div.icon-03:before{
content:"";
position:absolute;
left:50%;
top:2px;
border:double 5px #a4a4a4;
display:block;
width:12px;
height:12px;
border-radius:100%;
margin:0 0 0 -5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar-icon-list li > div:last-child [class]{
vertical-align:middle;
}
.calendar-icon-list li > div:last-child::before{
content:"：";
}

/* calendar-guide-row
---------------------------------- */
.calendar-guide-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-bottom:8px;
}
.calendar-guide-row > div:first-child:not(:last-child){
border-right:1px solid #ddd;
margin-right:12px;
}

/* calendar-guide
---------------------------------- */
.calendar-guide{
text-align:right;
font-size:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
white-space:nowrap;
margin-top:auto;
}

/* ----------------------------------------------------------------
  Calendar
----------------------------------------------------------------- */
/* .calendar
----------------------------------------------- */
.calendar{
margin:20px 0 0;
padding:20px;
background-color:#fff;
}
.detail-item .calendar{
padding:0;
margin:0;
}
.calendar-container .calendar{
padding:0;
margin-top:8px;
}

/* .calendar-tab
----------------------------------------------- */
.calendar .calendar-tab{
margin-bottom:20px;
text-align:right;
border-bottom:1px solid #bbb;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:0 3px;
}
.calendar .calendar-tab > li a{
font-size:12px;
line-height:27px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:50px;
height:30px;
padding:2px 5px;
text-align:center;
text-decoration:none;
color:var(--cmn-font-color-gray);
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
background-color:#f8f8f8;
}
.calendar .calendar-tab > li.is-active a{
height:31px;
margin-bottom:-1px;
padding-bottom:3px;
cursor:default;
background-color:#fff;
color:var(--cmn-font-color-base);
font-weight:bold;
}
.calendar .calendar-tab > li a span{
font-size:13px;
}

/* .calendar-tbl
----------------------------------------------- */
.calendar .calendar-tbl{
font-size:12px;
width:100%;
margin-bottom:10px;
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
text-align:center;
color:var(--cmn-font-color-base);
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
background-color:#fff;
}
.calendar .calendar-tbl .num{
font-family:var(--font-num);
}
.calendar .calendar-tbl > thead > tr > th,
.calendar .calendar-tbl > tbody > tr > td{
padding:0;
border:1px solid #ddd;
position:relative;
}
.calendar .calendar-tbl > thead > tr > th{
font-weight:normal;
background-color:#f1f1f1;
border-left:none;
border-right:none;
}
.calendar .calendar-tbl > tbody > tr > td{
min-height:75px;
height:75px;
}
.calendar .calendar-tbl > thead > tr > th:first-child{
border-left:1px solid #ddd;
}
.calendar .calendar-tbl tr > td:nth-child(1) .date{
color:var(--cmn-font-color-red);
}
.calendar .calendar-tbl > tbody > tr > td > div{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:75px;
padding:16px 0 32px;
cursor:pointer;
text-align:center;
vertical-align:top;
}
.calendar .calendar-tbl > tbody > tr > td > div:active,
.calendar .calendar-tbl > tbody > tr > td > div:hover,
.calendar .calendar-tbl > tbody > tr > td > div:focus{
background-color:#f5f5f5;
}
.calendar .calendar-tbl > tbody > tr > td > div .date{
color:var(--cmn-font-color-base);
font-size:11px;
line-height:1;
position:absolute;
top:4px;
left:4px;
display:block;
}
.calendar .calendar-tbl > tbody > tr > td > div .price{
font-size:14px;
line-height:1;
display:block;
color:var(--cmn-font-color-base);
}
.calendar .calendar-tbl > tbody > tr > td > div .price li:first-child .num{
font-size:14px;
}
.calendar .calendar-tbl > tbody > tr > td > div .price > .sup{
font-size:11px;
font-weight:normal;
display:block;
color:var(--cmn-font-color-base);
}
.calendar .calendar-tbl > tbody > tr > td > div .state{
font-size:11px;
line-height:20px;
position:absolute;
bottom:8px;
left:0;
right:0;
display:block;
width:88px;
height:20px;
margin:0 auto;
padding-top:1px;
white-space:nowrap;
color:#fff;
border:none;
border-radius:4px;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar .calendar-tbl > tbody > tr > td > div.holiday .date{
color:var(--cmn-font-color-red);
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled{
cursor:default;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
min-height:100%;
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:active,
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:hover,
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:focus{
background-color:#fff;
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:before{
font-size:18px;
line-height:1;
position:absolute;
right:50%;
bottom:50%;
display:block;
content:"-";
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
color:#bbb;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .price,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .price > .sup{
cursor:default;
color:#ccc;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:active,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:hover,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:focus{
background-color:#fff;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:transparent;
background:transparent;
-webkit-box-shadow:none;
box-shadow:none;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:before,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:after{
position:absolute;
right:50%;
bottom:50%;
display:block;
width:13px;
height:2px;
margin:0;
content:"";
-webkit-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
border:none;
border-radius:0;
background-color:#ccc;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:after{
width:2px;
height:13px;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-double-circle .state,
.calendar .calendar-tbl > tbody > tr > td > div.stock-ok .state,
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state{
color:transparent;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-ok .state:before{
position:absolute;
top:2px;
left:50%;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:14px;
height:14px;
margin:0 0 0 -7px;
content:"";
border:solid 2px #fff;
border-radius:100%;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-double-circle .state:before{
position:absolute;
top:2px;
left:50%;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:14px;
height:14px;
margin:0 0 0 -7px;
content:"";
border:double 5px #fff;
border-radius:100%;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:before,
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:after{
position:absolute;
top:2px;
left:50%;
display:block;
width:0;
height:0;
margin:0 0 0 -8px;
content:"";
border-width:0 8px 14px 8px;
border-style:solid;
border-color:transparent transparent #fff transparent;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:after{
top:7px;
margin:0 0 0 -4px;
border-width:0 4px 7px 4px;
--cmn-btn-color:#177bcb;
border-color:transparent transparent var(--cmn-btn-color) transparent;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference{
display:block;
padding:0 7px;
margin-top:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a{
font-size:12px;
color:var(--cmn-font-color-base);
border:1px solid #d5d5d5;
border-radius:3px;
display:block;
text-decoration:none;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
padding:2px 0;
min-height:35px;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a > span{
line-height:1.2;
display:block;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a > span:first-child{
background:url(/element/shared/images/icon/icon-tip-info.svg) right 2px top 0 no-repeat;
background-size:12px 12px;
padding-right:14px;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference.goto-not a > span:first-child{
padding-right:0;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a strong{
font-size:13px;
color:var(--cmn-font-color-red);
display:block;
line-height:1;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a strong b{
font-family:var(--font-num);
font-weight:normal;
}
.calendar-tbl-balloon{
position:absolute;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:300px;
padding:10px;
text-align:left;
border:1px solid #aaa;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
}
.calendar-tbl-balloon:before{
position:absolute;
bottom:-6px;
left:50%;
display:block;
width:10px;
height:10px;
margin-left:-5px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
}
.calendar-tbl-balloon.bottom{
top:100%;
bottom:auto;
}
.calendar-tbl-balloon.bottom:before{
top:-6px;
bottom:auto;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-detail-container{
position:absolute;
top:2px;
right:2px;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-detail-container .calendar-price-detail-tip-btn{
margin:0;
}
.calendar .detail-item-list-line-punc{
font-size:12px;
}

/* .calendar-tbl-01-container
----------------------------------------------- */
.calendar-tbl-01-container{
margin:0 -9px;
}
.calendar-tbl-01-container .calendar-tbl-01-inner{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:33.33333%;
padding:9px;
height:245px;
}

/* .calendar-tbl-01
----------------------------------------------- */
.calendar-tbl-01{
width:100%;
border-collapse:collapse;
}
.calendar-tbl-01 th,
.calendar-tbl-01 td{
border:1px solid #ddd;
}
.calendar-tbl-01 caption{
font-weight:normal;
color:#fff;
background-color:#777;
}
.calendar-tbl-01 thead th{
font-size:11px;
padding:3px 0 2px;
color:var(--cmn-font-color-base);
border-top:none;
background-color:#f1f1f1;
}
.calendar-tbl-01 tbody td{
font-size:14px;
font-weight:bold;
line-height:1;
width:30px;
height:30px;
padding:0;
text-align:center;
color:var(--cmn-font-color-base);
}
.calendar-tbl-01 tbody td > div{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:30px;
padding-top:15px;
cursor:default;
}
.calendar-tbl-01 tbody td > div[role]:hover{
cursor:pointer;
background-color:#f5f5f5;
}
.calendar-tbl-01 tbody td > div.holiday .date{
color:#f32929;
}
.calendar-tbl-01 tbody td > div .date{
font-size:11px;
position:absolute;
top:2px;
left:0;
width:100%;
color:var(--cmn-font-color-gray);
}
.calendar-tbl-01 tbody td:nth-child(7n+1) .date{
color:#f32929;
}

/* .detail-item-btn-cv-container
----------------------------------------------- */
.detail-item-btn-cv-container{
margin:20px 0;
text-align:center;
}

/* .detail-item-btn-cv
----------------------------------------------- */
.detail-item-btn-cv{
display:inline-block;
padding:10px 20px;
border:none;
border-radius:4px;
height:auto;
width:auto;
min-width:180px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:16px;
color:#fff;
font-weight:bold;
background-color:#72ba00;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
text-align:center;
}
.detail-item-btn-cv:link,
.detail-item-btn-cv:hover,
.detail-item-btn-cv:active,
.detail-item-btn-cv:visited{
color:#fff;
text-decoration:none;
}

/* .detail-item-btn-cv-01
----------------------------------------------- */
.detail-item-btn-cv-01{
height:44px;
min-width:180px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:16px;
border:1px solid #bebebe;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-item-btn-cv-01 > span{
padding-left:15px;
position:relative;
}
.detail-item-btn-cv-01 > span:before{
content:"";
display:block;
position:absolute;
left:0;
top:8px;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .detail-item-btn-cv-note
----------------------------------------------- */
.detail-item-btn-cv-note{
margin-top:15px;
font-size:11px;
color:var(--cmn-font-color-gray);
}

/* .detail-item-btn-cv-list
----------------------------------------------- */
.detail-item-btn-cv-list > li{
margin:0 3px;
display:inline-block;
}
.detail-item-list-icon + .detail-item-btn-cv-container{
margin-bottom:0;
}

/* ----------------------------------------------------------------
  Detail Component
----------------------------------------------------------------- */
/* .image-gallery
----------------------------------------------- */
.detail-item .image-gallery{
margin-top:15px;
}
.detail-item .image-gallery > li{
text-align:center;
}
.detail-item .image-gallery > li > img{
max-width:100%;
max-height:200px;
min-height:100px;
}
.detail-item .image-gallery > li > .caption{
font-size:11px;
display:block;
margin-top:10px;
text-align:left;
}

/* .schedule-tbl
----------------------------------------------- */
.schedule-tbl{
width:100%;
margin-bottom:10px;
border-collapse:collapse;
border-top:1px solid #ccc;
}
.schedule-tbl > thead > tr th{
font-size:12px;
height:25px;
color:var(--cmn-font-color-base);
background-color:#f1f1f1;
}
.schedule-tbl > tbody > tr > th{
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:20px;
color:#444;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
}
.schedule-tbl > tbody > tr > td{
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#ddd;
}
.schedule-tbl > tbody > tr > td.journey{
line-height:1.8;
width:450px;
padding:20px;
text-align:left;
}
.schedule-tbl > tbody > tr > td.journey > .schedule-description-box:first-child{
margin-top:-15px;
}
.schedule-tbl > tbody > tr > td.meal{
width:70px;
padding:0 10px;
}
.schedule-tbl > tbody > tr > td.stay{
width:120px;
padding:0 10px;
}
.schedule-tbl .link-outside{
margin-top:10px;
}
.schedule-tbl .link-outside > a{
position:relative;
padding-left:13px;
color:var(--cmn-font-color-gray);
line-height:1.5;
}
.schedule-tbl .link-outside > a:before{
content:"";
position:absolute;
left:2px;
top:6px;
display:block;
width:5px;
height:5px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#777;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.schedule-tbl .link-outside + .schedule-description-box{
margin-top:10px;
}

/* .schedule-description-box
----------------------------------------------- */
.schedule-description-box{
line-height:1.55;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:20px -15px -15px;
padding:12px;
background:#f1f1f1;
}
.schedule-description-box .schedule-description-tbl-container{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:10px;
padding-left:78px;
}
.schedule-description-box .schedule-description-tbl-container:before,
.schedule-description-box .schedule-description-tbl-container:after{
position:absolute;
z-index:1;
top:-7px;
left:85px;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 8px 8px 8px;
border-style:solid;
border-color:transparent transparent #ccc transparent;
}
.schedule-description-box .schedule-description-tbl-container:after{
top:-6px;
border-color:transparent transparent #f1f1f1 transparent;
}
.schedule-description-box .schedule-description-tbl{
position:relative;
width:100%;
border-collapse:collapse;
}
.schedule-description-box .schedule-description-tbl > thead > tr th{
font-size:11px;
font-weight:normal;
padding:2px 5px;
text-align:center;
white-space:nowrap;
border:1px solid #ccc;
background-color:#f1f1f1;
vertical-align:middle;
cursor:pointer;
}
.schedule-description-box .schedule-description-tbl > thead > tr th .cmn-tip-info-btn{
margin-left:4px;
pointer-events:none;
}
.schedule-description-box .schedule-description-tbl > tbody > tr td{
font-size:11px;
padding:5px;
text-align:center;
border:1px solid #ccc;
background-color:#fff;
}
.schedule-description-box .schedule-description-tbl + .schedule-description-tbl-note{
font-size:11px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:5px;
border-width:0 1px 1px;
border-style:solid;
border-color:#ccc;
background-color:#fff;
}

/* .price-tbl
----------------------------------------------- */
.price-tbl{
width:100%;
margin:10px 0;
border-collapse:collapse;
}
.price-tbl th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:3px;
border:1px solid  #bdbdbd;
background-color:#f0f0f0;
}
.price-tbl th > span{
font-size:11px;
font-weight:normal;
line-height:1.2;
display:block;
}
.price-tbl th.date{
width:auto;
}
.price-tbl td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:3px;
text-align:center;
border:1px solid  #bdbdbd;
}
.price-tbl td > span{
font-size:11px;
line-height:1.2;
display:block;
color:var(--cmn-font-color-gray);
}
.price-tbl tbody > tr > td:first-child{
width:30px;
}

/* .company-info
----------------------------------------------- */
.detail-item .company-info{
font-size:12px;
position:relative;
margin-bottom:15px;
padding:0 0 30px 140px;
border-bottom:1px dotted #ccc;
}
.detail-item .company-info .company-info-hdg{
font-size:14px;
padding:15px 0 10px;
}
.detail-item .company-info .company-info-hdg > a{
position:relative;
padding-left:15px;
color:var(--cmn-font-color-base);
}
.detail-item .company-info .company-info-hdg > a:before{
position:absolute;
display:block;
width:4.5px;
height:4.5px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1.5px solid #555;
border-bottom:1.5px solid #555;
}
.detail-item .company-info .company-info-hdg > a:before{
position:absolute;
top:7px;
left:0;
}
.detail-item .company-info .company-info-btn{
overflow:hidden;
margin-top:15px;
}
.detail-item .company-info .company-info-btn > li{
float:left;
margin-right:15px;
text-align:center;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar,
.detail-item .company-info .company-info-btn .company-info-btn-tel{
font-weight:bold;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:240px;
color:var(--cmn-font-color-base);
border:1px solid #bebebe;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar > span > span,
.detail-item .company-info .company-info-btn .company-info-btn-tel > span > span{
display:block;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar:hover,
.detail-item .company-info .company-info-btn .company-info-btn-calendar:focus,
.detail-item .company-info .company-info-btn .company-info-btn-calendar:active,
.detail-item .company-info .company-info-btn .company-info-btn-tel:hover,
.detail-item .company-info .company-info-btn .company-info-btn-tel:focus,
.detail-item .company-info .company-info-btn .company-info-btn-tel:active{
text-decoration:none;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar{
font-size:14px;
line-height:1.2;
padding:12px 0;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar > span{
position:relative;
display:inline-block;
padding-left:15px;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar > span:before{
position:absolute;
display:block;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
border-right:1.5px solid #555;
border-bottom:1.5px solid #555;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar > span:before{
position:absolute;
top:50%;
left:0;
margin-top:-3px;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel{
font-size:16px;
padding:16px 0;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span{
position:relative;
padding-left:15px;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span:before{
position:absolute;
display:block;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1.5px solid #555;
border-bottom:1.5px solid #555;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span:before{
position:absolute;
top:8px;
left:0;
}
.detail-item .company-info .company-info-btn .company-info-btn-note{
font-size:11px;
position:relative;
display:inline-block;
margin-top:5px;
padding-left:1em;
color:var(--cmn-font-color-gray);
}
.detail-item .company-info .company-info-btn .company-info-btn-note:before{
position:absolute;
top:0;
left:0;
content:"\203b";
}
.detail-item .company-info .company-info-logo{
position:absolute;
top:0;
left:0;
display:block;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:125px;
height:50px;
border:1px solid #ccc;
background-color:#fff;
}
.detail-item .company-info .company-info-logo > img{
position:absolute;
right:50%;
bottom:50%;
max-width:100%;
max-height:100%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}

/* .link-jata
----------------------------------------------- */
.link-jata{
margin-bottom:5px;
}
.link-jata > a{
position:relative;
padding-left:12px;
color:var(--cmn-font-color-base);
}
.link-jata > a:before{
position:absolute;
display:block;
width:3px;
height:3px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #555;
border-bottom:1px solid #555;
}
.link-jata > a:before{
position:absolute;
top:6px;
left:0;
}
.link-jata > img{
cursor:pointer;
vertical-align:bottom;
}

/* ----------------------------------------------------------------
  price-detail-balloon
----------------------------------------------------------------- */
/* .price-detail-balloon
----------------------------------------------- */
.price-detail-balloon{
position:absolute;
z-index:1;
top:100%;
bottom:auto;
left:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:640px;
margin-left:-320px;
padding:10px;
text-align:left;
border:1px solid #aaa;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
}
.price-detail-balloon:before{
position:absolute;
top:-6px;
bottom:auto;
left:50%;
display:block;
display:block;
width:10px;
height:10px;
margin-left:-5px;
content:"";
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
}
.price-detail-balloon .price-detail-tbl{
font-size:11px;
width:100%;
border-collapse:collapse;
}
.price-detail-balloon .price-detail-tbl > thead th{
font-weight:normal;
line-height:1.2;
padding:3px;
text-align:center;
border:1px solid #ddd;
}
.price-detail-balloon .price-detail-tbl > thead th > span{
display:block;
}
.price-detail-balloon .price-detail-tbl > tbody th,
.price-detail-balloon .price-detail-tbl > tbody td{
line-height:1.2;
padding:3px;
border:1px solid #ddd;
}
.price-detail-balloon .price-detail-tbl > tbody th span,
.price-detail-balloon .price-detail-tbl > tbody td span{
display:block;
}
.price-detail-balloon .price-detail-tbl > tbody th{
font-weight:normal;
text-align:left;
}
.price-detail-balloon .price-detail-tbl > tbody td{
text-align:center;
}
.price-detail-balloon .price-detail-tbl > tbody td .price-detail-num{
text-align:right;
}
.price-detail-balloon .price-detail-footer{
margin-top:5px;
}
.price-detail-balloon .price-detail-footer > .notice-list{
float:left;
max-width:70%;
}
.price-detail-balloon .price-detail-footer > .price-detail-total{
font-weight:bold;
display:table;
float:right;
}
.price-detail-balloon .price-detail-footer > .price-detail-total > div{
display:table-cell;
vertical-align:middle;
}
.price-detail-balloon .price-detail-footer > .price-detail-total > div > .price-detail-num{
font-size:16px;
}
.price-detail-balloon .price-detail-footer > .price-detail-total > div:first-child:after{
content:"\ff1a";
}
.form-search-roomtype{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:12px 0 10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-top:1px solid #ddd;
}
.form-search-roomtype > label{
font-size:12px;
}
.form-search-roomtype > label .form-search-select{
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:34px;
padding:5px;
border:1px solid #bebebe;
margin-left:8px;
}
.form-search-roomtype > .notice-list{
margin:0 0 0 10px;
font-size:11px;
}
.form-search-roomtype > .notice-list li{
margin:0;
}

/* ----------------------------------------------------------------
  detail-item-btn-cv-balloon
----------------------------------------------------------------- */
.detail-item-btn-cv-balloon-container{
position:relative;
}
.detail-item-btn-cv-balloon{
padding:10px;
border:1px solid #aaa;
position:absolute;
top:100%;
left:50%;
margin:7px 0 0 -150px;
text-align:left;
border-radius:4px;
width:300px;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
background-color:#fff;
z-index:1;
}
.detail-item-btn-cv-balloon:before{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
left:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading
----------------------------------------------- */
.loading-container{
font-size:16px;
font-weight:bold;
position:relative;
margin:40px 0;
text-align:center;
}

/* .loading-01
----------------------------------------------- */
.loading-01{
font-size:12px;
font-weight:bold;
position:relative;
margin:20px 0;
text-align:center;
}
.form-search-calendar .loading-01{
position:absolute;
top:0;
margin:0;
padding:0;
width:100%;
height:100%;
background-color:#fff;
z-index:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:40px 0 120px;
}
.error .error-inner{
font-size:11px;
position:relative;
margin-top:30px;
padding:15px 20px;
background-color:#ededed;
}
.error .error-inner:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 15px 15px 15px;
border-style:solid;
border-color:transparent transparent #ededed transparent;
}
.error .error-inner:before{
top:-15px;
left:50%;
margin-left:-15px;
}

/* .error-hdg
----------------------------------------------- */
.error .error-hdg{
font-size:14px;
position:relative;
margin:0 0 15px;
text-align:center;
color:var(--cmn-font-color-base);
}

/* .error-wording
----------------------------------------------- */
.error .error-wording{
font-size:18px;
text-align:center;
margin-bottom:20px;
}
.error .error-wording-sub{
font-size:14px;
text-align:center;
}
.error .btn{
margin:32px auto 0;
padding:6px 12px 5px;
border:1px solid #c5c5c5;
border-radius:4px;
color:var(--cmn-font-color-base);
display:table;
min-width:202px;
width:auto;
min-height:40px;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
}

/* .error-link-list
----------------------------------------------- */
.error .error-link-list{
font-size:14px;
font-weight:bold;
}
.error .error-link-list > li{
display:inline-block;
}
.error .error-link-list > li:after{
display:inline-block;
margin-left:5px;
content:"\ff1e";
}
.error .error-link-list > li:empty:after,
.error .error-link-list > li:last-child:after{
display:none;
}

/* .error-prev
----------------------------------------------- */
.error-prev{
margin-top:20px;
text-align:center;
}
.error-prev a{
padding-left:18px;
display:inline-block;
background:url(/element/shared/images/icon/icon-return.svg) 0 50% no-repeat;
}

/* .error-hint
----------------------------------------------- */
.error .error-hint{
max-width:90%;
margin:45px auto 30px;
}
.error .error-hint-catch{
font-size:16px;
font-weight:bold;
}
.error .error-hint-list{
margin-top:10px;
}
.error .error-hint-list > li{
overflow:hidden;
padding:8px 0;
border-top:1px dotted #ccc;
}
.error .error-hint-list > li:first-child{
padding-top:0;
border-top:none;
}
.error .error-hint-list > li:last-child{
padding-bottom:0;
}
.error .error-hint-list > li > div{
position:relative;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.error .error-hint-list > li > div:first-child{
padding:0 10px 0 20px;
}
.error .error-hint-list > li > div:first-child:before{
position:absolute;
top:3px;
left:0;
display:block;
overflow:hidden;
width:13px;
height:13px;
content:"";
}
.error .error-hint-list > li > div:first-child:before{
background-color:#287ac4;
}
.error .error-hint-list > li > div:first-child:after{
position:absolute;
top:4px;
left:4px;
display:block;
width:3px;
height:6px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-right:2.5px solid #fff;
border-bottom:2.5px solid #fff;
}

/* .error-01
----------------------------------------------- */
.error-01{
font-size:14px;
font-weight:bold;
margin:10px 0;
text-align:center;
}

/* .error-link
----------------------------------------------- */
.error-link{
margin-top:10px;
padding:0 12px;
}
.error-link a{
font-size:14px;
font-weight:bold;
position:relative;
padding-left:12px;
color:var(--cmn-font-color-base);
}
.error-link a:before{
position:absolute;
display:block;
width:3.6px;
height:3.6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1.2px solid #333;
border-bottom:1.2px solid #333;
}
.error-link a:before{
position:absolute;
top:7px;
left:0;
}

/* .error-link-btn
----------------------------------------------- */
.error-link-btn{
position:relative;
display:block;
padding:14px 15px 11px;
color:var(--cmn-font-color-base);
border-width:1px;
border-style:solid;
border-color:#d7d7d7;
border-radius:5px;
background-color:#fff;
}
.error-link-btn:after{
position:absolute;
display:block;
width:3px;
height:3px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #555;
border-bottom:1px solid #555;
}
.error-link-btn:after{
position:absolute;
top:50%;
right:10px;
width:10px;
height:10px;
margin-top:-7px;
}
.error-link-btn:hover,
.error-link-btn:focus,
.error-link-btn:active{
text-decoration:none;
}
.error-link-btn > *{
font-size:12px;
display:block;
color:var(--cmn-font-color-base);
}
.error-link-btn .error-link-btn-hdg{
font-size:17px;
position:relative;
padding-left:55px;
color:var(--cmn-font-color-base);
}
.error-link-btn .error-link-btn-hdg:before{
position:absolute;
top:1px;
left:0;
display:block;
overflow:hidden;
width:42px;
height:18px;
content:"";
}
.error-link-btn .error-link-btn-hdg:before{
background-image:url(/element/j_tour/error/images/icon-error-dp.png);
}

/* .lyt-simple .error
----------------------------------------------- */
.lyt-simple .error{
margin:54px 0 95px;
}
.lyt-simple .error >:first-child{
margin-top:0;
}

/* .lyt-simple .error .error-wording
----------------------------------------------- */
.lyt-simple .error .error-wording{
text-align:center;
font-size:13px;
margin:17px 0;
line-height:1.84;
}
.lyt-simple .error .error-wording > strong{
font-size:17px;
}

/* .lyt-simple .error .error-prev-btn
----------------------------------------------- */
.lyt-simple .error .error-prev-btn{
text-align:center;
margin-top:33px;
}
.lyt-simple .error .error-prev-btn > a{
display:inline-block;
padding:8px 8px 9px;
min-width:190px;
color:var(--cmn-font-color-base);
font-size:14px;
border-radius:3px;
border:1px solid #c5c5c5;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
}

/* .lyt-simple .error .notice-list
----------------------------------------------- */
.lyt-simple .error .notice-list{
text-align:center;
margin-top:28px;
font-size:12px;
}
.lyt-simple .error .notice-list > li{
display:inline;
}

/* ----------------------------------------------------------------
  FAQ tooltip
----------------------------------------------------------------- */
/*  FAQ tooltip common modules
---------------------------------------------------------------- */
/* .tip-list-bullet
----------------------------------------------- */
.tip-list-bullet > li{
margin-top:5px;
padding-left:8px;
position:relative;
}
.tip-list-bullet > li::before{
content:"";
border-radius:50%;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:7px;
left:0;
background-color:#222;
}
.tip-list-bullet .tip-list-indent > li{
margin-top:5px;
}
.tip-list-bullet .tip-list-indent > li:not(:first-of-type){
padding-left:2em;
}

/* .tip-itinerary-list
----------------------------------------------- */
.cmn-tip-box .tip-itinerary-list{
position:relative;
margin-top:15px;
border:1px solid #ddd;
overflow:hidden;
}
.cmn-tip-box .tip-itinerary-list:before{
content:"";
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:60px;
background-color:#f1f1f1;
z-index:-1;
}
.cmn-tip-box .tip-itinerary-list:after{
content:"";
display:block;
position:absolute;
left:50%;
top:0;
height:100%;
width:60px;
background-color:#f1f1f1;
z-index:-1;
}
.cmn-tip-box .tip-itinerary-list > li{
float:left;
width:50%;
margin-bottom:-1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-bottom:1px solid #ddd;
}
.cmn-tip-box .tip-itinerary-list > li:first-child{
border-right:1px solid #ddd;
}
.cmn-tip-box .tip-itinerary-list-inner > li{
display:table;
width:100%;
}
.cmn-tip-box .tip-itinerary-list-inner > li:not(:first-child){
border-top:1px solid #ddd;
}
.cmn-tip-box .tip-itinerary-list-inner > li > div{
display:table-cell;
padding:5px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.cmn-tip-box .tip-itinerary-list-inner > li > div:first-child{
width:60px;
font-weight:bold;
background-color:#f1f1f1;
}

/* .tip-meal-list
----------------------------------------------- */
.cmn-tip-box .tip-meal-list{
margin-top:15px;
border:1px solid #ddd;
overflow:hidden;
}
.cmn-tip-box .tip-meal-list > li{
display:table;
width:100%;
}
.cmn-tip-box .tip-meal-list > li:not(:first-child){
border-top:1px solid #ddd;
}
.cmn-tip-box .tip-meal-list > li > div{
display:table-cell;
padding:5px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.cmn-tip-box .tip-meal-list > li > div:first-child{
width:80px;
font-weight:bold;
background-color:#f1f1f1;
}

/* .tip-price-range-list
----------------------------------------------- */
.cmn-tip-box .tip-price-range-list{
margin:5px 0 15px;
}
.cmn-tip-box .tip-price-range-list > li{
margin-top:5px;
}
.cmn-tip-box .tip-price-range-list > li > span:not([class]){
margin-left:10px;
}

/* .tip-split
----------------------------------------------- */
.cmn-tip-box .tip-split{
margin:10px 0;
border:none;
border-top:1px #aaa dotted;
}

/* ----------------------------------------------------------------
  Smoking tooltip
----------------------------------------------------------------- */
/* .tip-smoking
----------------------------------------------- */
.tip-smoking{
padding:10px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
width:380px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
z-index:1;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
font-size:12px;
}
.tip-smoking.is-active{
display:block;
}
.tip-smoking::before{
margin:-5px 0 0 -5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
left:-1px;
top:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .tip-smoking-hdg
----------------------------------------------- */
.tip-smoking .tip-smoking-hdg{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #c2c2c2;
font-weight:normal;
}

/* .tip-smoking-list
----------------------------------------------- */
.tip-smoking .tip-smoking-list > li:not(:first-child){
margin-top:5px;
}

/* ----------------------------------------------------------------
/*  payment tooltip
----------------------------------------------------------------- */
/* .tip-payment-info
----------------------------------------------- */
.tip-payment-info{
position:absolute;
top:100%;
right:12px;
padding:20px 20px 15px;
width:590px;
color:var(--cmn-font-color-base);
font-size:12px;
text-align:left;
border-radius:3px;
background-color:#fff;
border:1px solid #666;
-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, .8);
box-shadow:0 0 8px 0 rgba(0, 0, 0, .8);
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:101;
}
.tip-payment-info-hdg{
font-size:12px;
font-weight:normal;
margin-bottom:5px;
}
.tip-payment-info .stock-list,
.tip-payment-info .notice-list{
margin-bottom:10px;
padding-bottom:11px;
border-bottom:1px solid #ccc;
}
.tip-payment-info .notice-list > li:not(:first-child){
margin-top:7px;
}
.tip-payment-info .notice-list > li > strong{
color:var(--cmn-font-color-red);
}
.tip-payment-info .list-payment > li{
display:table;
width:100%;
}
.tip-payment-info .list-payment > li > .hdg{
font-weight:normal;
position:relative;
display:table-cell;
width:6em;
vertical-align:top;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.tip-payment-info .list-payment > li > .hdg:after{
position:absolute;
right:0;
content:"\ff1a";
}
.tip-payment-info .list-payment > li > .box{
display:table-cell;
vertical-align:top;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.tip-payment-info .list-payment-01{
display:inline-block;
vertical-align:top;
letter-spacing:-.4em;
}
.tip-payment-info .list-payment-01 .payment-guide{
margin-right:4px;
}
.tip-payment-info .list-payment-01 .payment-guide .cmn-tip-btn{
margin-left:4px;
}
.tip-payment-info .list-credit{
display:inline-block;
vertical-align:middle;
}
.tip-payment-info .list-credit > li{
display:inline-block;
}
.tip-payment-info .list-payment img{
width:auto;
height:15px;
vertical-align:top;
}
.tip-payment-info .pay-text-box{
font-size:12px;
margin-top:4px;
padding-top:8px;
border-top:1px solid #ccc;
}
.tip-payment-info .pay-text-box p{
font-size:12px;
padding-left:.5em;
text-indent:-.5em;
}

/* def-list
---------------------------------- */
.def-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
grid-gap:5px 12px;
margin-top:10px;
}
.def-list dt{
white-space:nowrap;
position:relative;
}
.def-list dt::after {
content:":";
display:block;
position:absolute;
right:-8px;
top:0;
}

/* .list-payment-01
----------------------------------------------- */
.list-payment-01{
overflow:hidden;
}
.list-payment-01 > li{
position:relative;
display:inline-block;
padding-left:1em;
letter-spacing:normal;
}
.list-payment-01 > li:before{
position:absolute;
top:0;
left:0;
content:"\ff0f";
}
.list-payment-01 > li:first-child{
padding-left:0;
}
.list-payment-01 > li:first-child:before{
display:none;
}
.list-payment-01 > li.disabled{
color:#ccc;
}
.list-payment-01 > li.disabled:before{
color:var(--cmn-font-color-base);
}
.list-payment-01 > li.disabled:before + li.disabled:before{
color:#ccc;
}
.list-payment-01 > li .payment-guide{
margin-left:4px;
}
.list-payment-01 > li .payment-guide .cmn-tip-btn{
position:relative;
top:-1px;
margin-left:4px;
}

/* .list-credit
----------------------------------------------- */
.list-credit{
overflow:hidden;
}
.list-credit > li{
float:left;
margin-right:5px;
}
.list-credit > li img{
vertical-align:bottom;
}

/* .list-bullet
----------------------------------------------- */
.list-bullet > li{
padding-left:1em;
position:relative;
}
.list-bullet > li:before{
content:"\30fb";
position:absolute;
left:0;
top:0;
}

/* .notice-list-payment
----------------------------------------------- */
.notice-list-payment > li{
position:relative;
padding-left:1em;
line-height:1.63;
}
.notice-list-payment > li::before{
content:"\203b";
position:absolute;
left:0;
top:0;
font-size:11px;
}
.notice-list-payment > li strong{
font-weight:normal;
}
.notice-list-payment > li > span:not([class]){
display:none;
}
.tip-payment-info .notice-list-payment{
font-size:11px;
color:var(--cmn-font-color-gray);
}

/* .notice-list-payment-01
----------------------------------------------- */
.notice-list-payment-01{
font-size:12px;
line-height:1.5;
color:var(--cmn-font-color-gray);
}
.notice-list-payment-01 > li{
padding-left:calc(1em + 2px);
position:relative;
}
.notice-list-payment-01 > li::before {
content:"\30fb";
display:block;
position:absolute;
top:0;
left:0;
}
.notice-list-payment-01 > li:not(:first-child){
margin-top:7px;
}
.notice-list-payment-01 > li strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.notice-list-payment-01 + *{
margin-top:10px;
padding-top:10px;
border-top:1px solid #ddd;
}

/* .tip-payment-cv-btn
----------------------------------------------- */
.tip-payment-cv-btn{
margin:10px 0 0 auto;
padding:7px 5px 6px;
border-radius:4px;
color:#fff !important;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:116px;
position:relative;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:18px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
line-height:1.35;
}
.tip-payment-cv-btn:active,
.tip-payment-cv-btn:hover,
.tip-payment-cv-btn:focus{
background-color:#67a700;
text-decoration:none;
}

/* .tip-exclusion-cv-btn
----------------------------------------------- */
.tip-exclusion-cv-btn{
margin:10px auto 12px;
padding:7px 5px 6px;
border-radius:4px;
color:#fff !important;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:250px;
position:relative;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:14px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
line-height:1.35;
}
.tip-exclusion-cv-btn:active,
.tip-exclusion-cv-btn:hover,
.tip-exclusion-cv-btn:focus{
background-color:#67a700;
text-decoration:none;
}

/* .tip-cancel-reg
---------------------------------- */
.tip-cancel-reg .cancel-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:14em 1fr;
grid-template-columns:14em 1fr;
grid-gap:4px 12px;
margin-top:12px;
}
.tip-cancel-reg .cancel-list >li{
display:contents;
}
.tip-cancel-reg .cancel-list >li > div:first-child{
position:relative;
}
.tip-cancel-reg .cancel-list >li > div:first-child::after{
position:absolute;
right:-6px;
top:0;
content:":";
display:block;
}

/* ----------------------------------------------------------------
  Modal
----------------------------------------------------------------- */
.cmn-modal-select{
top:150px;
}
.modal-style02 .section{
margin-top:20px;
}
.modal-style02 .section2-child{
padding-left:18px;
}
.modal-style02 label,
.modal-style02 input[type="checkbox"],
.modal-style02 input[type="radio"]{
cursor:pointer;
}
.modal-style02 .disabled label,
.modal-style02 .disabled input[type="checkbox"],
.modal-style02 .disabled input[type="radio"]{
cursor:default;
color:#ccc;
}
.modal-style02 label{
position:relative;
padding-left:18px;
}
.modal-style02 label > input[type="checkbox"],
.modal-style02 label input[type="radio"]{
margin:0;
position:absolute;
top:1px;
left:0;
}
div.overlay_wrapper.modal-style02 input[type="checkbox"]{
margin:0 5px 3px 0;
}
.modal-style02 .section .section-hdg{
position:relative;
margin-top:10px;
padding:3px 470px 1px 5px;
background-color:#f1f1f1;
}
.modal-style02 .section .section-hdg b{
font-size:15px;
}
.modal-style02 .section .section-hdg .section-hdg-sup{
font-size:12px;
position:absolute;
top:4px;
right:0;
}
.modal-style02 .section .info{
font-size:11px;
padding:7px 0 5px;
color:var(--cmn-font-color-gray);
}
.modal-style02 .section .check-list{
line-height:1.8;
}
.modal-style02 .section ul.check-list{
margin-top:-8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.modal-style02 .section .check-list label{
display:table;
line-height:1.35;
}
.modal-style02 .section .check-list li{
margin-top:8px;
padding-right:5px;
width:33.3333%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-style02 .section .check-list li.wide{
width:66.66%;
}
.modal-style02 .section dl.check-list{
line-height:1.2;
}
.modal-style02 .section dl.check-list dt{
font-weight:bold;
position:relative;
display:block;
margin-bottom:4px;
padding:1px 0;
color:var(--cmn-font-color-base);
}
.modal-style02 .section dl.check-list dd{
position:relative;
padding-left:17px;
}
.modal-style02 .section dl.check-list dd ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:13px;
}
.modal-style02 .section dl.check-list dd ul > li{
width:25%;
}
.modal-style02 .section dl.check-list dd + dt{
margin-top:15px;
}
.modal-style02 .section:first-child{
margin-top:0;
padding-top:0;
border:0;
}
.modal-style02 .section:first-child .section-hdg:first-child{
margin-top:0;
}
div.overlay_wrapper.modal-style02 .submit_Area p{
padding:4px 0 15px 0;
}

/* .vendorSort_List
----------------------------------------------- */
.cmn-modal-select .vendorSort_List{
margin-bottom:10px;
}
.cmn-modal-select .vendorSort_List dd{
display:inline-block;
margin-left:5px;
padding-left:6px;
border-left:1px solid #cacaca;
}
.cmn-modal-select .vendorSort_List dd.syllabary{
margin-left:0;
padding-left:0;
border-left:none;
}

/* .vendorList_Area
----------------------------------------------- */
.cmn-modal-select .vendorList_Table{
width:100%;
border-collapse:collapse;
border:1px solid #ddd;
border-bottom:none;
}
.cmn-modal-select .vendorList_Table tbody{
display:block;
background-color:#f1f1f1;
}
.cmn-modal-select .vendorList_Table tbody tr,
.cmn-modal-select .vendorList_Area tbody tr{
display:block;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.cmn-modal-select .vendorList_Table tbody tr th{
display:inline-block;
font-size:11px;
font-weight:normal;
text-align:center;
}
.cmn-modal-select .vendorList_Table tbody tr th.name{
min-width:520px;
width:calc(100% - 30px - 75px - 130px);
}
.cmn-modal-select .vendorList_Table tbody tr th.belong{
width:20%;
margin-left:auto;
}
.cmn-modal-select .vendorList_Area .vendorList_Table{
border-bottom:1px solid #ddd;
border-top:none;
}
.cmn-modal-select .vendorList_Area tbody{
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block !important;
width:100% !important;
height:258px;
overflow-y:scroll;
}
.cmn-modal-select .vendorList_Area tbody tr{
border-top:1px dotted #bdbdbd;
}
.cmn-modal-select .vendorList_Area tbody tr:hover,
.cmn-modal-select .vendorList_Area tbody tr:focus{
background-color:#fef4d5;
}
.cmn-modal-select .vendorList_Area tbody tr:first-child{
border-top:none;
}
.cmn-modal-select .vendorList_Area tbody tr td{
padding:7px 5px;
width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-select .vendorList_Area tbody tr .check{
width:30px;
text-align:center;
}
.cmn-modal-select .vendorList_Area tbody tr .name{
min-width:520px;
width:calc(100% - 30px - 75px - 130px);
}
.cmn-modal-select .vendorList_Area tbody tr .belong{
width:calc(100% - 520px);
}
.cmn-modal-select .vendorList_Area tbody tr .agent_img{
width:75px;
}
.cmn-modal-select .vendorList_Area tbody tr .agent_img span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:60px;
height:21px;
background-color:#fff;
border:solid 1px #c4c4c4;
text-align:center;
vertical-align:top;
}
.cmn-modal-select .vendorList_Area tbody tr .agent_img span img{
max-width:60px;
max-height:21px;
}
.cmn-modal-select .vendorList_Area tbody tr .belong{
min-width:110px;
width:110px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-select .vendorList_Area tbody tr .belong img{
vertical-align:middle;
width:auto;
height:auto;
}
.cmn-modal-select .form-select-vendor{
font-size:14px;
font-weight:bold;
display:inline-block;
vertical-align:middle;
}
.cmn-modal-select .form-select-vendor li{
display:inline-block;
margin-left:10px;
}
.cmn-modal-select .form-select-vendor label{
cursor:pointer;
}
.cmn-modal-select .form-select-vendor input{
margin:0 5px 0 0;
vertical-align:middle;
}

/* .condition-form-list
----------------------------------------------- */
.cmn-modal-select .condition-form-list{
overflow:hidden;
}
.cmn-modal-select .condition-form-list ul{
width:102.63157895%;
}
.cmn-modal-select .condition-form-list ul label{
cursor:pointer;
vertical-align:middle;
}
.cmn-modal-select .condition-form-list ul:before,
.cmn-modal-select .condition-form-list ul:after{
display:table;
content:"";
}
.cmn-modal-select .condition-form-list ul:after{
clear:both;
}
.cmn-modal-select .condition-form-list ul li{
position:relative;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:30.7017105%;
margin:5px 2.63157895% 0 0;
padding-left:18px;
}
.cmn-modal-select .condition-form-list ul li sup{
line-height:1;
vertical-align:baseline;
}
.cmn-modal-select .condition-form-list ul .disabled{
color:#ccc;
}
.cmn-modal-select .condition-form-list ul li input[type="checkbox"],
.cmn-modal-select .condition-form-list ul li input[type="radio"]{
position:absolute;
top:2px;
left:0;
margin:0;
}
.cmn-modal-select .condition-notice-list{
font-size:11px;
margin-top:10px;
}
.cmn-modal-select .condition-notice-list li{
display:inline-block;
margin-right:10px;
color:var(--cmn-font-color-gray);
}

/* .condition-form-meal
----------------------------------------------- */
.cmn-modal-select .condition-form-list-meal ul{
margin-bottom:15px;
}
.cmn-modal-select .condition-form-list-meal ul li{
padding:7px 0;
border-bottom:1px solid #ddd;
}
.cmn-modal-select .condition-form-list-meal ul li b{
font-size:13px;
font-weight:bold;
display:inline-block;
width:45px;
vertical-align:middle;
color:var(--cmn-font-color-base);
}
.cmn-modal-select .condition-form-list-meal ul li ul{
display:inline-table;
margin-bottom:0;
}
.cmn-modal-select .condition-form-list-meal ul li ul li{
display:inline-block;
width:100px;
padding:0;
vertical-align:middle;
border-bottom:none;
}
.cmn-modal-select .condition-form-list-meal ul li ul li label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.cmn-modal-select .condition-form-list-meal ul li ul li label input[type="radio"]{
margin-top:-1px;
margin-right:4px;
}
.cmn-modal-select .notes-01{
line-height:1.3;
}

/* .condition-form-list-room-type
----------------------------------------------- */
.cmn-modal-select .condition-form-list-room-type{
margin:5px auto 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:420px;
font-size:13px;
}
.cmn-modal-select .condition-form-list-room-type > li{
margin-top:15px;
width:33.3333%;
}
.cmn-modal-select .condition-form-list-room-type input{
margin-left:0;
position:absolute;
top:1px;
left:0;
cursor:pointer;
}
.cmn-modal-select .condition-form-list-room-type > li > label{
padding-left:20px;
display:block;
position:relative;
cursor:pointer;
line-height:1.25;
}
.cmn-modal-select .condition-form-list-room-type .num{
display:block;
line-height:1;
font-family:var(--font-num);
font-size:11px;
}
.cmn-modal-select .condition-form-list-room-type > .disabled label,
.cmn-modal-select .condition-form-list-room-type input:disabled{
cursor:default;
color:#ccc;
}

/* .modal-tel
----------------------------------------------- */
.modal-tel{
width:560px;
}
.modal-tel .contact-description{
font-weight:bold;
margin-bottom:5px;
color:var(--cmn-font-color-base);
}
.modal-tel .contact-description .addition{
font-weight:normal;
display:block;
}
.modal-tel .flight-code{
margin-bottom:20px;
padding:10px;
word-wrap:break-word;
background-color:#fff9ea;
}
.modal-tel .flight-code b{
font-weight:bold;
}
.modal-tel .flight-code b strong{
font-family:var(--font-num);
font-size:18px;
font-weight:bold;
display:inline-block;
margin:0 5px;
padding:3px 5px;
color:#fff;
background-color:#e93939;
}
.modal-tel .flight-code .flight-code-notes{
margin-top:10px;
}
.modal-tel .flight-code .flight-code-notes li{
font-size:11px;
padding-left:1em;
color:var(--cmn-font-color-gray);
}
.modal-tel .flight-code .flight-code-notes li:before{
display:inline-block;
content:"\203b";
text-indent:-1em;
}
.modal-tel .contact-agt{
overflow:visible;
overflow-x:hidden;
overflow-y:visible;
height:auto;
min-height:250px;
margin:0 auto -5px auto;
border:solid 1px #bdbdbd;
}
.modal-tel .contact-agt table{
width:100%;
margin:0 0 15px 0;
table-layout:fixed;
border-collapse:collapse;
}
.modal-tel .contact-agt caption{
font-size:12px;
padding:3px 25px 3px 10px;
text-align:left;
color:var(--cmn-font-color-base);
background-color:#f0f0f0;
}
.modal-tel .contact-agt th{
font-weight:normal;
width:60px;
color:var(--cmn-font-color-base);
}
.modal-tel .contact-agt td{
padding:3px 25px 3px 10px;
color:var(--cmn-font-color-base);
}
.modal-tel .contact-agt td img{
margin:0 3px 0 0;
}
.modal-tel .contact-agt td em{
font-family:var(--font-num);
font-size:16px;
font-weight:bold;
color:var(--cmn-font-color-red);
}

/* .modal-btn-list
----------------------------------------------- */
.cmn-modal-box{
color:var(--cmn-font-color-base);
}
.modal-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.modal-btn-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:40px;
}
.modal-btn-list li:not(:first-child){
margin-left:16px;
}
.modal-btn-list li button{
padding:5px 20px;
border-radius:4px;
min-width:160px;
min-height:40px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
cursor:pointer;
font-weight:bold;
line-height:1.3;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:17px;
font-weight:bold;
}
.modal-btn-list li .modal-info-btn{
border:none;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
background-color:#72ba00;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
}
.modal-btn-list li .modal-info-btn > span{
display:block;
font-size:11px;
}
.modal-btn-list li .modal-close-btn{
background-color:#fff;
border:1px solid #c5c5c5;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .2) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .2) inset;
}

/* ----------------------------------------------------------------
  Modal goto-campaing
----------------------------------------------------------------- */
/* .modal-goto-campaing
----------------------------------------------- */
.modal-goto-campaing{
text-align:left;
font-size:14px;
}
.modal-goto-campaing-hdg-l2{
margin-bottom:15px;
padding:14px 10px 10px;
font-size:16px;
background-color:#eee;
line-height:1;
}
.modal-goto-campaing .date{
margin-bottom:10px;
}
.modal-goto-campaing .more{
display:table;
margin-top:30px;
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.modal-goto-campaing .more > .more-note{
margin-left:5px;
font-size:11px;
display:inline-block;
}
.modal-goto-campaing .modal-burette-list{
margin-bottom:25px;
}
.modal-goto-campaing .modal-burette-list li::before{
content:"\030FB";
}
.modal-goto-campaing .modal-burette-list ul{
padding-left:1em;
}
.modal-goto-campaing .modal-burette-list ul li{
padding-left:1em;
text-indent:-1em;
}

/* ----------------------------------------------------------------
  Modal Covid-19
----------------------------------------------------------------- */
/* .modal-covid19
----------------------------------------------- */
.modal-covid19{
text-align:left;
font-size:14px;
color:var(--cmn-font-color-base);
}

/* .modal-covid19-hdg-l2
----------------------------------------------- */
.modal-covid19 .modal-covid19-hdg-l2{
margin-bottom:15px;
padding:14px 10px 10px;
background-color:#eee;
line-height:1;
font-size:16px;
}

/* .modal-covid19-hdg-l3
----------------------------------------------- */
.modal-covid19 .modal-covid19-hdg-l3{
margin:15px 0 20px;
font-size:15px;
}
.modal-covid19 .modal-covid19-hdg-text{
margin:15px 0 10px;
}

/* .modal-covid19-date
----------------------------------------------- */
.modal-covid19 .modal-covid19-date{
margin-bottom:10px;
}

/* .modal-covid19-link
----------------------------------------------- */
.modal-covid19 .modal-covid19-link{
margin-top:30px;
display:table;
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.modal-covid19 .modal-covid19-link .icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* .modal-covid19-note
----------------------------------------------- */
.modal-covid19 .modal-covid19-note{
margin-left:5px;
display:inline-block;
font-size:11px;
}

/* .modal-covid19-toggle
----------------------------------------------- */
.modal-covid19 .modal-covid19-toggle{
margin-bottom:30px;
}
.modal-covid19 .modal-covid19-hdg-l3 + .modal-covid19-toggle{
margin-top:-10px;
}

/* .modal-covid19-toggle-hook
----------------------------------------------- */
.modal-covid19 .modal-covid19-toggle-hook{
padding:0 0 0 20px;
border:none;
border-bottom:1px solid #ccc;
display:block;
width:100%;
height:50px;
position:relative;
background-color:#fff;
text-align:left;
font-size:14px;
}
.modal-covid19 .modal-covid19-toggle-hook::before{
margin-top:-4px;
content:"";
display:block;
width:12px;
height:7px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
}
.modal-covid19 .modal-covid19-toggle > li.is-active .modal-covid19-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.modal-covid19 .modal-covid19-toggle-hook.modal-covid19-hotel{
border-top:1px solid #ccc;
border-bottom:none;
font-weight:bold;
}

/* .modal-covid19-toggle-content
----------------------------------------------- */
.modal-covid19 .modal-covid19-toggle-content{
margin:15px 0 10px;
padding:0 25px;
display:none;
}
.modal-covid19 .modal-covid19-toggle-content.modal-covid19-hotel{
margin:0 0 30px;
padding:0;
}
.modal-covid19 .modal-covid19-toggle > li.is-active .modal-covid19-toggle-content{
display:block;
font-size:13px;
}

/* .modal-covid19-list
----------------------------------------------- */
.modal-covid19 .modal-covid19-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.modal-covid19 .modal-covid19-list > li:not(:first-child){
margin-top:5px;
}
.modal-covid19 .modal-covid19-list > li > span{
margin-right:5px;
padding-right:1em;
position:relative;
display:block;
}
.modal-covid19 .modal-covid19-list > li > span::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.modal-covid19 .modal-covid19-hdg-l3 + .modal-covid19-list{
margin-top:-15px;
}

/* .modal-covid19-link-list
----------------------------------------------- */
.modal-covid19 .modal-covid19-link-list > li{
margin-right:20px;
display:inline-block;
}
.modal-covid19 .modal-covid19-link-list a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.modal-covid19 .modal-covid19-link-list .icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* .modal-covid19-text
----------------------------------------------- */
.modal-covid19 .modal-covid19-text{
margin-top:10px;
}
.modal-covid19 .modal-covid19-text a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.modal-covid19 .modal-covid19-text .icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* .modal-covid19-bullet-list
----------------------------------------------- */
.modal-covid19 .modal-covid19-bullet-list{
margin-top:10px;
}
.modal-covid19 .modal-covid19-bullet-list li{
padding-left:1em;
position:relative;
}
.modal-covid19 .modal-covid19-bullet-list li::before{
content:"\030FB";
position:absolute;
left:0;
}
.modal-covid19 .modal-covid19-text + .modal-covid19-bullet-list,
.modal-covid19 .modal-covid19-bullet-list li > ul{
margin-top:0 !important;
}

/* .modal-covid19-tbl
----------------------------------------------- */
.modal-covid19 .modal-covid19-tbl{
margin-top:15px;
border-top:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
.modal-covid19 .modal-covid19-tbl th{
width:165px;
padding:7px 7px 7px 0;
font-weight:normal;
text-align:left;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-covid19 .modal-covid19-tbl td{
padding:7px 0 7px 7px;
border-bottom:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-covid19 .modal-covid19-tbl td em{
color:var(--cmn-font-color-red);
}
.modal-covid19 .modal-covid19-tbl .modal-covid19-tbl-item{
margin-top:8px;
}
.modal-covid19 .modal-covid19-tbl .modal-covid19-tbl-item .modal-covid19-tbl-sup{
display:inline-block;
}
.modal-covid19 .modal-covid19-tbl .modal-covid19-tbl-item .modal-covid19-tbl-sup::after{
content:":";
margin:0 3px;
display:inline-block;
}

/* .modal-goto-text
----------------------------------------------- */
.cmn-modal-box .text-info{
margin-bottom:0;
}
.text-info + .modal-btn-box{
margin-top:30px;
}
.modal-goto-text p{
font-size:14px;
text-align:left;
margin-top:20px;
}
.modal-goto-text .goto-notice-list{
font-size:11px;
text-align:left;
margin-top:20px;
}
.cmn-modal-box .text-info + .checkbox-custom{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:24px 0;
}
.cmn-modal-box .text-info + .checkbox-custom input{
margin-right:10px;
}
.cmn-modal-box .text-info + .checkbox-custom span{
font-size:16px;
}

/* ----------------------------------------------------------------
 Local Modal
------------------------------------------------------------------- */
.local-modal-container{
display:none;
position:absolute;
z-index:1000;
width:100%;
height:100%;
min-height:615px;
top:0;
left:0;
padding:40px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container.is-active{
display:block;
}
.local-modal-container.modal-select-hotel{
padding:1.5% 0 !important;
}
.local-modal-container .local-modal-layer{
position:fixed;
width:100vw;
height:100vh;
margin:auto;
top:0;
left:0;
opacity:.6;
filter:alpha(opacity = 60);
background-color:#000;
}
.local-modal-container .local-modal{
position:relative;
z-index:1001;
background-color:#222;
width:100%;
height:100%;
min-height:585px;
max-height:888px;
padding:0 10px 10px;
margin:0 auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.local-modal-container .local-modal .local-modal-hdg-container{
padding:14px 95px 13px 20px;
color:#fff;
position:relative;
font-size:15px;
font-weight:bold;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-hdg-sup{
position:absolute;
right:48px;
top:13px;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-hdg{
display:inline-block;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-clear-btn{
display:block;
background:none;
color:#fff;
border:1px solid #fff;
border-radius:4px;
font-size:12px;
height:25px;
padding:3px 12px 4px;
}
.local-modal-container .local-modal .local-modal-footer{
width:100%;
padding:10px;
background-color:#e5e5e5;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-btn{
display:inline-block;
height:39px;
padding:6px 24px;
line-height:1;
border:none;
border-radius:4px;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
min-width:7.5em;
cursor:pointer;
background-color:#72ba00;
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
}
.local-modal-container .local-modal .local-modal-content{
background-color:#fff;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll{
overflow-y:scroll;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll-hidden{
scrollbar-width:none;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll-hidden::-webkit-scrollbar{
display:none;
}
.local-modal-container .local-modal .local-modal-item{
padding:0 20px 16px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.local-modal-container.modal-departure .local-modal .local-modal-item,
.local-modal-container.modal-destination .local-modal .local-modal-item{
padding-bottom:0;
}
.local-modal-container .local-modal .local-modal-btn-close{
position:absolute;
top:-18px;
right:-25px;
}
.local-modal-container .local-modal .local-modal-btn-close button{
border:none;
cursor:pointer;
width:53px;
height:52px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
}
.local-modal-container .local-modal .local-modal-btn-close button:active,
.local-modal-container .local-modal .local-modal-btn-close button:hover,
.local-modal-container .local-modal .local-modal-btn-close button:focus{
background-position:0 -65px;
}
.local-modal-container .local-modal .local-modal-header{
background-color:#fff;
}

/* local-modal-hotel
----------------------------------------------------------------- */
.local-modal-container.modal-select-hotel .local-modal{
width:820px;
}
.local-modal-container.modal-select-hotel .local-modal-item-hdg{
margin:20px 0 0;
padding:4px 10px 3px;
background-color:#f1f1f1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.local-modal-container.modal-select-hotel .local-modal-item-hdg-01{
color:var(--cmn-font-color-base);
font-size:15px;
font-weight:bold;
}
.local-modal-container.modal-select-hotel .local-modal-item-hdg-notes{
margin-left:16px;
padding-top:2px;
color:var(--cmn-font-color-gray);
}
.local-modal-container.modal-select-hotel .local-modal-item-hdg-notes > li{
text-indent:-1em;
margin-left:1em;
font-size:11px;
font-weight:normal;
}
.local-modal-container.modal-departure .local-modal,
.local-modal-container.modal-destination .local-modal{
width:450px;
}

/* .local-modal-hotel-filtering
----------------------------------------------------------------- */
.local-modal-hotel-filtering{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.local-modal-hotel-filtering-item{
margin-top:10px;
-webkit-box-flex:1;
-ms-flex:1 0 50%;
flex:1 0 50%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.local-modal-hotel-filtering-item-hdg{
margin-right:5px;
width:75px;
font-weight:normal;
font-size:12px;
}
.local-modal-hotel-filtering-item input[type="text"]{
padding:5px;
border:1px solid #bebebe;
border-radius:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:34px;
width:375px;
background-color:#fff;
font-size:13px;
}
.local-modal-hotel-filtering-item-col{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.local-modal-hotel-filtering-item-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
position:relative;
}
.local-modal-hotel-filtering-item-list > li{
margin-left:-1px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:calc(100% / 4);
position:relative;
}
.local-modal-hotel-filtering-item-list button{
padding:5px 20px 5px 5px;
border:1px solid #bebebe;
width:100%;
max-width:171px;
height:34px;
position:relative;
background:#fff;
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
font-size:13px;
color:var(--cmn-font-color-base);
}
.local-modal-hotel-filtering-item-list button > div{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.local-modal-hotel-filtering-item-list button .icon-r-hotel{
position:relative;
top:0;
font-size:0;
vertical-align:middle;
}
.local-modal-hotel-filtering-item-list button.is-unselected{
color:var(--font-color-placeholder);
}
.local-modal-hotel-filtering-item-list li:first-child button{
border-radius:2px 0 0 2px;
}
.local-modal-hotel-filtering-item-list li:last-child button{
border-radius:0 2px 2px 0;
}
.local-modal-hotel-filtering-item-list button:focus{
z-index:1;
}
.local-modal-hotel-filtering-item-list button::after{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:12px;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.local-modal-hotel-filtering-item-list button:disabled{
color:#ccc;
border-color:#ccc;
cursor:default;
}
.local-modal-hotel-filtering-item-list button:disabled::after{
border-top-color:#ccc;
}
.local-modal-hotel-filtering-item-list-pulldown{
padding:10px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#bebebe;
position:absolute;
top:100%;
left:0;
z-index:1;
min-width:100%;
display:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
border-radius:0 0 2px 2px;
}
.local-modal-hotel-filtering-item-list > li.is-active .local-modal-hotel-filtering-item-list-pulldown{
display:block;
}
.local-modal-hotel-filtering-item-list > li:last-child .local-modal-hotel-filtering-item-list-pulldown{
left:auto;
right:0;
}
.local-modal-hotel-filtering-item-list-pulldown-list.radio-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
row-gap:2px;
}
.local-modal-hotel-filtering-item-list-pulldown-list.radio-list li{
display:block;
width:100%;
}
.local-modal-hotel-filtering-item-list-pulldown-list.radio-list li label{
position:relative;
padding-left:16px;
font-size:13px;
}
.local-modal-hotel-filtering-item-list-pulldown-list.radio-list li label input[type="radio"]{
position:absolute;
top:4px;
left:0;
}
.local-modal-hotel-filtering-item-list-pulldown-list.radio-list .disabled{
color:#ccc;
}
.local-modal-hotel-filtering-item-list-pulldown-list.check-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
row-gap:2px;
}
.local-modal-hotel-filtering-item-list-pulldown-list.check-list > li{
display:block;
width:100%;
}
.local-modal-hotel-filtering-item-list-pulldown-list.check-list label{
position:relative;
padding-left:16px;
font-size:12px;
display:inline-block;
}
.local-modal-hotel-filtering-item-list-pulldown-list.check-list label input{
position:absolute;
top:3px;
left:0;
}
.local-modal-hotel-filtering-item-list-pulldown-list.check-list > .is-disabled{
opacity:.25;
}
.local-modal-hotel-filtering-item-list-pulldown-list.check-list > .is-disabled label{
cursor:default;
}
.local-modal-hotel-filtering-item-list-pulldown.bath-list{
min-width:195px;
}
.local-modal-hotel-filtering-item-list-pulldown.location-list{
min-width:268px;
}
.local-modal-hotel-filtering-item-list-pulldown.location-list .location{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
}
.local-modal-hotel-filtering-item-list-pulldown.location-list .location p{
font-size:13px;
margin-left:-6px;
overflow:hidden;
white-space:nowrap;
}
.local-modal-hotel-filtering-item-list-pulldown.location-list .location .form-custom-select{
border-radius:4px;
min-width:110px;
margin-left:8px;
}
.local-modal-hotel-filtering-item-list-pulldown.location-list .location .form-custom-select select{
font-size:13px;
}
.local-modal-hotel-filtering-result .result-num{
margin-top:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.local-modal-hotel-filtering-result .result-num > :first-child{
font-size:12px;
}
.local-modal-hotel-filtering-result .result-num b{
font-size:16px;
}
.local-modal-hotel-filtering-result .result-num .cmn-loading-spinner-dot{
margin:0 10px 4px;
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
position:relative;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat 0 0;
background-size:contain;
vertical-align:middle;
}
.local-modal-hotel-filtering-result .result-sort{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.local-modal-hotel-filtering-result .result-sort .form-custom-select{
margin-left:12px;
border-radius:4px;
}
.local-modal-hotel-filtering-result .result-sort .form-custom-select select{
padding-left:8px;
min-width:266px;
}

/* .local-modal-hotel-filtering-result-container
----------------------------------------------------------------- */
.local-modal-hotel-filtering-result-container{
margin-top:10px;
border:1px solid #ddd;
font-size:11px;
overflow:hidden;
min-height:215px;
max-height:500px;
}
.local-modal-hotel-filtering-result-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background-color:#f1f1f1;
padding:4px 18px 4px 12px;
text-align:center;
}
.local-modal-hotel-filtering-result-head li{
text-align:center;
}
.local-modal-hotel-filtering-result-head .hotel{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:left;
}
.local-modal-hotel-filtering-result-head .area{
width:139px;
}
.local-modal-hotel-filtering-result-head .hotel-rank{
width:85px;
}
.local-modal-hotel-filtering-result-head .price-range{
width:70px;
}
.local-modal-hotel-filtering-result-head .user-review{
width:85px;
}
.local-modal-hotel-filtering-result-head .hotel-detail{
width:74px;
}
.local-modal-hotel-filtering-result-content{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-x:hidden;
overflow-y:scroll;
height:calc(100% - 25px);
min-height:180px;
}
.local-modal-hotel-filtering-result-container.is-loading{
height:100%;
min-height:auto;
}
.local-modal-hotel-filtering-result-container.is-loading .local-modal-hotel-filtering-result-content{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-height:auto;
}
.local-modal-hotel-filtering-result-container.is-loading .local-modal-hotel-filtering-result-content .error-text{
font-size:18px;
font-weight:bold;
text-align:center;
width:100%;
}
.local-modal-hotel-filtering-result-content .hotel-filtering-list li{
padding:6px 18px 6px 0;
margin-left:10px;
}
.hotel-filtering-list ul li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:11px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:5px 0;
border-top:1px dotted #c9c9c9;
}
.hotel-filtering-list ul li.is-active,
.hotel-filtering-list ul li:hover{
background-color:#fef4d5;
}
.hotel-filtering-list ul li:first-child{
border:none;
}
.hotel-filtering-list ul li > .hotel{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-right:24px;
position:relative;
}
.hotel-filtering-list ul li > .hotel .hotel-name{
font-size:13px;
line-height:1;
}
.hotel-filtering-list ul li > .area{
width:115px;
padding:0 12px;
}
.hotel-filtering-list ul li > .area span{
display:block;
}
.hotel-filtering-list ul li > .hotel-rank{
width:85px;
text-align:center;
}
.hotel-filtering-list ul li > .price-range{
width:70px;
text-align:center;
}
.hotel-filtering-list ul li > .user-review{
width:85px;
text-align:center;
}
.hotel-filtering-list ul li > .hotel-detail{
width:74px;
text-align:center;
white-space:nowrap;
}
.hotel-filtering-list ul li > .hotel-detail span:not(:first-child){
margin-left:5px;
padding-left:5px;
border-left:1px solid #ddd;
}
.hotel-filtering-list ul li div label{
padding-left:24px;
position:relative;
display:block;
cursor:pointer;
}
.hotel-filtering-list ul li div label input{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:0;
cursor:pointer;
}
.hotel-filtering-list ul li div label input:disabled{
cursor:default;
}
.local-modal-list{
text-align:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background-color:#e5e5e5;
padding:16px 10px 10px;
width:100%;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-list > li{
margin:0 8px 0 0;
}
.local-modal-list button{
padding:2px 18px 2px 5px;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
min-height:24px;
position:relative;
background-color:#fff;
font-size:12px;
}
.local-modal-list button > span:not([class]){
color:rgba(0,0,0,0);
position:absolute;
top:7px;
right:6px;
width:7px;
height:7px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-reset-line.svg) no-repeat 0 0;
}
.local-modal-list .btn-clear{
border-color:#e4e4e4;
background-color:#e4e4e4;
}
.local-modal-list .btn-clear::before{
content:"";
display:block;
width:7px;
height:7px;
overflow:hidden;
position:absolute;
top:7px;
right:6px;
background:url(/element/shared/images/icon/icon-reset-line.svg) no-repeat 0 0;
}
.local-modal-list-scroll{
display:block;
position:relative;
background-color:#e5e5e5;
padding:16px 10px 12px;
width:100%;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-list-scroll ul{
text-align:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x:scroll;
position:relative;
white-space:nowrap;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
scrollbar-width:none;
-ms-overflow-style:none;
}
.local-modal-list-scroll + .local-modal-footer{
padding-top:0 !important;
}
.local-modal-list-scroll ul::-webkit-scrollbar{
display:none;
}
.local-modal-list-scroll ul > li{
margin:0 8px 0 0;
}
.local-modal-list-scroll button{
padding:2px 18px 2px 5px;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
min-height:24px;
position:relative;
background-color:#fff;
font-size:12px;
}
.local-modal-list-scroll button > span:not([class]){
color:rgba(0,0,0,0);
position:absolute;
top:7px;
right:6px;
width:7px;
height:7px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-reset-line.svg) no-repeat 0 0;
}
.local-modal-list-scroll .btn-clear{
border-color:#e4e4e4;
background-color:#e4e4e4;
}
.local-modal-list-scroll .btn-clear::before{
content:"";
display:block;
width:7px;
height:7px;
overflow:hidden;
position:absolute;
top:7px;
right:6px;
background:url(/element/shared/images/icon/icon-reset-line.svg) no-repeat 0 0;
}
.local-modal-list-scroll-button{
background-color:#fff;
-webkit-box-shadow:0 0 5px rgb(0 0 0 / 40%);
box-shadow:0 0 5px rgb(0 0 0 / 40%);
cursor:pointer;
display:block;
width:20px;
height:40px;
margin:auto;
outline:none;
overflow:hidden;
position:absolute;
top:0;
bottom:0;
z-index:10;
-webkit-user-select:none;
}
.local-modal-list-scroll-button.button-prev{
top:4px;
left:0;
border-radius:0 36px 36px 0;
background:#fff url(/element/j_tour/shared/images/icon/icon-arrow-back.svg) no-repeat 4px 50%;
background-size:8px auto;
}
.local-modal-list-scroll-button.button-next{
top:4px;
right:0;
border-radius:36px 0 0 36px;
background:#fff url(/element/j_tour/shared/images/icon/icon-arrow-front.svg) no-repeat 8px 50%;
background-size:8px auto;
}

/* .mdl-hotel-other
----------------------------------------------------------------- */
.mdl-hotel-other .cmn-modal-item{
padding-bottom:54px;
min-height:280px;
}
.mdl-hotel-other .modal-hotel-filtering{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.mdl-hotel-other .modal-hotel-filtering-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.mdl-hotel-other .modal-hotel-filtering-item:not(:first-child){
margin-top:16px;
}
.mdl-hotel-other .modal-hotel-filtering-item.branch .modal-hotel-filtering-item-hdg{
margin-bottom:auto;
padding-top:1px;
}
.mdl-hotel-other .modal-hotel-filtering-item-hdg{
margin-right:16px;
width:75px;
font-weight:normal;
font-size:12px;
}
.modal-hotel-filtering-item-col{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
.modal-hotel-filtering-item-col .hotel-rank-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
gap:12px;
}
.modal-hotel-filtering-item-col .hotel-rank-list label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.modal-hotel-filtering-item-col .hotel-rank-list label .icon-r-hotel{
margin:0 4px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-filtering-item-col-pulldown{
padding:10px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#bebebe;
position:absolute;
top:100%;
left:0;
z-index:1;
min-width:150px;
width:150px;
display:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
border-radius:0 0 2px 2px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-filtering-item-col-pulldown.word-search{
padding:12px 15px;
min-width:445px;
width:445px;
border-top:1px solid #bebebe;
margin-top:-1px;
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);
border-radius:0;
z-index:10;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-filtering-item-col-pulldown.word-search::before{
content:"";
display:block;
background-color:#fff;
width:110%;
height:6px;
position:absolute;
top:-7px;
left:0;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-filtering-item-col-pulldown.is-active{
display:block;
}
.modal-hotel-filtering-item-col-pulldown-list.radio-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
row-gap:2px;
}
.modal-hotel-filtering-item-col-pulldown-list.radio-list li{
display:block;
width:100%;
}
.modal-hotel-filtering-item-col-pulldown-list.radio-list li label{
position:relative;
padding-left:16px;
font-size:13px;
}
.modal-hotel-filtering-item-col-pulldown-list.radio-list li label .icon-r-hotel{
position:relative;
top:-1px;
line-height:1;
}
.modal-hotel-filtering-item-col-pulldown-list.radio-list li label input[type="radio"]{
position:absolute;
top:4px;
left:0;
}
.modal-hotel-filtering-item-col-pulldown-list.radio-list .disabled{
color:#ccc;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search{
position:relative;
max-width:375px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search > input{
padding:2px 30px 0 5px;
border:1px solid #bebebe;
border-radius:2px;
min-width:375px;
height:34px;
position:relative;
background:#fff;
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:100;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search > input::-webkit-input-placeholder{
font-size:14px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search > input::-moz-placeholder{
font-size:14px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search > input:-ms-input-placeholder{
font-size:14px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search > input::-ms-input-placeholder{
font-size:14px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search > input::placeholder{
font-size:14px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search .modal-hotel-word-search-btn-del{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:url(/element/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px 14px;
z-index:100;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .modal-hotel-word-search .modal-hotel-word-search-btn-del::after{
border:none;
}
.mdl-hotel-other .modal-hotel-word-search-link-list{
line-height:1.35;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li:not(:first-child){
margin-top:8px;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li > a{
padding:0 0 0 24px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li > a:hover{
text-decoration:none;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li.disabled a{
opacity:.33;
cursor:default;
pointer-events:none;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li > a div{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:100%;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li > a span.sup{
font-size:12px;
display:inline;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li > a span.brackets + span.brackets{
margin-left:-8px;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li.has-child > a{
padding-right:20px;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li.has-child > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.mdl-hotel-other .modal-hotel-word-search-link-list li[class] a:before {
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:18px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.mdl-hotel-other .modal-hotel-word-search-link-list li.hotel a:before{
background-image:url(/element/j_tour/shared/images/icon/icon-hotel-ocher.svg);
background-size:17px 12px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col > button{
padding:5px 20px 5px 5px;
border:1px solid #bebebe;
border-radius:2px;
min-width:150px;
height:34px;
position:relative;
background:#fff;
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
font-size:13px;
color:var(--cmn-font-color-base);
}
.mdl-hotel-other .modal-hotel-filtering-item-col > button .icon-r-hotel{
position:relative;
top:2px;
font-size:0;
vertical-align:top;
}
.mdl-hotel-other .modal-hotel-filtering-item-col > button.is-unselected{
color:var(--font-color-placeholder);
}
.mdl-hotel-other .modal-hotel-filtering-item-col button:focus{
z-index:1;
}
.mdl-hotel-other .modal-hotel-filtering-item-col button::after{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:12px;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.mdl-hotel-other .modal-hotel-filtering-item-col button:disabled{
color:#ccc;
border-color:#ccc;
cursor:default;
}
.mdl-hotel-other .modal-hotel-filtering-item-col button:disabled::after{
border-top-color:#ccc;
}
.mdl-hotel-other .modal-hotel-filtering-item-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
position:relative;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
row-gap:8px;
}
.mdl-hotel-other .modal-hotel-filtering-item-list.radio-list li{
margin-right:40px;
}
.mdl-hotel-other .modal-hotel-filtering-item-list.check-list li{
width:215px;
}
.mdl-hotel-other .modal-hotel-filtering-item-list.radio-list li label,
.mdl-hotel-other .modal-hotel-filtering-item-list.check-list li label{
position:relative;
padding-left:16px;
font-size:14px;
}
.mdl-hotel-other .modal-hotel-filtering-item-list.radio-list li label input[type="radio"],
.mdl-hotel-other .modal-hotel-filtering-item-list.check-list li label input[type="checkbox"]{
position:absolute;
top:4px;
left:0;
}
.mdl-hotel-other .modal-hotel-filtering-item-list .disabled{
color:#ccc;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .location{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .location p{
font-size:14px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .location .form-custom-select{
border-radius:2px;
min-width:100px;
margin-left:8px;
}
.mdl-hotel-other .modal-hotel-filtering-item-col .location .form-custom-select select{
font-size:14px;
}

/* ----------------------------------------------------------------
List
-------------------------------------------------------------------
.link-item-list
----------------------------------------------------------------- */
.link-item-list{
letter-spacing:-.4em;
}
.link-item-list > li{
display:inline-block;
margin-right:25px;
letter-spacing:normal;
}
.link-item-list > li > span:before{
display:inline-block;
content:"\3010";
vertical-align:top;
}
.link-item-list > li > span:after{
display:inline-block;
content:"\3011";
vertical-align:top;
}

/* .notice-list
----------------------------------------------- */
.notice-list-box{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:800px;
margin:0 auto;
padding:0 40px;
}
.notice-list{
margin:0 auto;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.notice-list > li{
position:relative;
padding-left:1em;
margin-top:5px;
}
.notice-list > li::before{
position:absolute;
top:0;
left:0;
content:"\203b";
}
.notice-list > li > .mark{
position:absolute;
top:0;
left:0;
}

/* ----------------------------------------------------------------
 .link-agt-container
----------------------------------------------------------------- */
.link-agt-box{
padding:0 60px;
}
.link-agt-box .notice-list li{
margin-top:3px;
}
.link-agt-box .notice-list li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.link-agt-container{
margin:10px 0;
}
.link-agt-container img{
vertical-align:top;
}
.link-agt-container .link-agt-logo{
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:50px;
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
}
.link-agt-container .link-agt-logo > img{
max-width:48px;
height:auto;
vertical-align:middle;
}
.link-agt-container .link-jata-logo{
display:inline-block;
vertical-align:top;
}

/* ----------------------------------------------------------------
 table
----------------------------------------------------------------- */
.link-tbl{
width:100%;
margin:10px 0;
border-collapse:collapse;
}
.link-tbl img{
vertical-align:top;
}
.link-tbl tr > th,
.link-tbl tr > td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:7px 10px;
color:var(--cmn-font-color-base);
border-width:1px 0;
border-style:solid;
border-color:#dcdcdc;
}
.link-tbl tr > th{
font-weight:normal;
line-height:1.2;
width:10.5em;
text-align:left;
color:#444;
background-color:#eee;
}
.link-tbl tr > th > .sup{
display:block;
}
.link-tbl tr > td{
position:relative;
text-align:left;
}
.link-tbl tr > td input[type="text"]{
width:180px;
color:var(--cmn-font-color-base);
}
.link-tbl tr > td select{
margin-left:5px;
}
.link-tbl tr > td .children,
.link-tbl tr > td .baby{
display:inline-block;
margin-right:20px;
}
.link-tbl tr > td .popup-notice{
font-size:12px;
line-height:1.2;
position:absolute;
top:-1px;
left:230px;
display:none;
padding:5px 10px;
border:1px solid #aaa;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
}
.link-tbl tr > td .popup-notice:before{
position:absolute;
top:13px;
left:-13px;
display:block;
width:0;
height:0;
content:"";
border-width:6px;
border-style:solid;
border-color:transparent #aaa transparent transparent;
}
.link-tbl tr > td .popup-notice:after{
position:absolute;
top:13px;
left:-12px;
display:block;
width:0;
height:0;
content:"";
border-width:6px;
border-style:solid;
border-color:transparent #fff transparent transparent;
}
.link-tbl tr > td .popup-notice.active{
display:block;
}
.link-tbl tr > td .notice{
margin-top:5px;
}
.link-tbl tr > td .notice{
font-size:12px;
line-height:1.2;
color:#e30606;
}
.link-tbl tr > td .item-price > b{
font-size:16px;
color:var(--cmn-font-color-base);
}
.link-tbl tr > td .item-price > b > strong{
font-family:verdana;
font-size:20px;
}
.link-tbl tr > td .item-price.unavailable,
.link-tbl tr > td .item-price.unavailable > b{
color:#999;
}
.link-tbl tr > td .item-state{
font-size:16px;
position:relative;
padding-left:60px;
color:#e30606;
}
.link-tbl tr > td .item-state:before{
position:absolute;
top:8px;
left:12px;
display:block;
width:28px;
height:6px;
content:"";
background-color:#7d7d7d;
}
.link-tbl tr > td .item-state:after{
position:absolute;
top:3px;
left:40px;
display:block;
width:0;
height:0;
content:"";
border-width:8px;
border-style:solid;
border-color:transparent transparent transparent #7d7d7d;
}
.link-tbl tr > td span{
font-size:11px;
margin-left:8px;
vertical-align:text-top;
}

/*.calendar-container
----------------------------------------------- */
.calendar-container{
position:absolute;
left:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:730px;
margin-left:-365px;
padding:0 20px 20px;
border:solid 1px #999;
background-color:#fff;
z-index:1001;
margin-top:-150px;
}
.calendar-header{
font-size:14px;
font-weight:bold;
margin:-1px -21px 0;
padding:7px 20px;
color:#fff;
background-color:#484848;
}
.calendar-btn-close{
margin:0;
padding:0;
border:none;
width:53px;
height:52px;
position:absolute;
right:-20px;
top:-27px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
z-index:1;
}

/* .calendar-catch
----------------------------------------------- */
.calendar-catch{
margin:0 -20px 16px;
padding:10px 20px;
font-size:13px;
background-color:#f5f5f5;
}
.calendar-catch > :first-child{
margin-top:0;
}
.calendar-catch > :last-child{
margin-bottom:0;
}
.calendar-catch strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.calendar-catch .calendar-sup{
font-size:11px;
display:block;
color:#808080;
}
.calendar-catch + .notice-list{
margin:0 0 12px;
}
.calendar-catch + .notice-list li{
margin:0;
}

/* calendar-guide-list
---------------------------------- */
.calendar-guide-list{
margin-bottom:8px;
}
.calendar-guide-list li{
padding-left:12px;
position:relative;
font-size:12px;
}
.calendar-guide-list li:not(:first-child){
margin-top:2px;
}
.calendar-guide-list li::before{
content:"\2022";
display:block;
position:absolute;
left:0;
top:0;
}
.calendar-guide-list li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.calendar-month-header{
line-height:30px;
position:relative;
}
.calendar-month-hdg{
font-size:17px;
font-weight:bold;
text-align:center;
color:var(--cmn-font-color-base);
}
.calendar-month-nav-prev,
.calendar-month-nav-next{
font-size:13px;
font-weight:bold;
position:absolute;
top:-1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 10px;
border:1px solid #bebebe;
border-radius:3px;
background-color:#fff;
}
.calendar-month-nav-prev .num,
.calendar-month-nav-next .num{
font-family:var(--font-num);
}
.calendar-month-nav-prev{
left:0;
padding-left:20px;
}
.calendar-month-nav-next{
right:0;
padding-right:20px;
}
.calendar-month-nav-prev:before,
.calendar-month-nav-next:before{
position:absolute;
top:50%;
right:10px;
display:block;
width:5px;
height:5px;
margin-top:-4px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #666;
border-bottom:1px solid #666;
}
.calendar-month-nav-prev:before{
right:auto;
left:10px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.calendar-month-nav-disabled:before{
border-color:transparent #d0d0d0 #d0d0d0 transparent;
}
.calendar-month-nav-prev:link,
.calendar-month-nav-prev:hover,
.calendar-month-nav-prev:visited,
.calendar-month-nav-prev:active,
.calendar-month-nav-next:link,
.calendar-month-nav-next:hover,
.calendar-month-nav-next:visited,
.calendar-month-nav-next:active{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.calendar-container .notice-list li{
margin-top:8px;
}
.calendar-container .notice-list li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.calendar-container .calendar-icon-list + .notice-list{
font-size:11px;
}
.calendar-container .calendar-icon-list + .notice-list li{
margin-top:3px;
}
.calendar-container .calendar-guide-header{
margin-top:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.calendar-container .calendar-guide-header .calendar-icon-list{
margin-top:0;
}
.calendar-container .calendar-guide-header .calendar-guide{
font-size:12px;
color:var(--cmn-font-color-base);
}

/* .tbl-calendar
----------------------------------------------- */
.tbl-calendar,
.tbl-calendar-simple{
margin:8px 0 0;
padding:0;
width:100%;
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
text-align:center;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
}
.tbl-calendar .num,
.tbl-calendar-simple .num{
font-family:var(--font-num);
}
.tbl-calendar tr > td:first-child .date,
.tbl-calendar-simple tr > td:first-child .date{
color:#f00;
}
.tbl-calendar th,
.tbl-calendar-simple th{
padding:6px 0;
font-size:11px;
color:var(--cmn-font-color-base);
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
}
.tbl-calendar th:first-child,
.tbl-calendar-simple th:first-child{
border-left:1px solid #ddd;
}
.tbl-calendar th:last-child,
.tbl-calendar-simple th:last-child{
border-right:1px solid #ddd;
}
.tbl-calendar td,
.tbl-calendar-simple td{
padding:0;
border:1px solid #ddd;
font-size:11px;
}
.tbl-calendar td > div,
.tbl-calendar-simple td > div{
height:80px;
cursor:pointer;
padding:3px;
line-height:1.4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
color:var(--cmn-font-color-base);
position:relative;
}
.tbl-calendar td > div:active,
.tbl-calendar-simple td > div:active,
.tbl-calendar td > div:hover,
.tbl-calendar-simple td > div:hover,
.tbl-calendar td > div:focus,
.tbl-calendar-simple td > div:focus{
outline:1px solid #338cd5;
}
.tbl-calendar td > div .date,
.tbl-calendar-simple td > div .date{
display:block;
font-size:11px;
color:var(--cmn-font-color-base);
font-weight:normal;
width:100%;
height:14px;
}
.tbl-calendar td > div .price,
.tbl-calendar-simple td > div .price{
width:100%;
font-size:12px;
display:block;
text-align:center;
color:#0b41a1;
}
.tbl-calendar td > div .price li:first-child .num,
.tbl-calendar-simple td > div .price li:first-child .num{
font-size:13px;
}
.tbl-calendar td > div .price > .sup,
.tbl-calendar-simple td > div .price > .sup{
display:block;
font-size:11px;
}
.tbl-calendar td > div .tbl-calendar-btn,
.tbl-calendar-simple td > div .tbl-calendar-btn{
width:100%;
margin-top:auto;
display:block;
text-align:center;
color:var(--cmn-font-color-base);
position:absolute;
bottom:8px;
left:0;
}
.tbl-calendar td > div .tbl-calendar-btn-circle,
.tbl-calendar td > div .tbl-calendar-btn-double-circle,
.tbl-calendar-simple td > div .tbl-calendar-btn-circle{
width:100%;
height:18px;
margin-top:auto;
display:block;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:rgba(51, 51, 51, 0);
position:absolute;
bottom:8px;
left:0;
}
.tbl-calendar td > div .tbl-calendar-btn-circle:before,
.tbl-calendar-simple td > div .tbl-calendar-btn-circle:before{
position:absolute;
bottom:0;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
content:"";
display:block;
border:3px solid #70b600;
border-radius:100%;
width:18px;
height:18px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:2;
margin:0 auto;
}
.tbl-calendar td > div .tbl-calendar-btn-double-circle:before{
position:absolute;
bottom:0;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
content:"";
display:block;
border:6px double #70b600;
border-radius:100%;
width:18px;
height:18px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:2;
margin:0 auto;
}
.tbl-calendar td > div .tbl-calendar-tag,
.tbl-calendar-simple td > div .tbl-calendar-tag{
font-size:11px;
line-height:1;
position:absolute;
top:4px;
right:4px;
padding:2px 4px;
border:1px solid #bdbdbd;
background-color:#fff;
}
.tbl-calendar td > div.holiday .date,
.tbl-calendar-simple td > div.holiday .date{
color:var(--cmn-font-color-red);
}
.tbl-calendar td > div.no-seat,
.tbl-calendar-simple td > div.no-seat{
cursor:default;
}
.tbl-calendar td > div.no-seat:active,
.tbl-calendar-simple td > div.no-seat:active,
.tbl-calendar td > div.no-seat:hover,
.tbl-calendar-simple td > div.no-seat:hover,
.tbl-calendar td > div.no-seat:focus,
.tbl-calendar-simple td > div.no-seat:focus{
background-color:transparent;
}
.tbl-calendar td > div.no-seat .price,
.tbl-calendar td > div.no-seat .price > b,
.tbl-calendar-simple td > div.no-seat .price{
color:#ccc;
}
.tbl-calendar td > div.no-seat .tbl-calendar-btn-no-seat,
.tbl-calendar-simple td > div.no-seat .tbl-calendar-btn-no-seat{
position:absolute;
bottom:8px;
left:0;
width:100%;
height:18px;
display:block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:rgba(51, 51, 51, 0);
}
.tbl-calendar td > div.no-seat .tbl-calendar-btn-no-seat:before,
.tbl-calendar-simple td > div.no-seat .tbl-calendar-btn-no-seat:before{
position:absolute;
top:0;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
color:#ccc;
content:"\00d7";
display:block;
font-size:18px;
line-height:1;
text-align:center;
}
.tbl-calendar td > div.disabled,
.tbl-calendar-simple td > div.disabled{
cursor:default;
}
.tbl-calendar td > div.disabled:active,
.tbl-calendar-simple td > div.disabled:active,
.tbl-calendar td > div.disabled:hover,
.tbl-calendar-simple td > div.disabled:hover,
.tbl-calendar td > div.disabled:focus,
.tbl-calendar-simple td > div.disabled:focus{
background-color:transparent;
}
.tbl-calendar td > div.disabled:before,
.tbl-calendar-simple td > div.disabled:before{
content:"－";
color:#bbb;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
display:block;
line-height:1;
font-size:11px;
}

/* .icon-explanation
----------------------------------------------- */
.icon-explanation{
font-size:11px;
overflow:hidden;
margin-top:10px;
}
.icon-explanation .icon-explanation-hdg{
font-size:11px;
font-weight:normal;
float:left;
padding:1px 5px;
border:1px solid #d1d1d1;
border-radius:3px;
background-color:#eee;
}
.icon-explanation .icon-explanation-list{
overflow:hidden;
padding-left:5px;
}
.icon-explanation .icon-explanation-list > li{
display:inline-block;
margin-right:10px;
}
.icon-explanation .icon-explanation-list > li:nth-child(2){
display:block;
}

/* ----------------------------------------------------------------
 paragraph
----------------------------------------------------------------- */
/* .link-txt
----------------------------------------------- */
.link-txt{
font-size:18px;
font-weight:bold;
margin:12px 0;
text-align:center;
}
.link-txt + .btn-container{
margin-top:0;
}

/* .link-txt-01
----------------------------------------------- */
.link-txt-01{
font-size:16px;
line-height:1.6;
text-align:center;
}
.link-txt-01 > strong{
font-weight:normal;
color:#e30606;
}

/* .link-agt-txt
----------------------------------------------- */
.link-agt-txt{
font-size:14px;
}

/* .link-loading-txt
----------------------------------------------- */
.link-loading-txt{
font-size:18px;
font-weight:bold;
line-height:1.5;
text-align:center;
}
.link-loading-txt:after{
display:block;
width:48px;
height:48px;
margin:12px auto;
content:"";
background:url(/element/shared/images/icon/ic_load_l.gif) no-repeat left top;
}

/* .link-error-txt
----------------------------------------------- */
.link-error-txt{
font-size:16px;
line-height:1.4;
margin-top:50px;
text-align:center;
}
.link-error-txt:after{
display:block;
width:53px;
height:66px;
margin:30px auto;
content:"";
background:url(/element/shared/images/error/error_pc01_002.gif) no-repeat;
}

/* ----------------------------------------------------------------
 .link-btn
----------------------------------------------------------------- */
.link-btn{
font-size:22px;
font-weight:bold;
line-height:48px;
display:block;
width:320px;
margin:0 auto;
text-align:center;
text-decoration:none;
color:#fff;
border:none;
border-radius:5px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
background-color:#72ba00;
}
.link-btn:disabled{
cursor:default;
opacity:.5;
}

/* .link-btn-01
----------------------------------------------- */
.link-btn-01{
font-size:17px;
font-weight:bold;
line-height:1.4;
width:200px;
height:48px;
margin:0 10px;
cursor:pointer;
vertical-align:top;
color:var(--cmn-font-color-base);
border:1px solid #c5c5c5;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
}
.link-btn-01 > .sup{
font-size:11px;
font-weight:normal;
display:block;
}
.link-btn-01 > .sup:before{
display:inline-block;
content:"\203b";
}

/* ----------------------------------------------------------------
 box
----------------------------------------------------------------- */
/* .btn-container
----------------------------------------------- */
.btn-container{
margin:20px 0 15px;
text-align:center;
letter-spacing:-.4em;
}
.btn-container > *{
letter-spacing:normal;
}

/* .notice-container
----------------------------------------------- */
.notice-container{
margin-top:20px;
text-align:center;
}
.notice-container > p{
display:inline-block;
margin:0 auto;
text-align:left;
}
.notice-container > p + p{
margin-top:20px;
}
.notice-container > p strong{
color:#e30606;
}

/* .important
----------------------------------------------- */
.important{
color:var(--cmn-font-color-red);
}

/* .highlight
----------------------------------------------- */
.highlight{
background-color:#f9eaba;
}

/* ----------------------------------------------------------------
  Inquiry Form
----------------------------------------------------------------- */
.inquiry-form-container{
width:800px;
margin:0 auto;
}
.inquiry-form-container hr{
width:100%;
height:1px;
border:none;
background-color:#e0e0e0;
}
.inquiry-form-error{
color:var(--cmn-font-color-red);
margin:43px 0;
font-weight:bold;
}

/* .inquiry-form-container .notice-list
----------------------------------------------- */
.inquiry-form-container .notice-list{
font-size:11px;
color:var(--cmn-font-color-gray);
}
.inquiry-form-container .notice-list > li{
position:relative;
padding-left:1em;
}
.inquiry-form-container .notice-list > li:before{
position:absolute;
top:0;
left:0;
content:"\203b";
}

/* .inquiry-form-step
----------------------------------------------- */
.inquiry-form-step{
display:table;
width:100%;
table-layout:fixed;
}
.inquiry-form-step.top{
margin-bottom:15px;
}
.inquiry-form-step.bottom{
margin-top:35px;
}
.inquiry-form-step > li{
position:relative;
padding:0 10px;
vertical-align:top;
text-align:center;
display:table-cell;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry-form-step > li:after{
content:"";
position:absolute;
right:-3px;
top:19px;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 6px;
border-color:transparent transparent transparent #898989;
}
.inquiry-form-step.branch > li:after{
right:auto;
left:-1px;
}
.inquiry-form-step > li:first-child{
padding-left:0;
}
.inquiry-form-step > li:last-child{
padding-right:0;
}
.inquiry-form-step > li:last-child:before,
.inquiry-form-step.branch > li:first-child:before{
content:"";
position:absolute;
left:3px;
top:19px;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 6px;
border-color:transparent transparent transparent #898989;
}
.inquiry-form-step > li:last-child:after{
right:auto;
left:9px;
}
.inquiry-form-step > li >span{
padding:10px 0;
display:block;
border:3px solid #898989;
background-color:#fff;
}
.inquiry-form-step > li:last-child{
padding:0 0 0 20px;
width:200px;
}
.inquiry-form-step.branch > li:first-child{
padding:0 20px 0 0;
}
.inquiry-form-step.branch > li:last-child{
width:auto;
padding:0 0 0 10px;
}
.inquiry-form-step.branch > li:first-child:before{
right:8px;
left:auto;
}
.inquiry-form-step.branch > li:first-child:after{
right:2px;
left:auto;
}
.inquiry-form-step.branch > li:last-child:before{
right:auto;
left:-1px;
}
.inquiry-form-step.branch > li:last-child:after{
display:none;
}
.inquiry-form-step.branch > li.is-active + li > span{
padding:5px 0;
line-height:1.25;
}
.inquiry-form-step > li.is-active > span{
color:#fff;
border-color:#777;
background-color:#777;
}
.inquiry-form-step .inquiry-form-step-note{
position:relative;
}
.inquiry-form-step .inquiry-form-step-note > a{
display:block;
text-align:center;
padding:2px 0 1px;
margin-top:5px;
font-size:11px;
-webkit-box-shadow:0 -1px 0 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -1px 0 0 rgba(0, 0, 0, .1) inset;
border-radius:2px;
border:1px solid #c5c5c5;
color:var(--cmn-font-color-base);
text-decoration:none;
}
.inquiry-form-step .inquiry-form-step-note-popup{
display:none;
position:absolute;
padding-top:10px;
top:20px;
left:50%;
text-align:left;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry-form-step.bottom .inquiry-form-step-note-popup{
padding:0 0 10px;
}
.inquiry-form-step.bottom .inquiry-form-step-note-popup{
top:inherit;
bottom:20px;
}
.inquiry-form-step .inquiry-form-step-note-popup:before{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:5px;
left:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.inquiry-form-step.bottom .inquiry-form-step-note-popup:before{
top:inherit;
bottom:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.inquiry-form-step .inquiry-form-step-note-popup-inner{
padding:12px 15px 14px;
border:solid 1px #c2c2c2;
border-radius:5px;
-webkit-box-shadow:2px 2px 3px 0px rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0px rgba(153, 153, 153, .75);
background-color:#fff;
}
.inquiry-form-step .inquiry-form-step-note-popup.popup-01{
width:340px;
margin-left:-170px;
}
.inquiry-form-step .inquiry-form-step-note-popup.popup-02{
width:440px;
margin-left:-220px;
}
.inquiry-form-step .inquiry-form-step-note-popup-inner >:first-child{
margin-top:0;
}
.inquiry-form-step .inquiry-form-step-note-popup-inner >:last-child{
margin-bottom:0;
color:var(--cmn-font-color-base);
}
.inquiry-form-step .inquiry-form-step-note-popup-hdg{
margin-bottom:10px;
font-size:14px;
}
.inquiry-form-step-01-container{
position:relative;
margin:0 -6px 15px;
}
.inquiry-form-step-01{
display:table;
width:100%;
border-spacing:6px 0;
}
.inquiry-form-step-01 > li{
display:table-cell;
width:25%;
vertical-align:top;
text-align:center;
line-height:1.25;
font-size:11px;
color:#af8312;
}
.inquiry-form-step-01 > li:first-child{
color:var(--cmn-font-color-base);
}
.inquiry-form-step-01 > li .inquiry-form-step-01-inner{
border:2px solid #af8312;
margin-bottom:5px;
}
.inquiry-form-step-01 > li:first-child .inquiry-form-step-01-inner{
border-color:#858585;
}
.inquiry-form-step-01-inner > span{
display:table-cell;
vertical-align:middle;
height:36px;
width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry-form-step-01-sup{
margin:15px 6px 10px;
font-size:11px;
padding-left:25%;
text-align:center;
position:relative;
}
.inquiry-form-step-01-sup:before{
position:absolute;
right:1px;
bottom:-3px;
content:"";
width:74%;
height:1px;
background-color:#ccc;
display:block;
}
.inquiry-form-step-01-sup >span{
position:relative;
display:block;
}
.inquiry-form-step-01-sup >span:before{
content:"";
position:absolute;
left:0px;
bottom:-6px;
width:0;
height:0;
border-style:solid;
border-width:4px 6px 4px 0;
border-color:transparent #898989 transparent transparent;
}
.inquiry-form-step-01-sup >span:after{
content:"";
position:absolute;
right:0px;
bottom:-6px;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 6px;
border-color:transparent transparent transparent #898989;
}
.inquiry-form-step-container{
position:relative;
padding-top:60px;
}

/* .inquiry-form-item
----------------------------------------------- */
.inquiry-form-item{
margin-bottom:20px;
padding:0 20px 20px;
border:solid 3px #a9a9a9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry-form-item > :first-child{
margin-top:0;
}
.inquiry-form-item > :last-child{
margin-bottom:0;
}

/* .inquiry-form-item-hdg
----------------------------------------------- */
.inquiry-form-item-hdg-container{
margin:0 -20px 20px;
padding:10px 20px;
background-color:#f0f0f0;
}
.inquiry-form-item-hdg{
font-size:15px;
}
.inquiry-form-item-hdg-sup{
letter-spacing:-.4em;
}
.inquiry-form-item-hdg-sup > li{
display:inline-block;
margin-left:10px;
font-size:12px;
color:var(--cmn-font-color-base);
letter-spacing:normal;
}
.inquiry-form-item-hdg-sup > li:first-child{
margin-left:0;
}
.inquiry-form-item-hdg-sup > li > b{
font-weight:normal;
}
.inquiry-form-item-hdg-sup > li > b:before{
content:"\3010";
}
.inquiry-form-item-hdg-sup > li > b:after{
content:"\3011";
}

/* .inquiry-form-item-num
----------------------------------------------- */
.inquiry-form-item-price{
font-size:16px;
color:var(--cmn-font-color-base);
}
.inquiry-form-item-num{
font-size:18px;
}

/* .inquiry-form-box-hdg
----------------------------------------------- */
.inquiry-form-box-hdg{
position:relative;
margin-top:20px;
padding:5px 0 4px 20px;
font-size:17px;
border-width:3px 3px 2px;
border-style:solid;
border-color:#e5e5e5;
background-color:#efefef;
}
.inquiry-form-box-hdg:before{
content:"";
position:absolute;
left:8px;
top:50%;
margin-top:-10px;
width:6px;
height:20px;
background-color:#444;
}

/* .inquiry-form-box
----------------------------------------------- */
.inquiry-form-box{
padding:20px;
border-width:0 3px 3px;
border-style:solid;
border-color:#e5e5e5;
}
.inquiry-form-box >:first-child{
margin-top:0;
}
.inquiry-form-box >:last-child{
margin-bottom:0;
}
.inquiry-form-box .form-change-num{
margin-bottom:15px;
font-size:12px;
}
.inquiry-form-box .form-change-num > a > span{
position:relative;
padding-left:15px;
font-size:13px;
}
.inquiry-form-box .form-change-num > a > span:before{
content:"";
position:absolute;
left:0;
top:3px;
width:0;
height:0;
border-style:solid;
border-width:0px 6px 12px;
border-color:transparent transparent #0b41a1;
}
.inquiry-form-hdg-container{
overflow:hidden;
}
.inquiry-form-hdg-container > .inquiry-form-hdg{
float:left;
display:inline-block;
margin-bottom:0;
}
.inquiry-form-hdg-container > .link-list{
float:right;
display:inline-block;
max-width:540px;
margin:-3px 0 8px;
}
.inquiry-form-hdg-container > .link-list > li{
display:inline-block;
position:relative;
margin-top:3px;
}
.inquiry-form-hdg-container > .link-list > li:first-child{
margin-right:5px;
padding-right:3px;
}
.inquiry-form-hdg-container > .link-list > li:first-child:after{
content:"";
display:block;
width:1px;
height:80%;
background-color:#dcdcdc;
position:absolute;
right:0;
top:10%;
}
.inquiry-form-hdg-container > .link-list > li:last-child:after{
display:none;
}
.inquiry-form-hdg-container > .link-list > li > a{
color:#0b4cae;
padding-left:0;
}
.inquiry-form-hdg-container > .link-list > li > a:before{
display:none;
}
.inquiry-form-hdg{
font-size:16px;
font-weight:normal;
margin-bottom:8px;
}

/* .inquiry-form-tbl
----------------------------------------------- */
.inquiry-form-tbl{
border-collapse:collapse;
width:100%;
margin-bottom:15px;
border-bottom:1px solid #dcdcdc;
}
.inquiry-form-tbl + .notice-list{
margin:-10px 0 10px;
}
.inquiry-form-tbl + .inquiry-form-tbl{
margin-top:-16px;
}
.inquiry-form-tbl th,
.inquiry-form-tbl td{
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-top:1px solid #dcdcdc;
}
.inquiry-form-tbl th{
padding-left:13px;
width:145px;
line-height:1.25;
font-weight:normal;
text-align:left;
background-color:#f4f4f4;
}
.inquiry-form-tbl th > div,
.inquiry-form-tbl th > label{
display:block;
position:relative;
padding-right:38px;
}
.inquiry-form-tbl th span{
display:block;
}
.inquiry-form-tbl td{
padding:14px 0 14px 14px;
word-break:break-all;
}
.inquiry-form-tbl td label > span:first-child{
display:inline-block;
margin-right:10px;
}
.inquiry-form-tbl td label > .inquiry-form-hdg-name{
min-width:2em;
}
.inquiry-form-tbl td label + label{
margin-left:10px;
}
.inquiry-form-tbl td label + label > .inquiry-form-hdg-name{
margin-left:20px;
}
.inquiry-form-tbl td input + *,
.inquiry-form-tbl td select + *{
margin-left:5px;
display:inline-block;
}
.inquiry-form-tbl label + div{
margin-top:5px;
}
.inquiry-form-tbl  input[type="text"],
.inquiry-form-tbl  textarea{
padding:1px 3px;
border:1px solid #a9a9a9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry-form-tbl textarea{
width:100%;
height:120px;
margin-bottom:5px;
padding:5px 10px;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry-form-input-01{
width:110px;
}
.inquiry-form-input-02{
width:180px;
}
.inquiry-form-input-03{
width:370px;
}
.inquiry-form-input-04{
width:55px;
}
.inquiry-form-tbl .form-error{
background-color:#ffe5e5;
}
.inquiry-form-tbl .code-btn{
margin-left:6px;
color:#444;
font-size:13px;
border:1px solid #a2a2a2;
border-radius:3px;
background-color:#fefefe;
background-image:-webkit-gradient(linear, left bottom, left top, from(#f2f2f2),  to(#fefefe));
background-image:linear-gradient(to top, #f2f2f2,  #fefefe);
}
.inquiry-form-step .inquiry-form-step-note-popup .inquiry-form-tbl th{
width:100px;
text-align:center;
padding:0;
}
.inquiry-form-step .inquiry-form-step-note-popup .inquiry-form-tbl th > span{
font-size:11px;
color:var(--cmn-font-color-gray);
}
.inquiry-form-step .inquiry-form-step-note-popup .inquiry-form-tbl th,
.inquiry-form-step .inquiry-form-step-note-popup .inquiry-form-tbl td{
font-size:11px;
}
.inquiry-form-input-container{
position:relative;
}
.inquiry-form-input-container > img{
vertical-align:top;
}
.inquiry-form-input-container .form-search-btn-del-01{
position:absolute;
margin:0;
top:4px;
left:91px;
height:15px;
border-radius:2px;
}

/* .inquiry-form-check-container
----------------------------------------------- */
.inquiry-form-check-container{
position:relative;
padding-right:80px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.inquiry-form-check-container + *,
.inquiry-form-check-container > div + div{
margin-top:10px;
}
.inquiry-form-check-container [class^="input-check"]{
display:inline-block;
position:absolute;
right:0;
top:50%;
margin-top:-6px;
font-size:10px;
line-height:11px;
text-align:right;
}
.inquiry-form-check-container .input-check-01{
width:75px;
}
.inquiry-form-check-container [class^="input-check"] > span{
padding-left:13px;
display:inline-block;
position:relative;
text-align:left;
}
.inquiry-form-check-container [class^="input-check"] span:before{
content:"";
position:absolute;
top:0;
}
.inquiry-form-check-container [class^="input-check"] .chk-error{
color:var(--cmn-font-color-red);
}
.inquiry-form-check-container [class^="input-check"] .chk-error:before{
left:5px;
width:3px;
height:11px;
background:url(/element/j_tour/form/images/icon-error.png) no-repeat;
}
.inquiry-form-check-container [class^="input-check"] .chk-complete{
color:#779e14;
font-size:11px;
}
.inquiry-form-check-container [class^="input-check"] .chk-complete:before{
left:0;
width:11px;
height:10px;
background:url(/element/j_tour/form/images/icon-complete.png) no-repeat;
}

/* .inquiry-form-check-container
----------------------------------------------- */
.inquiry-form-check-container.branch > p{
font-size:15px;
}

/* .inquiry-form-mail-container
----------------------------------------------- */
.inquiry-form-mail-container{
margin-top:16px;
padding:0 10px;
}
.inquiry-form-mail-container .inquiry-form-note{
padding-left:0;
}
.inquiry-form-mail-container .inquiry-form-note:before{
display:none;
}
.inquiry-form-mail-hdg{
position:relative;
font-size:13px;
margin:0 -10px 4px;
padding-left:10px;
}
.inquiry-form-mail-hdg:before{
position:absolute;
top:50%;
left:0;
margin-top:-8px;
content:"";
width:5px;
height:80%;
background-color:#777;
}
.inquiry-form-list-mail{
margin:16px 0;
padding:10px 13px;
border:1px solid #dcdcdc;
background-color:#f4f4f4;
}
.inquiry-form-list-mail > li{
display:table;
}
.inquiry-form-list-mail > li{
font-size:12px;
margin-top:5px;
}
.inquiry-form-list-mail > li:first-child{
margin-top:0;
}
.inquiry-form-list-mail > li >*{
display:table-cell;
}
.inquiry-form-list-mail-hdg{
position:relative;
width:7em;
font-weight:normal;
padding-right:10px;
white-space:nowrap;
}
.inquiry-form-list-mail-hdg{
padding-right:1.5em;
font-weight:bold;
}
.inquiry-form-list-mail-hdg:after{
content:"\2192";
position:absolute;
right:3px;
top:0;
}

/* .form-list
----------------------------------------------- */
.form-list > li{
margin-top:10px;
}
.form-list > li:first-child{
margin-top:0;
}

/* .form-input-custom
----------------------------------------------- */
.form-input-custom{
position:relative;
display:inline-block;
line-height:1.25;
padding:3px 3px 1px 17px;
}
.form-input-custom > input[type="radio"],
.form-input-custom > input[type="checkbox"]{
position:absolute;
left:2px;
top:3px;
margin:0;
}

/* .inquiry-form-list-line
----------------------------------------------- */
.inquiry-form-list-line{
letter-spacing:-.4em;
}
.inquiry-form-list-line > li{
display:inline-block;
margin-right:20px;
letter-spacing:normal;
line-height:1.25;
}
.inquiry-form-list-line > li:last-child{
margin-right:0;
}
.inquiry-form-list-line.branch{
display:inline-block;
}

/* .inquiry-form-list-request
----------------------------------------------- */
.inquiry-form-list-request{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry-form-list-request > li,
.inquiry-form-list-request > li:first-child{
margin-top:7px;
}
.inquiry-form-list-request + .inquiry-form-hdg-01{
margin:14px 0 0 -14px;
padding:14px 0 0 14px;
border-top:1px solid #dcdcdc;
}

/* .inquiry-form-list-company
----------------------------------------------- */
.inquiry-form-list-company > li{
display:table;
width:100%;
font-size:13px;
border-bottom:1px solid #dcdcdc;
}
.inquiry-form-list-company > li:first-child{
border-top:1px solid #dcdcdc;
}
.inquiry-form-list-company > li > *{
display:table-cell;
padding:15px;
}
.inquiry-form-list-company > li >:first-child{
vertical-align:middle;
background-color:#f5f5f5;
padding:0 20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:195px;
}
.inquiry-form-list-company > li > .form-input-custom{
padding-left:35px;
}
.inquiry-form-list-company > li > .form-input-custom > input[type="radio"],
.inquiry-form-list-company > li > .form-input-custom > input[type="checkbox"]{
top:38px;
left:15px;
}
.inquiry-form-list-company > li > .form-input-custom.form-error{
background-color:#ffe5e5;
}
.inquiry-form-list-company .form-list-def > li > b{
display:inline-block;
width:5em;
font-weight:normal;
position:relative;
}
.inquiry-form-list-company .form-list-def > li > b:after{
content:":";
position:absolute;
right:4px;
top:0;
}

/*.inquiry-form-info-box
----------------------------------------------------------------- */
.inquiry-form-info-box{
display:table;
padding:13px 0;
margin:40px 0 50px;
border:1px solid #ccc;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry-form-info-box > *{
display:table-cell;
vertical-align:middle;
padding:0 30px;
}
.form-info-hdg{
width:216px;
font-weight:normal;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-right:1px solid #ccc;
}
.form-info-hdg > span{
display:block;
}
.inquiry-form-info-box ul + ul{
margin-top:5px;
}
.inquiry-form-info-box .inquiry-form-list-line > li{
margin-right:35px;
}

/* .form-btn-container
----------------------------------------------- */
.form-btn-container{
text-align:center;
margin:50px 0 100px;
letter-spacing:-.4em;
}
.form-btn-container > *{
letter-spacing:normal;
}
.form-btn-container > button + button{
margin-left:10px;
}
.form-btn-container > p{
margin-bottom:30px;
}
.form-btn-container .form-btn-submit{
font-size:20px;
font-weight:bold;
min-width:250px;
padding:10px;
color:#fff;
border:none;
border-radius:4px;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-btn-container .form-btn-submit:active,
.form-btn-container .form-btn-submit:hover,
.form-btn-container .form-btn-submit:focus{
background-color:#67a700;
}
.form-btn-container .form-btn-submit:disabled{
background-color:#bfbfbf;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
}
.form-btn-container .form-btn-submit:disabled:active,
.form-btn-container .form-btn-submit:disabled:hover,
.form-btn-container .form-btn-submit:disabled:focus{
background-color:#bfbfbf;
}
.form-btn-container .form-btn-cancel{
font-size:20px;
font-weight:bold;
min-width:90px;
padding:9px;
color:var(--cmn-font-color-base);
border:1px solid #c5c5c5;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 #cdcdcd inset;
box-shadow:0 -2px 0 #cdcdcd inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-change-box{
margin:50px 0;
padding:10px 15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f5f5;
}
.form-change-box .inquiry-form-tbl{
margin-bottom:0;
}
.form-change-box .inquiry-form-tbl,
.form-change-box .inquiry-form-tbl th,
.form-change-box .inquiry-form-tbl td{
border:none;
}
.form-change-box .inquiry-form-tbl th{
padding:18px 0 0;
font-size:14px;
vertical-align:top;
width:130px;
}
.form-change-box .inquiry-form-tbl th > *{
padding-right:1em;
}
.form-change-box .inquiry-form-tbl th > *:after{
content:":";
position:absolute;
right:7px;
top:0;
}
.form-change-box .inquiry-form-tbl td{
padding:14px 0 0;
}
.form-change-box strong{
font-size:22px;
line-height:1.2;
margin-left:-.5em;
}
.form-change-box .inquiry-form-check-container{
width:auto;
}
.form-change-box.branch{
background-color:transparent;
text-align:center;
padding:0;
margin:40px 0 25px;
}
.form-change-box.branch .inquiry-form-check-container{
text-align:center;
padding:0 0 20px;
}
.form-change-box.branch .inquiry-form-check-container .input-check{
text-align:left;
left:555px;
top:35px;
}
.form-change-box.branch + .form-change-box{
margin-top:0;
width:590px;
margin:0 auto;
}

/* .btn-inquiry
----------------------------------------------- */
.detail-item .btn-inquiry{
margin:15px 0 5px;
padding:8px 15px 6px;
border:1px solid #bebebe;
border-radius:3px;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 -1px 0 #bababa inset;
box-shadow:0 -1px 0 #bababa inset;
display:table;
background:none;
text-decoration:none;
font-weight:700;
font-size:14px;
color:var(--cmn-font-color-gray);
text-decoration:none;
}
.detail-item .btn-inquiry#Act_AgentOpinionPost{
background:none;
}
.detail-item .btn-inquiry:before{
margin-right:6px;
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:middle;
opacity:.65;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
}
.detail-item a.btn-inquiry:link,
.detail-item a.btn-inquiry:active,
.detail-item a.btn-inquiry:hover,
.detail-item a.btn-inquiry:focus,
.detail-item a.btn-inquiry:visited{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* ----------------------------------------------------------------
  Inquiry Form Paragraph
----------------------------------------------------------------- */
/* .inquiry-form-note
----------------------------------------------- */
.inquiry-form-note{
color:var(--cmn-font-color-gray);
font-size:11px;
}
.inquiry-form-note:before{
content:"\203b";
display:inline-block;
}

/* .inquiry-form-lede
----------------------------------------------- */
.inquiry-form-lede{
font-size:20px;
}

/* .inquiry-form-lede
----------------------------------------------- */
.inquiry-form-lede-01{
font-size:16px;
}

/* .inquiry-form-lede
----------------------------------------------- */
.inquiry-form-lede-02{
font-size:14px;
}

/* .inquiry-form-container .emp
----------------------------------------------- */
.inquiry-form-container .emp{
color:#906507;
}
.inquiry-form-step-box{
margin:35px 0 150px;
padding:20px 30px;
background-color:#f4f4f4;
}
.inquiry-form-step-box > p{
font-size:16px;
text-align:center;
}
.inquiry-form-step-term{
position:absolute;
right:0;
top:29px;
width:546px;
}
.inquiry-form-step-term >b:before,
.inquiry-form-step-term >b:after{
position:absolute;
top:8px;
left:5px;
display:block;
content:"";
height:3px;
width:185px;
background-color:#a9a9a9;
}
.inquiry-form-step-term >b:after{
right:5px;
left:inherit;
}
.inquiry-form-step-term > b{
position:relative;
display:block;
text-align:center;
}
.inquiry-form-step-term:before{
position:absolute;
left:-5px;
top:4px;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:6px;
border-style:solid;
border-color:transparent #a9a9a9 transparent transparent;
}
.inquiry-form-step-term:after{
position:absolute;
right:-5px;
top:4px;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:6px;
border-style:solid;
border-color:transparent transparent transparent #a9a9a9;
}

/* ----------------------------------------------------------------
  LP
----------------------------------------------------------------- */
/* .lp-hdg
----------------------------------------------- */
.lp-hdg-l2{
padding:8px 16px 6px;
font-size:24px;
font-weight:bold;
color:#fff;
background-color:#777;
}

/* .lp-hdg-l3
----------------------------------------------- */
.lp-hdg-l3{
margin:25px 0 15px;
padding:6px 13px 4px;
font-size:17px;
color:var(--cmn-font-color-base);
background-color:#f6f6f6;
border-bottom:1px solid #d7d7d7;
}

/* .lp-hdg-l3-01
----------------------------------------------- */
.lp-hdg-l3-01{
margin:30px 0 8px;
padding-top:11px;
font-size:20px;
color:var(--cmn-font-color-base);
border-top:3px solid #0d3f78;
}

/* .lp-item
----------------------------------------------- */
.lp-item{
padding:24px 20px 15px;
margin-bottom:40px;
font-size:14px;
background-color:#f6f6f6;
}
.lp-item:before,
.lp-item:after{
display:table;
content:"";
}
.lp-item:after{
clear:both;
}
.lp-item .lp-item-cell:first-child{
float:left;
width:394px;
margin-right:30px;
}
.lp-item .lp-item-cell:last-child{
overflow:hidden;
}

/* .lp-item-hdg
----------------------------------------------- */
.lp-item-hdg{
display:block;
margin-top:22px;
color:var(--cmn-font-color-base);
font-size:16px;
border-radius:4px;
}

/* .lp-item-point-list
----------------------------------------------- */
.lp-item-point-list > li{
line-height:1.5;
padding-left:1em;
text-indent:-1em;
}

/* .lp-cheapest-btn-list
----------------------------------------------- */
.lp-cheapest-btn-list{
margin-top:-5px;
overflow:hidden;
}
.lp-cheapest-btn-list > li{
float:left;
width:19.58%;
margin:5px 0 0 .52%;
}
.lp-cheapest-btn-list > li:nth-child(5n-4){
margin-left:0;
}
.lp-cheapest-btn-list > li > *{
display:block;
padding:6px 10px;
color:var(--cmn-font-color-base);
font-weight:bold;
border-radius:3px;
border:1px solid #c4c4c4;
-webkit-box-shadow:0 -2px 0 #d9d9d9 inset;
box-shadow:0 -2px 0 #d9d9d9 inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
overflow:hidden;
}
.lp-cheapest-btn-list > li > div{
cursor:default;
}
.lp-cheapest-btn-list > li > * > .price{
font-weight:bold;
float:right;
}
.lp-cheapest-btn-list > li > a > .price{
color:#f00;
}

/* .lp-popular-list
----------------------------------------------- */
.lp-popular-list{
margin:15px 0 5px;
}
.lp-popular-list li{
border-bottom:#aaa 1px dotted;
}
.lp-popular-list li a{
display:block;
padding:7px 0;
}
.lp-popular-list li a:hover{
text-decoration:none;
}
.lp-popular-list li a:hover span.main_Txt{
text-decoration:underline !important;
}
.lp-popular-list li a strong{
display:inline-block;
color:#f00;
font-size:120%;
width:6.5em;
}
.lp-popular-list li a span.label{
background:#fbf4da;
border:#f1e2bc 1px solid;
border-radius:3px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:90%;
padding:0 5px;
margin-right:3px;
}
.lp-popular-list li a span.other_Txt{
font-size:90%;
color:var(--cmn-font-color-base);
}

/* .lp-relation-btn-list
----------------------------------------------- */
.lp-relation-btn-list{
margin-top:25px;
letter-spacing:-.4em;
}
.lp-relation-btn-list > li{
display:inline-block;
margin:5px 5px 0 0;
letter-spacing:normal;
}
.lp-relation-btn-list > li > a{
display:inline-block;
padding:8px 13px;
border-radius:3px;
font-weight:bold;
border:1px solid #bfbfbf;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}

/* .lp-travelko-info
----------------------------------------------- */
.lp-travelko-info{
margin:50px 0 30px;
padding:16px 270px 16px 20px;
border:#f1e2bc 1px solid;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:url(/element/j_tour/theme/images/bg_travelko.png) no-repeat 734px 11px #fcf8ee;
}
.lp-travelko-info-hdg{
margin-bottom:10px;
color:#733c10;
height:25px;
line-height:25px;
font-size:17px;
border-bottom:#a0a0a0 1px dotted;
}
.lp-travelko-info p{
margin:10px 0;
}

/* .lp-travelko-info-btn-list
----------------------------------------------- */
.lp-travelko-info-btn-list{
margin-top:-10px;
overflow:hidden;
}
.lp-travelko-info-btn-list > li{
float:left;
margin:10px 5px 0 0;
}
.lp-travelko-info-btn-list > li > a{
display:inline-block;
padding:6px 40px 6px 10px;
color:var(--cmn-font-color-base);
font-weight:bold;
border-radius:3px;
border:1px solid #c4c4c4;
-webkit-box-shadow:0 -2px 0 #d9d9d9 inset;
box-shadow:0 -2px 0 #d9d9d9 inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
}

/* .lp-subinfo
----------------------------------------------- */
.lp-subinfo{
margin-top:25px;
font-size:12px;
}
.lp-subinfo + .lp-subinfo{
margin-top:15px;
}
.lp-subinfo img{
vertical-align:bottom;
margin-bottom:6px;
}
.lp-subinfo p{
margin-bottom:8px;
}

/* .lp-subinfo-hdg
----------------------------------------------- */
.lp-subinfo-hdg{
margin-top:5px;
font-size:15px;
}

/* .lp-subinfo-hdg-01
----------------------------------------------- */
.lp-subinfo-hdg-01{
padding:5px 10px 4px;
margin:25px 0 13px;
font-size:14px;
background:#f6f6f6;
}

/* .lp-subinfo-link-list
----------------------------------------------- */
.lp-subinfo-link-list li:not(:first-child){
margin-top:5px;
}
.lp-subinfo-link-list li > a{
position:relative;
color:var(--cmn-font-color-base);
padding-left:11px;
font-size:12px;
display:inline-block;
}
.lp-subinfo-link-list li > a:before{
position:absolute;
top:6px;
left:0;
display:block;
width:4px;
height:4px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #9a9a9a;
border-bottom:1px solid #9a9a9a;
}

/* .lp-more-link
----------------------------------------------- */
.lp-more-link{
margin-top:5px;
text-align:right;
font-weight:bold;
}

/* .lp-tab
----------------------------------------------- */
.lp-tab-container .lp-tab{
position:relative;
overflow:hidden;
}
.lp-tab-container .lp-tab:after{
content:"";
width:100%;
height:1px;
background-color:#b0b0b0;
position:absolute;
left:0;
bottom:0;
}
.lp-tab-container .lp-tab > li{
float:left;
position:relative;
z-index:1;
}
.lp-tab-container .lp-tab > li > a{
display:block;
margin-left:-1px;
padding:5px 20px 4px;
background-color:#f8f8f8;
border:1px solid #b0b0b0;
border-radius:4px 4px 0 0;
font-size:16px;
color:var(--cmn-font-color-base);
text-decoration:none;
}
.lp-tab-container .lp-tab > li:first-child > a{
margin-left:0;
}
.lp-tab-container .lp-tab > li.active > a{
background-color:#fff;
border-bottom-color:#fff;
font-weight:bold;
color:var(--cmn-font-color-base);
}

/* .lp-tab-item
----------------------------------------------- */
.lp-tab-container > .lp-tab-item{
display:none;
}
.lp-tab-container > .lp-tab-item.active{
display:block;
}
.lp-tab-container > .lp-tab-item .lp-tab-hdg{
margin:20px 0 7px;
padding:6px 0 4px 10px;
color:var(--cmn-font-color-base);
background:#f7f7f7;
}
.lp-tab-container > .lp-tab-item .lp-tab-link-list{
padding-left:10px;
}
.lp-tab-container > .lp-tab-item .lp-tab-link-list > li{
margin-top:3px;
}
.lp-tab-container > .lp-tab-item .lp-tab-link-list > li > a{
color:var(--cmn-font-color-base);
}

/* .lp-tab-item
----------------------------------------------- */
.lp-tab-container > .lp-tab-item .link-list{
margin-top:10px;
}

/* ----------------------------------------------------------------
  Common
----------------------------------------------------------------- */
/* Width Control
----------------------------------------------- */
.w-5{
width:5% !important;
}
.w-10{
width:10% !important;
}
.w-15{
width:15% !important;
}
.w-20{
width:20% !important;
}
.w-25{
width:25% !important;
}
.w-30{
width:30% !important;
}
.w-35{
width:35% !important;
}
.w-40{
width:40% !important;
}
.w-45{
width:45% !important;
}
.w-50{
width:50% !important;
}
.w-55{
width:55% !important;
}
.w-60{
width:60% !important;
}
.w-65{
width:65% !important;
}
.w-70{
width:70% !important;
}
.w-75{
width:75% !important;
}
.w-80{
width:80% !important;
}
.w-85{
width:85% !important;
}
.w-90{
width:90% !important;
}
.w-95{
width:95% !important;
}
.w-100{
width:100% !important;
}

/* Margin Padding Control
----------------------------------------------- */
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-top-0{
margin-top:0 !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-right-0{
margin-right:0 !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-bottom-0{
margin-bottom:0 !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-left-0{
margin-left:0 !important;
}
.p-top-0{
padding-top:0 !important;
}
.p-right-0{
padding-right:0 !important;
}
.p-bottom-0{
padding-bottom:0 !important;
}
.p-left-0{
padding-left:0 !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-top-5{
margin-top:5px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-right-5{
margin-right:5px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-bottom-5{
margin-bottom:5px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-left-5{
margin-left:5px !important;
}
.p-top-5{
padding-top:5px !important;
}
.p-right-5{
padding-right:5px !important;
}
.p-bottom-5{
padding-bottom:5px !important;
}
.p-left-5{
padding-left:5px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-top-10{
margin-top:10px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-right-10{
margin-right:10px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-bottom-10{
margin-bottom:10px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-left-10{
margin-left:10px !important;
}
.p-top-10{
padding-top:10px !important;
}
.p-right-10{
padding-right:10px !important;
}
.p-bottom-10{
padding-bottom:10px !important;
}
.p-left-10{
padding-left:10px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-top-15{
margin-top:15px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-right-15{
margin-right:15px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-bottom-15{
margin-bottom:15px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-left-15{
margin-left:15px !important;
}
.p-top-15{
padding-top:15px !important;
}
.p-right-15{
padding-right:15px !important;
}
.p-bottom-15{
padding-bottom:15px !important;
}
.p-left-15{
padding-left:15px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-top-20{
margin-top:20px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-right-20{
margin-right:20px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-bottom-20{
margin-bottom:20px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-left-20{
margin-left:20px !important;
}
.p-top-20{
padding-top:20px !important;
}
.p-right-20{
padding-right:20px !important;
}
.p-bottom-20{
padding-bottom:20px !important;
}
.p-left-20{
padding-left:20px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-top-25{
margin-top:25px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-right-25{
margin-right:25px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-bottom-25{
margin-bottom:25px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-left-25{
margin-left:25px !important;
}
.p-top-25{
padding-top:25px !important;
}
.p-right-25{
padding-right:25px !important;
}
.p-bottom-25{
padding-bottom:25px !important;
}
.p-left-25{
padding-left:25px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-top-30{
margin-top:30px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-right-30{
margin-right:30px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-bottom-30{
margin-bottom:30px !important;
}
.m-auto{
margin-right:auto !important;
margin-left:auto !important;
}
.m-left-30{
margin-left:30px !important;
}
.p-top-30{
padding-top:30px !important;
}
.p-right-30{
padding-right:30px !important;
}
.p-bottom-30{
padding-bottom:30px !important;
}
.p-left-30{
padding-left:30px !important;
}

/* Display Control
----------------------------------------------- */
.block{
display:block !important;
}
.inline-block{
display:inline-block !important;
}
.inline{
display:inline !important;
}

/* Align Control
----------------------------------------------- */
.left,
table.left th,
table.left td,
thead.left > tr > *,
tbody.left > tr > *{
text-align:left !important;
}
.center,
table.center th,
table.center td,
thead.center > tr > *,
tbody.center > tr > *{
text-align:center !important;
}
.right,
table.right th,
table.right td,
thead.right > tr > *,
tbody.right > tr > *{
text-align:right !important;
}
.middle,
table.middle th,
table.middle td,
thead.middle > tr > *,
tbody.middle > tr > *{
vertical-align:middle !important;
}

@media screen and (max-width:550px){
.cmn-grid-container .cmn-grid-col{
float:none;
width:100% !important;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-col{
margin-left:0;
}
}

/* .opinion-notice-newyear
----------------------------------------------- */
.opinion-notice-newyear{
margin:25px 0;
padding:10px 0 10px 1em;
text-indent:-1em;
border-style:dashed;
border-width:1px 0;
border-color:var(--cmn-font-color-base);
}
.newyear-txt{
margin:5px 0 0;
font-size:11px;
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
  Agent Link Modules
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
margin:20px auto 120px;
border:3px solid #a9a9a9;
padding:12px 24px 38px;
width:800px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:13px;
}
.agt-link .cmn-loading-spinner{
margin:40px auto;
}

/* .agt-link-hdg-container
----------------------------------------------- */
.agt-link-hdg-container{
margin:-50px -40px 25px;
padding:16px 30px;
background-color:#f0f0f0;
}
.agt-link-hdg{
font-size:13px;
margin-bottom:10px;
}

/* .agt-link-hdg-item-price
----------------------------------------------- */
.agt-link-hdg-item-price{
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.agt-link-hdg-item-price li{
margin-right:12px;
}
.agt-link-hdg-item-price .num{
font-family:var(--font-num);
}
.agt-link-hdg-item-price .num.price{
font-size:14px;
}

/* .agt-link-other
----------------------------------------------- */
.agt-link-other{
background-color:#f5f5f5;
margin:12px auto 0;
padding:12px 0;
text-align:center;
width:400px;
}
.agt-link-other .agt-link-other-item{
width:225px;
margin:0 auto;
}
.agt-link-other .icon-required{
padding:1px 3px;
border:1px solid #e93939;
color:var(--cmn-font-color-red);
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle;
font-size:11px;
background-color:#fff;
white-space:nowrap;
line-height:1;
margin-right:6px;
margin-top:-1px;
}
.agt-link-other .other-link-btn{
background-color:#fff;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
color:var(--cmn-font-color-base);
font-size:14px;
font-weight:bold;
margin:0;
padding:9px 0;
width:100%;
}
.agt-link-other-people{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:12px;
}
.agt-link-other-people .select-custom{
width:144px;
height:34px;
border:1px solid #ccc;
border-radius:2px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
position:relative;
}
.agt-link-other-people .select-custom:before{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.agt-link-other-people .select-custom select{
width:100%;
height:34px;
padding:5px 16px 5px 8px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
color:var(--cmn-font-color-base);
}
.agt-link-other + .agt-link-notice-text{
margin-top:32px;
}
.agt-link-other > p{
font-size:14px;
margin:0 0 16px 0;
padding:0 16px;
text-align:left;
}
.agt-link-other > p + .other-link-btn{
margin:0 auto 10px;
width:225px;
}
.agt-link-other .agt-link-other-step-text{
font-size:13px;
margin:0;
padding:0 10px 10px;
text-align:left;
}
.agt-link-other .agt-link-other-step-list{
font-size:13px;
margin:0;
padding:0 10px 10px;
text-align:left;
}
.agt-link-other .agt-link-other-step-list li{
padding-left:1em;
text-indent:-1em;
}
.agt-link-other .notice-list li{
margin:0;
display:inline-block;
}

/* .agt-link-inner
----------------------------------------------- */
.agt-link-inner{
margin:0 -40px 20px;
padding:40px 40px 20px;
border:3px solid #a9a9a9;
}

/* .agt-link-wording-cpn
----------------------------------------------- */
.agt-link-wording-cpn{
margin:36px 0 20px;
font-size:18px;
text-align:center;
}

/* .agt-link-info
----------------------------------------------- */
.agt-link-info{
margin:20px 0;
border-bottom:1px solid #ccc;
font-size:13px;
}
.agt-link-info > li{
border-top:1px solid #ccc;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.agt-link-info > li > div{
padding:20px 0;
}
.agt-link-info > li > div:first-child{
color:var(--cmn-font-color-gray);
width:85px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#f1f1f1;
font-size:11px;
position:relative;
padding:25px 0;
}
.agt-link-info > li > div:last-child{
padding-left:15px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.agt-link-info > li > div > [class^="icon-"]::before{
margin:0 auto 5px;
content:"";
display:block;
width:20px;
}
.agt-link-info > li > div > .icon-caution::before{
height:18px;
background:url(/element/shared/images/icon/icon-caution-triangle.svg) 0 0 no-repeat;
}

/* .agt-link-info-list
----------------------------------------------- */
.agt-link-info-list > li:not(:first-child){
margin-top:15px;
}
.agt-link-info-list > li > b{
margin-bottom:2px;
display:block;
font-size:15px;
}
.agt-link-info-list > li > b .date-txt{
font-size:13px;
}

/* .agt-link-info-list-01
----------------------------------------------- */
.agt-link-info-list-01 > li{
margin-top:15px;
}
.agt-link-info-list-01 > li::before{
content:"\25A0";
}
.agt-link-info-list-01 h3{
margin-top:10px;
font-size:12px;
}
.agt-link-info-list-01 > li > .notice-list:last-of-type{
margin-top:20px;
}

/* .agt-link-info-list-num
----------------------------------------------- */
.agt-link-info-list-num li > p{
margin-top:5px;
padding-left:1em;
}
.agt-link-info-list-num li > p:first-of-type{
text-indent:-1em;
}
.agt-link-info-list-num li a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.agt-link-info-list-num > li > ul{
padding-left:1em;
}
.agt-link-info-list-num .icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.agt-link-info-list-num > .notice-list{
margin-left:1em;
padding-left:1em;
}
.agt-link-info-list-num .notice-list li{
margin-top:3px;
}

/* .agt-link-info-list-bullet
----------------------------------------------- */
.agt-link-info-list-bullet > li{
margin-top:5px;
padding-left:15px;
position:relative;
}
.agt-link-info-list-bullet > li::before{
content:"";
display:block;
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.65em;
left:5px;
background-color:#222;
}

/* .agt-link-info-box
----------------------------------------------- */
.agt-link-info-box{
margin:5px 0 10px;
padding:10px;
border:2px solid #e87175;
}

/* .agt-link-info-box-list
----------------------------------------------- */
.agt-link-info-box-list{
color:var(--cmn-font-color-base);
margin-top:5px;
}
.agt-link-info-box-list > li{
padding-left:10px;
position:relative;
}
.agt-link-info-box-list > li::before{
content:"";
display:block;
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.65em;
left:0;
background-color:#222;
}
.agt-link-info-box-list > li > strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .agt-link-cv-list
----------------------------------------------- */
.agt-link-cv-list{
margin:20px auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:20px;
}
.agt-link-cv-list > li{
border-radius:4px;
}
.agt-link-cv-list > li:not(:last-child){
margin-right:25px;
}
.agt-link-cv-list > li > button{
display:block;
min-width:215px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
font-weight:bold;
font-size:17px;
text-decoration:none;
border:none;
}
.agt-link-cv-list > li.cv > button{
padding:5px 25px;
border-radius:4px;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .2);
background-color:#72ba00;
font-size:20px;
}
.agt-link-cv-list > li.prev > button{
padding:7px 25px 6px;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
min-width:160px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
font-weight:bold;
}
.agt-link-cv-list > li > button:disabled{
cursor:default;
opacity:.33;
}

/* .agt-link-cv-list.sticky
----------------------------------------------- */
.agt-link-cv-list.sticky{
margin:0;
padding:20px;
position:fixed;
bottom:0;
left:0;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, .7);
}
.agt-link-cv-list.sticky > li.prev > a{
border:none;
}

/* .agt-link-txt
----------------------------------------------- */
.agt-link-txt{
font-size:18px;
font-weight:bold;
text-align:center;
margin:30px 0 16px;
}

/* .agt-link-loading-txt
----------------------------------------------- */
.agt-link-loading-txt{
font-size:17px;
text-align:center;
}
.agt-link-loading-txt + p:before,
.agt-link-txt + .agt-link-catch:before,
.agt-link-loading-txt + .agt-link-catch:before{
display:block;
width:24px;
height:24px;
margin:40px auto;
content:"";
background:url(/element/shared/images/icon/icon-loading-spinner.svg) no-repeat left top;
}
.agt-link-plan{
border-bottom:1px solid #eee;
padding-bottom:12px;
}
.agt-link-plan p{
font-size:13px;
margin:0;
text-align:left;
}
.agt-goto-apply{
margin-top:8px;
display:inline-block;
}
.agt-goto-apply > a{
padding:5px 32px 5px 8px;
font-size:11px;
color:var(--cmn-font-color-base);
border:1px solid #d5d5d5;
border-radius:3px;
display:inline-block;
text-decoration:none;
background:url(/element/shared/images/icon/icon-tip-info.svg) calc(100% - 8px) 50% no-repeat;
background-size:12px 12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:8px;
}
.agt-goto-apply > a:hover,
.agt-goto-apply > a:focus{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}
.agt-goto-apply > a > span strong{
font-size:10px;
font-weight:normal;
color:var(--cmn-font-color-red);
margin-right:4px;
}
.agt-goto-apply > a > span strong b{
font-size:16px;
font-family:var(--font-num);
}
.agt-goto-apply > a > span .num{
font-family:var(--font-num);
}
.agt-goto-apply > a > span:first-child{
font-size:12px;
}
.agt-goto-apply > a > span:last-child{
margin-top:1px;
}
.agt-goto-apply > a > span:last-child > span:not(:last-child)::after{
margin:0 4px;
content:"/";
display:inline-block;
vertical-align:middle;
}

/* .agt-link-item-price
----------------------------------------------- */
.agt-link-item-price{
margin:8px 0 0;
font-size:0;
text-align:left;
line-height:1;
}
.agt-link-item-price li{
display:inline;
font-size:11px;
}
.agt-link-item-price li:first-of-type{
margin-right:10px;
}
.agt-link-item-price .price .num{
font-size:14px;
}

/* .agt-link-notice-text
----------------------------------------------- */
.agt-link-notice-text{
font-size:13px;
text-align:center;
}
.agt-link-notice-text strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link-catch{
margin-top:20px;
font-size:14px;
text-align:center;
}
.agt-link-catch strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.agt-link-info + .agt-link-catch{
margin-top:20px;
}

/* .agt-link-note
----------------------------------------------- */
.agt-link-note{
margin-top:10px;
color:var(--cmn-font-color-base);
font-size:13px;
text-align:center;
font-weight:normal;
}
.agt-link-note strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .agt-link-coupon
----------------------------------------------- */
.agt-link-coupon{
display:block;
text-align:center;
margin:16px 0 16px -13px !important;
padding:0;
text-indent:0;
}
.agt-link-coupon > div{
position:relative;
margin:0 auto !important;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
}
.agt-link-coupon .knt-cp-01 .coupon-pickup{
position:absolute;
top:-2px;
left:-10px;
border:2px solid #e93939;
width:516px;
height:90px;
}
.agt-link-coupon .knt-cp-02 .coupon-pickup{
position:absolute;
top:95px;
left:2px;
border:2px solid #e93939;
width:124px;
height:40px;
}
.agt-link-coupon .knt-cp-03 .coupon-pickup{
position:absolute;
bottom:5px;
left:-14px;
border:2px solid #e93939;
width:525px;
height:260px;
}
.agt-link-coupon .knt-cp-05 .coupon-pickup{
position:absolute;
top:150px;
left:25px;
border:2px solid #e93939;
width:305px;
height:55px;
}
.agt-link-coupon img{
width:500px;
margin:0 auto;
}
.agt-link-coupon .knt-cp-01 img{
margin:8px 0;
}
.agt-link-coupon .knt-cp-03 img,
.agt-link-coupon .knt-cp-04 img,
.agt-link-coupon .knt-cp-05 img{
border:1px solid #ddd;
}

/* ----------------------------------------------------------------
  GoTo Tooptip
----------------------------------------------------------------- */
/* .tip-goto
----------------------------------------------- */
.tip-goto{
padding:20px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
width:600px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
z-index:1;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
z-index:3;
font-size:12px;
}
.tip-goto.is-active{
display:block;
}
.tip-goto[role] > *:first-child{
margin-top:0;
}
.tip-goto strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .tip-goto-hdg
----------------------------------------------- */
.tip-goto .tip-goto-hdg{
margin:20px 0 6px;
padding-left:0;
position:relative;
font-size:13px;
}
.tip-goto .tip-goto-hdg::before{
content:"";
display:none;
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:4px;
left:0;
background-color:#222;
}
.tip-goto .tip-goto-hdg.branch{
padding-top:15px;
border-top:1px solid #ddd;
}
.tip-goto .tip-goto-hdg.branch::before{
top:19px;
}

/* .tip-goto-hdg-01
----------------------------------------------- */
.tip-goto .tip-goto-hdg-01{
margin:15px 0 6px;
padding:3px 10px;
background-color:#eee;
font-weight:normal;
}

/* .tip-goto-hdg-01
----------------------------------------------- */
.tip-goto .tip-goto-hdg-02{
margin:20px 0 6px;
}

/* .tip-goto-list-bullet
----------------------------------------------- */
.tip-goto .tip-goto-list-bullet{
margin-top:6px;
}
.tip-goto .tip-goto-list-bullet > li{
padding-left:10px;
position:relative;
}
.tip-goto .tip-goto-list-bullet > li:not(:first-child){
margin-top:10px;
}
.tip-goto .tip-goto-list-bullet > li::before{
content:"";
border-radius:1px;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:7px;
left:2px;
background-color:#222;
}

/* .tip-goto-list-separate
----------------------------------------------- */
.tip-goto .tip-goto-list-separate > li{
margin-top:6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.tip-goto .tip-goto-list-separate > li > div:first-child{
padding-right:15px;
min-width:4em;
position:relative;
}
.tip-goto .tip-goto-list-separate > li > div:first-child::before{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.tip-goto .tip-goto-list-separate > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tip-goto .tip-goto-list-separate > li > div:last-child .tip-goto-note{
margin-top:0;
}

/* .tip-goto-note
----------------------------------------------- */
.tip-goto .tip-goto-note{
margin-top:10px;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.tip-goto .tip-goto-note > li{
margin-top:6px;
padding-left:1.25em;
position:relative;
}
.tip-goto .tip-goto-note > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.tip-goto .tip-goto-list-bullet > .tip-goto-note{
margin-left:1em;
}

/* .tip-goto-toggle
----------------------------------------------- */
.tip-goto .tip-goto-toggle{
margin-top:6px;
border-top:1px solid #ddd;
}

/* .tip-goto-toggle-hook
----------------------------------------------- */
.tip-goto .tip-goto-toggle-hook{
padding:10px 0 8px 20px;
position:relative;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size:12px 7px;
}
.tip-goto .tip-goto-toggle-hook > button{
margin:0;
padding:0;
border:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
text-indent:-1000px;
overflow:hidden;
}
.tip-goto .tip-goto-toggle.is-active .tip-goto-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .tip-goto-toggle-hook-hdg
----------------------------------------------- */
.tip-goto .tip-goto-toggle-hook-hdg{
font-weight:normal;
}

/* .tip-goto-toggle-content
----------------------------------------------- */
.tip-goto .tip-goto-toggle-content{
margin-bottom:15px;
display:none;
}
.tip-goto .tip-goto-toggle.is-active .tip-goto-toggle-content{
display:block;
}

/* .tip-goto-inquiry
----------------------------------------------- */
.tip-goto .tip-goto-inquiry{
margin:6px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.tip-goto .tip-goto-inquiry > div{
margin-right:10px;
}

/* .tip-goto-inquiry-num
----------------------------------------------- */
.tip-goto .tip-goto-inquiry-num{
padding-left:22px;
display:inline-block;
position:relative;
font-weight:bold;
font-size:15px;
font-family:var(--font-num);
}
.tip-goto .tip-goto-inquiry-num > span{
border:1px solid #ccc;
color:transparent;
position:absolute;
top:1px;
left:0;
width:16px;
height:16px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
background:#fff url(/element_sp/shared/images/icon/icon-phone.svg) 50% 50% no-repeat;
background-size:9px 10px;
text-indent:-80px;
}

/* .tip-goto-discount
----------------------------------------------- */
.tip-goto .tip-goto-discount{
margin-top:6px;
}

/* .tip-goto-discount-list
----------------------------------------------- */
.tip-goto .tip-goto-discount-list > li{
margin-top:2px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.tip-goto .tip-goto-discount-list > li > span:first-child{
min-width:8em;
padding-right:15px;
position:relative;
}
.tip-goto .tip-goto-discount-list > li > span:first-child::before{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.tip-goto .tip-goto-discount-list b{
font-size:14px;
font-family:var(--font-num);
font-weight:normal;
}
.tip-goto .tip-goto-discount-list .discount-price{
color:var(--cmn-font-color-red);
}
.tip-goto .tip-goto-discount-list .sup{
margin-left:5px;
}

/* .tip-goto-panel
----------------------------------------------- */
.tip-goto .tip-goto-panel{
margin-top:25px;
padding:10px;
border:1px solid #ddd;
}
.tip-goto .tip-goto-panel b strong{
font-weight:bold;
}

/* .tip-note
----------------------------------------------- */
.tip-note{
color:var(--cmn-font-color-gray);
font-size:11px;
}
.tip-note > li{
margin-top:6px;
padding-left:1.25em;
position:relative;
}
.tip-note > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}

/* ----------------------------------------------------------------
  Hotel Rank Tooltip
----------------------------------------------------------------- */
/* .tip-hotel-rank-catch
----------------------------------------------- */
.tip-hotel-rank .tip-hotel-rank-catch{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}

/* .tip-hotel-rank-list
----------------------------------------------- */
.tip-hotel-rank .tip-hotel-rank-list{
overflow:hidden;
}
.tip-hotel-rank .tip-hotel-rank-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.tip-hotel-rank .tip-hotel-rank-list > li{
margin:3px 0 0 6%;
width:44%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.tip-hotel-rank .tip-hotel-rank-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}
.tip-hotel-rank .tip-hotel-rank-list > li > div:first-child{
min-width:6em;
}
.tip-hotel-rank .tip-hotel-rank-list > li > div:last-child::before{
content:"\ff1a";
}

/* ----------------------------------------------------------------
  Price range Tooptip
----------------------------------------------------------------- */
/* .tip-price-range-catch
----------------------------------------------- */
.tip-price-range .tip-price-range-catch{
padding-bottom:6px;
border-bottom:1px solid #ccc;
font-size:14px;
font-weight:bold;
}
.tip-price-range p > strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .tip-price-range-list
----------------------------------------------- */
.tip-price-range .tip-price-range-list > li{
margin-top:5px;
}
.tip-price-range .tip-price-range-list > li > span:not([class]){
margin-left:10px;
}

/* ----------------------------------------------------------------
  Review Tooltip
----------------------------------------------------------------- */
/* .tip-review-catch
----------------------------------------------- */
.tip-review .tip-review-catch{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}
.tip-review .tip-review-catch > span{
display:inline-block;
font-weight:normal;
font-size:11px;
}

/* .tip-review-list
----------------------------------------------- */
.tip-review .tip-review-list{
overflow:hidden;
}
.tip-review .tip-review-list:not(:last-child){
margin-bottom:10px;
}
.tip-review .tip-review-list > li{
margin:5px 0 0 6%;
width:44%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.tip-review .tip-review-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}
.tip-review .tip-review-list > li > div:first-child{
min-width:8.5em;
}
.tip-review .tip-review-list > li > div:last-child::before{
content:"\ff1a";
}
.tip-review .tip-review-list .icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.tip-review .cmn-tip-box p:last-of-type{
border-top:1px solid #ccc;
padding-top:10px;
margin:0;
}

/* ----------------------------------------------------------------
  .important-info-link
----------------------------------------------------------------- */
/* .important-info-link-lyt
----------------------------------------------- */
.important-info-link-lyt{
margin-bottom:15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.important-info-link{
margin:0 0 15px;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
}
.important-info-link .sup{
margin-left:5px;
color:var(--cmn-font-color-gray);
display:inline-block;
font-size:11px;
font-weight:normal;
vertical-align:middle;
}
.important-info-link strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.form-search-index-container .important-info-link{
margin:0 0 10px;
border:none;
-webkit-box-shadow:0 2px 0 rgba(0, 0, 0, .2);
box-shadow:0 2px 0 rgba(0, 0, 0, .2);
}
.important-info-link-lyt .important-info-link{
margin-bottom:0;
min-width:225px;
padding:10px;
font-size:15px;
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.important-info-link b,
.important-info-text-link b{
color:var(--cmn-font-color-red);
}
.important-info-text-link b{
font-weight:normal;
}
.important-info-checkbox input{
margin:0 10px 0 0;
}
.important-info-text-link{
margin:auto 0;
margin-left:20px;
}
.important-info-link-lyt > .important-info-text-link:first-child{
margin-left:0!important;
}
.important-info-text-link a{
color:var(--cmn-font-color-gray);
text-decoration:none;
font-size:13px;
}
.important-info-text-link a > span{
text-decoration:underline;
}
.important-info-text-link a > b{
margin-right:4px;
color:var(--cmn-font-color-red);
display:inline-block;
font-family:var(--font-num);
font-size:11px;
font-weight:normal;
}

/* .important-info-btn
----------------------------------------------- */
.important-info-link .important-info-btn{
padding:8px 7px 6px 10px;
border:none;
border-radius:4px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background-color:#fff;
font-size:13px;
text-align:left;
color:var(--cmn-font-color-base);
}
.important-info-link .important-info-btn::before{
margin-top:-4px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.important-info-link .important-info-btn > b{
color:var(--cmn-font-color-red);
}

/* .important-info-btn-01
----------------------------------------------- */
.important-info-link .important-info-btn-01{
padding:8px 20px 6px 15px;
border:none;
color:var(--cmn-font-color-base);
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:100%;
background:none;
text-align:left;
font-size:13px;
}
.important-info-link .important-info-btn-01::before{
margin-top:-4px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
  Modal Departure
----------------------------------------------------------------- */
.cmn-modal-select .cmn-modal-btn-clear{
padding:4px 12px;
border-radius:4px;
color:#fff;
min-width:3em;
cursor:pointer;
font-size:12px;
background-color:#222;
border:1px solid #ccc;
}
.cmn-modal-select .cmn-modal-btn-clear:active,
.cmn-modal-select .cmn-modal-btn-clear:hover,
.cmn-modal-select .cmn-modal-btn-clear:focus{
opacity:.33;
}
.cmn-modal-select .cmn-modal-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.cmn-modal-select .cmn-modal-btn:disabled{
opacity:.33;
}

/* .modal-departure
----------------------------------------------- */
/* .modal-departure-header
----------------------------------------------- */
.modal-departure .modal-departure-header{
margin:0 -20px;
padding:16px 20px 12px;
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);
box-shadow:0 3px 3px rgba(0,0,0,.2);
}

/* .modal-departure-content
----------------------------------------------- */
.modal-departure .modal-departure-content{
margin:0 -20px;
padding:0 20px 20px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:scroll;
position:relative;
}
.modal-departure .no-scroll{
overflow:hidden !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-departure .no-scroll .modal-departure-tab-content{
max-height:100%;
}

/* .modal-departure-tab-content
----------------------------------------------- */
.modal-departure .modal-departure-tab-content{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
position:relative;
}
.modal-departure .modal-departure-tab-content > :first-child{
margin-top:8px;
}
.modal-departure .modal-departure-tab-content .btn-prev{
padding:3px 0;
color:#0b4cae;
border:none;
min-height:40px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
margin-top:8px;
}
.modal-departure .modal-departure-tab-content .btn-prev + .modal-departure-tab-content-list{
border-top:1px solid #ccc;
}
.modal-departure .modal-departure-tab-content .cmn-modal-decision{
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
width:390px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(221,221,221,.8);
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
text-align:center;
padding:10px;
}
.modal-departure .modal-departure-tab-content .cmn-modal-decision .cmn-modal-btn{
height:31px;
min-width:100px;
font-size:14px;
padding:5px 10px 6px;
border:none;
border-radius:4px;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
cursor:pointer;
background-color:#72ba00;
font-weight:bold;
text-shadow:1px 1px 1px rgb(0 0 0 / 40%);
}
.modal-departure .modal-departure-tab-content .cmn-modal-decision.no-bg{
background:none;
bottom:0;
}

/* .modal-departure-tab-list
----------------------------------------------- */
.modal-departure .modal-departure-tab-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.modal-departure .modal-departure-tab-list > li{
padding-bottom:4px;
position:relative;
}
.modal-departure .modal-departure-tab-list button{
padding:0;
border:none;
width:100%;
line-height:1.42;
background:transparent;
font-size:12px;
color:var(--cmn-font-color-base);
}
.modal-departure .modal-departure-tab-list .is-active button{
position:relative;
overflow:visible;
}
.modal-departure .modal-departure-tab-list .is-active button::before{
content:"";
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:-4px;
left:0;
background-color:#222;
}
.modal-departure .modal-departure-tab-list button:disabled{
color:#ccc;
}
.modal-departure .modal-departure-tab-list button > span{
display:block;
}

/* .modal-departure-tab-content-inner
----------------------------------------------- */
.modal-departure .modal-departure-tab-content-inner{
border:1px solid #ccc;
border-radius:4px;
max-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:4px;
overflow:hidden;
overflow-y:scroll;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-departure .modal-departure-tab-content-inner.no-scroll{
position:relative;
}
.modal-departure .modal-departure-tab-content-inner.no-scroll .modal-departure-tab-content-inner-scrollarea{
overflow:hidden;
}
.modal-departure .modal-departure-tab-content-inner-scrollarea{
padding:0 15px 60px;
overflow:hidden;
max-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-departure .modal-departure-tab-content-inner-scrollarea > :first-child{
padding-top:16px;
}
.modal-departure .modal-departure-tab-content-inner .modal-departure-tab-content-list,
.modal-departure .modal-departure-tab-content-inner .modal-departure-tab-content-list > li{
border:none !important;
}
.modal-departure-tab-content-inner-scrollarea > * {
border:none !important;
}
.modal-departure .modal-departure-tab-content-inner .modal-departure-tab-content-list > li > label{
min-height:30px;
padding:0;
}
.modal-departure .modal-departure-tab-content-inner .toggle-btn{
padding-left:0;
padding-right:0;
text-align:left;
}

/* .modal-departure-tab-form
----------------------------------------------- */
.modal-departure .modal-departure-tab-form{
margin-top:8px;
position:relative;
}
.modal-departure .modal-departure-tab-form input{
padding:10px 0 8px 8px;
border:1px solid #bbb;
border-radius:2px;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-departure .modal-departure-tab-form button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:url(/element/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px 14px;
}

/* .modal-departure-tab-content-error
----------------------------------------------- */
.modal-departure .modal-departure-tab-content-error{
margin:16px 0 !important;
font-size:14px;
}
.modal-departure .modal-departure-tab-content-error strong{
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}

/* .modal-departure-tab-content-hdg
----------------------------------------------- */
.modal-departure .modal-departure-tab-content-hdg{
padding-top:16px;
font-size:14px;
padding-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-bottom:1px solid #ccc;
}
.modal-departure-tab-content-list + .modal-departure-tab-content-hdg{
padding-top:24px;
}
.modal-departure-tab-content-hdg .notice{
color:var(--cmn-font-color-gray);
font-size:12px;
font-weight:normal;
text-align:left;
position:relative;
padding-left:16px;
display:inline-block;
}
.modal-departure-tab-content-hdg .notice::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.modal-departure-tab-content-hdg .modal-departure-tab-content-hdg-faq{
padding:0 19px 0 0;
border:none;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 100% 50% no-repeat;
background-size:15px;
min-height:15px;
font-size:12px;
margin-left:auto;
white-space:nowrap;
}
.modal-departure-tab-content-hdg .modal-departure-tab-content-hdg-link{
font-size:12px;
font-weight:normal;
margin-left:auto;
white-space:nowrap;
}

/* .modal-departure-tab-content-list
----------------------------------------------- */
.modal-departure .modal-departure-tab-content-list{
line-height:1.35;
font-size:14px;
}
.modal-departure .modal-departure-tab-content-list > li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.modal-departure .modal-departure-tab-content-list > li:not(:last-child){
border-bottom:1px solid #ccc;
}
.modal-departure .modal-departure-tab-content-list > li > a{
padding:4px 20px 4px 0;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:44px;
text-decoration:none;
position:relative;
width:100%;
}
.modal-departure .modal-departure-tab-content-list > li.has-child > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* IE11 Hack*/
_:-ms-lang(x)::-ms-backdrop,
.modal-departure .modal-departure-tab-content-list > li > a{
height:44px;
}
.modal-departure .modal-departure-tab-content-list > li > a .is-selected{
padding-right:24px;
background:url(/element/j_tour/shared/images/icon/icon-selected.svg) 100% 50% no-repeat;
background-size:12px auto;
}
.modal-departure .modal-departure-tab-content-list > li > a > span:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-departure .modal-departure-tab-content-list > li > a div{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:100%;
}
.modal-departure .modal-departure-tab-content-list .sup{
display:inline-block;
font-size:12px;
}
.modal-departure .modal-departure-tab-content-list > li > label{
padding:3px 0;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:100%;
}
.modal-departure .modal-departure-tab-content-list > li > label div{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:calc(100% - 21px);
margin-left:8px;
}
.modal-departure-tab-content-list + .modal-departure-tab-content-hdg{
border-top:1px solid #ccc;
}

/* .modal-departure-tab-content-link-list
----------------------------------------------- */
.modal-departure .modal-departure-tab-content-link-list{
font-size:14px;
}
.modal-departure .modal-departure-tab-content-link-list > li:not(:first-child){
border-top:1px solid #ccc;
}
.modal-departure .modal-departure-tab-content-link-list > li:last-child{
border-bottom:1px solid #ccc;
}
.modal-departure .modal-departure-tab-content-link-list > li > .modal-departure-tab-content-link{
padding:4px 20px 4px 0;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:44px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
text-decoration:none;
}

/* IE11 Hack*/
_:-ms-lang(x)::-ms-backdrop,
.modal-departure .modal-departure-tab-content-link-list > li > .modal-departure-tab-content-link{
height:44px;
}
.modal-departure .modal-departure-tab-content-link-list > li .airport,
.modal-departure .modal-departure-tab-content-link-list > li .airandexpress,
.modal-departure .modal-departure-tab-content-link-list > li .bullet-train-station,
.modal-departure .modal-departure-tab-content-link-list > li .area{
padding-left:26px;
position:relative;
}
.modal-departure .modal-departure-tab-content-link-list > li .airport::before,
.modal-departure .modal-departure-tab-content-link-list > li .airandexpress::before,
.modal-departure .modal-departure-tab-content-link-list > li .bullet-train-station::before,
.modal-departure .modal-departure-tab-content-link-list > li .area::before{
margin-top:-8px;
content:"";
display:block;
width:15px;
height:15px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}
.modal-departure .modal-departure-tab-content-link-list > li .airandexpress::before{
width:18px !important;
height:18px !important;
}
.modal-departure .modal-departure-tab-content-link-list > li .airport::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}
.modal-departure .modal-departure-tab-content-link-list > li .airandexpress::before{
background-image:url(/element/j_tour/shared/images/icon/icon-airandexpress.svg);
}
.modal-departure .modal-departure-tab-content-link-list > li .bullet-train-station::before{
background-image:url(/element/shared/images/icon/icon-train-bullet.svg);
}
.modal-departure .modal-departure-tab-content-link-list > li .area::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}
.modal-departure .modal-departure-tab-content-link-list.is-suggest > li:first-child{
border-top:none;
}
.modal-departure .modal-departure-tab-content-link-list .sup{
display:inline-block;
font-size:12px;
}
.modal-departure .modal-departure-tab-content-link-list .num{
margin-left:4px;
color:var(--cmn-font-color-gray);
font-size:12px;
}

/* .toggle-container
----------------------------------------------- */
.modal-departure .toggle-container{
margin:0 0 10px;
}
.modal-departure .toggle-container.active{
border-top:1px solid #ccc;
}
.modal-departure .toggle-btn{
margin:-1px 0 0;
padding:10px;
color:var(--cmn-font-color-base);
display:block;
font-size:14px;
text-align:center;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}
.modal-departure .toggle-btn::before{
margin:-1px 8px 0 0;
content:"";
display:inline-block;
width:12px;
height:7px;
overflow:hidden;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
}
.modal-departure .toggle-container.active .toggle-btn{
background-image:none;
}
.modal-departure .toggle-container.active .toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .modal-destination
----------------------------------------------- */
/* .modal-destination-header
----------------------------------------------- */
.modal-destination .modal-destination-header{
margin:0 -20px;
padding:16px 20px;
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);
box-shadow:0 3px 3px rgba(0,0,0,.2);
z-index:10;
}

/* .modal-destination-word-search
----------------------------------------------- */
.modal-destination .modal-destination-word-search{
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
z-index:10;
margin:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.modal-destination .modal-destination-word-search li:not(:last-child){
margin-right:12px;
}
.modal-destination .modal-destination-word-search li:first-child{
padding-right:12px;
border-right:1px solid #ddd;
}
.modal-destination .modal-destination-word-search li > button{
padding:0;
border:none;
color:inherit;
font-size:12px;
background-color:transparent;
text-align:center;
line-height:1.25;
position:relative;
}
.modal-destination .modal-destination-word-search li > button[aria-selected="true"]::before {
content:"";
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:-6px;
left:0;
background-color:#222;
}
.modal-destination .modal-destination-word-search li:last-child{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-destination .modal-destination-word-search li ::-webkit-input-placeholder{
opacity:0;
}
.modal-destination .modal-destination-word-search li ::-moz-placeholder{
opacity:0;
}
.modal-destination .modal-destination-word-search li :-ms-input-placeholder{
opacity:0;
}
.modal-destination .modal-destination-word-search li ::-ms-input-placeholder{
opacity:0;
}
.modal-destination .modal-destination-word-search li ::placeholder{
opacity:0;
}
.modal-destination .modal-destination-word-search-keyword input {
background:none;
z-index:2;
position:relative;
padding:10px 30px 8px 8px;
border:1px solid #bbb;
border-radius:2px;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-overflow:ellipsis;
}
.modal-destination .modal-destination-word-search-keyword .modal-destination-word-search-btn-del {
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:url(/element/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px 14px;
z-index:100;
}
.modal-destination .modal-destination-word-search-keyword .placeholderDiv{
position:absolute;
top:2px;
left:12px;
color:#bbb;
font-size:12px;
line-height:1.3;
z-index:1;
}
.modal-destination .modal-destination-word-search-keyword .placeholderDiv.none{
display:none;
}

/* .modal-destination-content
----------------------------------------------- */
.modal-destination .modal-destination-content{
margin:0 -20px;
padding:0 20px 20px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:scroll;
position:relative;
}
.modal-destination .no-scroll{
overflow:hidden !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-destination .no-scroll .modal-destination-tab-content{
max-height:100%;
}

/* .modal-destination-tab-content
----------------------------------------------- */
.modal-destination .modal-destination-tab-content{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding-top:8px;
position:relative;
}
.modal-destination .modal-destination-tab-content .btn-prev{
padding:3px 0;
color:#0b4cae;
border:none;
min-height:40px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
}
.modal-destination .modal-destination-tab-content .btn-prev + .modal-destination-tab-content-list{
border-top:1px solid #ccc;
}
.modal-destination .modal-destination-tab-content .cmn-modal-decision{
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
width:390px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(221,221,221,.8);
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
text-align:center;
padding:10px;
}
.modal-destination .modal-destination-tab-content .cmn-modal-decision .cmn-modal-btn{
height:31px;
min-width:100px;
font-size:14px;
padding:5px 10px 6px;
border:none;
border-radius:4px;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
cursor:pointer;
background-color:#72ba00;
font-weight:bold;
text-shadow:1px 1px 1px rgb(0 0 0 / 40%);
}
.modal-destination .modal-destination-tab-content .cmn-modal-decision.no-bg{
background:none;
bottom:0;
}

/* .modal-destination-tab-content-inner
----------------------------------------------- */
.modal-destination .modal-destination-tab-content-inner{
border:1px solid #ccc;
border-radius:4px;
max-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:4px;
overflow:hidden;
overflow-y:scroll;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-destination .modal-destination-tab-content-inner.no-scroll{
position:relative;
}
.modal-destination .modal-destination-tab-content-inner.no-scroll .modal-destination-tab-content-inner-scrollarea{
overflow:hidden;
}
.modal-destination .modal-destination-tab-content-inner.no-scroll .modal-destination-tab-content-inner-scrollarea > :first-child{
margin-top:8px;
}
.modal-destination .modal-destination-tab-content-inner.no-scroll .modal-destination-tab-content-inner-scrollarea > h3:first-child{
margin-top:0;
}
.modal-destination .modal-destination-tab-content-inner-scrollarea{
padding:0 15px 60px;
overflow:hidden;

/* overflow-y:scroll; */
max-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-destination .modal-destination-tab-content-inner-scrollarea > :first-child{
padding-top:16px;
}
.modal-destination .modal-destination-tab-content-inner .modal-destination-tab-content-list,
.modal-destination .modal-destination-tab-content-inner .modal-destination-tab-content-list > li{
border:none !important;
}
.modal-destination-tab-content-inner-scrollarea > * {
border:none !important;
}
.modal-destination .modal-destination-tab-content-inner .modal-destination-tab-content-list > li > label{
min-height:30px;
padding:0;
}
.modal-destination .modal-destination-tab-content-inner .toggle-btn{
padding-left:0;
padding-right:0;
text-align:left;
}

/* .modal-destination-tab-content-error
----------------------------------------------- */
.modal-destination .modal-destination-tab-content-error{
margin:16px 0;
font-size:14px;
}
.modal-destination .modal-destination-tab-content-error strong{
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}

/* .modal-destination-tab-content-hdg
----------------------------------------------- */
.modal-destination .modal-destination-tab-content-hdg{
padding-top:16px;
font-size:14px;
padding-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-bottom:1px solid #ccc;
}
.modal-destination-tab-content-list + .modal-destination-tab-content-hdg{
padding-top:24px;
}
.modal-destination-tab-content-hdg .notice{
color:var(--cmn-font-color-gray);
font-size:12px;
font-weight:normal;
text-align:left;
position:relative;
padding-left:16px;
display:inline-block;
}
.modal-destination-tab-content-hdg .notice::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.modal-destination-tab-content-hdg .modal-destination-tab-content-hdg-faq{
padding:0 19px 0 0;
border:none;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 100% 50% no-repeat;
background-size:15px;
min-height:15px;
font-size:12px;
margin-left:auto;
white-space:nowrap;
}
.modal-destination-tab-content-hdg .modal-destination-tab-content-hdg-link{
font-size:12px;
font-weight:normal;
margin-left:auto;
white-space:nowrap;
}

/* .modal-destination-tab-content-list
----------------------------------------------- */
.modal-destination .modal-destination-tab-content-list{
line-height:1.35;
font-size:14px;
}
.modal-destination .modal-destination-tab-content-list > li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.modal-destination .modal-destination-tab-content-list > li:not(:last-child){
border-bottom:1px solid #ccc;
}
.modal-destination .modal-destination-tab-content-list > li.disabled{
cursor:default;
pointer-events:none;
}
.modal-destination .modal-destination-tab-content-list > li > a{
padding:4px 20px 4px 0;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:44px;
text-decoration:none;
position:relative;
width:100%;
}
.modal-destination .modal-destination-tab-content-list > li.has-child > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.modal-destination .modal-destination-tab-content-list > li.disabled a{
opacity:.33;
cursor:default;
pointer-events:none;
}

/* IE11 Hack*/
_:-ms-lang(x)::-ms-backdrop,
.modal-destination .modal-destination-tab-content-list > li > a{
height:44px;
}
.modal-destination .modal-destination-tab-content-list > li > a .is-selected{
padding-right:24px;
background:url(/element/j_tour/shared/images/icon/icon-selected.svg) 100% 50% no-repeat;
background-size:12px auto;
}
.modal-destination .modal-destination-tab-content-list > li > a > span:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-destination .modal-destination-tab-content-list > li > a div{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:100%;
}
.modal-destination .modal-destination-tab-content-list .sup{
display:inline-block;
font-size:12px;
}
.modal-destination .modal-destination-tab-content-list > li > label{
padding:3px 0;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:100%;
}
.modal-destination .modal-destination-tab-content-list > li > label div{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:calc(100% - 21px);
margin-left:8px;
}
.modal-destination-tab-content-list + .modal-destination-tab-content-hdg{
border-top:1px solid #ccc;
}

/* .modal-destination-tab-content-link-list
----------------------------------------------- */
.modal-destination .modal-destination-tab-content-link-list{
font-size:14px;
}
.modal-destination .modal-destination-tab-content-link-list > li:not(:first-child){
border-top:1px solid #ccc;
}
.modal-destination .modal-destination-tab-content-link-list > li:last-child{
border-bottom:1px solid #ccc;
}
.modal-destination .modal-destination-tab-content-link-list > li > .modal-destination-tab-content-link{
padding:4px 20px 4px 0;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:44px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
text-decoration:none;
}

/* IE11 Hack*/
_:-ms-lang(x)::-ms-backdrop,
.modal-destination .modal-destination-tab-content-link-list > li > .modal-departure-tab-content-link{
height:44px;
}
.modal-destination .modal-destination-tab-content-link-list > li .airport,
.modal-destination .modal-destination-tab-content-link-list > li .airandexpress,
.modal-destination .modal-destination-tab-content-link-list > li .bullet-train-station,
.modal-destination .modal-destination-tab-content-link-list > li .area{
padding-left:26px;
position:relative;
}
.modal-destination .modal-destination-tab-content-link-list > li .airport::before,
.modal-destination .modal-destination-tab-content-link-list > li .airandexpress::before,
.modal-destination .modal-destination-tab-content-link-list > li .bullet-train-station::before,
.modal-destination .modal-destination-tab-content-link-list > li .area::before{
margin-top:-8px;
content:"";
display:block;
width:15px;
height:15px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}
.modal-destination .modal-destination-tab-content-link-list > li .airandexpress::before{
width:18px !important;
height:18px !important;
}
.modal-destination .modal-destination-tab-content-link-list > li .airport::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}
.modal-destination .modal-destination-tab-content-link-list > li .airandexpress::before{
background-image:url(/element/j_tour/shared/images/icon/icon-airandexpress.svg);
}
.modal-destination .modal-destination-tab-content-link-list > li .bullet-train-station::before{
background-image:url(/element/shared/images/icon/icon-train-bullet.svg);
}
.modal-destination .modal-destination-tab-content-link-list > li .area::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}
.modal-destination .modal-destination-tab-content-link-list.is-suggest > li:first-child{
border-top:none;
}
.modal-destination .modal-destination-tab-content-link-list .sup{
display:inline-block;
font-size:12px;
}
.modal-destination .modal-destination-tab-content-link-list .num{
margin-left:4px;
color:var(--cmn-font-color-gray);
font-size:12px;
}

/* .toggle-container
----------------------------------------------- */
.modal-destination .toggle-container{
margin:0 0 10px;
border-top:1px solid #ccc;
}
.modal-destination .toggle-btn{
margin:-1px 0 0;
padding:10px;
color:var(--cmn-font-color-base);
display:block;
font-size:14px;
text-align:center;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}
.modal-destination .toggle-btn::before{
margin:-1px 8px 0 0;
content:"";
display:inline-block;
width:12px;
height:7px;
overflow:hidden;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
}
.modal-destination .toggle-container.active .toggle-btn{
background-image:none;
}
.modal-destination .toggle-container.active .toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .modal-destination-word-search-tab-content
----------------------------------------------- */
.modal-destination .modal-destination-word-search-tab-content [role="tabpanel"]{
display:none;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-destination .modal-destination-word-search-tab-content [role="tabpanel"].is-active{
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
}
.modal-destination .modal-destination-word-search-tab-content{
margin:0 -20px;
padding:0 20px 20px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:scroll;
position:relative;
-ms-overflow-style:none;
scrollbar-width:none;
}
.modal-destination .modal-destination-word-search-tab-content::-webkit-scrollbar{
display:none;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
width:100%;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list.no-scroll {
overflow:hidden;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > .modal-destination-hdg-l3:first-child {
margin-top:16px;
}

/* .modal-destination-list > ul
----------------------------------------------- */
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul{
line-height:1.35;
width:100%;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul:last-child{
padding-bottom:16px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul:last-child li:last-child{
border-bottom:1px solid #e5e5e5;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul + .modal-destination-hdg-l3 {
padding-top:8px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul + .modal-destination-hdg-l3{
padding-top:20px;
border-top:1px solid #e5e5e5;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul + .modal-destination-hdg-l3:first-child {
border-top:none;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list ul > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li > a,
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li[aria-expanded] > button{
padding:4px 0;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:44px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li > a:hover{
text-decoration:none;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list ul > li.disabled a{
opacity:.33;
cursor:default;
pointer-events:none;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li > a div{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:100%;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li > a span.sup{
font-size:12px;
display:inline;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li > a span.brackets + span.brackets{
margin-left:-8px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li.has-child > a,
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li[aria-expanded] > button{
padding-right:20px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li.has-child > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li[aria-expanded] > button{
border:none;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
text-align:left;
font-size:14px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li[aria-expanded="true"] > button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li[aria-expanded] > button::before{
display:none;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list ul:not(.modal-destination-form-list) > li > label{
padding:3px 0 3px 30px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list ul:not(.modal-destination-form-list) > li > label input{
position:absolute;
top:50%;
left:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list ul > li > label div{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:100%;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list ul > li > label span.sup{
font-size:12px;
display:inline;
}
.modal-destination .modal-destination-word-search-tab-content [role="tabpanel"] .modal-destination-list > ul > li:first-child{
border-top:none;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul .is-selected{
padding-right:24px;
background:url(/element_sp/j_tour/shared/images/icon-selected.svg) 100% 50% no-repeat;
background-size:12px auto;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul .sup.is-selected{
padding-right:16px;
}

/* .modal-destination-list > ul > ul
----------------------------------------------- */
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul ul:not([class]){
margin-left:30px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul ul li:last-child{
border-bottom:none;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li[aria-expanded="false"] ul{
display:none;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list > ul li[aria-expanded="true"] ul{
display:block;
}

/* .modal-destination-list-btn-prev
----------------------------------------------- */
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-btn-prev{
padding:3px 0;
color:var(--text-link-color);
border:none;
min-height:40px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-btn-prev{
margin-top:4px;
}
.modal-destination .modal-destination-word-search-tab-content [role="tabpanel"] .modal-destination-list .modal-destination-list-btn-prev + ul{
border-top:1px solid #e5e5e5;
}
.modal-destination .modal-destination-word-search-tab-content [role="tabpanel"] .modal-destination-list .modal-destination-list-btn-prev + .modal-destination-hdg-l3{
padding-top:20px;
border-top:1px solid #e5e5e5;
}

/* .modal-destination-list-inner
----------------------------------------------- */
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner{
border:1px solid #ccc;
border-radius:4px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
overflow:hidden;
overflow-y:scroll;
margin-top:4px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list.no-scroll .modal-destination-list-inner{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner.no-scroll {
height:auto;
min-height:auto;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner-scrollarea{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:0 15px 60px;
overflow:hidden;
overflow-y:scroll;
max-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list-inner-scrollarea * {
border:none !important;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list-inner-scrollarea.no-scroll{
padding-bottom:0 !important;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list-inner-scrollarea{
padding-top:10px !important;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner .modal-destination-footer{
position:absolute;
bottom:0;
left:0;
background-color:rgba(221, 221, 221, .8);
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
width:100%;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner .modal-destination-footer button{
min-height:34px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner .modal-destination-footer.no-bg{
background:none !important;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner .modal-destination-footer .modal-destination-footer-btn-list > li:first-child:last-child,
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner .modal-destination-footer.no-bg .modal-destination-footer-btn-list > li:first-child:last-child {
max-width:130px;
min-width:130px;
}
.modal-destination .modal-destination-word-search-tab-content .modal-destination-list .modal-destination-list-inner label{
min-height:36px !important;
}
.modal-destination .modal-destination-list .modal-destination-word-search-sort{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
margin:16px 0 12px;
}
.modal-destination .modal-destination-list .modal-destination-word-search-sort .modal-destination-btn-sort {
padding:0 20px 0 6px;
border:1px solid #ccc;
border-radius:4px;
height:26px;
min-width:76px;
background-color:#fff;
font-size:12px;
text-align:left;
position:relative;
color:var(--cmn-font-color-base);
}
.modal-destination .modal-destination-list .modal-destination-word-search-sort .modal-destination-btn-sort::after {
border-top:4px solid #222;
border-right:4px solid transparent;
border-left:4px solid transparent;
content:"";
display:inline-block;
margin-top:-2px;
position:absolute;
top:50%;
right:8px;
}
.modal-destination .modal-destination-list .modal-destination-word-search-sort .modal-destination-btn-sort.is-active::after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.modal-destination .modal-destination-list .modal-destination-btn-sort [class^="icon-"] {
color:var(--cmn-font-color-base);
display:inline-block;
padding-left:18px;
background-position:0 50%;
background-repeat:no-repeat;
background-size:14px auto;
}
.modal-destination .modal-destination-list .modal-destination-word-search-link-list{
border-top:1px solid #e5e5e5;
}
.modal-destination .modal-destination-list .modal-destination-word-search-link-list > li a{
position:relative;
padding-left:24px !important;
}
.modal-destination .modal-destination-list .modal-destination-word-search-link-list > li[class] a:before {
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:18px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.modal-destination .modal-destination-list .modal-destination-word-search-link-list > li a div{
overflow:auto !important;
white-space:normal !important;
white-space:initial !important;
scrollbar-width:none;
}
.modal-destination .modal-destination-list .modal-destination-word-search-link-list > li a div::-webkit-scrollbar {
display:none;
}
.modal-destination .modal-destination-list .modal-destination-word-search-link-list > li a span.sup{
color:var(--cmn-font-color-gray) !important;
margin-left:4px;
}
.modal-destination .modal-destination-list .modal-destination-btn-sort .icon-category,
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li.category > a span::before {
background-image:url(/element_sp/j_tour/shared/images/icon-category.svg);
background-size:14px 10px;
}
.modal-destination .modal-destination-word-search-link-list li.area a:before,
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li.area > a .icon::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:15px 16px;
}
.modal-destination .modal-destination-word-search-link-list li.spot a:before,
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li.spot > a .icon::before {
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.modal-destination .modal-destination-word-search-link-list > li.airport a:before,
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li.airport > a .icon::before {
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.modal-destination .modal-destination-word-search-link-list > li.station a:before,
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li.station > a .icon::before {
background-image:url(/element/j_tour/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.modal-destination .modal-destination-word-search-link-list > li.hotel a:before,
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li.hotel > a .icon::before {
background-image:url(/element/j_tour/shared/images/icon/icon-hotel-ocher.svg);
background-size:17px 12px;
}
.modal-destination .modal-destination-word-search-link-list > li.address a:before,
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li.address > a .icon::before {
background-image:url(/element/j_tour/shared/images/icon/icon-address.svg);
background-size:17px 12px;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown{
margin-top:8px;
padding:0 16px 10px;
border-radius:3px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
left:0;
z-index:2;
background-color:#fff;
font-size:14px;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown::before{
content:"";
display:block;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg) skew(10deg, 10deg);
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:24px;
background-color:#fff;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown-catch{
margin-top:16px;
display:block;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list{
position:relative;
margin-top:10px;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li{
border-bottom:none !important;
padding:6px 0;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li > a{
padding-left:24px;
color:var(--cmn-font-color-base);
display:block;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li > a:hover{
text-decoration:none;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li.is-active > a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li > a span{
position:relative;
padding-left:24px;
}
.modal-destination .modal-destination-word-search-sort-btn-pulldown-list li > a span:before{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:18px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.modal-destination .modal-destination-list .modal-destination-btn-loupe{
padding:0 0 0 20px;
border:none;
display:block;
background:url(/element_sp/j_tour/shared/images/icon-search.svg) 0 50% no-repeat;
background-size:15px auto;
font-size:14px;
overflow:hidden;
margin-left:20px;
}
.modal-destination .modal-destination-list .modal-destination-btn-loupe > span{
white-space:nowrap;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.modal-destination .modal-destination-list .modal-destination-btn-loupe > span > span{
text-overflow:ellipsis;
overflow:hidden;
}

/* .modal.loading
----------------------------------------------- */
.cmn-modal-item.modal-item-loading {
position:relative;
}
.local-modal-container.modal-departure .modal-item-loading .modal-departure-header,
.local-modal-container.modal-departure .modal-item-loading .modal-departure-content,
.local-modal-container.modal-destination .modal-item-loading .modal-destination-header,
.local-modal-container.modal-destination .modal-item-loading .modal-destination-content,
.cmn-modal-item.modal-item-loading .modal-destination-header,
.cmn-modal-item.modal-item-loading .modal-destination-content{
opacity:.33;
}
.modal-loading{
position:absolute;
top:315px;
left:0;
right:0;
z-index:100;
width:60px;
height:60px;
border-radius:6px;
-webkit-box-shadow:0 0 6px rgba(0, 0, 0, .2);
box-shadow:0 0 6px rgba(0, 0, 0, .2);
background-color:#fff;
margin:auto;
}

/* SEO
---------------------------------- */
/* summary-container
---------------------------------- */
.summary-container{
padding:8px 0 30px;
}
.summary-container .summary-header{
margin-bottom:28px;
}
.summary-container .summary-header .summary-hdg{
font-size:20px;
font-weight:bold;
}
.summary-container .summary-item{
margin-top:24px;
overflow:hidden;
}
.summary-container .summary-item .symmary-item-header{
border-bottom:1px solid #ddd;
padding-bottom:4px;
}
.summary-container .summary-item .symmary-item-header .summary-item-hdg{
font-size:16px;
font-weight:normal;
}
.summary-container .summary-item-list{
margin:0 0 0 -13px;
font-size:0;
}
.summary-container .summary-item-list a{
color:var(--cmn-font-color-base);
}
.summary-container .summary-item-list >li{
display:inline-block;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:8px;
padding:0 12px;
border-left:1px solid #ddd;
}

/* select-content
---------------------------------- */
.select-content{
background-color:#eee;
-o-border-image:linear-gradient(#eee 0, #eee 100%) 0 / / 0 100vw 0 100vw;
border-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), to(#eee)) fill 0 / / 0 100vw 0 100vw;
border-image:linear-gradient(#eee 0, #eee 100%) fill 0 / / 0 100vw 0 100vw;
margin:30px 0 0 0;
clear:both;
margin:32px auto -50px;
padding:20px 0 16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .select-content-header::after{
content:"";
display:table;
clear:both;
}
.select-content .select-content-header .hdg-l2-note{
float:right;
}
.select-content .hdg-l2-note{
color:var(--cmn-font-color-gray);
margin:0 -10px;
padding:8px 10px;
}
.select-content .hdg-l2-note li{
display:block;
padding-left:16px;
position:relative;
font-size:12px;
line-height:1.3;
}
.select-content .hdg-l2-note li::before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.select-content .str-footer-notice{
margin:0;
padding:20px 0 15px;
}
.select-content.is-branch .act_ad_manage +.card-container{
border-top:1px solid #ccc;
}
.select-content.is-branch .act_ad_manage.cmn-ad-bnr-hidden +.card-container{
border-top:none;
}
.select-content.is-branch .card-container{
margin-top:0;
}

/* card-container
---------------------------------- */
.select-content .card-container{
position:relative;
z-index:1;
}
.select-content .card-container .card-content{
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.select-content .card-container .card-content.card-select-spot .tour-list-item-footer .tour-list-item-footer-link .area{
max-width:18em;
}
.select-content .card-container .card-content.card-select-spot .swiper-ranking .swiper-button-prev,
.select-content .card-container .card-content.card-select-spot .swiper-ranking .swiper-button-next{
top:145px;
margin-top:0;
}
.select-content .card-container .card-content.card-select-spot .area-list{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.select-content .card-container .card-content.card-ranking-dest .card-item,.select-content .card-container .card-content.card-theme-tour .card-item,.select-content .card-container .card-content.card-ranking-tour .card-item,.select-content .card-container .card-content.card-ranking-hotel .card-item,.select-content .card-container .card-content.card-select-spot .card-item,.select-content .card-container .card-content.card-ranking-area .card-item{
background:none;
-webkit-box-shadow:none;
box-shadow:none;
padding:0;
margin:-4px -4px 0;
}
.select-content .card-container .card-content .card-item{
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
padding:20px;
}
.select-content .card-container .card-content .card-item .card-header-notes{
padding-bottom:8px;
display:block;
border-bottom:1px solid #e9e9e9;
}
.select-content .card-container .card-content.card-faq .card-item{
margin-top:0;
}
.select-content .card-container .card-content.card-seo-list .card-item{
padding-top:9px;
padding-bottom:9px;
overflow:hidden;
}
.select-content .card-container .card-content.card-seo-list .card-item > .link-list-toggle > li:first-child{
border-top:none;
}
.select-content .card-container .card-content.card-matome .card-item{
margin-top:0;
}
.select-content .card-container .card-content .card-item-footer{
margin-top:12px;
padding-top:12px;
border-top:1px #ddd solid;
}
.select-content .card-container .card-content .card-item-footer::after{
content:"";
display:table;
clear:both;
}
.select-content .card-container .card-content .card-item-footer .card-item-footer-link{
float:right;
font-size:14px;
text-decoration:none;
}
.select-content .card-container >:first-child{
margin-top:0;
}
.select-content .card-container .card-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding:8px 26px 8px 0;
min-height:48px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .card-container .card-header .card-header-hdg{
font-size:16px;
font-weight:bold;
line-height:calc(22.5 / 16);
}
.select-content .card-container .card-desc p{
font-size:14px;
margin:0;
}
.select-content .card-container .card-desc + .card-desc-hdg{
margin-top:14px;
}
.select-content .card-container .card-desc .card-desc-item + .card-desc-item{
margin-top:14px;
}
.select-content .card-container .card-desc-hdg{
font-size:14px;
font-weight:bold;
}
.select-content .card-container .card-desc-list{
font-size:14px;
text-indent:-1em;
margin-left:1em;
margin-top:4px;
}
.select-content .card-container .card-desc-list >li::before{
content:"\30FB";
display:inline;
}
.select-content .card-container .card-item-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:8px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:8px;
}
.select-content .card-container .card-item-header .hdg-l2-note{
margin:0;
padding:0;
}
.select-content .card-container .card-item-header + .card-item{
margin-top:12px;
}
.select-content .card-container .card-item-more{
text-align:right;
margin-top:-4px;
}
.select-content .card-container .card-item-more >a{
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
padding-left:12px;
}
.select-content .card-container .card-item-more >a::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.select-content .card-container .card-item-content{
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
}
.select-content .card-container .cmn-loading-spinner{
margin-bottom:1000px;
}

/* card-footer
---------------------------------- */
.select-content .card-footer{
display:block;
text-align:right;
margin-top:8px;
font-size:12px;
}
.select-content .card-footer .card-footer-link{
text-align:center;
color:var(--cmn-font-color-base);
font-size:12px;
line-height:1;
text-decoration:none;
}

/* card-tgl-container
---------------------------------- */
.select-content .card-tgl-container[aria-expanded=true] .card-tgl-content{
display:block;
margin-bottom:16px;
}
.select-content .card-tgl-container[aria-expanded=true] .card-tgl-hook{
background-image:url(/element_sp/j_tour/shared/images/icon-arrow-04-up-l.svg);
background-position:calc(100% - 4px) center;
}
.select-content .card-tgl-container[aria-expanded=false] .card-tgl-content{
display:none;
}
.select-content .card-tgl-container .card-tgl-hook{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
text-indent:-9999px;
border:none;
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-down-l.svg) no-repeat calc(100% - 4px) center;
background-size:16px auto;
color:var(--cmn-font-color-base);
}

/* card-tgl-container for tgl border
---------------------------------- */
.select-content .card-container .card-tgl-container{
position:relative;
}
.select-content .card-container .card-tgl-container[aria-expanded=false]{
border-top:1px solid #ccc;
}
.select-content .card-container .card-tgl-container[aria-expanded=false]::after{
position:absolute;
bottom:-1px;
left:0;
content:"";
width:100%;
height:1px;
background:#ccc;
}
.select-content .card-container .card-tgl-container[aria-expanded=true]{
border-top:1px solid transparent;
}
.select-content .card-container .card-tgl-container[aria-expanded=true]::after{
display:none;
}

/* search-selector
---------------------------------- */
.select-content .search-selector{
position:relative;
}
.select-content .search-selector[aria-expanded="true"] .search-selector-item{
display:block;
}
.select-content .search-selector[aria-expanded="true"] .search-selector-btn-container .search-selector-tip{
display:block;
}
.select-content .search-selector[aria-expanded="true"] .search-selector-btn::after{
border-width:0 5px 6px 5px;
border-color:transparent transparent #666 transparent;
}
.select-content .search-selector .search-selector-header{
position:relative;
}
.select-content .search-selector .search-selector-header .search-selector-close{
position:absolute;
right:-36px;
top:-16px;
height:60px;
z-index:1;
}
.select-content .search-selector .search-selector-header .search-selector-close button{
margin:0;
padding:9px;
border:none;
background:none;
border-radius:50%;
}
.select-content .search-selector .search-selector-header .search-selector-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_tour/shared/images/icon-close-gry.svg) top left no-repeat;
}
.select-content .search-selector .search-selector-header .search-selector-close button:hover{
background-color:#e9f3fb;
}
.select-content .search-selector .search-selector-item{
display:none;
position:absolute;
top:43px;
right:0;
}
.select-content .search-selector .search-selector-item .search-selector-item-inner{
position:relative;
text-align:left;
max-width:172px;
padding:20px 40px 8px 16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:6px;
background:#fff;
z-index:20;
-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.select-content .search-selector .search-selector-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.select-content .search-selector .search-selector-list{
font-size:14px;
margin:0 16px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .search-selector .search-selector-list >li{
white-space:nowrap;
}
.select-content .search-selector .search-selector-list >li a{
display:block;
padding:5px 0 5px 20px;
color:var(--cmn-font-color-base);
font-size:12px;
display:block;
text-decoration:none;
}
.select-content .search-selector .search-selector-list >li.is-active a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:12px auto;
}
.select-content .search-selector .search-selector-btn-container{
position:relative;
}
.select-content .search-selector .search-selector-btn-container .search-selector-tip{
display:none;
position:absolute;
top:100%;
left:50%;
margin-left:-5px;
-webkit-filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
z-index:21;
}
.select-content .search-selector .search-selector-btn-container .search-selector-tip::before{
content:"";
display:block;
display:block;
width:17px;
height:10px;
background-color:#fff;
clip-path:polygon(50% 0, 0% 100%, 100% 100%);
}
.select-content .search-selector .search-selector-btn{
position:relative;
display:block;
width:146px;
margin:0;
padding:0 20px 0 11px;
background:#fff;
border:1px solid #ccc;
border-radius:calc(35px / 2);
color:var(--cmn-font-color-base);
font-size:14px;
line-height:35px;
height:35px;
outline:none;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
text-align:left;
}
.select-content .search-selector .search-selector-btn::after{
content:"";
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-2px;
border-width:6px 5px 0 5px;
border-style:solid;
border-color:#666 transparent transparent transparent;
}

/* tgl-card-container
---------------------------------- */
/* background-color: #fff; */
/* box-shadow: 0 0 4px rgb(0 0 0 / 30%); */
/* border-radius: 6px; */
.select-content .tgl-card-container[aria-expanded=true] .tgl-card-content{
display:block;
}
.select-content .tgl-card-container[aria-expanded=true] .tgl-card-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.select-content .tgl-card-container[aria-expanded=false] .tgl-card-content{
display:none;
}
.select-content .tgl-card-container .tgl-card-content{
border-top:1px solid #ddd;
padding-top:12px;
margin-top:12px;
}
.select-content .tgl-card-container .tgl-card-footer{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
padding-top:12px;
margin-top:12px;
border-top:1px solid #ddd;
}
.select-content .tgl-card-container .tgl-card-footer > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .tgl-card-container .tgl-card-footer > div:nth-child(2){
width:256px;
}
.select-content .tgl-card-container .tgl-card-footer > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.select-content .tgl-card-container .tgl-card-footer .card-footer-link{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.select-content .tgl-card-container .tgl-card-footer .tgl-footer-notes >li{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.select-content .tgl-card-container .tgl-card-footer .tgl-footer-notes >li.aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.select-content .tgl-card-container .tgl-card-footer .tgl-footer-notes >li.aster > span{
margin-right:.4em;
}
.select-content .tgl-card-container .tgl-card-hook{
margin:0;
padding:0 0 0 18px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 7px;
background-size:12px auto;
font-size:14px;
}

/* tour-list
---------------------------------- */
.select-content .tour-list{
display:-ms-grid;
display:grid;
grid-auto-flow:column;
grid-auto-columns:calc((100%)/3);
margin:0;
}
.select-content .tour-list >li{
position:relative;
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-content .tour-list >li > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
color:var(--cmn-font-color-base);
text-decoration:none;
position:relative;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin:4px;
}
.select-content .tour-list >li > div >a{
display:contents;
}
.select-content .tour-list >li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.select-content .tour-list >li .tour-list-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
position:absolute;
top:0;
left:8px;
padding-top:7px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
color:var(--cmn-font-color-base);
-webkit-filter:drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
filter:drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
font-size:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.select-content .tour-list >li .tour-list-desc{
padding:8px 8px 0 47px;
margin-bottom:8px;
}
.select-content .tour-list >li .tour-list-desc p{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;

}
.select-content .tour-list >li .tour-list-desc .tour-list-hdg{
font-size:14px;
font-weight:normal;
}
.select-content .tour-list >li .tour-list-desc .tour-list-desc-footer{
text-align:right;
margin-top:8px;
font-size:12px;
min-height:17px;
}
.select-content .tour-list >li .tour-list-desc p{
margin:0;
font-size:12px;
line-height:calc(21 / 16);
}
.select-content .tour-list >li .tour-list-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:0 8px 8px 45px;
color:var(--cmn-font-color-base);
}
.select-content .tour-list >li .tour-list-footer > div:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.select-content .tour-list >li .tour-list-footer .date{
padding:2px 4px;
margin-right:4px;
height:21px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ccc;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.select-content .tour-list >li .tour-list-footer .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.select-content .tour-list >li .tour-list-footer .price .price-sup{
margin-right:4px;
font-size:12px;
}
.select-content .tour-list >li .tour-list-footer .price .price-dtl{
white-space:nowrap;
}
.select-content .tour-list >li .tour-list-footer .price .price-dtl .price-num{
font-size:16px;
font-family:var(--font-num);
}
.select-content .tour-list >li .tour-list-footer .price .price-dtl .price-unit{
font-size:12px;
}

/* tour-list-02
---------------------------------- */
.select-content .tour-list-02{
margin:0;
}
.select-content .tour-list-02 >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 12px;
padding:12px 0;
position:relative;
}
.select-content .tour-list-02 >li a{
text-decoration:none;
}
.select-content .tour-list-02 >li:first-child{
padding-top:0;
}
.select-content .tour-list-02 >li:last-child{
padding-bottom:0;
}
.select-content .tour-list-02 >li:not(:first-child){
border-top:1px solid #ddd;
}
.select-content .tour-list-02 >li .tour-list-header{
/* display: flex; */
padding-top:3px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .tour-list-02 >li .tour-list-header .tour-list-hdg{
font-size:14px;
font-weight:normal;
position:relative;
}
.select-content .tour-list-02 >li .tour-list-footer{
/* display: flex; */
/* justify-content: flex-end; */
padding-top:3px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.select-content .tour-list-02 >li .tour-list-footer .tour-list-footer-link{
color:var(--cmn-font-color-base);
font-size:14px;
text-decoration:none;
position:relative;
top:-3px;
line-height:1;
}
.select-content .tour-list-02 >li .tour-list-footer .tour-list-footer-link .area{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:30em;
}
.select-content .tour-list-02 >li .tour-list-footer .tour-list-footer-link .sup{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
}
.select-content .tour-list-02 >li .tour-list-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:24px;
padding-top:4px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-rank.svg) 0 0 no-repeat;
color:var(--cmn-font-color-base);
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-image:20px 24px;
}

/* swiper-ranking
---------------------------------- */
.select-content .swiper-ranking{
position:relative;
}
.select-content .swiper-ranking .swiper-button-prev,
.select-content .swiper-ranking .swiper-button-next{
width:32px;
height:32px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
left:-9px;
top:50%;
margin-top:-16px;
background-image:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .swiper-ranking .swiper-button-prev.swiper-button-disabled,.select-content .swiper-ranking .swiper-button-next.swiper-button-disabled{
display:none;
}
.select-content .swiper-ranking .swiper-button-prev::after,.select-content .swiper-ranking .swiper-button-next::after{
content:"";
display:block;
position:relative;
width:7px;
height:12px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
top:0px;
}
.select-content .swiper-ranking .swiper-button-next{
right:-9px;
left:auto;
}
.select-content .swiper-ranking .swiper-button-next::after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}

/* select-list
---------------------------------- */
.select-content .select-list >li{
position:relative;
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-content .select-list >li > a{
text-decoration:none;
}
.select-content .select-list .select-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin:4px;
padding:0;
color:var(--cmn-font-color-base);
}
.select-content .select-list .select-tags{
margin-top:8px;
margin-bottom:4px;
font-size:12px;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.select-content .select-list .mod-noimg{
border:1px solid #eee;
}
.select-content .select-list .select-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
border-radius:6px 6px 0 0;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .select-list .select-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .select-list .select-pic .select-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
position:absolute;
top:0;
left:8px;
padding-top:7px;
line-height:1;
font-size:16px;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
}
.select-content .select-list .select-pic.mod-noimg{
border-top:none;
border-left:none;
border-left:none;
}
.select-content .select-list .select-pic.mod-noimg img{
width:100px;
height:auto;
display:inline-block;
-o-object-fit:contain;
object-fit:contain;
}
.select-content .select-list .select-pic .select-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 12px 4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .select-list .select-pic .select-cap >span{
position:relative;
font-size:11px;
color:rgba(255,255,255,.6);
}
.select-content .select-list .select-pic .select-cap >span a{
text-decoration:none;
}
.select-content .select-list .select-pic .select-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.select-content .select-list .select-pic .select-cap a{
color:rgba(255,255,255,.6);
}
.select-content .select-list .select-desc{
padding:8px;
}
.select-content .select-list .select-desc >p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:50px;
}
.select-content .select-list .select-hdg{
overflow:hidden;
height:37px;
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
margin-bottom:8px;
}
.select-content .select-list .select-hdg a{
color:var(--cmn-font-color-base);
}
.select-content .select-list .review-component .review-component-list li{
cursor:default;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.select-content .select-list .review-component .review-component-list li:not(:last-child){
margin-right:16px;
}
.select-content .select-list .review-component li{
position:relative;
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-content .select-list .review-component .hotel-rank{
position:relative;
top:-1px;
}
.select-content .select-list .review-component .review-num{
margin-left:6px;
position:relative;
top:1px;
}

/* theme-list
---------------------------------- */
.select-content .theme-list{
margin:0;
}
.select-content .theme-list >li{
position:relative;
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-content .theme-list >li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin:4px;
padding:0;
}
.select-content .theme-list >li .tour-list-hdg{
font-size:14px;
font-weight:normal;
margin-bottom:4px;
padding:8px 8px 0;
}
.select-content .theme-list >li .tour-list-hdg + .tour-list-item{
border-top:1px solid #ddd;
padding-top:8px;
}

/* theme-list-02
---------------------------------- */
.select-content .theme-list-02{
margin:0;
}
.select-content .theme-list-02 >li{
position:relative;
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:14px;
padding:12px 0;
}
.select-content .theme-list-02 >li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.select-content .theme-list-02 >li:first-child{
padding-top:0;
}
.select-content .theme-list-02 >li:last-child{
padding-bottom:0;
}
.select-content .theme-list-02 >li:not(:first-child){
border-top:1px solid #ddd;
}

/* area-list
---------------------------------- */
.select-content .area-list >li{
position:relative;
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-content .area-list >li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin:4px;
padding:0;
}
.select-content .area-list .area-item-header{
position:relative;
padding:8px 8px 0;
}
.select-content .area-list .mod-noimg{
border:1px solid #eee;
}
.select-content .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
border-radius:6px 6px 0 0;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;

}
.select-content .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .area-list .area-pic .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
position:absolute;
top:0;
left:12px;
padding-top:6px;
line-height:1;
font-size:16px;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
color:var(--cmn-font-color-base);
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
}
.select-content .area-list .area-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.select-content .area-list .area-pic .area-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .area-list .area-pic .area-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.select-content .area-list .area-pic .area-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.select-content .area-list .area-pic .area-cap a{
color:rgba(255,255,255,.6);
}
.select-content .area-list .area-desc{
padding:8px;
font-size:12px;
}
.select-content .area-list .area-desc p{
margin:0;
}
.select-content .area-list .area-desc .area-desc-more{
padding:0;
color:#a4a4a4;
display:inline-block;
background:url(/element_sp/j_tour/shared/images/icon-arrow-next.svg) 100% center no-repeat;
background-size:4px 7px;
padding-right:8px;
}
.select-content .area-list .area-desc .area-desc-more::before {
margin:0 3px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}
.select-content .area-list .area-hdg{
display:inline-block;
font-size:14px;
margin-bottom:4px;
font-weight:normal;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
min-height:42px;
}
.select-content .area-list .area-txt{
font-size:12px;
margin-top:4px;
}
.select-content .area-list .area-txt p{
margin:0;
}
.select-content .area-list .area-txt .txt-more{
color:#a4a4a4;
}
.select-content .area-list .area-txt .txt-more::before{
content:"...";
display:inline-block;
margin-right:4px;
color:var(--cmn-font-color-base);
}
.select-content .area-list .area-desc-footer{
text-align:right;
margin-top:8px;
font-size:12px;
min-height:17px;
}
.select-content .area-list .area-desc-footer a:link,
.select-content .area-list .area-desc-footer a:visited,
.select-content .area-list .area-desc-footer a:hover,
.select-content .area-list .area-desc-footer a:active{
text-decoration:none;
}
.select-content .area-list .toggle-text{
min-height:55px;
}
.select-content .area-list .toggle-text .toggle-text-intro{
height:auto;
}

/* spot-list-item
---------------------------------- */
.select-content .spot-list-item{
padding:0 8px 8px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .spot-list-item .spot-list-item-hdg{
font-weight:normal;
font-size:12px;
margin-bottom:8px;
}
.select-content .spot-list-item .spot-list-item-hdg .area{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:8em;
}

/* spot-list
---------------------------------- */
.select-content .spot-list{
margin:0;
}
.select-content .spot-list >li{
position:relative;
}
.select-content .spot-list >li:not(:first-child){
border-top:1px solid #ddd;
margin-top:8px;
padding-top:8px;
}
.select-content .spot-list >li .spot-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-content .spot-list .spot-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:80px;
height:60px;
overflow:hidden;
}
.select-content .spot-list .spot-pic .spot-rank{
position:absolute;
top:0;
left:0;
width:17px;
height:17px;
background-color:rgba(0, 0, 0, .45);
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:12px;
}
.select-content .spot-list .spot-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .spot-list .spot-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.select-content .spot-list .spot-pic .spot-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .spot-list .spot-pic .spot-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.select-content .spot-list .spot-pic .spot-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.select-content .spot-list .spot-pic .spot-cap a{
color:rgba(255,255,255,.6);
}
.select-content .spot-list .spot-desc{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
height:100%;
padding:0 0 0 8px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .spot-list .spot-desc p{
margin:0;
}
.select-content .spot-list .spot-desc .spot-hdg{
font-size:12px;
font-weight:normal;
line-height:1.3;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.select-content .spot-list .spot-desc .spot-footer{
text-align:right;
margin-top:5px;
}
.select-content .spot-list .spot-desc .spot-footer .spot-link{
font-size:12px;
line-height:1.3;
text-decoration:none;
}
.select-content .spot-list .spot-desc .spot-footer .spot-link .area{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:14em;
}
.select-content .spot-list .spot-desc .spot-footer .spot-link .around{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:7em;
}

/* tour-list-item
---------------------------------- */
.select-content .tour-list-item{
padding:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin:0 8px;
}
.select-content .tour-list-item .tour-list-item-hdg{
font-weight:normal;
font-size:12px;
margin-top:4px;
margin-bottom:8px;
}
.select-content .tour-list-item .tour-list-item-hdg .area{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:8em;
}
.select-content .tour-list-item .tour-list-item-footer{
margin:0;
}

/* tour-list-item-footer
---------------------------------- */
.select-content .tour-list-item-footer{
display:block;
margin:4px 8px 0;
padding-top:12px;
padding-bottom:12px;
font-size:12px;
text-align:center;
border-top:1px solid #ddd;
}
.select-content .tour-list-item-footer .tour-list-item-footer-link{
color:var(--cmn-font-color-base);
font-size:14px;
text-decoration:none;
vertical-align:bottom;
}
.select-content .tour-list-item-footer .tour-list-item-footer-link .area{
display:inline-block;
vertical-align:bottom;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:18em;
}
.select-content .tour-list-item-footer .tour-list-item-footer-link .theme{
display:inline-block;
vertical-align:bottom;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:8em;
}
.select-content .tour-list-item-footer .tour-list-item-footer-link .sup{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
margin-top:3px;
}

/* swiper-tour
---------------------------------- */
.select-content .tour-list-child{
margin:0;
}
.select-content .tour-list-child >li{
position:relative;
padding:0 0 8px 27px;
border-bottom:1px solid #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .tour-list-child >li:not(:first-child){
margin-top:8px;
}
.select-content .tour-list-child >li:last-child{
border-bottom:none;
}
.select-content .tour-list-child >li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
color:var(--cmn-font-color-base);
text-decoration:none;
}
.select-content .tour-list-child >li .tour-list-child-rank{
position:absolute;
top:0;
left:0;
width:17px;
height:17px;
background-color:rgba(0,0,0,.45);
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:12px;
border-radius:2px;
}
.select-content .tour-list-child >li .tour-list-child-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-height:47px;
}
.select-content .tour-list-child >li .tour-list-child-desc p{
margin:0;
font-size:12px;
line-height:calc(21 / 16);
color:var(--cmn-font-color-base);
}
.select-content .tour-list-child >li .tour-list-child-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:8px;
color:var(--cmn-font-color-base);
}
.select-content .tour-list-child >li .tour-list-child-footer > div:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.select-content .tour-list-child >li .tour-list-child-footer .date{
padding:2px 4px;
margin-right:4px;
height:21px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ccc;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.select-content .tour-list-child >li .tour-list-child-footer .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.select-content .tour-list-child >li .tour-list-child-footer .price .price-sup{
margin-right:4px;
font-size:12px;
}
.select-content .tour-list-child >li .tour-list-child-footer .price .price-dtl{
white-space:nowrap;
}
.select-content .tour-list-child >li .tour-list-child-footer .price .price-dtl .price-num{
font-size:16px;
font-family:var(--font-num);
}
.select-content .tour-list-child >li .tour-list-child-footer .price .price-dtl .price-unit{
font-size:12px;
}

/* .lp-container .faq-list
---------------------------------- */
.select-content .faq-list{
margin:0;
}
.select-content .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-item{
display:block;
}
.select-content .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-trigger::after{
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.select-content .faq-list .faq-toggle-container[aria-expanded=false] .faq-toggle-item{
display:none;
}
.select-content .faq-list .faq-toggle-container .faq-toggle-trigger{
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:12px;
font-weight:normal;
cursor:pointer;
}
.select-content .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:4px;
top:50%;
margin-top:-4px;
width:16px;
height:10px;
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.select-content .faq-list li{
font-size:12px;
}
.select-content .faq-list li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.select-content .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.select-content .faq-list li .question{
position:relative;
padding-left:23px;
padding-right:30px;
font-weight:normal;
}
.select-content .faq-list li .question a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.select-content .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element_sp/j_tour/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.select-content .faq-list li .answer{
margin-top:4px;
position:relative;
padding-left:23px;
}
.select-content .faq-list li .answer p{
margin:0;
}
.select-content .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.select-content .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.select-content .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:3px;
width:11px;
height:15px;
background:url(/element_sp/j_tour/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.select-content .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.select-content .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* link-list-toggle
---------------------------------- */
.select-content .link-list-toggle{
margin:0;
font-size:12px;
line-height:1.35;

}
.select-content .link-list-toggle a{
text-decoration:none;
}
.select-content .link-list-toggle .link-list > li {
margin-top:0;
border-top:1px solid #e9e9e9;
}
.select-content .link-list-toggle .link-list > li a::before{
display:none;
}
.select-content .link-list-toggle > li {
border-top:1px solid #e9e9e9;
}
.select-content .link-list-toggle > li > div{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:12px 24px 12px 0;
min-height:42px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .link-list-toggle > li > div a{
color:var(--cmn-font-color-base);
}
/* flex:1; */
.select-content .link-list-toggle > li > div a + .link-list-toggle-hook{
position:relative;
width:55px;
height:auto;
margin:-11px -24px -11px 0;
}
.select-content .link-list-toggle > li > div > .link-list-toggle-hook{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:none;
padding:0;
margin:0;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
overflow:hidden;
text-indent:-9999px;
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-down-l.svg) calc(100% - 4px) center no-repeat;
background-size:16px 10px;
}
.select-content .link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li{
margin-left:28px;
padding:12px 0;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li >div a{
display:inline-block;
padding:0;
margin-right:-24px;
border-bottom:none;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li >div a + .link-list-toggle-hook{
margin-right:-24px;
margin-left:24px;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li >div .link-list-toggle-hook{
background-size:12px 7px;
background-position:calc(100% - 6px) center;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li > a{
margin-right:24px;
display:block;
padding:0;
border-bottom:none;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li .link-list > li{
margin-left:28px;
border-top:none;
padding-top:0;
padding-bottom:16px;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li .link-list > li a{
padding-left:0;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li .link-list > li.is-active{
border-bottom:none;
padding:0;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li .link-list > li.is-branch{
padding-top:12px;
border-top:1px solid #e9e9e9;
}
.select-content .link-list-toggle > li > .link-list-toggle-item.link-list-toggle >li{
padding:0;
border-bottom:none;
}
.select-content .link-list-toggle > li .link-list-child{
padding-bottom:8px;
margin-left:28px;
font-size:0;
}
.select-content .link-list-toggle > li .link-list-child >li{
display:inline-block;
margin-right:32px;
margin-left:0;
padding:0;
margin-top:4px;
margin-bottom:8px;
font-size:12px;
}
.select-content .link-list-toggle > li .link-list-child >li a{
margin-right:0;
}
.select-content .link-list-toggle > li .link-list-child >li a::before{
display:none;
}
.select-content .link-list-toggle > li.is-active > div >.link-list-toggle-hook{
background-image:url(/element_sp/j_tour/shared/images/icon-arrow-04-up-l.svg);
}
.select-content .link-list-toggle > li.is-active > .link-list-toggle-item {
display:block;
}

/* local-seo-link-list
---------------------------------- */
.select-content .local-seo-link-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:20px 8px;
}
.select-content .local-seo-link-list >li{
width:calc(33% - 8px);
}
.select-content .local-seo-link-list >li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
color:var(--comn-font-color-base);
text-decoration:none;
}
.select-content .local-seo-link-list >li .local-seo-link-list-thumb{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:120px;
height:80px;
overflow:hidden;
}
.select-content .local-seo-link-list >li .local-seo-link-list-thumb img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .local-seo-link-list >li .local-seo-link-list-content{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-left:12px;
}
.select-content .local-seo-link-list >li .local-seo-link-hdg{
font-size:13px;
font-weight:bold;
}
.select-content .local-seo-link-list >li .local-seo-link-desc{
font-size:11px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}

/* toggle-text
---------------------------------- */
.select-content .toggle-text::after{
content:"";
display:table;
clear:both;
}
.select-content .toggle-text .toggle-text-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:53px;
}
.select-content .toggle-text .toggle-text-intro{
display:block;
height:90px;
}
.select-content .toggle-text .toggle-text-intro a{
color:var(--cmn-font-color-link);
text-decoration:underline;
}
.select-content .toggle-text .toggle-text-full{
display:none;
}
.select-content .toggle-text .toggle-text-full a{
color:var(--cmn-font-color-link);
text-decoration:underline;
}
.select-content .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
cursor:pointer;
}
.select-content .toggle-text .toggle-text-intro-more::before {
margin:0 3px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}
.select-content .toggle-text .toggle-text-hook{
text-align:left;
}
.select-content .toggle-text .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
color:#a4a4a4;
}
.select-content .toggle-text.is-active .toggle-text-desc{
overflow:visible;
height:auto;
display:block;
}
.select-content .toggle-text.is-active .toggle-text-hook{
text-align:right;
}
.select-content .toggle-text.is-active .toggle-text-hook button{
color:var(--cmn-font-color-base);
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-size:8px auto;
background-repeat:no-repeat;
background-position:0 center;
padding-left:12px;
}
.select-content .toggle-text.is-active .toggle-text-intro {
display:none;
}
.select-content .toggle-text.is-active .toggle-text-full {
display:block;
}

/* climate
---------------------------------- */
.select-content .climate-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 24px;
}
.select-content .climate-item + .climate-item{
margin-top:12px;
}
.select-content .climate-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .climate-desc + .climate-graph{
margin-top:12px;
width:372px;
height:160px;
vertical-align:top;
}
.select-content .climate-desc + .climate-clothes{
padding:16px 0px 0;
width:372px;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.select-content .climate-desc + .climate-clothes .climate-clothes-list{
margin-top:0;
}
.select-content .climate-desc + .climate-clothes .climate-clothes-list li{
width:calc(372px / 6);
}
.select-content .climate-graph{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:425px;
height:218px;
}
.select-content .climate-graph .climate-hdg-container{
margin-bottom:12px;
}
.select-content .climate-graph img{
max-width:100%;
height:auto;
vertical-align:top;
image-rendering:-webkit-optimize-contrast;
}
.select-content .climate-hdg{
font-weight:bold;
font-size:14px;
display:inline-block;
}
.select-content .climate-hdg-container{
position:relative;
}
.select-content .climate-hdg-container::after{
content:"";
display:table;
clear:both;
}
.select-content .climate-notes{
float:right;
margin-top:4px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.select-content .climate-notes .mark{
margin-right:4px;
}
.select-content .climate-clothes{
padding:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .climate-clothes .climate-hdg-container{
margin-bottom:12px;
}
.select-content .climate-clothes-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:16px 0;
}
.select-content .climate-clothes-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:10px;
width:calc(100% / 12);
}
.select-content .climate-clothes-list li > div{
width:100%;
line-height:1;
text-align:center;
}
.select-content .climate-clothes-list li > div:last-child{
padding:8px 0 6px;
border-left:1px solid #e9e9e9;
}
.select-content .climate-clothes-list li:nth-child(6) >div:last-child{
border-right:1px solid #e9e9e9;
}
.select-content .climate-clothes-list li:last-child > div:last-child{
border-right:1px solid #e9e9e9;
}
.select-content .climate-clothes-list .clothes-type{
display:block;
margin:0 auto;
height:0;
padding-top:27px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 27px;
}
.select-content .climate-clothes-list .clothes-type.clothes-type-01{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1.svg);
background-size:26px auto;
}
.select-content .climate-clothes-list .clothes-type.clothes-type-01-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l2.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-01-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l3.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-01-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l4.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2.svg);
background-size:26px auto;
}
.select-content .climate-clothes-list .clothes-type.clothes-type-02-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2-l3.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-02-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2-l4.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3.svg);
background-size:26px auto;
}
.select-content .climate-clothes-list .clothes-type.clothes-type-03-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3-l4.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l4.svg);
background-size:26px auto;
}
.select-content .climate-clothes-def-container{
margin-top:12px;
margin-bottom:8px;
}
.select-content .climate-clothes-def{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:0;
gap:0 6px;
}
.select-content .climate-clothes-def > span{
font-size:12px;
margin-right:4px;
}
.select-content .climate-clothes-def ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-content .climate-clothes-def ul li{
font-size:12px;
}
.select-content .climate-clothes-def ul li:not(:last-child){
margin-right:6px;
}
.select-content .climate-clothes-def .clothes-type{
position:relative;
top:-2px;
content:"";
display:inline-block;
width:23px;
height:0;
padding-top:25px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center left;
background-size:23px auto;
margin-right:6px;
vertical-align:middle;
}
.select-content .climate-clothes-def .clothes-type.clothes-type-01{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1.svg);
}
.select-content .climate-clothes-def .clothes-type.clothes-type-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2.svg);
}
.select-content .climate-clothes-def .clothes-type.clothes-type-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3.svg);
}
.select-content .climate-clothes-def .clothes-type.clothes-type-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l4.svg);
}
.select-content .climate-footer-link{
margin-top:12px;
font-size:14px;
text-align:right;
}
.select-content .climate-footer-link a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* info-tbl
---------------------------------- */
.select-content .info-tbl{
width:100%;
margin:12px 0 0 0;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
height:100%;
}
.select-content .info-tbl th,
.select-content .info-tbl td{
position:relative;
padding:5px;
font-weight:normal;
font-size:12px;
}
.select-content .info-tbl thead th{
background-color:#999999;
color:#fff;
white-space:nowrap;
}
.select-content .info-tbl thead th:first-child,
.select-content .info-tbl thead th:nth-child(5){
width:24px;
}
.select-content .info-tbl thead th:nth-child(2),
.select-content .info-tbl thead th:nth-child(6){
width:24px;
}
.select-content .info-tbl thead th:nth-child(4),
.select-content .info-tbl thead th:nth-child(8){
width:70px;
}
.select-content .info-tbl tbody th{
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
background-color:#f5f5f5;
font-weight:normal;
}
.select-content .info-tbl tbody th:first-child,
.select-content .info-tbl tbody th:nth-child(2):not([rowspan]),
.select-content .info-tbl tbody th:nth-child(5){
background-color:#ececec;
font-size:14px;
}
.select-content .info-tbl tbody td{
vertical-align:top;
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
word-wrap:break-word;
}
.select-content .info-tbl tbody td:last-child{
border-right:1px solid #cccccc;
}
.select-content .info-tbl .month{
padding:0;
height:100%;
}
.select-content .info-tbl .month + th{
background-color:#f5f5f5 !important;
}
.select-content .info-tbl .month ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
background-color:#ececec;
height:100%;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .info-tbl .month ul >li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .info-tbl .month ul >li >span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:5px 0;
width:100%;
height:100%;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .info-tbl .month ul >li:not(:first-child){
border-top:1px solid #cccccc;
}

/* .seo-recommend-bnr
---------------------------------- */
.select-content .seo-recommend-bnr{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:12px 20px;
font-size:12px;
margin-bottom:36px;
}
.select-content .seo-recommend-bnr > li{
border-radius:6px;
width:calc(50% - 10px);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
}
.select-content .seo-recommend-bnr > li > div{
padding:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:4px;
}
.select-content .seo-recommend-bnr > li > div > b{
line-height:1.25;
font-size:14px;
}
.select-content .seo-recommend-bnr > li > span{
width:210px;
}
.select-content .seo-recommend-bnr > li > span img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .seo-recommend-bnr-list{
margin:auto 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:4px 12px;
}

/* ----------------------------------------------------------------
  .seo-panel
----------------------------------------------------------------- */
/* .seo-panel
----------------------------------------------------------------- */
.select-content .seo-panel{
margin-top:36px;
font-size:14px;
}

/* .seo-panel-header
----------------------------------------------------------------- */
.select-content .seo-panel-header{
margin-bottom:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:0 8px;
font-weight:normal;
}
.select-content .seo-panel-header > span{
font-size:12px;
}
.select-content .seo-panel-header .seo-panel-hdg{
font-size:16px;
}
.select-content .seo-panel-header .seo-panel-date{
margin-left:auto;
font-size:14px;
}

/* .seo-panel-content
----------------------------------------------------------------- */
.select-content .seo-panel-content{
padding:20px;
border-radius:6px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
margin-bottom:36px;
}
.select-content .seo-panel-content > :last-child{
margin-bottom:0;
}
.seo-cheapest .seo-panel-content{
padding-top:12px;
padding-bottom:12px;
}

/* ----------------------------------------------------------------
  .seo-cheapest
----------------------------------------------------------------- */
/* .seo-cheapest-data
----------------------------------------------------------------- */
.select-content .seo-cheapest-data{
position:relative;
}

/* .seo-cheapest-data-nav
----------------------------------------------------------------- */
.select-content .seo-cheapest-data-nav > li{
position:absolute;
top:2px;
right:8px;
z-index:2;
}
.select-content .seo-cheapest-data-nav > li:last-child{
right:auto;
left:120px;
}
.select-content .seo-cheapest-data-nav button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:32px;
height:32px;
overflow:hidden;
text-indent:-100px;
background:url(/element/j_tour/shared/images/icon/icon-carousel-nav-next.svg) 50% 50% no-repeat;
}
.select-content .seo-cheapest-data-nav > li:last-child button{
background-image:url(/element/j_tour/shared/images/icon/icon-carousel-nav-prev.svg);
}

/* .seo-cheapest-data-tbl
----------------------------------------------------------------- */
.select-content .seo-cheapest-data-tbl{
overflow-x:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
scrollbar-width:none;
}
.select-content .seo-cheapest-data-tbl::-webkit-scrollbar{
display:none;
}

/* .seo-cheapest-data-tbl-inner
----------------------------------------------------------------- */
.select-content .seo-cheapest-data-tbl-inner{
width:1474px;
}

/* .seo-cheapest-data-tbl > table
----------------------------------------------------------------- */
.seo-cheapest-data-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
position:relative;
}
.seo-cheapest-data-tbl table caption{
height:auto;
overflow:visible;
position:absolute;
text-align:left;
top:36px;
z-index:10;
width:920px;
padding:12px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.seo-cheapest-data-tbl table caption span:first-child{
font-weight:bold;
}
.seo-cheapest-data-tbl th,
.seo-cheapest-data-tbl td{
padding:8px 0;
background-color:#fff;
font-weight:normal;
}
.seo-cheapest-data-tbl thead > tr:first-child th:nth-child(n+3){
padding-left:22px;
}
.seo-cheapest-data-tbl thead th:first-child,
.seo-cheapest-data-tbl tbody th:first-child{
position:sticky;
left:0;
z-index:1;
width:111px;
min-width:111px;
text-align:left;
}
.seo-cheapest-data-tbl thead th{
width:85px;
}
.seo-cheapest-data-tbl thead tr:last-child th{
padding-top:44px;
}
.seo-cheapest-data-tbl thead tr > th:nth-child(3n+1):not(:first-child) + th{
padding-left:22px;
}
.seo-cheapest-data-tbl thead tr > th.is-first{
padding-left:0 !important;
}
.seo-cheapest-data-tbl thead > tr:first-child th{
padding:8px 0;
background-color:#f5f5f5;
font-weight:bold;
}
.seo-cheapest-data-tbl tbody th,
.seo-cheapest-data-tbl tbody td{
border-top:1px solid #ddd;
text-align:center;
}
.seo-cheapest-data-tbl tbody tr > td:nth-child(3n+1):not(:first-child) + td{
padding-left:22px;
}
.seo-cheapest-data-tbl tbody tr > td.is-first{
padding-left:0 !important;
}
.seo-cheapest-data-tbl tbody tr:last-child th,
.seo-cheapest-data-tbl tbody tr:last-child td{
padding-bottom:0;
}
.seo-cheapest-data-tbl tbody td > span{
display:inline-block;
min-width:72px;
text-align:right;
}

/* .seo-notice-list
----------------------------------------------------------------- */
.seo-notice-list{
color:var(--cmn-font-color-gray);
font-size:12px;
}
.seo-notice-list > li{
margin:0 12px 8px 0;
padding-left:1.25em;
position:relative;
display:inline-block;
}
.seo-notice-list > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.seo-notice-list > li:first-child{
margin-top:0;
}
.seo-panel-header > .seo-notice-list > li{
margin-bottom:0;
}
.seo-cheapest-sup > .seo-notice-list > li{
margin:0;
font-size:14px;
}

/* ----------------------------------------------------------------
  list > .seo-cheapest
----------------------------------------------------------------- */
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-sup{
margin-bottom:12px;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl{
margin-top:0;
overflow:hidden;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner{
width:100%;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table{
width:100%;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table caption {
height:0;
overflow:hidden;
position:absolute;
padding:0;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table thead th{
background-color:#fff;
padding:0 0 8px;
font-weight:normal;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table tbody:not(:first-of-type){
display:none;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table tbody tr:last-child th,
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table tbody tr:last-child td{
border-bottom:1px solid #ddd;
padding-bottom:8px;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table tbody th:first-child{
position:static;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table tbody td > a,
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-inner table tbody td span{
display:inline-block;
min-width:72px;
text-align:right;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl .seo-cheapest-data-tbl-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
gap:0 8px;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl .seo-cheapest-data-tbl-footer .tgl-hook {
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/j_tour/shared/images/icon/arrow_down_s.svg) no-repeat left 8px;
background-size:8px auto;
font-size:14px;
height:20px;
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl.tgl-container[aria-expanded=true] .tgl-hook {
background-image:url(/element/j_tour/shared/images/icon/arrow_up_s.svg);
}
.select-content .seo-cheapest.cheapest-secondary .seo-cheapest-data + p{
margin-top:12px;
}

/* attention
---------------------------------- */
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.attention ul a{
display:inline-block;
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}
.attention ul a:active,
.attention ul a:hover,
.attention ul a:focus{
text-decoration:underline;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.news ul a{
color:#555;
text-decoration:none;
}
.news ul a:active > div,
.news ul a:hover > div,
.news ul a:focus > div{
text-decoration:underline;
}
.news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}
.news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
font-size:12px;
}
.news ul a > span .tag-publish,
.news ul a > span .tag-w{
background-color:#48c2e6;
}
.news ul a > span .tag-press,
.news ul a > span .tag-j{
background-color:#8db955;
}
.news ul a > span .tag-other{
background-color:#bca446;
}

/* lp-container Common Modules
---------------------------------- */
/* mod-noimg
---------------------------------- */
.lp-container .mod-noimg{
border:1px solid #eee;
}
/* for CLS */
.lp-container #main_Col{
min-height:800px;
}
.lp-container .loading-container{
margin-top:102px;
padding-bottom:1000px;
}

/* .detail-header
-------------------------------- */
.lp-container .detail-header{
padding:108px 77px 43px;
position:relative;
min-height:475px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:none;
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;

}
.lp-container .detail-header form{
width:100%;
}
.lp-container .detail-header .detail-header-hdg{
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:68px;
text-shadow:0 2px 3px #000;
font-size:32px;
font-weight:bold;
width:100%;
}
.lp-container .detail-header .detail-header-cap{
color:#fff;
margin-bottom:16px;
font-size:14px;
text-shadow:1px 1px 0px #000,
1px 1px 3px #000;
padding:16px;
background-color:rgba(0, 0, 0, .5);
border-radius:8px;
width:100%;
}
.lp-container .detail-header .detail-header-cap p{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:8;
}
.lp-container .detail-header .detail-header-sup{
display:block;
position:absolute;
width:100%;
bottom:0;
left:0;
display:block;
height:28px;
padding:4px 8px 5px;
text-align:right;
margin:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .detail-header .detail-header-sup::before{
position:absolute;
left:0;
bottom:0;
width:100%;
height:28px;
content:"";
display:block;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .detail-header .detail-header-sup a{
position:relative;
font-size:12px;
color:rgba(255,255,255,.7);
text-decoration:none;
}
.lp-container .detail-header .detail-header-image{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
overflow:hidden;
}
.lp-container .detail-header .detail-header-image img{
width:100%;
height:100%;;
-o-object-fit:cover;;
object-fit:cover;
}
.lp-container .detail-header .detail-header-form-btn{
border:none;
border-radius:6px;
color:#fff;
width:140px;
height:40px;
display:block;
position:absolute;
bottom:0;
right:0;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:bold;
}
.lp-container .detail-header .detail-header-form-btn:active,
.lp-container .detail-header .detail-header-form-btn:hover,
.lp-container .detail-header .detail-header-form-btn:focus{
background-color:#177bcb;
}

/* detail-header-form
---------------------------------- */
.lp-container .detail-header-form{
margin:0;
padding:20px;
border-radius:8px;
color:var(--cmn-font-color-base);
position:relative;
-webkit-box-shadow:0 1px 6px rgba(32,33,36,.4);
box-shadow:0 1px 6px rgba(32,33,36,.4);
background-color:rgba(255,255,255,.95);
width:100%;
}
.lp-container .detail-header-form .form-search{
background-color:transparent;
padding:0;
margin:0;
}
.lp-container .detail-header-form[aria-expanded="false"] .detail-header-form-more{
display:none;
}
.lp-container .detail-header-form[aria-expanded="true"] .detail-header-form-more{
display:block;
}
.lp-container .detail-header-form[aria-expanded="true"] .detail-header-form-more-hook {
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.lp-container .detail-header-form .detail-header-form-more-hook{
margin:16px auto 0;
padding:0 0 0 20px;
border:none;
display:block;
background:transparent url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px auto;
font-size:14px;
}

/* form-search
---------------------------------- */
.lp-container .form-search input,
.lp-container .form-search select{
font-size:14px;
}
.lp-container .form-search .form-search-btn-reset{
top:8px;
right:16px;
}
.lp-container .form-search .form-search-btn-reset span{
color:var(--cmn-font-color-base);
}
.lp-container .form-search .form-search-lyt > .form-search-lyt-cell:last-child{
width:auto;
}
.lp-container .form-search .form-search-item > .form-search-item-cell:first-child{
width:100px;
}
.lp-container .form-search .form-search-item.origin > .form-search-item-cell:last-child,.lp-container .form-search .form-search-item.destination > .form-search-item-cell:last-child{
padding-right:0;
}
.lp-container .form-search .form-search-item.origin > .form-search-item-cell:last-child .form-search-city,.lp-container .form-search .form-search-item.destination > .form-search-item-cell:last-child .form-search-city{
width:349px;
}
.lp-container .form-search .form-search-item.nights .form-custom-select,.lp-container .form-search .form-search-item.days .form-custom-select{
width:95px;
}
.lp-container .form-search .form-search-item.nights > .form-search-item-cell:first-child,.lp-container .form-search .form-search-item.days > .form-search-item-cell:first-child{
width:43px;
margin-left:16px;
}
.lp-container .form-search .form-search-item.number > .form-search-item-cell:last-child{
width:100px;
}
.lp-container .form-search .form-search-item.number .form-search-hdg .cmn-tip-btn{
top:-13px;
}
.lp-container .form-search .form-search-item.other > .form-search-item-cell:first-child{
width:auto;
padding-left:8px;
}
.lp-container .form-search .form-search-item.other .form-search-other > li{
margin:0;
}
.lp-container .form-search .form-search-item.other .form-search-btn{
width:173px;
height:34px;
-webkit-box-shadow:0px 1px 0px #c4c4c4;
box-shadow:0px 1px 0px #c4c4c4;
border:1px solid #c4c4c4;
font-size:14px;
padding-left:8px;
color:var(--cmn-font-color-base);

}
.lp-container .form-search .form-search-item.other .form-search-btn::before{
left:auto;
right:8px;
}
.lp-container .form-search .form-search-hdg > h2 {
font-size:12px;
font-weight:normal;
}
.lp-container .form-search .form-search-hdg > h2 .sup{
font-size:12px;
margin-top:0;
}
.lp-container .form-search .form-search-hdg .cmn-tip-btn{
top:0;
right:12px;
margin:auto;
}

/* card-container
---------------------------------- */
.lp-container .card-container{
margin:0;
padding:0 0 30px;
}
.lp-container .card-container .card-main-footer{
margin-top:20px;
text-align:right;
}
.lp-container .card-container .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-footer-notes .aster > span{
margin-right:.4em;
}
.lp-container .card-container .card-header{
margin-bottom:8px;
}
.lp-container .card-container .card-header-hdg{
color:var(--cmn-font-color-base);
padding:0;
display:inline-block;
font-size:16px;
font-weight:bold;
line-height:calc(21 / 16);
background-color:transparent;
margin-right:16px;
}
.lp-container .card-container .card-header-desc{
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-header-summary{
display:inline-block;
margin-right:12px;
}
.lp-container .card-container .card-header-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-header-notes >li{
display:inline-block;
}
.lp-container .card-container .card-header-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-header-notes .aster > span{
margin-right:.4em;
}
.lp-container .card-container .card-content-footer {
text-align:right;
margin-top:4px;
}
.lp-container .card-container .card-content-footer + .card-content{
margin-top:8px;
}
.lp-container .card-container .select-guide{
display:inline-block;
margin-left:28px;
font-size:14px;
line-height:1;
}
.lp-container .card-container .select-guide span:first-child::after{
content:":";
margin:0 4px;
display:inline-block;
}
.lp-container .card-container .card-content{
margin-top:36px;
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.lp-container .card-container .card-content .card-item{
padding:20px;
background-color:#fff;
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
}
.lp-container .card-container .card-content .card-item.is-branch{
padding:0;
margin:0;
-webkit-box-shadow:none;
box-shadow:none;
}
.lp-container .card-container .card-content .card-item .card-header-notes{
margin-bottom:8px;
}
.lp-container .card-container .card-content.card-select-map .card-item{
padding:12px;
}
.lp-container .card-container .card-content.card-select-rentacar .contents-footer-nav-list-line > li{
font-size:14px;
}
.lp-container .card-container .card-content.card-select-other-area .card-item{
padding-top:8px;
}
.lp-container .card-container .card-desc p{
font-size:14px;
margin:0;
}
.lp-container .card-container .card-desc + .card-desc-hdg{
margin-top:14px;
}
.lp-container .card-container .card-desc .card-desc-item + .card-desc-item{
margin-top:14px;
}
.lp-container .card-container .card-desc-hdg{
font-size:14px;
font-weight:bold;
}
.lp-container .card-container .card-desc-list{
font-size:14px;
text-indent:-1em;
margin-left:1em;
margin-top:4px;
}
.lp-container .card-container .card-desc-list >li::before{
content:"\30FB";
display:inline;
}
.lp-container .card-container .card-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-notes li:not(:first-child){
margin-top:4px;
}
.lp-container .card-container .card-notes li.aster{
position:relative;
padding-left:16px;
}
.lp-container .card-container .card-notes li.aster::before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.lp-container .card-container .card-main-footer{
margin-top:16px;
text-align:right;
}
.lp-container .card-container .card-main-footer .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-main-footer .card-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-main-footer .card-footer-notes .aster > span{
margin-right:.4em;
}

/* tgl-container
---------------------------------- */
.lp-container .tgl-container[aria-expanded=true] .tgl-content{
display:block;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.lp-container .tgl-container[aria-expanded=true] .tgl-footer-item{
/* display: block; */
}
.lp-container .tgl-container[aria-expanded=false] .tgl-content{
display:none;
}
.lp-container .tgl-container[aria-expanded=false] .tgl-footer-item{
/* display: none; */
}
.lp-container .tgl-container .tgl-content .spot-list,
.lp-container .tgl-container .tgl-content .select-list,
.lp-container .tgl-container .tgl-content .area-list,
.lp-container .tgl-container .tgl-content .tour-list{
margin-top:8px;
}
.lp-container .tgl-container .tgl-footer{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:12px;
margin-bottom:-12px;
}
.lp-container .tgl-container .tgl-footer .card-link-more{
position:absolute;
right:0;
}
.lp-container .tgl-container .tgl-footer > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .tgl-container .tgl-footer > div:nth-child(2){
width:256px;
}
.lp-container .tgl-container .tgl-footer > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.lp-container .tgl-container .tgl-footer .card-footer-link{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li.aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li.aster > span{
margin-right:.4em;
}
.lp-container .tgl-container .tgl-hook{
margin:0 auto;
padding:0 17px 0 35px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 17px 14px;
background-size:12px auto;
font-size:14px;
height:37px;
background-color:#f5f5f5;
border:1px solid #dddddd;
border-radius:4px;
}

/* toggle-text
---------------------------------- */
.lp-container .toggle-text::after{
content:"";
display:table;
clear:both;
}
.lp-container .toggle-text .toggle-text-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:54px;
font-size:12px;
}
.lp-container .toggle-text .toggle-text-desc.is-line-04{
-webkit-line-clamp:4;
height:73px;
}
.lp-container .toggle-text .toggle-text-hook{
text-align:right;
}
.lp-container .toggle-text .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
color:#a4a4a4;
}
.lp-container .toggle-text.is-active .toggle-text-desc{
overflow:visible;
height:auto;
display:block;
}
.lp-container .toggle-text.is-active .toggle-text-hook{
text-align:right;
}
.lp-container .toggle-text.is-active .toggle-text-hook button{
color:var(--cmn-font-color-base);
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-size:8px auto;
background-repeat:no-repeat;
background-position:0 center;
padding-left:12px;
}

/* area-list
---------------------------------- */
.lp-container .area-list{
margin:0 -8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.lp-container .area-list >li{
width:calc((100% / 4) - 8px);
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
}
.lp-container .area-list .area-item{
gap:0 8px;
}
.lp-container .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
border-radius:6px 6px 0 0;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .area-list .area-pic.mod-noimg{
border-top:none;
border-left:none;
border-right:none;
}
.lp-container .area-list .area-pic.mod-noimg img{
width:90px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .area-list .area-pic .area-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .area-list .area-pic .area-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-pic .area-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .area-list .area-pic .area-cap a{
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-pic .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
font-size:16px;
position:absolute;
top:0;
left:8px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.lp-container .area-list .area-desc{
padding:8px;
}
.lp-container .area-list .area-desc a{
color:var(--cmn-font-color-base);
}
.lp-container .area-list .area-desc p{
margin:0;
font-size:12px;
letter-spacing:-.02em;
}
.lp-container .area-list .area-hdg{
overflow:hidden;
height:37px;
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
margin-bottom:8px;
}
.lp-container .area-list .area-txt{
font-size:12px;
margin-top:4px;
}
.lp-container .area-list .area-txt p{
margin:0;
}
.lp-container .area-list .area-txt .txt-more{
color:#a4a4a4;
}
.lp-container .area-list .area-txt .txt-more::before{
content:"...";
display:inline-block;
margin-right:4px;
color:var(--cmn-font-color-base);
}

/* find-btn-guide
---------------------------------- */
.find-btn-guide{
font-size:12px;
margin-bottom:4px;
}

/* find-btn-list
---------------------------------- */
.lp-container .find-btn-list{
margin:0 8px 8px;
}
.lp-container .find-btn-list li{
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #ccc;
border-radius:4px;
}
.lp-container .find-btn-list li:has(.is-disabled){
border:1px solid rgb(204, 204, 204,.33);
}
.lp-container .find-btn-list li a{
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
line-height:calc(15 / 12);
color:var(--cmn-font-color-base);
text-decoration:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-height:31px;
padding:4px 4px;
text-align:center;
}
.lp-container .find-btn-list li a.is-disabled{
cursor:default;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
opacity:.33;
}
.lp-container .find-btn-list li:not(:first-child){
margin-top:4px;
}
.lp-container .find-btn-list li .find-mark{
margin-left:4px;
}
.lp-container .find-btn-list li .find-sup{
text-align:left;
}
.lp-container .find-btn-list li .find-price{
margin-left:auto;
}

/* find-btn-list-02
---------------------------------- */
.lp-container .find-btn-list-02{
margin:0 8px 8px;
}
.lp-container .find-btn-list-02 li:not(:first-child){
margin-top:4px;
}
.lp-container .find-btn-list-02 li.is-disabled > div,
.lp-container .find-btn-list-02 li.is-disabled >a{
opacity:.4;
pointer-events:none;
cursor:default;
}
.lp-container .find-btn-list-02 li > div,
.lp-container .find-btn-list-02 li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
min-height:31px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:none;
border:none;
padding:3px 7px;
margin:0;
gap:0 4px;
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
line-height:calc(15 / 12);
color:var(--cmn-font-color-base);
text-decoration:none;
text-align:center;
}
.lp-container .find-btn-list-02 li > div div:first-child,.lp-container .find-btn-list-02 li > a div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:left;
overflow:hidden;
text-overflow:ellipsis;
}
.lp-container .find-btn-list-02 li > div div:first-child >span,.lp-container .find-btn-list-02 li > a div:first-child >span{
/* display: inline-block; */
}
.lp-container .find-btn-list-02 li > div div:last-child .price,.lp-container .find-btn-list-02 li > a div:last-child .price{
white-space:nowrap;
}
.lp-container .find-btn-list-02 li .sup{
display:inline-block;
}
.lp-container .find-btn-list-02 li .area{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/* tour-list
---------------------------------- */
.lp-container .tour-list{
margin:0 -8px 0 0;
gap:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.lp-container .tour-list >li{
width:calc((100% / 4) - 8px);
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .tour-list >li a{
display:block;
padding:38px 12px 12px;
position:relative;
text-decoration:none;
}
.lp-container .tour-list >li a:hover .tour-list-desc{
text-decoration:underline;
}
.lp-container .tour-list .tour-list-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
font-size:16px;
position:absolute;
top:0;
left:8px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.lp-container .tour-list .tour-list-desc{
font-size:16px;
line-height:calc(21 / 16);
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
height:105px;
}
.lp-container .tour-list .tour-list-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:12px;
color:var(--cmn-font-color-base);
}
.lp-container .tour-list .tour-list-footer > div:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.lp-container .tour-list .tour-list-footer .date{
position:absolute;
top:8px;
right:8px;
padding:3px 5px 0;
height:21px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ccc;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .tour-list .tour-list-footer .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.lp-container .tour-list .tour-list-footer .price .price-sup{
margin-right:16px;
font-size:12px;
}
.lp-container .tour-list .tour-list-footer .price .price-dtl .price-num{
font-size:18px;
font-weight:bold;
font-family:var(--font-num);
}
.lp-container .tour-list .tour-list-footer .price .price-dtl .price-unit{
font-size:12px;
}

/* select-list
---------------------------------- */
.lp-container .select-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
margin:0 -8px 0 0;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.lp-container .select-list >li{
width:calc((100% / 4) - 8px);
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
}
.lp-container .select-list >li > a{
text-decoration:none;
}
.lp-container .select-list .select-item{
color:var(--cmn-font-color-base);
}
.lp-container .select-list .select-tags{
margin-top:8px;
margin-bottom:4px;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.lp-container .select-list .select-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.lp-container .select-list .select-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .select-list .select-pic .select-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
font-size:16px;
position:absolute;
top:0;
left:8px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.lp-container .select-list .select-pic.mod-noimg{
border-top:none;
border-left:none;
border-left:none;
}
.lp-container .select-list .select-pic.mod-noimg img{
width:89px;
height:auto;
display:inline-block;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .select-list .select-pic .select-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 12px 4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .select-list .select-pic .select-cap >span{
position:relative;
font-size:11px;
color:rgba(255,255,255,.6);
}
.lp-container .select-list .select-pic .select-cap >span a{
text-decoration:none;
}
.lp-container .select-list .select-pic .select-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .select-list .select-pic .select-cap a{
color:rgba(255,255,255,.6);
}
.lp-container .select-list .select-desc{
padding:8px;
}
.lp-container .select-list .select-desc p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:50px;
}
.lp-container .select-list .select-hdg{
overflow:hidden;
height:37px;
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
margin-bottom:8px;
}
.lp-container .select-list .select-hdg a{
color:var(--cmn-font-color-base);
}
.lp-container .select-list .review-component .review-component-list li{
cursor:default;
}
.lp-container .select-list .review-component .review-component-list li:not(:last-child){
margin-right:16px;
}
.lp-container .select-list .review-component li{
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
margin-right:16px;
}
.lp-container .select-list .review-component .hotel-rank{
position:relative;
top:-1px;
}
.lp-container .select-list .review-component .review-num{
margin-left:6px;
position:relative;
top:1px;
}

/* select-content
---------------------------------- */
.lp-container .spot-list{
margin:0 -8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.lp-container .spot-list >li{
width:calc((100% / 4) - 8px);
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
overflow:hidden;
}
.lp-container .spot-list >li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.lp-container .spot-list .spot-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
}
.lp-container .spot-list .spot-pic >a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
}
.lp-container .spot-list .spot-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .spot-list .spot-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .spot-list .spot-pic .spot-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
font-size:16px;
position:absolute;
top:0;
left:8px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.lp-container .spot-list .spot-desc{
padding:8px;
}
.lp-container .spot-list .spot-desc::after{
content:"";
display:table;
clear:both;
}
.lp-container .spot-list .spot-hdg{
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
height:36px;
}
.lp-container .spot-list .spot-text{
min-height:53px;
}
.lp-container .spot-list .spot-text p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
}
.lp-container .spot-list .spot-link{
float:right;
margin-top:8px;
margin-bottom:8px;
font-size:12px;
line-height:calc(17 / 12);
text-decoration:none;
}
.lp-container .spot-list .toggle-text .toggle-text-intro{
height:60px;
}
.lp-container .spot-list .toggle-text{
min-height:79px;
}

/* card-article
---------------------------------- */
.lp-container .card-article .article-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 -8px 0 0;
gap:0 8px;
}
.lp-container .card-article .article-list > li {
width:calc((100% / 4) - 8px);
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
overflow:hidden;
}
.lp-container .card-article .article-list > li > a {
display:block;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}
.lp-container .card-article .article-list > li > a .article-pic{
position:relative;
width:100%;
height:125px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:6px 6px 0 0;
}
.lp-container .card-article .article-list > li > a .article-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .card-article .article-list > li > a .article-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .card-article .article-list > li > a > .article-desc{
padding:12px 8px;
}
.lp-container .card-article .article-list > li > a > .article-desc .article-text{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
font-size:12px;
height:55px;
}
.lp-container .card-article .article-list > li > a > .article-desc .article-update{
margin-top:12px;
font-size:12px;
}

/* .lp-container .faq-list
---------------------------------- */
.lp-container .faq-list{
margin:0;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-item{
display:block;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-trigger::after{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=false] .faq-toggle-item{
display:none;
}
.lp-container .faq-list .faq-toggle-container .faq-toggle-trigger{
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:14px;
font-weight:normal;
cursor:pointer;
}
.lp-container .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:0;
top:50%;
margin-top:-4px;
width:11px;
height:7px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
}
.lp-container .faq-list li{
font-size:14px;
}
.lp-container .faq-list li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.lp-container .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.lp-container .faq-list li .question{
position:relative;
padding-left:23px;
padding-right:30px;
}
.lp-container .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element_sp/j_tour/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.lp-container .faq-list li .answer{
margin-top:4px;
position:relative;
padding-left:23px;
}
.lp-container .faq-list li .answer p{
margin:0;
}
.lp-container .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.lp-container .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.lp-container .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:3px;
width:11px;
height:15px;
background:url(/element_sp/j_tour/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.lp-container .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.lp-container .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* climate
---------------------------------- */
.lp-container .climate-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 24px;
}
.lp-container .climate-item + .climate-item{
margin-top:12px;
}
.lp-container .climate-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .climate-desc + .climate-graph{
margin-top:12px;
width:372px;
height:160px;
vertical-align:top;
}
.lp-container .climate-desc + .climate-clothes{
padding:16px 0px 0;
width:372px;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.lp-container .climate-desc + .climate-clothes .climate-clothes-list{
margin-top:0;
}
.lp-container .climate-desc + .climate-clothes .climate-clothes-list li{
width:calc(372px / 6);
}
.lp-container .climate-graph{
width:425px;
height:218px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .climate-graph .climate-hdg-container{
margin-bottom:12px;
}
.lp-container .climate-graph img{
max-width:100%;
height:auto;
vertical-align:top;
image-rendering:-webkit-optimize-contrast;
}
.lp-container .climate-hdg{
font-weight:bold;
font-size:14px;
display:inline-block;
}
.lp-container .climate-hdg-container{
position:relative;
}
.lp-container .climate-hdg-container::after{
content:"";
display:table;
clear:both;
}
.lp-container .climate-notes{
float:right;
margin-top:4px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.lp-container .climate-notes .mark{
margin-right:4px;
}
.lp-container .climate-clothes{
padding:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .climate-clothes .climate-hdg-container{
margin-bottom:12px;
}
.lp-container .climate-clothes-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:16px 0;
}
.lp-container .climate-clothes-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:10px;
width:calc(100% / 12);
}
.lp-container .climate-clothes-list li > div{
width:100%;
line-height:1;
text-align:center;
}
.lp-container .climate-clothes-list li > div:last-child{
padding:8px 0 6px;
border-left:1px solid #e9e9e9;
}
.lp-container .climate-clothes-list li:nth-child(6) >div:last-child{
border-right:1px solid #e9e9e9;
}
.lp-container .climate-clothes-list li:last-child > div:last-child{
border-right:1px solid #e9e9e9;
}
.lp-container .climate-clothes-list .clothes-type{
display:block;
margin:0 auto;
height:0;
padding-top:27px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 27px;
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-01{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1.svg);
background-size:26px auto;
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-01-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l2.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-01-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l3.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-01-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l4.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2.svg);
background-size:26px auto;
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-02-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2-l3.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-02-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2-l4.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3.svg);
background-size:26px auto;
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-03-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3-l4.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l4.svg);
background-size:26px auto;
}
.lp-container .climate-clothes-def-container{
margin-top:12px;
}
.lp-container .climate-clothes-def{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:0;
gap:0 6px;
}
.lp-container .climate-clothes-def > span{
font-size:12px;
margin-right:4px;
}
.lp-container .climate-clothes-def ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .climate-clothes-def ul li{
font-size:12px;
}
.lp-container .climate-clothes-def ul li:not(:last-child){
margin-right:6px;
}
.lp-container .climate-clothes-def .clothes-type{
position:relative;
top:-2px;
content:"";
display:inline-block;
width:23px;
height:0;
padding-top:25px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center left;
background-size:23px auto;
margin-right:6px;
vertical-align:middle;
}
.lp-container .climate-clothes-def .clothes-type.clothes-type-01{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1.svg);
}
.lp-container .climate-clothes-def .clothes-type.clothes-type-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2.svg);
}
.lp-container .climate-clothes-def .clothes-type.clothes-type-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3.svg);
}
.lp-container .climate-clothes-def .clothes-type.clothes-type-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l4.svg);
}
.lp-container .climate-footer-link{
margin-top:12px;
font-size:14px;
text-align:right;
}
.lp-container .climate-footer-link a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* info-tbl
---------------------------------- */
.lp-container .info-tbl{
width:100%;
margin:12px 0 0 0;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
height:100%;
}
.lp-container .info-tbl th,
.lp-container .info-tbl td{
position:relative;
padding:5px;
font-weight:normal;
font-size:12px;
}
.lp-container .info-tbl thead th{
background-color:#999999;
color:#fff;
white-space:nowrap;
}
.lp-container .info-tbl thead th:first-child,
.lp-container .info-tbl thead th:nth-child(5){
width:24px;
}
.lp-container .info-tbl thead th:nth-child(2),
.lp-container .info-tbl thead th:nth-child(6){
width:24px;
}
.lp-container .info-tbl thead th:nth-child(4),
.lp-container .info-tbl thead th:nth-child(8){
width:70px;
}
.lp-container .info-tbl tbody th{
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
background-color:#f5f5f5;
font-weight:normal;
}
.lp-container .info-tbl tbody th:first-child,
.lp-container .info-tbl tbody th:nth-child(2):not([rowspan]),
.lp-container .info-tbl tbody th:nth-child(5){
background-color:#ececec;
font-size:14px;
}
.lp-container .info-tbl tbody td{
vertical-align:top;
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
word-wrap:break-word;
}
.lp-container .info-tbl tbody td:last-child{
border-right:1px solid #cccccc;
}
.lp-container .info-tbl .month{
padding:0;
height:100%;
}
.lp-container .info-tbl .month + th{
background-color:#f5f5f5 !important;
}
.lp-container .info-tbl .month ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
background-color:#ececec;
height:100%;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-tbl .month ul >li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .info-tbl .month ul >li >span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:5px 0;
width:100%;
height:100%;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-tbl .month ul >li:not(:first-child){
border-top:1px solid #cccccc;
}

/* contents-footer-nav-list-separate
---------------------------------- */
.lp-container .contents-footer-nav-list-separate > li:first-child{
margin-top:0;
}
.lp-container .contents-footer-nav-list-separate > li > span{
width:11em;
}
.lp-container .contents-footer-nav-list-separate > li > span a{
font-weight:normal;
margin-right:20px;
}
.lp-container .contents-footer-nav-list-separate.area > li{
margin-top:12px;
}

/* card-tools-container
---------------------------------- */
.lp-container .card-tools-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
margin-bottom:-39px;
}

/* search-select
---------------------------------- */
.lp-container .search-select{
border-radius:6px;
background:#4e4e4e;
padding:3px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.lp-container .search-select .serch-select-sup{
color:#fff;
font-size:16px;
margin-right:22px;
margin-left:15px;
}
.lp-container .search-select .form-custom-select{
background-color:#f5f5f5;
border:none;
border-radius:0 4px 4px 0;
min-width:172px;
}
.lp-container .search-select .form-custom-select select{
font-size:16px;
}

/* tgl-container
---------------------------------- */
.lp-container .card-tgl-container[aria-expanded=true] .card-tgl-content{
display:block;
}
.lp-container .card-tgl-container[aria-expanded=true] .card-tgl-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.lp-container .card-tgl-container[aria-expanded=false] .card-tgl-content{
display:none;
}
.lp-container .card-tgl-container .card-tgl-hook{
margin:0 auto;
padding:0 17px 0 35px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 17px 14px;
background-size:12px auto;
font-size:14px;
height:37px;
background-color:#f5f5f5;
border:1px solid #dddddd;
border-radius:4px;
}

/* contents-footer-nav-list-theme
---------------------------------- */
.lp-container .contents-footer-nav-list-theme{
margin:0 -6px;
}
.lp-container .contents-footer-nav-list-theme > li{
padding:6px;
}
.lp-container .contents-footer-nav-list-theme > li a{
padding-top:100px;
}
.lp-container .contents-footer-nav-list-theme > li .thumb {
max-width:143px;
max-height:92px;
}

/* area-tab-container
---------------------------------- */
.lp-container .contents-footer-nav-container{
margin:12px 0 12px;
position:relative;
border-bottom:1px solid #dddddd;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item{
overflow:hidden;
overflow-x:atuo;
scrollbar-width:none;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item::-webkit-scrollbar{
display:none;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
padding:0 12px;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li:first-child{
padding-left:0;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li:last-child{
padding-right:0;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li.is-active span,
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li.is-active span::after,.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li span,
.lp-container .contents-footer-nav-container .contents-footer-nav-item .contents-footer-nav-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:25px;
background:none;
border:none;
padding:0 0 7px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* menu-navi-container
---------------------------------- */
.lp-container .menu-navi-container{
position:relative;
margin:0;
overflow:hidden;
padding-bottom:12px;
margin-bottom:-12px;
}
.lp-container .menu-navi-container .menu-navi{
scrollbar-width:none;
overflow:hidden;
overflow-x:scroll;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.lp-container .menu-navi-container .menu-navi::-webkit-scrollbar{
display:none;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0 -8px;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left:8px;
min-height:25px;
padding:0 8px;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li.is-active{
font-weight:bold;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li.is-active span::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:0;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li span,
.lp-container .menu-navi-container .menu-navi .menu-navi-list li a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:25px;
background:none;
border:none;
padding:0 0 8px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li:first-child{
margin-left:0;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li:last-child{
padding-right:12px;
}

/* area-tab-container
---------------------------------- */
.lp-container .area-tab-container{
position:relative;
margin:0;
}
.lp-container .area-tab-container.is-static .area-tab-nav-container{
display:none;
}
.lp-container .area-tab-container.is-static .area-tab-content{
display:block;
}
.lp-container .area-tab-container.is-static .area-tab-header{
padding-top:0;
}
.lp-container .area-tab-container .card-content{
margin-top:28px;
}
.lp-container .area-tab-container .card-content .card-item{
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
}
.lp-container .area-tab-container .area-tab-nav-container{
margin:0 0 12px;
position:relative;
}
.lp-container .area-tab-container .area-tab-nav-container::after{
content:"";
position:absolute;
right:0;
top:0;
height:calc(100% - 1px);
width:20px;
background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.lp-container .area-tab-container .area-tab-nav-container.is-end::after{
display:none;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
border-bottom:1px solid #e5e5e5;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
gap:0 8px;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
min-width:40px;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:6px;
left:0;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
background:none;
border:none;
padding:3px 0 13px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .area-tab-container .area-tab-header{
padding:16px 0 0;
}
.lp-container .area-tab-container .area-tab-content{
display:none;
}
.lp-container .area-tab-container .area-tab-content >:first-child{
border-top:none;
}
.lp-container .area-tab-container .area-tab-content.is-active{
display:block;
}
.lp-container .area-tab-container .area-tab-content .no-result-txt{
padding-top:12px;
padding-bottom:8px;
}
.lp-container .area-tab-container .area-tab-loading{
min-height:300px;
}
.lp-container .area-tab-container .area-tab-loading .cmn-loading-spinner{
margin-top:20px;
}

/* lp-container > local-seo-link-list
---------------------------------- */
.lp-container .local-seo-link-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:20px 8px;
}
.lp-container .local-seo-link-list >li{
width:calc(33% - 8px);
color:var(--comn-font-color-base);
text-decoration:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .local-seo-link-list >li .local-seo-link-list-thumb{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:120px;
height:80px;
overflow:hidden;
}
.lp-container .local-seo-link-list >li .local-seo-link-list-thumb img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .local-seo-link-list >li .local-seo-link-list-thumb .guard{
position:absolute;
top:0;
left:0;
}
.lp-container .local-seo-link-list >li .local-seo-link-list-thumb.mod-noimg img{
width:69%;
}
.lp-container .local-seo-link-list >li .local-seo-link-list-thumb .cap > span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255, 255, 255, .6);
}
.lp-container .local-seo-link-list >li .local-seo-link-list-thumb .cap a{
color:rgba(255, 255, 255, .6);
text-decoration:none;
}
.lp-container .local-seo-link-list >li .local-seo-link-list-thumb .cap::before {
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .local-seo-link-list >li .local-seo-link-list-content{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-left:12px;
}
.lp-container .local-seo-link-list >li .local-seo-link-hdg{
font-size:13px;
font-weight:bold;
}
.lp-container .local-seo-link-list >li .local-seo-link-desc a{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.lp-container .local-seo-link-list >li .local-seo-link-desc a:link,
.lp-container .local-seo-link-list >li .local-seo-link-desc a:visited,
.lp-container .local-seo-link-list >li .local-seo-link-desc a:hover,
.lp-container .local-seo-link-list >li .local-seo-link-desc a:active{
text-decoration:none;
}
.lp-container .local-seo-link-list >li .local-seo-link-desc .hdg{
font-size:14px;
margin-bottom:4px;
}
.lp-container .local-seo-link-list >li .local-seo-link-desc .txt{
font-size:12px;
}

/* swiper-rcmd-list
---------------------------------- */
.lp-container .swiper-rcmd{
position:relative;
}
.lp-container .swiper-rcmd .swiper{
padding:4px;
margin:0 -4px;
overflow:hidden;
}
.lp-container .swiper-rcmd .swiper-button-prev,
.lp-container .swiper-rcmd .swiper-button-next{
position:absolute;
width:32px;
height:32px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
left:-16px;
top:50%;
margin-top:-16px;
background-image:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer;
}
.lp-container .swiper-rcmd .swiper-button-prev.swiper-button-disabled,.lp-container .swiper-rcmd .swiper-button-next.swiper-button-disabled{
display:none;
}
.lp-container .swiper-rcmd .swiper-button-prev::after,.lp-container .swiper-rcmd .swiper-button-next::after{
content:"";
display:block;
position:relative;
top:0;
left:-1px;
width:7px;
height:12px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
}
.lp-container .swiper-rcmd .swiper-button-next{
right:-16px;
left:auto;
}
.lp-container .swiper-rcmd .swiper-button-next::after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
left:1px;
}
.lp-container .swiper-rcmd-list{
display:-ms-grid;
display:grid;
grid-auto-flow:column;
grid-gap:0 8px;
grid-auto-columns:calc((100% - 3 * 8px) / 4);
}
.lp-container .swiper-rcmd-list > li,
.lp-container .swiper-rcmd-list > li > a{
display:-ms-grid;
display:grid;
-ms-grid-row-span:5;
grid-row:span 5;

/* for safari fail safe */
-ms-grid-rows:125px auto 34px 1fr 58px;
grid-template-rows:125px auto 34px 1fr 58px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
border-radius:6px;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
}
.lp-container .swiper-rcmd-list >li > a .swiper-rcmd-hdg{
color:var(--cmn-font-color-link);
}
.lp-container .swiper-rcmd-list >li > a .tags-list,
.lp-container .swiper-rcmd-list >li > a .swiper-rcmd-desc{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.lp-container .swiper-rcmd-list >li > a:link,
.lp-container .swiper-rcmd-list >li > a:visited,
.lp-container .swiper-rcmd-list >li > a:hover,
.lp-container .swiper-rcmd-list >li > a:active{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.lp-container .card-select-rcmd-tour .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:127px auto auto 1fr;
grid-template-rows:127px auto auto 1fr;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .card-select-area .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:125px auto auto 1fr;
grid-template-rows:125px auto auto 1fr;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .card-select-rcmd-air .swiper-rcmd-list > li,
.lp-container .card-select-rcmd-bus .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:auto 1fr;
grid-template-rows:auto 1fr;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:2;
grid-row:span 2;
}
.lp-container .card-select-rcmd-air .swiper-rcmd-list > li a,.lp-container .card-select-rcmd-bus .swiper-rcmd-list > li a{
-ms-grid-rows:auto 1fr;
grid-template-rows:auto 1fr;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:2;
grid-row:span 2;
}
.lp-container .card-select-spot .swiper-rcmd-list > li,
.lp-container .card-select-rcmd-spot .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:125px auto auto 1fr;
grid-template-rows:125px auto auto 1fr;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .card-select-rcmd-dp .swiper-rcmd-list > li {
/* for safari fail safe */
-ms-grid-rows:125px auto 34px 1fr 58px;
grid-template-rows:125px auto 34px 1fr 58px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:5;
grid-row:span 5;
}
.lp-container .card-select-rcmd-flight .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:125px auto auto 58px;
grid-template-rows:125px auto auto 58px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .card-select-rcmd-optional .swiper-rcmd-list > li {
/* for safari fail safe */
-ms-grid-rows:125px auto auto 41px;
grid-template-rows:125px auto auto 41px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .card-select-hotel .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:125px auto auto 1fr;
grid-template-rows:125px auto auto 1fr;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .card-select-rcmd-ticket .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:125px auto auto 1fr;
grid-template-rows:125px auto auto 1fr;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-item-footer {
text-align:center;
margin-right:8px;
margin-left:8px;
margin-top:8px;
padding:8px 0;
border-top:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:44px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:calc(100%  - 16px);
overflow:hidden;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-item-footer.is-branch {
border-top:none;
margin-top:0;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-item-footer a {
text-decoration:none;
overflow:hidden;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-item-footer a .cmn-solid {
padding:0;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-item-footer .area {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
overflow:hidden;
max-width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.2;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-item-footer .area .area-name {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-item-footer .area .area-sup {
white-space:nowrap;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-item-footer .sup {
display:inline-block;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic {
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
-ms-flex-item-align:stretch;
-ms-grid-row-align:stretch;
align-self:stretch;
overflow:hidden;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic img {
position:absolute;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic .guard {
position:absolute;
top:0;
left:0;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic.mod-noimg {
border-right:1px solid #eee;
border-bottom:1px solid #eee;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic.mod-noimg img {
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-sup {
position:absolute;
top:0;
left:0;
background-color:rgba(0, 0, 0, .45);
padding:3px 5px 2px;
color:#fff;
font-size:14px;
z-index:1;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-rank {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:26px;
position:absolute;
top:0;
left:8px;
padding-top:5px;
line-height:1;
background:url(/element/j_air_on/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
filter:drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
background-size:22px 26px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap {
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap > span {
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255, 255, 255, .6);
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap a {
color:rgba(255, 255, 255, .6);
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap a:hover {
text-decoration:none;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap::before {
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .swiper-rcmd-list .swiper-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
font-size:16px;
position:absolute;
top:0;
left:8px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
z-index:1;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:0 8px 8px;
word-break:break-all;
word-wrap:break-word;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-link{
text-align:right;
padding-top:8px;
margin-top:auto;
font-size:12px;
line-height:calc(17 / 12);
text-decoration:none;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-label{
width:100%;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-label .swiper-rcmd-sup {
background-color:rgba(0, 0, 0, .45);
padding:3px 5px 2px;
color:#fff;
font-size:14px;
display:inline-block;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-hdg{
padding:8px 8px 0;
margin-bottom:4px;
font-size:14px;
font-weight:normal;
color:var(--cmn-font-color-base);
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
line-height:1.3;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-hdg a{
color:var(--cmn-font-color-link);
}
.lp-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-02 {
-webkit-line-clamp:2;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-03 {
-webkit-line-clamp:3;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-04 {
-webkit-line-clamp:4;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-catch{
font-weight:normal;
color:var(--cmn-font-color-base);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
line-height:1.3;
font-size:14px;
margin:8px 8px 4px;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-text{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
min-height:54px;
margin-top:6px;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-text.is-line-04 {
-webkit-line-clamp:4;
min-height:72px;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-text p{
margin:0;
font-size:12px;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-footer{
padding:0;
}
.lp-container .swiper-rcmd-list .swiper-rcmd-footer .price{
margin:0 8px 8px;
}
.lp-container .swiper-rcmd-list .tags-list{
margin:0 8px;
}
.lp-container .swiper-rcmd-list .tags-list.is-flex .review{
top:-2px;
position:relative;
width:100px;
}
.lp-container .swiper-rcmd-list .tags-list > li{
gap:0 8px;
display:-ms-flexbox;
display:flex;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
font-size:12px;
line-height:1.35;
}
.lp-container .swiper-rcmd-list .tags-list > li:not(:first-child){
margin-top:4px;
}
.lp-container .swiper-rcmd-list .tags-list > li > span:not(:last-child){
margin-right:4px;
}
.lp-container .swiper-rcmd-list .tags-list .kv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .swiper-rcmd-list .tags-list .kv .key {
position:relative;
white-space:nowrap;
}
.lp-container .swiper-rcmd-list .tags-list .kv .key::after {
content:":";
display:block;
position:absolute;
right:-8px;
top:0;
}
.lp-container .swiper-rcmd-list .tags-list .kv .val {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.lp-container .swiper-rcmd-list .price-list{
margin:0;
}
.lp-container .swiper-rcmd-list .price-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
gap:0 4px;

}
.lp-container .swiper-rcmd-list .price-list >li:not(:first-child){
margin-top:3px;
}
.lp-container .swiper-rcmd-list .price-list >li.child .price-num{
font-size:12px;
}
.lp-container .swiper-rcmd-list .price {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
gap:0 4px;
margin-top:8px;
}
.lp-container .swiper-rcmd-list .price .price-sup {
width:100%;
text-align:right;
line-height:1.2;
}
.lp-container .swiper-rcmd-list .price .price-sup > span {
margin-left:4px;
}
.lp-container .swiper-rcmd-list .price .price-item {
margin-top:2px;
}
.lp-container .swiper-rcmd-list .price .price-dtl .price-num {
font-size:16px;
margin-left:3px;
line-height:1;
}
.lp-container .swiper-rcmd-list .price .price-dtl .price-unit {
line-height:1.2;
}
.lp-container .swiper-rcmd-list .price .price-guide {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
text-align:right;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.lp-container .swiper-rcmd-list .price .price-guide a {
line-height:1.2;
display:inline-block;
}

/* info-kv-list
---------------------------------- */
.lp-container .info-kv-list{
font-size:12px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin:0 8px 8px;
}
.lp-container .info-kv-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-top:1px solid #ddd;
min-height:34px;
line-height:1.25;
}
.lp-container .info-kv-list > li.hotel{
min-height:59px;
}
.lp-container .info-kv-list > li.hotel-plan{
min-height:45px;
}
.lp-container .info-kv-list > li.hotel-plan .plan {
display:inline-block;
vertical-align:middle;
}
.lp-container .info-kv-list > li.hotel-plan .option {
display:inline-block;
}
.lp-container .info-kv-list > li.hotel-plan .option::before {
content:"/";
display:inline;
padding-right:4px;
}
.lp-container .info-kv-list > li .key{
min-height:35px;
background-color:#f5f5f5;
width:52px;
padding:4px 8px 2px;
line-height:1.2;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-kv-list > li .val{
padding:5px 8px;
word-break:break-all;
word-wrap:break-word;
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-kv-list > li .val-kv{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
}
.lp-container .info-kv-list > li .val-kv-ke{
position:relative;
white-space:nowrap;
padding-right:12px;
}
.lp-container .info-kv-list > li .val-kv-ke::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.lp-container .info-kv-list > li .val-hdg::before {
content:"---";
display:inline;
padding-right:5px;
}
.lp-container .info-kv-list > li .val-hdg::after {
content:"---";
display:inline;
padding-left:5px;
}
.lp-container .info-kv-list > li .val-desc + .val-hdg{
margin-top:8px;
}
.lp-container .info-kv-list > li .val-desc.is-indent{
text-indent:-1em;
margin-left:1em;
}
.lp-container .info-kv-list .overflow {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.lp-container .info-kv-list .overflow.is-line-02 {
-webkit-line-clamp:2;
}
.lp-container .info-kv-list .info-list-hotel .review{
margin:0 0 4px;
}
.lp-container .info-kv-list .info-list-hotel .review .review-list li{
margin-top:6px;
}
.lp-container .info-kv-list .info-list-hotel p{
margin:0;
}
.lp-container .info-kv-list .info-list-hotel p.hotel{
line-height:1.43;
}
.lp-container .info-kv-list .info-list-hotel .cmn-solid{
padding:0;
}
.lp-container .info-kv-list .info-list-hotel .map{
display:inline-block;
margin-left:12px;
padding-right:3px;
position:relative;
line-height:1.4;
}
.lp-container .info-kv-list .info-list-hotel .map::before{
content:"";
display:inline-block;
background:url(/element_sp/j_tour/shared/images/icon-map.svg) 0 50% no-repeat;
background-size:8px auto;
position:absolute;
left:-12px;
top:1px;
width:9px;
height:15px;
}
.lp-container .info-kv-list .reservation-link{
display:block;
color:var(--cmn-font-color-base);
position:relative;
padding-right:12px;
text-decoration:none;
}
.lp-container .info-kv-list .reservation-link::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
background:url(/element_sp/j_tour/shared/images/icon-arrow-next.svg) no-repeat 100% 50%;
background-size:7px auto;
width:7px;
height:12px;
}
.lp-container .info-kv-list .cmn-tip-btn{
margin-left:4px;
}

/* review
---------------------------------- */
.lp-container .review{
margin:0 8px;
}
.lp-container .review .review-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:0 8px;
line-height:1;
}
.lp-container .review .review-list .review-sup {
display:block;
line-height:1;
font-size:12px;
margin-bottom:2px;
}
.lp-container .review .review-list .user > span:not(.review-sup):first-child,
.lp-container .review .review-list .user > .review-sup + span{
position:relative;
top:1px;
margin:0 2px;
color:rgba(0, 0, 0, 0);
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) no-repeat 0 0;
background-size:auto 10px;
}
.lp-container .review + .tags-list{
margin-top:8px;
}

/* map-area
---------------------------------- */
.lp-container .map-area{
min-height:314px;
}
.lp-container .map-area .map-pic{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
overflow:hidden;
}
.lp-container .map-area .map-pic img{
max-width:100%;
max-height:100%;
-o-object-fit:cover;
object-fit:cover;
}

/* price-gd-header
---------------------------------- */
.lp-container .price-gd-container{
font-size:12px;
}
.lp-container .price-gd-container .price-gd-header{
border-bottom:1px solid #ddd;
padding-bottom:12px;
margin-bottom:12px;
}
.lp-container .price-gd-container .price-gd-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .price-gd-container .price-gd-row .price-gd-col{
width:50%;
}
.lp-container .price-gd-container .price-gd-row .price-gd-col .price-gd-item{
gap:24px 0;
padding-top:24px;
padding-bottom:24px;
margin-left:14px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .price-gd-container .price-gd-content{
margin-top:20px;
}
.lp-container .price-gd-container .price-gd-col-footer{
text-align:center;
}
.lp-container .price-gd-container .price-gd-col-footer .price-gd-link{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-grid-column-align:center;
justify-self:center;
margin:0 auto;
padding:2px 24px 0;
font-size:14px;
min-width:308px;
height:35px;
border-radius:4px;
border:1px solid #ccc;
color:var(--cmn-font-color-base);
line-height:1;
text-decoration:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .price-gd-container .price-dg-hdg{
font-size:14px;
margin-bottom:8px;
padding-left:21px;
background-repeat:no-repeat;
background-position:0 1px;
}
.lp-container .price-gd-container .price-dg-hdg.is-air{
background-image:url(/element_sp/j_tour/shared/images/icon-air.svg);
background-size:16px auto;
}
.lp-container .price-gd-container .price-dg-hdg.is-train{
background-size:15px auto;
background-image:url(/element_sp/j_tour/shared/images/icon-train.svg);
}
.lp-container .price-gd-container .price-gd-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:12px 0;
}
.lp-container .price-gd-container .price-gd-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
}
.lp-container .price-gd-container .price-gd-list > li:not(:first-child){
border-left:1px solid #ccc;
}
.lp-container .price-gd-container .price-gd-list .sup{
display:block;
line-height:1.3;
margin-bottom:4px;
}
.lp-container .price-gd-container .price-gd-list .guide{
display:block;
margin-top:auto;
font-size:12px;
}
.lp-container .price-gd-container .price-gd-list .price{
display:block;
margin-top:auto;
}
.lp-container .price-gd-container .price-gd-list .price > span{
font-size:18px;
}
.lp-container .price-gd-container .price-gd-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background-color:#ebf1f9;
border-radius:4px;
padding:16px;
gap:0 16px;

}
.lp-container .price-gd-container .price-gd-item p{
font-size:12px;
font-weight:bold;
}
.lp-container .price-gd-container .price-gd-item >div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .price-gd-container .price-gd-menu-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;

/* gap:0 16px; */
margin:0 auto;
width:384px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.lp-container .price-gd-container .price-gd-menu-list > li{
width:88px;
padding:26px 0 0;
border-radius:4px;
text-align:center;
background-repeat:no-repeat;
background-position:center 0;
}
.lp-container .price-gd-container .price-gd-menu-list > li > span{
font-size:12px;
display:block;
line-height:1.3;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
}
.lp-container .price-gd-container .price-gd-menu-list .dp-set{
background-image:url(/element_sp/j_tour/shared/images/icon-dp-set.svg);
background-size:54px auto;
}
.lp-container .price-gd-container .price-gd-menu-list .dp-sep{
background-image:url(/element_sp/j_tour/shared/images/icon-dp-sep.svg);
background-size:54px auto;
}
.lp-container .price-gd-container .price-gd-menu-list .train-dp-set{
background-image:url(/element_sp/j_tour/shared/images/icon-train-dp-set.svg);
background-size:54px auto;
}
.lp-container .price-gd-container .price-gd-menu-list .package{
width:72px;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
background-image:url(/element_sp/j_tour/shared/images/icon-package.svg);
background-size:18px auto;
}
.lp-container .price-gd-container .price-gd-kv-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
grid-gap:2px 0;
margin:0;
}
.lp-container .price-gd-container .price-gd-kv-list > li{
display:-ms-grid;
display:grid;
-ms-grid-column-span:2;
grid-column:span 2;

/* for safari15 fail-safe */
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
-ms-grid-columns:subgrid;
grid-template-columns:subgrid;
}
.lp-container .price-gd-container .price-gd-kv-list > li .key{
position:relative;
padding-right:10px;
}
.lp-container .price-gd-container .price-gd-kv-list > li .key::after{
content:":";
display:block;
position:absolute;
right:3px;
top:0;
}

/* page-navi-container
---------------------------------- */
.lp-container .page-navi-container{
position:relative;
margin:0;
overflow:hidden;
padding-bottom:8px;
}
.lp-container .page-navi-container .page-navi{
overflow:hidden;
overflow-x:scroll;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.lp-container .page-navi-container .page-navi::-webkit-scrollbar{
display:none;
}
.lp-container .page-navi-container .page-navi .page-navi-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:12px 0;
}
.lp-container .page-navi-container .page-navi .page-navi-list::before{
display:none;
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
z-index:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
z-index:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left:8px;
min-height:40px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list li.is-disabled{
opacity:.33;
}
.lp-container .page-navi-container .page-navi .page-navi-list li.is-disabled a{
cursor:default;
}
.lp-container .page-navi-container .page-navi .page-navi-list li span,
.lp-container .page-navi-container .page-navi .page-navi-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:50px;
background:none;
border:none;
padding:0 8px 13px 8px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:url(/element_sp/j_tour/shared/images/icon-anchor-down.svg) center bottom no-repeat;
background-size:8px 8px;
text-decoration:none;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:first-child{
margin-left:0;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:last-child{
padding-right:12px;
}