@charset "utf-8";
:root{
--font-color-btn-link:#666;
--font-color-placeholder:#949494;
}

/* ----------------------------------------------------------------

	Clearfix

----------------------------------------------------------------- */
.contents-footer-nav:before,
.theme-list:before,
.tab-container > .tab-item:before,
.search-result-item.detail:before,
.opt-agt-box:before,
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.tab-view-switch:before,
.box-bg-img-ctrl:before,
.panel-col-2:before,
.form-search .form-search-lyt:before,
.form-search .form-search-lyt-01:before,
.form-search .form-search-lyt-02:before,
.form-search .form-search-item-col:before,
.form-search .form-search-num:before,
.form-search .form-search-num > li.adult > label:before,
.form-search .form-search-destination-area-list:before,
.form-search-list .form-search-list-lyt:before,
.form-search-list .form-search-list-item-col:before,
.form-search-list .form-search-list-num > li.adult > label:before,
.search-result .search-result-sort:before,
.add-plan:before,
.detail-item-result .detail-item-result-sort:before,
.modal-child .modal-child-list:before,
.contents-footer-nav:after,
.theme-list:after,
.tab-container > .tab-item:after,
.search-result-item.detail:after,
.opt-agt-box:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.tab-view-switch:after,
.box-bg-img-ctrl:after,
.panel-col-2:after,
.form-search .form-search-lyt:after,
.form-search .form-search-lyt-01:after,
.form-search .form-search-lyt-02:after,
.form-search .form-search-item-col:after,
.form-search .form-search-num:after,
.form-search .form-search-num > li.adult > label:after,
.form-search .form-search-destination-area-list:after,
.form-search-list .form-search-list-lyt:after,
.form-search-list .form-search-list-item-col:after,
.form-search-list .form-search-list-num > li.adult > label:after,
.search-result .search-result-sort:after,
.add-plan:after,
.detail-item-result .detail-item-result-sort:after,
.modal-child .modal-child-list:after{
content:"";
display:table;
}
.contents-footer-nav:after,
.theme-list:after,
.tab-container > .tab-item:after,
.search-result-item.detail:after,
.opt-agt-box:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.tab-view-switch:after,
.box-bg-img-ctrl:after,
.panel-col-2:after,
.form-search .form-search-lyt:after,
.form-search .form-search-lyt-01:after,
.form-search .form-search-lyt-02:after,
.form-search .form-search-item-col:after,
.form-search .form-search-num:after,
.form-search .form-search-num > li.adult > label:after,
.form-search .form-search-destination-area-list:after,
.form-search-list .form-search-list-lyt:after,
.form-search-list .form-search-list-item-col:after,
.form-search-list .form-search-list-num > li.adult > label:after,
.search-result .search-result-sort:after,
.add-plan:after,
.detail-item-result .detail-item-result-sort:after,
.modal-child .modal-child-list:after{
clear:both;
}

/* ----------------------------------------------------------------

	Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
button,
select{
cursor:pointer;
}
button[disabled],
select[disabled]{
cursor:default;
}
select option[disabled]{
color:#ccc;
}

/* ----------------------------------------------------------------
  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;
}
::-webkit-input-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
::-moz-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
:-ms-input-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
::-ms-input-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
::placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}

/* ----------------------------------------------------------------

	Common Modules

----------------------------------------------------------------- */
/* mod-noimg
---------------------------------- */
.mod-noimg{
border:1px solid #e5e5e5;
background-color:#fff;
}

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

/* .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 a{
color:#fff;
}
.menu-header-container .menu-header a:active,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:focus{
text-decoration:none;
}
.menu-header-container .menu-header-sup{
font-size:14px;
margin:8px 0;
line-height:1.45;
}

/* .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-agt
----------------------------------------------- */
.menu-header-container .menu-header-agt{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 8px;
margin-top:3px;
padding:0 10px 0 10px;
background-color:#fff;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:0;
overflow:hidden;
}
.menu-header-container .menu-header-agt:after{
display:none;
position:absolute;
top:1px;
right:8px;
color:var(--cmn-font-color-base);
content:"...";
vertical-align:middle;
font-weight:bold;
font-size:16px;
margin-left:auto;
}

/* .menu-header-container > .menu-header-agt-catch
----------------------------------------------- */
.menu-header-container .menu-header-agt-catch{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
}
.menu-header-container .menu-header-agt-catch .menu-header-agt-sup{
position:absolute;
bottom:16px;
left:28px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
width:70px;
z-index:1;
}

/* .menu-header-container > .menu-header-agt-list
----------------------------------------------- */
.menu-header-container .menu-header-agt-list{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 8px;
background-color:#fff;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:0;
overflow:hidden;

}
.menu-header-container .menu-header-agt-list:after{
margin-left:3px;
color:var(--cmn-font-color-base);
content:"\4ED6\3001\591A\6570\FF01";
display:inline-block;
vertical-align:middle;
font-weight:bold;
}
.menu-header-container .menu-header-agt-list > li{
display:inline-block;
vertical-align:middle;
font-size:12px;
}
.menu-header-container .menu-header-agt-list > li:first-child{
margin-left:0;
}
.menu-header-container .menu-header-agt-list > li img{
vertical-align:middle;
}

/* .menu-header-container > .menu-header-utility
----------------------------------------------- */
.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, .5);
position:absolute;
top:16px;
right:25px;
display:table;
font-size:12px;
}
.menu-header-container .menu-header-utility > li{
border-left:1px solid rgba(255, 255, 255, .5);
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:first-child{
border-left:none;
}
.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}
.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{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history{
position:relative;
z-index:4;
}
.menu-header-container .menu-header-utility .history-hook{
padding:0 10px;
border:none;
color:#fff;
min-height:26px;
height:100%;
background:none;
font-size:12px;
}
.menu-header-container .menu-header-utility .history-hook:active,
.menu-header-container .menu-header-utility .history-hook:hover,
.menu-header-container .menu-header-utility .history-hook:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-hook .num{
display:inline-block;
}
.menu-header-container .menu-header-utility .history-hook .num b{
margin:0 5px;
display:inline-block;
font-size:16px;
}
.menu-header-container .menu-header-utility .history-item{
border:4px solid #eee;
display:none;
position:absolute;
top:100%;
right:-1px;
width:280px;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .5);
box-shadow:0 1px 3px rgba(0, 0, 0, .5);
background-color:#fff;
}
.menu-header-container .menu-header-utility .history-item.is-active{
display:block;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list{
padding:5px 5px 7px;
overflow:hidden;
background-color:#eee;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list button{
color:var(--font-color-btn-link);
padding:0;
border:none;
background:none;
font-size:11px;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear{
float:left;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button{
padding-left:16px;
position:relative;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button:before{
margin-top:-6px;
content:"";
display:block;
position:absolute;
top:50%;
left:0;
width:12px;
height:12px;
overflow:hidden;
background-color:#999;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button > span:before,
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button > span:after{
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:6px;
content:"";
display:block;
width:8px;
height:2px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button > span:after{
margin:-4px 0 0 -1px;
width:2px;
height:8px;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close{
margin-top:-2px;
float:right;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button{
color:rgba(51, 51, 51, 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
display:block;
position:relative;
width:20px;
height:20px;
overflow:hidden;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button:before,
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button:after{
margin:-1px 0 0 -9px;
position:absolute;
top:50%;
left:50%;
content:"";
display:block;
width:18px;
height:2px;
background-color:#999;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button:after{
margin:-9px 0 0 -1px;
width:2px;
height:18px;
}
.menu-header-container .menu-header-utility .history-item-list{
height:250px;
overflow-y:scroll;
}
.menu-header-container .menu-header-utility .history-item-list > li{
border-top:1px solid #eee;
}
.menu-header-container .menu-header-utility .history-item-list > li:first-child{
border-top:none;
}
.menu-header-container .menu-header-utility .history-item-list > li a{
padding:5px 10px;
display:block;
color:var(--font-color-btn-link);
}
.menu-header-container .menu-header-utility .history-item-list > li a:active,
.menu-header-container .menu-header-utility .history-item-list > li a:hover,
.menu-header-container .menu-header-utility .history-item-list > li a:focus{
background-color:#f7f7f7;
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-item-list > li .sup{
color:var(--cmn-font-color-gray);
line-height:1.25;
display:block;
font-size:11px;
}

/* for special information
---------------------------------- */
.special-info{
position:absolute;
top:16px;
left:369px;
font-size:16px;
background-color:#084385;
text-align:center;
padding:2px 8px 4px;
}
.special-info .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
.special-info a{
color:#fff;
}
.special-info a:link,
.special-info a:visited,
.special-info a:hover,
.special-info a:active{
text-decoration:none;
}

/* special-info-nav
---------------------------------- */
.special-info-nav{
margin:0 0 20px;
}
.special-info-nav a{
display:block;
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 18px 11px no-repeat #fff;
background-size:14px 12px;
padding:8px 18px 8px 40px;
border:1px solid #bbb;
border-radius:4px;
height:36px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.special-info-nav a:link,
.special-info-nav a:visited,
.special-info-nav a:hover,
.special-info-nav a:active{
text-decoration:none;
}
.special-info-nav a::after{
content:"";
display:block;
margin-top:-5px;
position:absolute;
top:50%;
right:18px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:9px;
height:9px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* special-info-nav
---------------------------------- */
.special-info-nav-link{
margin:0 0 20px;
}
.special-info-nav-link a{
display:block;
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 5px no-repeat #fff;
background-size:14px 12px;
padding:0 0 0 22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.special-info-nav-link a:link,
.special-info-nav-link a:visited,
.special-info-nav-link a:hover,
.special-info-nav-link a:active{
text-decoration:none;
}

/* .modal-travel-info
---------------------------------- */
.modal-travel-info .special-info-point{
font-size:14px;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-sup{
font-size:14px;
margin:0;
}
.modal-travel-info .special-info-desc{
margin-top:8px;
}
.modal-travel-info .special-info-desc p{
margin-top:4px;
font-size:14px;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-desc p:first-child{
margin-top:0;
}
.modal-travel-info .special-info-hdg-l3{
font-size:18px;
line-height:calc(21 / 18);
}
.modal-travel-info .special-info-hdg-l4{
margin-top:24px;
font-size:16px;
display:inline-block;
vertical-align:bottom;
}
.modal-travel-info .special-info-hdg-sup{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
vertical-align:bottom;
margin-bottom:3px;
margin-left:5px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-hdg-sup >span{
margin-right:4px;
}
.modal-travel-info .special-info-tabs{
margin:8px -20px 16px;
padding:0 12px;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
overflow:hidden;
}
.modal-travel-info .special-info-tabs .special-info-tabs-inr{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
-ms-overflow-style:none;
scrollbar-width:none;
}
.modal-travel-info .special-info-tabs .special-info-tabs-inr::-webkit-scrollbar{
display:none;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li.is-active button::after{
background-color:#222;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li button{
position:relative;
background:none;
border:none;
margin:0;
display:block;
padding:11px 12px 10px;
color:#222;
font-size:14px;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li button::after{
position:relative;
top:5px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.modal-travel-info .special-info-tabs-content .special-info-status{
margin-top:12px;
}
.modal-travel-info .special-info-status{
margin-top:16px;
}
.modal-travel-info .special-info-status.branch{
margin-top:12px;
}
.modal-travel-info .special-info-status .special-info-status-list{
font-size:0;
}
.modal-travel-info .special-info-status .special-info-status-list > li{
font-size:12px;
display:inline-block;
}
.modal-travel-info .special-info-status .special-info-status-list > li:not(:first-child){
margin-left:12px;
}
.modal-travel-info .special-info-note-list{
margin-top:8px;
margin-bottom:0;
}
.modal-travel-info .special-info-note-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-note-list li > span{
margin-right:4px;
}
.modal-travel-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:var(--font-color-btn-link);
}
.modal-travel-info .special-info-link:link,
.modal-travel-info .special-info-link:visited,
.modal-travel-info .special-info-link:hover,
.modal-travel-info .special-info-link:active{
text-decoration:none;
}
.modal-travel-info .special-info-link a{
color:var(--font-color-btn-link);
}
.modal-travel-info .special-info-link a:link,
.modal-travel-info .special-info-link a:visited,
.modal-travel-info .special-info-link a:hover,
.modal-travel-info .special-info-link a:active{
text-decoration:none;
}
.modal-travel-info .special-info-link.right{
text-align:right;
}
.modal-travel-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-item{
display:none;
margin-bottom:12px;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-item >:first-child{
margin-top:0;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-hook{
margin:0;
padding:8px 20px 8px 0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px 7px;
font-weight:normal;
cursor:pointer;
font-size:14px;
border-bottom:1px solid #e5e5e5;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] + .special-info-tbl-note-list{
margin-top:-4px;
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-item{
display:block;
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
border-bottom:none;
}
.modal-travel-info .special-info-summary-tbl{
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-top:8px;
}
.modal-travel-info .special-info-summary-tbl th{
font-size:12px;
font-weight:normal;
padding:8px;
background-color:#eee;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-summary-tbl td{
font-size:12px;
padding:8px;
width:132px;
text-align:center;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-tbl{
margin-top:8px;
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
table-layout:fixed;
}
.modal-travel-info .special-info-tbl th{
font-size:12px;
font-weight:normal;
background-color:#eee;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:left;
padding:12px;
width:110px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-travel-info .special-info-tbl td{
padding:12px;
font-size:12px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-tbl td >:first-child{
margin-top:0;
}
.modal-travel-info .special-info-tbl-list{
margin:4px 0 0;
}
.modal-travel-info .special-info-tbl-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.modal-travel-info .special-info-tbl-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-tbl-list a{
color:var(--cmn-font-color-base);
}
.modal-travel-info .special-info-tbl-list a:link,
.modal-travel-info .special-info-tbl-list a:visited,
.modal-travel-info .special-info-tbl-list a:hover,
.modal-travel-info .special-info-tbl-list a:active{
text-decoration:none;
}
.modal-travel-info .special-info-tbl-note-list{
margin:8px 0 0;
}
.modal-travel-info .special-info-tbl-note-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-tbl-note-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-tbl-note-list li > span{
margin-right:4px;
white-space:nowrap;
}
.modal-travel-info .special-info-tbl-note-list li a:link,
.modal-travel-info .special-info-tbl-note-list li a:visited,
.modal-travel-info .special-info-tbl-note-list li a:hover,
.modal-travel-info .special-info-tbl-note-list li a:active{
color:var(--cmn-font-color-gray);
text-decoration:none;
}
.modal-travel-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}

/* tip-special-info > special-info-guide
---------------------------------- */
.tip-special-info .special-info-guide{
margin-top:4px;
}
.tip-special-info .special-info-guide > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.tip-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.tip-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:25px;
}
.tip-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:0;
right:8px;
content:":";
display:block;
}
.tip-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:var(--font-color-btn-link);
}
.tip-special-info .special-info-link:link,
.tip-special-info .special-info-link:visited,
.tip-special-info .special-info-link:hover,
.tip-special-info .special-info-link:active{
text-decoration:none;
}
.tip-special-info .special-info-link a{
color:var(--font-color-btn-link);
}
.tip-special-info .special-info-link a:link,
.tip-special-info .special-info-link a:visited,
.tip-special-info .special-info-link a:hover,
.tip-special-info .special-info-link a:active{
text-decoration:none;
}
.tip-special-info .special-info-link.right{
text-align:right;
}
.tip-special-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select:before{
display:none;
}
.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px;
}
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:34px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
position:relative;
}
.form-custom-select select{
outline:none;
}
.form-search-list select{
padding:5px;
min-height:30px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
}
.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;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
padding:8px 20px;
color:#fff;
background-color:#333;
font-size:18px;
}
.lyt-simple-popup .hdg-l2{
margin-left:-10px;
margin-right:-10px;
padding:8px 10px;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-bullet
----------------------------------------------- */
.list-bullet > li{
margin-top:5px;
padding-left:12px;
position:relative;
}
.list-bullet > li:first-child{
margin-top:0;
}
.list-bullet > li:before{
content:"";
display:block;
width:6px;
height:6px;
overflow:hidden;
position:absolute;
top:.4em;
left:0;
}
.list-bullet > li:before{
background-color:#555;
}
.list-bullet ul{
margin-top:5px;
}

/* .list-bullet-01
----------------------------------------------- */
.list-bullet-01 > li{
margin-top:5px;
padding-left:10px;
position:relative;
}
.list-bullet-01 > li:first-child{
margin-top:0;
}
.list-bullet-01 > li:before{
content:"";
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:.64em;
left:0;
}
.list-bullet-01 > li:before{
border-radius:1px;
background-color:#555;
}
.list-bullet-01 ul{
margin-top:5px;
}

/* .list-bullet-line
----------------------------------------------- */
.list-bullet-line > li{
margin:5px 10px 0 0;
padding-left:10px;
display:inline-block;
position:relative;
}
.list-bullet-line > li:last-child{
margin-right:0;
}
.list-bullet-line > li:before{
content:"";
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:.64em;
left:0;
}
.list-bullet-line > li:before{
border-radius:1px;
background-color:#555;
}

/* .detail-item-list-separate > .list-bullet-line */
.detail-item-list-separate > li > div .list-bullet-line{
margin-top:-5px;
}

/* list-col-2 / .list-col-3 / .list-col-4
----------------------------------------------- */
/* only column layout */
.list-col-2{
margin-left:-15px;
}
.list-col-2 > li{
padding-left:15px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:50%;
}
.list-col-2 > li:nth-child(2n+1){
clear:left;
}
.list-col-2 > li li{
padding-left:0;
width:auto;
float:none;
}
.list-col-3{
margin-left:-15px;
}
.list-col-3 > li{
padding-left:15px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:33.33333%;
}
.list-col-3 > li:nth-child(3n+1){
clear:left;
}
.list-col-3 > li li{
padding-left:0;
width:auto;
float:none;
}
.list-col-4{
margin-left:-15px;
}
.list-col-4 > li{
padding-left:15px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:25%;
}
.list-col-4 > li:nth-child(4n+1){
clear:left;
}
.list-col-4 > li li{
padding-left:0;
width:auto;
float:none;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
.link{
padding-left:10px;
color:var(--font-color-btn-link);
display:inline-block;
position:relative;
}
.link:before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:7px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.link:link,
.link:hover,
.link:visited{
color:var(--font-color-btn-link);
}

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

/* .link-list-line
----------------------------------------------- */
.link-list-line{
overflow:hidden;
}
.link-list-line > li{
margin:20px 15px 0 0;
display:inline-block;
}
.link-list-line > li a{
padding-left:12px;
color:var(--font-color-btn-link);
display:inline-block;
position:relative;
}
.link-list-line > li a:before{
content:"";
display:block;
position:absolute;
top:50%;
margin-top:-2px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.link-list-line > li:last-child{
margin-right:0;
}
.link-list-line > li.more{
float:right;
}

/* .link-list-thumb
----------------------------------------------- */
.link-list-thumb{
margin-top:-20px;
font-size:12px;
line-height:1.45;
}
.link-list-thumb > li{
margin-top:20px;
}
.link-list-thumb > li a{
padding-left:110px;
color:var(--font-color-btn-link);
display:block;
position:relative;
min-height:65px;
}
.link-list-thumb > li a > b{
margin-bottom:3px;
display:block;
font-size:13px;
color:var(--cmn-font-color-base);
}
.link-list-thumb > li .icon{
padding:1px 3px 0;
color:#fff;
display:inline-block;
background-color:#bc9013;
min-width:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:10px;
font-weight:normal;
text-align:center;
}
.link-list-thumb > li .thumb{
position:absolute;
top:0;
left:0;
max-width:100px;
max-height:65px;
}

/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* .btn-close
----------------------------------------------- */
.btn-close{
margin-top:30px;
text-align:center;
}
.btn-close button{
color:var(--font-color-btn-link);
padding:5px 10px 5px 30px;
border:none;
position:relative;
font-size:14px;
background-color:#f6f6f6;
}
.btn-close button:before,
.btn-close button:after{
margin-top:-1px;
content:"";
display:block;
width:16px;
height:2px;
position:absolute;
top:50%;
left:10px;
background-color:#aaa;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.btn-close button:after{
margin-top:-8px;
width:2px;
height:16px;
left:17px;
}

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

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

/* .pager
----------------------------------------------- */
.pager{
line-height:1;
font-size:0;
white-space:nowrap;
}
.pager li{
display:inline-block;
text-align:center;
vertical-align:top;
margin-left:4px;
}
.pager li > a,
.pager li > b{
color:#fff;
padding:5px 2px;
background-color:#555;
display:block;
min-width:24px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
font-family:Arial;
}
.pager li > a:active,
.pager li > a:hover,
.pager li > a:focus{
text-decoration:none;
}
.pager li > b{
background-color:transparent;
}
.pager .first > a,
.pager .last > a,
.pager .prev > a,
.pager .next > a{
font-size:12px;
padding:6px 5px;
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}
.pager .prev{
margin-right:3px;
}
.pager .next{
margin-left:7px;
}
.pager .ellipsis{
padding-left:16px;
position:relative;
}
.pager .ellipsis:before{
content:"...";
display:block;
position:absolute;
color:#fff;
left:-1px;
bottom:0;
speak:none;
font-weight:normal;
font-size:14px;
}
.pager .page-num{
font-family:Arial;
font-size:12px;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-bg-img-ctrl
----------------------------------------------- */
.box-bg-img-ctrl{
margin:0 -10px -50px;
padding:0 10px 50px;
background:#ebf5f9 url(/element/w_optional/index/images/bg-contents.jpg) 50% 0 no-repeat;
background-size:100% auto;
}

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

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

/* .panel > .panel-hdg
----------------------------------------------- */
.panel .panel-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:10px;
}
.panel .panel-hdg-container .panel-hdg{
margin-bottom:0;
}
.panel .panel-hdg-container .panel-hdg-notes{
font-size:11px;
color:var(--cmn-font-color-gray);
display:inline-block;
margin-left:5px;
}
.panel .panel-hdg-container .card-item-more{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
margin-left:auto;
}
.panel .panel-hdg-container .card-item-more::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);
}
.panel .panel-hdg{
margin-bottom:10px;
font-size:18px;
display:inline-block;
}
.panel .panel-hdg.branch{
margin:0 -20px 10px;
padding:0 20px 8px;
border-bottom:1px solid #e0e0e0;
}
.panel .panel-hdg-01{
margin-top:15px;
color:var(--cmn-font-color-base);
font-size:13px;
}
.panel .panel-hdg + .panel-hdg-01{
margin-top:0;
}

/* .hotel-tab
----------------------------------------------- */
.hotel-tab,
.tab-list{
display:table;
width:100%;
margin-bottom:6px;
}
.hotel-tab > li,
.tab-list > li{
display:table-cell;
min-width:72px;
vertical-align:top;
border-left:2px solid #fff;
}
.hotel-tab > li:first-child,
.tab-list > li:first-child{
border-left:none;
}
.hotel-tab > li > a,
.tab-list > li > a{
width:74px;
height:45px;
border:none;
line-height:1.25;
background-color:#dfe3e8;
cursor:pointer;
font-size:13px;
display:table-cell;
vertical-align:middle;
color:var(--font-color-btn-link);
text-align:center;
text-decoration:none;
}
.tab-list > li > a{
width:149px;
}
.hotel-tab > li > a > span,
.tab-list > li > a > span{
display:block;
}
.hotel-tab > li > a.disabled,
.tab-list > li > a.disabled{
color:#fff;
font-weight:bold;
background-color:#0d3f78;
}
.list-col-5{
margin-top:0;
}
.list-col-5 > li{
margin-top:10px;
margin-left:2.5%;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:18%;
}
.list-col-5 > li:first-child{
margin-left:0;
}
.list-col-5 > li:nth-child(5n+1){
margin-left:0;
clear:left;
}
.list-col-5 > li li{
margin-left:0;
width:auto;
float:none;
}
.link-list-destination a{
color:var(--font-color-btn-link);
padding-left:40px;
position:relative;
display:inline-block;
}
.link-list-destination a > img{
position:absolute;
left:0;
top:-1px;
width:30px;
height:20px;
border:1px solid #eee;
}
.tab-container > .tab-item.is-active{
display:block;
}
.tab-container > .tab-item{
display:none;
}
.link-line{
text-align:right;
margin-top:5px;
}
.link-line a{
padding-left:12px;
color:var(--font-color-btn-link);
display:inline-block;
position:relative;
font-size:12px;
}
.link-line 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);
}
.tab-container > .tab-item.active{
display:block;
}
.grid-container{
max-width:970px;
margin:0 auto;
}
.grid-container .grid-row::after{
content:"";
display:table;
clear:both;
}
.grid-container .grid-col{
display:block;
float:left;
}
.grid-container .grid-gutters .grid-col{
margin-left:2.65252%;
}
.grid-container .grid-gutters .grid-col:first-child{
margin-left:0;
}
.grid-container .grid-span-1{
width:8.33333%;
}
.grid-container .grid-span-2{
width:14.8%;
}
.grid-container .grid-span-3{
width:25%;
}
.grid-container .grid-span-4{
width:33.33333%;
}
.grid-container .grid-span-5{
width:41.66667%;
}
.grid-container .grid-span-6{
width:50%;
}
.grid-container .grid-span-7{
width:58.33333%;
}
.grid-container .grid-span-8{
width:66.66667%;
}
.grid-container .grid-span-9{
width:75%;
}
.grid-container .grid-span-10{
width:83.33333%;
}
.grid-container .grid-span-11{
width:91.66667%;
}
.grid-container .grid-span-12{
width:100%;
}
.grid-container .grid-gutters .grid-span-1{
width:5.90186%;
}
.grid-container .grid-gutters .grid-span-2{
width:135px;
}
.grid-container .grid-gutters .grid-span-3{
width:23.01061%;
}
.grid-container .grid-gutters .grid-span-4{
width:31.56499%;
}
.grid-container .grid-gutters .grid-span-5{
width:40.11936%;
}
.grid-container .grid-gutters .grid-span-6{
width:48.67374%;
}
.grid-container .grid-gutters .grid-span-7{
width:57.22812%;
}
.grid-container .grid-gutters .grid-span-8{
width:65.78249%;
}
.grid-container .grid-gutters .grid-span-9{
width:74.33687%;
}
.grid-container .grid-gutters .grid-span-10{
width:82.89125%;
}
.grid-container .grid-gutters .grid-span-11{
width:91.44562%;
}
.grid-container .grid-gutters .grid-span-12{
width:100%;
}

/* .link-list-rank
----------------------------------------------- */
.link-list-rank{
font-size:14px;
}
.link-list-rank a{
position:relative;
display:block;
padding:3px 0 3px 22px;
font-size:13px;
}
.link-list-rank a [class^="no-"]{
font-size:12px;
font-weight:bold;
line-height:1;
position:absolute;
top:6px;
left:0;
display:block;
padding:2px 4px 1px;
color:#fff;
background-color:#f0a606;
}
.link-list-rank a .no-2{
background-color:#a1a1a1;
}
.link-list-rank a .no-3{
background-color:#b88656;
}
.link-list-rank + p{
margin-top:3px;
}

/* theme-list-container
------------------------------------------------ */
.theme-list-container:after{
content:"";
display:block;
clear:both;
}
.theme-list-container{
margin-left:-20px;
}
.theme-list-container .theme-list-inner{
width:25%;
padding-left:20px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.theme-list-container .theme-list-inner >:last-child{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.theme-list-container a{
display:block;
position:relative;
font-size:12px;
color:var(--font-color-btn-link);
padding-left:12px;
}
.theme-list-container a:link,
.theme-list-container a:visited,
.theme-list-container a:hover,
.theme-list-container a:active{
color:var(--font-color-btn-link);
}
.theme-list-container a:before{
content:"";
display:block;
position:absolute;
top:50%;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
margin-top:-2px;
}
.theme-list-container ul{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px dotted #ccc;
}

/* .theme-list
----------------------------------------------- */
.theme-list{
margin:-5px 0 0 0;
}
.theme-list h2{
border-bottom:1px solid #d6d6d6;
height:auto;
margin-bottom:19px;
text-indent:0;
}
.theme-list h2 span{
background:url(/element/w_optional/shared/images/icon_title01_001.gif) 10px center no-repeat #f7f7f7;
font-size:15px;
margin-bottom:1px;
display:block;
padding:8px 0 6px 23px;
}
.theme-list .grid-gutters > ul > li{
margin:5px 0 5px 22px;
float:left;
display:inline-block;
min-height:127px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.theme-list .grid-container .grid-gutters .grid-span-3{
width:215px;
vertical-align:middle;
}
.theme-list .grid-gutters > ul > li:first-child,
.theme-list .grid-gutters > ul > li:nth-child(6n + 1){
margin-left:0;
clear:left;
}
.theme-list .grid-gutters > ul > li:not(.other-link-list) a{
position:relative;
padding-top:66.6%;
}
.theme-list .grid-gutters > ul > li:not(.other-link-list) a img{
position:absolute;
top:0;
left:0;
}
.theme-list .grid-gutters > ul > li a,
.theme-list .grid-gutters > ul > li a:hover{
display:block;
text-decoration:none;
color:var(--font-color-btn-link);
}
.theme-list .grid-gutters > ul > li .hdg-l3 span{
display:block;
font-size:12px;
padding:5px 0 0;
text-align:left;
color:var(--font-color-btn-link);
font-weight:normal;
line-height:1.3;
text-decoration:none;
}
.theme-list .grid-gutters > ul > li .hdg-bg{
width:100%;
vertical-align:middle;
}
.other-link-list{
display:block;
clear:both;
background:none;
padding:0;
text-align:left;
overflow:hidden;
margin:30px 0 0 -12px;
}
.other-link-list .hdg-l2{
padding:5px 12px;
font-weight:bold;
font-size:14px;
background:#eee;
border:0;
-webkit-box-shadow:0 0 0;
box-shadow:0 0 0;
margin-top:0;
margin-left:12px;
}
.other-link-list li{
display:inline-block;
padding:0 12px 0 12px;
border-left:1px solid #ccc;
line-height:1.1;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 8px 12px;
margin-left:-1px;
}
.theme-list .grid-gutters > ul > li.other-link-list{
display:block;
clear:both;
background:none;
padding:0;
text-align:left;
overflow:hidden;
margin:20px 0 0 -14px;
min-height:inherit;
}
.theme-list .grid-gutters > ul > li.other-link-list li{
display:inline-block;
min-width:120px;
padding:0 10px;
border-left:1px solid #ccc;
line-height:1.1;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px 0;
margin-left:-1px;
}
.tab-item .link:before{
-webkit-transform:none;
transform:none;
}
.tab-item .grid-col.grid-span-4 .link:before{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------- */
.form-search-index{
padding:0 20px 25px;
color:var(--cmn-font-color-base);
max-width:960px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(16, 92, 169, .6);
}
.form-search-list{
background:#ededed;
padding:20px;
position:relative;
margin-bottom:30px;
}
.form-search-index .form-search-list{
background:#ededed;
padding:25px 15px 20px;
position:relative;
margin-bottom:0;
}

/* .form-search-hdg-l1
----------------------------------------------- */
.form-search-list .form-search-hdg-l1{
margin:-11px 0 7px 0;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:bold;
}

/* .form-search-list-item
----------------------------------------------- */
.optional-form-list{
display:table;
width:100%;
}
.form-search-list .form-search-list-item{
margin-top:10px;
display:table;
width:100%;
}
.form-search-list .form-search-list-item.date{
margin-top:0;
max-width:548px;
}
.form-search-list .form-search-list-item-cell{
position:relative;
display:table;
vertical-align:top;
width:33%;
float:left;
margin-right:15px;
}
.form-search-list .form-search-list-item-cell.keyword{
width:42%;
}
.form-search-list .form-search-list-item-cell > div{
display:table-cell;
position:relative;
}
.form-search-list .form-search-list-item-cell > div label{
cursor:default;
}
.form-search-index .form-search-list .form-search-list-item-cell > div .ui-datepicker-trigger{
margin:6px 0 0 -31px;
}
.form-search-list .form-search-list-item-cell > div .ui-datepicker-trigger{
margin:6px 0 0 -31px;
}
.form-search-list .form-search-list-item-cell > div.form-search-list-keyword input,
.form-search-list .form-search-list-item-cell > div.form-search-index-select select{
border-radius:0;
padding:5px;
margin-left:-1px;
min-height:34px;
}
.form-search-list .form-search-list-item.picky > .form-search-list-item-cell:last-child{
padding-left:3px;
}
.form-search-list-date > span{
float:left;
}
.form-search-list-date > span select{
width:175px;
}
.form-search-list .form-search-list-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:150px;
-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:20px;
font-weight:bold;
background-color:#72ba00;
}
.form-search-list input[type="search"],
.form-search-list input[type="text"],
.form-search-list input[type="url"],
.form-search-list input[type="email"],
.form-search-list input[type="password"],
.form-search-list textarea,
.form-search-list select{
font-size:13px;
background-color:#fff;
}
.form-search-index-date-btn{
padding:0 10px;
border:1px solid #bebebe;
width:180px;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:top;
background-color:#fff;
text-align:left;
font-size:13px;
-webkit-appearance:none;
border-radius:0;
}

/* pop-kyeword
------------------------------------------------ */
.pop-kyeword .pop-kyeword-hdg{
display:block;
margin-bottom:5px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:11px;
margin-top:5px;
}
.pop-kyeword .pop-kyeword-hdg:after{
display:inline-block;
content:":";
}
.pop-kyeword .pop-kyeword-list{
display:inline-block;
margin-left:-7px;
font-size:0;
}
.pop-kyeword .pop-kyeword-list li{
display:inline-block;
margin-bottom:3px;
border-right:1px solid #dde2e7;
}
.pop-kyeword .pop-kyeword-list li:last-child{
border-right:none;
}
.pop-kyeword .pop-kyeword-list li a{
display:block;
padding:0 7px 0 7px;
color:var(--font-color-btn-link);
font-size:12px;
}
.pop-kyeword .pop-kyeword-list li a:link,
.pop-kyeword .pop-kyeword-list li a:visited,
.pop-kyeword .pop-kyeword-list li a:hover,
.pop-kyeword .pop-kyeword-list li a:active{
color:var(--font-color-btn-link);
}

/* .form-search-list-hdg
----------------------------------------------- */
.form-search-list .form-search-list-hdg{
padding:2px 5px 1px 0;
display:table-cell;
border-radius:2px 0 0 2px;
width:70px;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
text-align:center;
}
.lyt-top .form-search-list .form-search-list-hdg,
.lyt-top .form-search-list .date .form-search-list-hdg{
background-color:#015eaa;
width:83px;
padding:2px 5px 1px 12px;
}
.form-search-list .date .form-search-list-hdg{
width:55px;
}
.form-search-list .form-search-list-hdg > h2{
display:table-cell;
vertical-align:middle;
font-size:11px;
color:var(--cmn-font-color-base);
text-align:left;
}
.lyt-top .form-search-list .form-search-list-hdg > h2{
color:#fff;
font-weight:normal;
}
.form-search-list .form-search-list-hdg > h2 .sup{
display:block;
font-size:9px;
}
.form-search-list .form-search-list-hdg .cmn-tip-btn{
margin:0;
position:absolute;
bottom:0;
top:10px;
right:5px;
margin-top:0;
}
.form-search-list .form-search-list-hdg.no-tip-btn{
padding-right:5px;
}

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

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
margin-top:-10px;
color:#fff;
border-bottom:1px solid #999;
}
.search-result .search-result-sort > li{
margin-right:20px;
padding-right:10px;
display:table;
position:relative;
float:left;
}
.search-result .search-result-sort > li:before{
content:"";
display:block;
width:1px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
right:0;
}
.search-result .search-result-sort > li:before{
margin-top:-6px;
background-color:#d0d0d0;
}
.search-result .search-result-sort > li > span{
display:table-cell;
white-space:nowrap;
vertical-align:middle;
font-size:12px;
}
.search-result .search-result-sort > li > span:after{
margin-left:5px;
content:"\ff1a";
display:inline-block;
}
.search-result .search-result-sort > li:last-child:before{
margin-right:0;
padding-right:0;
display:none;
}

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort .search-result-sort-btn{
display:table-cell;
}
.search-result .search-result-sort .search-result-sort-btn > li{
float:left;
}
.search-result .search-result-sort .search-result-sort-btn > li a{
padding:10px 8px;
color:#fff;
display:block;
position:relative;
background:none;
font-size:12px;
text-decoration:none;
}
.search-result .search-result-sort .search-result-sort-btn > li.is-active a{
font-weight:bold;
}
.search-result .search-result-sort .search-result-sort-btn > li.is-active a:after{
content:"";
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}
.search-result .search-result-sort .search-result-sort-btn > li.is-active a:after{
background-color:#fff;
}

/* .search-result-num-container
----------------------------------------------- */
.search-result .search-result-num-container{
margin-top:20px;
display:table;
width:100%;
}
.search-result .search-result-num-container > .search-result-num,
.search-result .search-result-num-container > .search-result-pager{
display:table-cell;
vertical-align:middle;
}
.search-result .search-result-num-container > .search-result-num{
color:#fff;
font-size:12px;
font-family:Arial,"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}
.search-result .search-result-num-container > .search-result-num > span{
display:inline-block;
line-height:1.35;
}
.search-result .search-result-num-container > .search-result-num > span b{
margin:0 2px;
display:inline-block;
font-size:18px;
margin:0 3px;
}
.search-result .search-result-num-container > .search-result-pager{
text-align:right;
}

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

/* .contents-footer-nav-hdg
----------------------------------------------- */
.contents-footer-nav{
/* margin: 0 0 45px 0; */
margin:0;
clear:both;

}
.contents-footer-nav .contents-footer-nav-hdg-container{
border-top:1px solid #d9d9d9;
margin:30px 0 20px;
padding-top:20px;
}
.contents-footer-nav .contents-footer-nav-hdg-container .contents-footer-nav-hdg-notes{
font-size:11px;
color:var(--cmn-font-color-gray);
display:inline-block;
margin-left:5px;
}
.contents-footer-nav .contents-footer-nav-hdg{
font-size:14px;
font-weight:bold;
display:inline-block;
}

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

/* .form-search-del-list
----------------------------------------------- */
.form-search-del-list{
margin-top:5px;
}
.form-search-del-list button{
position:relative;
border:none;
color:var(--font-color-btn-link);
padding:0 16px 0 0;
background-color:transparent;
font-size:11px;
}
.form-search-del-list .form-search-del-hdg{
border-right:1px solid #bebebe;
}
.form-search-del-list .form-search-del-hdg .del{
right:10px;
}
.form-search-del-list button .del{
margin-top:-7px;
color:rgba(51, 51, 51, 0);
border-radius:2px;
display:block;
position:absolute;
top:50%;
right:0;
width:12px;
height:12px;
overflow:hidden;
background-color:#999;
-webkit-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
user-select:none;
}
.form-search-del-list button .del:before,
.form-search-del-list button .del:after{
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:50%;
content:"";
display:block;
width:8px;
height:2px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-del-list button .del:after{
margin:-4px 0 0 -1px;
width:2px;
height:8px;
}
.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:":";
}

/* ----------------------------------------------------------------
  Default
----------------------------------------------------------------- */
/* Base
----------------------------------------------- */
main{
background-color:#fff;
}
.viewChange_Txt,
.footer_column .gototop{
background-color:#fff;
}

/* Link
----------------------------------------------- */
main a,
[data-role="page"] a{
text-decoration:none;
color:var(--cmn-font-color-link);
background-color:transparent;
}
main a:visited,
[data-role="page"] a:visited{
color:var(--cmn-font-color-link);
}
main a:link,
main a:active,
main a:hover,
main a:focus,
[data-role="page"] a:link,
[data-role="page"] a:active,
[data-role="page"] a:hover,
[data-role="page"] a:focus{
color:var(--cmn-font-color-link);
}

/* Typography
----------------------------------------------- */
strong{
font-weight:bold;
color:var(--cmn-font-color-red);
}

/* form
----------------------------------------------- */
button,
input,
optgroup,
select,
textarea{
font:inherit;
margin:0;
vertical-align:middle;
color:inherit;
}
input[type="search"],
input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
textarea,
select{
font-size:16px;
line-height:normal;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:5px;
}
input[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
border-radius:0;
}
input::-webkit-search-cancel-button{
-webkit-appearance:none;
}
label{
margin:0;
cursor:pointer;
}
input[type="search"],
input[type="text"]{
border:1px solid #bebebe;
border-radius:3px;
}
button{
cursor:pointer;
}

/* ----------------------------------------------------------------

	00. Clearfix

----------------------------------------------------------------- */
/* ----------------------------------------------------------------

	03. Modules

----------------------------------------------------------------- */
.highlight{
background-color:#f9eaba;
display:inline-block;
}
#topicPath_Area li img{
vertical-align:text-top;
}

/* --------------------------------------------
apealTxt
--------------------------------------------- */
/* #contentTitle_Txt
----------------------------------------------- */
#contentTitle_Txt span.apealTxt{
font-size:60%;
padding:0 0 0 5px;
vertical-align:middle;
margin-top:-3px;
display:inline-block;
color:#4e4e4e;
line-height:1;
}
#contentTitle_Txt span .notice{
font-size:60%;
padding:0 0 0 10px;
vertical-align:middle;
margin-top:-3px;
display:inline-block;
font-weight:normal;
color:var(--cmn-font-color-base);
line-height:1;
}

/* #contentAppeal_List
----------------------------------------------- */
#contentAppeal_List{
padding:0 5px;
position:absolute;
top:0;
margin-top:10px;
}
#contentAppeal_List li{
position:relative;
display:inline-block;
height:36px;
bottom:0;
}
#contentAppeal_List li a{
display:block;
padding-top:36px;
height:0;
overflow:hidden;
line-height:2;
}
#contentAppeal_List .his{
width:55px;
}
#contentAppeal_List .jtb{
width:48px;
}
#contentAppeal_List .alan{
width:94px;
}
#contentAppeal_List .hotholiday{
width:100px;
}
#contentAppeal_List .myu{
width:49px;
}
#contentAppeal_List .guam-etabi{
width:84px;
}
#contentAppeal_List .bali-etabi{
width:84px;
}
#contentAppeal_List .tabi-plusone{
width:100px;
}
#contentAppeal_List .guam-guam{
width:124px;
}
#contentAppeal_List .jhc{
width:48px;
}
#contentAppeal_List .tabinotatsujin{
width:100px;
display:none;
}

/* --------------------------------------------
showTooltip
--------------------------------------------- */
img[class*=showTooltip]{
margin-left:3px;
vertical-align:middle;
}

/* ----------------------------------------------------------------
    Heading
----------------------------------------------------------------- */
/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin:40px 0 15px;
padding:6px 10px 4px;
border:1px solid #d5d5d5;
color:var(--cmn-font-color-base);
height:auto;
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .1);
box-shadow:0 1px 1px rgba(0, 0, 0, .1);
background-color:#f7f7f7;
font-weight:bold;
font-size:17px;
text-indent:0;
}
.hdg-l2-02{
margin:0;
padding:6px 10px 4px 40px;
border:1px solid #d5d5d5;
border-bottom:0;
color:var(--cmn-font-color-base);
height:auto;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .1);
box-shadow:0 1px 2px rgba(0, 0, 0, .1);
background-color:#f7f7f7;
background-image:url(/element/shared/images/icon/icon-search.png);
background-position:7px 4px;
background-repeat:no-repeat;
font-weight:bold;
font-size:17px;
text-indent:0;
z-index:5;
position:relative;
}
.hdg-l2-03{
margin-bottom:15px;
padding:6px 15px 4px;
border-bottom:1px solid #d7d7d7;
background-color:#f6f6f6;
font-size:17px;
font-weight:bold;
}

/* .hdg-l3-container
----------------------------------------------- */
.hdg-l3-container{
position:relative;
margin:20px 0 10px;
text-align:center;
padding-top:66.6%;
}
.hdg-l3-container .hdg-l3 a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.hdg-l3-container .hdg-l3 span{
display:block;
font-size:18px;
position:absolute;
bottom:0;
left:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:10px;
text-align:left;
color:#fff;
background-color:#000;
background-color:rgba(0, 0, 0, .65);
z-index:1;
}
.hdg-l3-container .hdg-l3 .hdg-sup{
font-size:14px;
}
.hdg-l3-container .hdg-bg{
width:100%;
vertical-align:middle;
position:absolute;
top:0;
left:0;
}

/* .hdg-l3-02
------------------------------------*/
.hdg-l3-02{
margin-bottom:15px;
padding:6px 15px 4px;
border-bottom:1px solid #d7d7d7;
background-color:#f6f6f6;
font-size:17px;
font-weight:bold;
}

/* .hdg-l3-03
------------------------------------*/
.hdg-l3-03{
margin-bottom:15px;
padding:8px 10px;
border-top:2px solid #aaa;
font-size:15px;
background-color:#f5f5f5;
}

/* .hdg-l4
------------------------------------*/
.hdg-l4{
margin:50px 0 15px;
padding-top:15px;
border-top:3px solid #113f76;
font-size:20px;
font-weight:bold;
}

/*------------------------------------------------------
 List
-------------------------------------------------------*/
/* .list-separate
----------------------------------------------*/
.list-separate{
margin:0 15px;
font-size:12px;
}
.list-separate >li{
margin-top:5px;
overflow:hidden;
}
.list-separate >li >.list-separate-cell:first-child{
padding-right:10px;
float:left;
width:10em;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:bold;
}
.list-separate >li >.list-separate-cell:last-child{
overflow:hidden;
}

/*------------------------------------------------------
 Link
-------------------------------------------------------*/
/* .link-list-line
----------------------------------------------*/
.link-list-line >li{
margin:0 5px 8px 0;
padding-right:8px;
border-right:1px solid #ccc;
display:inline-block;
line-height:1.15;
}
.link-list-line >li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}

/* .link-list-toggle
----------------------------------------------*/
.link-list-toggle >li:not(:first-child){
margin-top:5px;
}
.link-list-toggle >li >.link-list-toggle-hook{
padding:0;
border:none;
width:100%;
background:none;
text-align:left;
font-size:14px;
position:relative;
}
.link-list-toggle >li >.link-list-toggle-hook:before{
content:"";
display:block;
width:12px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
}
.link-list-toggle >li >.link-list-toggle-hook:before{
margin-top:-6px;
border-radius:3px;
background-color:#888;
}
.link-list-toggle >li >.link-list-toggle-hook >span{
padding-left:18px;
display:block;
position:relative;
position:relative;
}
.link-list-toggle >li >.link-list-toggle-hook >span:before{
content:"";
display:block;
width:8px;
height:2px;
overflow:hidden;
position:absolute;
top:50%;
left:2px;
}
.link-list-toggle >li >.link-list-toggle-hook >span:before{
margin-top:-1px;
background-color:#fff;
}
.link-list-toggle >li >.link-list-toggle-hook >span:after{
content:"";
display:block;
width:2px;
height:8px;
overflow:hidden;
position:absolute;
top:50%;
left:5px;
}
.link-list-toggle >li >.link-list-toggle-hook >span:after{
margin-top:-4px;
background-color:#fff;
}
.link-list-toggle >li >.link-list-toggle-item{
margin:0 0 10px 18px;
display:none;
}
.link-list-toggle >li.is-active >.link-list-toggle-hook >span:after{
display:none;
}
.link-list-toggle >li.is-active >.link-list-toggle-item{
display:block;
}
.link-list-toggle .link-list-toggle-item-list{
margin:3px 0 0 -5px;
}
.link-list-toggle .link-list-toggle-item-list >li >a{
color:var(--cmn-font-color-base);
padding:2px 5px;
display:block;
}
.link-list-toggle .link-list-toggle-item-list >li >a:active,
.link-list-toggle .link-list-toggle-item-list >li >a:hover,
.link-list-toggle .link-list-toggle-item-list >li >a:focus{
background-color:#f9eaba;
text-decoration:none;
}
.link-list-toggle .link-list-toggle-item-list >li.is-active >a{
background-color:#f9eaba;
}

/*--------------------------------------------------
button module
---------------------------------------------------*/
/*
btn-01
------------------------------------*/
.btn-01{
font-size:21px;
display:block;
padding:4px 9px;
width:100%;
text-align:center;
font-weight:bold;
border:none;
color:#fff;
border-radius:4px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
}

/*
btn-02
------------------------------------*/
.btn-02{
display:block;
width:100%;
padding:9px 0;
text-align:center;
border:1px solid #ccc;
border-radius:3px;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/*--------------------------------------------------
review module
---------------------------------------------------*/
.cmn-rate-list .cmn-rate{
display:inline-block;
width:75px;
height:0;
margin-right:4px;
padding-top:15px;
overflow:hidden;
line-height:2;
background-image:url(/element/w_optional/shared/images/sprite-rate-01.png);
background-repeat:no-repeat;
vertical-align:-2px;
}
.cmn-rate-list .cmn-rate.review00{
background-position:-75px 0;
}
.cmn-rate-list .cmn-rate.review05{
background-position:-60px -20px;
}
.cmn-rate-list .cmn-rate.review10{
background-position:-60px 0;
}
.cmn-rate-list .cmn-rate.review15{
background-position:-45px -20px;
}
.cmn-rate-list .cmn-rate.review20{
background-position:-45px 0;
}
.cmn-rate-list .cmn-rate.review25{
background-position:-30px -20px;
}
.cmn-rate-list .cmn-rate.review30{
background-position:-30px 0;
}
.cmn-rate-list .cmn-rate.review35{
background-position:-15px -20px;
}
.cmn-rate-list .cmn-rate.review40{
background-position:-15px 0;
}
.cmn-rate-list .cmn-rate.review45{
background-position:0 -20px;
}
.cmn-rate-list .cmn-rate.review50{
background-position:0 0;
}

/*--------------------------------------------------
form module
---------------------------------------------------*/
/* str-form
-------------------------------------------------- */
div.ui-datepicker{
z-index:500 !important;
}
.str-form{
position:relative;
margin-bottom:30px;
padding:14px;
background:#f7f7f7;
border:1px solid #d5d5d5;
}
.str-form select{
padding:7px 15px 5px;
font-size:16px;
border:1px solid #969696;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.str-form input[type="text"]{
width:238px;
padding:8px 15px 6px;
font-size:16px;
border:1px solid #969696;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.str-form button{
position:absolute;
top:38px;
right:20px;
font-size:20px;
display:block;
padding:6px 30px 2px;
text-align:center;
font-weight:bold;
border:none;
color:#fff;
border-radius:5px;
-webkit-box-shadow:inset 0 -3px rgba(0, 0, 0, .2);
box-shadow:inset 0 -3px rgba(0, 0, 0, .2);
background-color:#2e73cc;
background-image:-webkit-gradient(linear, left bottom, left top, from(#2e73cc), to(#4491ea));
background-image:linear-gradient(to top, #2e73cc, #4491ea);
text-shadow:1px 1px 2px rgba(9, 71, 150, .5);
}
.str-form button:hover{
background-color:#327acd;
background-image:-webkit-gradient(linear, left bottom, left top, from(#215eae), to(#327acd));
background-image:linear-gradient(to top, #215eae, #327acd);
}
.str-form .hdr-label{
display:block;
font-size:16px;
font-weight:bold;
color:#444;
}
.str-form .item-keywords{
display:inline-block;
margin-bottom:15px;
vertical-align:top;
}
.str-form .item-keywords input[type="text"]{
width:460px;
margin-right:18px;
}
.str-form .item-date{
position:relative;
display:inline-block;
margin-bottom:15px;
vertical-align:top;
}
.str-form .item-date select{
width:215px;
}
.str-form .item-date select.disabled{
color:#bbb;
}
.str-form .item-date select.disabled option{
color:var(--cmn-font-color-base);
}
.str-form .item-date img{
position:absolute;
top:31px;
right:-27px;
width:20px;
height:25px;
}
.str-form .item-date .item-status{
display:block;
margin-top:5px;
}
.str-form .item-date .item-status input{
vertical-align:middle;
}
.str-form .item-date label,
.str-form .item-date input{
cursor:pointer;
}
.str-form .related-words{
font-size:12px;
}
.str-form .related-words dd{
display:inline;
}
.str-form .related-words ul{
display:inline;
}
.str-form .related-words li{
display:inline-block;
}
.str-form .related-words dt{
display:inline;
margin-right:10px;
}
.str-form .related-words li{
margin-right:15px;
}
.form-search-list .related-words{
margin-top:5px;
}
.form-search-list .related-words ul li{
display:inline-block;
font-size:12px;
border-right:1px solid #ccc;
line-height:1.1;
margin-right:8px;
padding-right:8px;
}
.form-search-list .related-words ul li > a{
color:var(--font-color-btn-link);
}

/* narrow-clear-btn
--------------------------------------------- */
.narrow-clear-btn a{
display:inline-block;
padding:3px 4px 2px;
font-size:11px;
color:var(--font-color-btn-link);
border:1px solid #aeaeae;
background:#fff;
border-radius:3px;
line-height:1;
}
.narrow-clear-btn a:link{
color:var(--font-color-btn-link);
}

/* cmn-btn-close
--------------------------------------------- */
.cmn-btn-close{
position:absolute;
display:block;
top:0;
right:0;
width:38px;
height:0;
margin:-19px -19px 0 0;
padding-top:38px;
background:url(/element/w_optional/shared/images/btn-close-01.png) 0 0 no-repeat;
line-height:2;
overflow:hidden;
border:none;
}

/* loading
--------------------------------------------- */
.search-result-loading{
padding:0 0 1000px;
}
.search-result-sub-loading{
padding:0 0 1000px;
}
.cmn-loading-spinner{
margin:40px auto;
}
.loading-spinner{
text-align:center;
font-weight:bold;
font-size:16px;
}
.loading-spinner > span{
margin-top:-20px;
display:block;
}

/* --------------------------------------------
opt-point
--------------------------------------------- */
.opt-point{
display:table;
margin-bottom:17px;
}
.opt-point dt{
display:table-cell;
vertical-align:middle;
width:130px;
font-weight:bold;
text-align:center;
color:#fff;
background:#999;
border-radius:4px;
}
.opt-point dd{
display:table-cell;
vertical-align:middle;
padding-left:8px;
line-height:1.25;
text-align:left;
}

/* --------------------------------------------
main_Col
--------------------------------------------- */
#sortNav_Area{
width:auto !important;
}
.sort-top{
margin-bottom:15px;
}

/* opt-guide
--------------------------------------------- */
.opt-guide >p{
font-size:15px;
color:var(--cmn-font-color-base);
}
.opt-guide strong{
font-size:18px;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.opt-guide dl dd{
display:inline;
}
.opt-guide dl dd p{
display:inline;
margin-right:14px;
}
.opt-guide dl dd ul{
display:inline;
}
.opt-guide dl dd ul li{
display:inline-block;
}
.opt-guide dl dt{
display:inline;
font-size:13px;
font-weight:bold;
line-height:2;
}
.opt-guide li{
margin-right:10px;
}
.opt-guide li a{
position:relative;
padding-right:13px;
color:var(--cmn-font-color-base);
}
.opt-guide li a:before{
position:absolute;
top:50%;
right:0;
margin-top:-5px;
content:"";
display:block;
width:9px;
height:9px;
background:#737373;
border-radius:2px;
}
.opt-guide li a:after{
content:"";
position:absolute;
top:50%;
right:0;
display:block;
margin-top:-5px;
width:9px;
height:9px;
background:url(/element/w_optional/shared/images/sprite-opt-01.png) 50% 50% no-repeat;
}

/* opt-item
--------------------------------------------- */
.opt-item{
position:relative;
}
.opt-item .opt-item-header{
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;
gap:10px;
}
.opt-item h2,
.opt-item .opt-hdg{
margin-bottom:5px;
}
.opt-item h2 a,.opt-item .opt-hdg a{
font-size:18px;
font-weight:bold;
line-height:1.3;
color:var(--cmn-font-color-link);
}
.opt-item .opt-outline{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.opt-item .opt-action{
cursor:pointer;
}
.opt-item .opt-img{
width:230px;
overflow:hidden;
}
.opt-item .opt-img span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:230px;
height:180px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:#e5e5e5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.opt-item .opt-img span.mod-noimg{
background-color:#fff;
}
.opt-item .opt-img span.mod-noimg img{
width:100px;
}
.opt-item .opt-img img{
max-width:230px;
max-height:180px;
vertical-align:middle;
}
.opt-item .opt-desc{
overflow:hidden;
}
.opt-item .opt-desc > p{
display:inline;
}
.opt-item .opt-desc.opened > p{
display:block;
}
.opt-item .opt-desc .split-desc{
display:inline;
}
.opt-item .opt-desc .opt-btn-more{
position:relative;
border:none;
background:none;
font-size:11px;
line-height:1;
cursor:pointer;
color:#a4a4a4;
display:inline-block;
}
.opt-item .opt-desc.opened .opt-btn-more{
float:right;
padding:3px 5px 3px 15px;
color:var(--cmn-font-color-link);
}
.opt-item .opt-desc .opt-btn-more:hover{
text-decoration:underline;
}
.opt-item .opt-desc .opt-btn-more::before{
margin-right:5px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}
.opt-item .opt-desc.opened .opt-btn-more::before{
margin-right:0;
position:absolute;
left:0;
top:2px;
content:"";
display:block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}

/* opt-btn-container
--------------------------------------------- */
.opt-btn-container{
position:absolute;
right:0;
top:0;
}
.opt-btn-container .price-tag{
margin-top:6px;
position:relative;
}
.opt-btn-container .price-tag .font-num{
font-family:Arial;
font-size:12px;
}
.opt-btn-container .price-tag .tip-balloon-container{
font-size:11px;
}
.opt-btn-container .price-tag .tip-balloon-container .tip-balloon-item{
display:none;
position:absolute;
z-index:10;
padding:10px;
border:solid 1px #aaa;
border-radius:4px;
width:315px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
top:18px;
right:0;
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153,.75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153,.75);
}
.opt-btn-container .price-tag .tip-balloon-container .tip-balloon-item::before,
.opt-btn-container .price-tag .tip-balloon-container .tip-balloon-item::after{
position:absolute;
top:-10px;
right:42px;
content:"";
}
.opt-btn-container .price-tag .tip-balloon-container .tip-balloon-item::before{
border:10px solid #aaa;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.opt-btn-container .price-tag .tip-balloon-container .tip-balloon-item::after{
margin-top:1px;
border:10px solid #fff;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.opt-btn-container .price-tag .tip-balloon-container.active .tip-balloon-item{
display:block;
}
.opt-btn-container .price-tag .tip-balloon-container .tip-balloon-desc{
font-size:12px;
}
.opt-btn-container .price-tag .tip-balloon-container .tip-balloon-notes > li{
font-size:12px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
margin-left:1em;
}
.opt-btn-container .price-tag .price-tag-sup{
font-size:11px;
color:var(--cmn-font-color-gray);
text-align:right;
}
.opt-btn-container .price-tag .price-tag-sup .price-tag-cashless-icon{
display:inline-block;
width:15px;
height:0;
padding-top:10px;
overflow:hidden;
line-height:2;
background:url(/element/shared/images/icon/icon-cashless.svg) top left no-repeat;
margin-right:3px;
position:relative;
top:1px;
}

/* opt-btn-order
--------------------------------------------- */
.opt-btn-order a{
padding:5px;
border:none;
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, .4);
font-size:18px;
font-weight:bold;
background-color:#72ba00;
min-width:112px;
color:#fff;
display:block;
text-align:center;
}
.opt-btn-order a:link,
.opt-btn-order a:hover{
text-decoration:none;
color:#fff;
}
.opt-btn-order img{
display:block;
margin:0 auto;
}

/* opt-icon-reserve
--------------------------------------------- */
.opt-icon-reserve{
padding:3px;
color:#fff;
margin-top:5px;
display:block;
background-color:#333;
border-radius:3px;
text-align:center;
}

/* opt-theme
--------------------------------------------- */
.opt-theme{
margin-bottom:3px;
font-size:12px;
color:var(--cmn-font-color-base);
overflow:hidden;
}
.opt-theme dt{
float:left;
clear:both;
display:inline-block;
}
.opt-theme dd{
display:block;
overflow:hidden;
}
.opt-theme dd li{
display:inline-block;
}
.opt-theme dt:after{
content:":";
padding:0 4px;
}

/* opt-price
-------------------------------------------- */
.opt-price dl{
margin-bottom:4px;
}
.opt-price dt{
font-size:12px;
color:var(--cmn-font-color-base);
margin-bottom:2px;
}
.opt-price dd{
font-size:13px;
color:var(--cmn-font-color-base);
word-break:break-all;
}
.opt-price em{
font-size:15px;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.opt-price em span{
font-size:20px;
line-height:1;
}

/* opt-price-info
--------------------------------------------- */
.opt-price-info{
position:relative;
}
.opt-price-btn a{
display:inline-block;
padding:2px 5px;
font-size:11px;
color:var(--cmn-font-color-base);
border:1px solid #d5d5d5;
border-radius:3px;
}
.opt-price-btn a:link,
.opt-price-btn a:visited{
color:var(--cmn-font-color-base);
}
.opt-price-btn a:before{
content:"";
display:inline-block;
margin-right:3px;
border-width:3px 0 3px 4px;
border-color:#888;
border-style:solid;
border-top-color:transparent;
border-bottom-color:transparent;
border-right:none;
}
.opt-price-popup{
position:absolute;
top:62px;
left:-50px;
min-width:500px;
border-radius:3px;
border:1px solid #b5b5b5;
padding:18px;
background:#fff;
-webkit-box-shadow:#969696 3px 4px 6px -1px;
box-shadow:#969696 3px 4px 6px -1px;
z-index:1;
}
.opt-price-popup:before,
.opt-price-popup:after{
position:absolute;
top:-12px;
left:110px;
content:"";
display:inline-block;
}
.opt-price-popup:before{
top:-13px;
border-bottom:12px solid #b5b5b5;
border-left:9px solid transparent;
border-right:9px solid transparent;
}
.opt-price-popup:after{
border-bottom:12px solid #fff;
border-left:9px solid transparent;
border-right:9px solid transparent;
}
.opt-price-popup table{
width:100%;
border-collapse:collapse;
}
.opt-price-popup th,
.opt-price-popup td{
padding:4px;
font-weight:normal;
color:var(--cmn-font-color-base);
text-align:left;
}
.opt-price-popup th{
background:#eee;
font-size:12px;
}
.opt-price-popup th .cmn-tip-btn,
.opt-table th .cmn-tip-btn{
margin-left:3px;
}
.opt-price-popup td{
font-size:13px;
border-bottom:1px solid #ccc;
word-break:break-all;
line-height:1.3;
}
.opt-price-popup .opt-info-part,
.opt-price-popup .opt-info-price{
width:34%;
}

/* opt-review
--------------------------------------------- */
.opt-review{
margin:12px 0;
font-size:12px;
color:#000;
}
.opt-review dl,
.opt-review dt,
.opt-review dd,
.opt-review p{
display:inline-block;
vertical-align:middle;
}
.opt-review .opt-review-link{
font-size:12px;
}

/* opt-table
--------------------------------------------- */
.opt-table{
width:100%;
margin:15px 0 10px;
border-collapse:collapse;
border-bottom:1px solid #eee;
}
.opt-table-guide{
width:110px;
}
.opt-table-lang{
width:80px;
}
.opt-table-start{
width:100px;
}
.opt-table-pick,
.opt-table-meal,
.opt-table-one,
.opt-table-card{
width:60px;
}
.opt-table-child{
width:65px;
}
.opt-table th,
.opt-table td{
text-align:center;
}
.opt-table th{
font-size:11px;
font-weight:normal;
color:#000;
background:#f1f1f1;
border-left:1px solid #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:25px;
}
.opt-table th:first-child{
border-left:0;
}
.opt-table td{
padding:12px 5px 4px 5px;
font-size:12px;
color:var(--cmn-font-color-base);
background:#fff;
}
.opt-table .bool{
display:block;
font-size:16px;
color:var(--cmn-font-color-base);
line-height:1;
}
.opt-table .deactive{
opacity:.25;
}
.opt-table .opt-table-link{
display:inline-block;
font-size:11px;
text-align:left;
}

/* opt-lang-info
--------------------------------------------- */
.opt-lang-info{
position:relative;
}
.opt-lang-info .opt-lang-popup{
position:absolute;
top:45px;
left:-45px;
min-width:130px;
border-radius:3px;
border:1px solid #b5b5b5;
padding:12px;
background:#fff;
-webkit-box-shadow:#969696 3px 4px 6px -1px;
box-shadow:#969696 3px 4px 6px -1px;
z-index:1;
}
.opt-lang-info .opt-lang-popup dt,
.opt-lang-info .opt-lang-popup dd{
padding:0 3px;
font-size:13px;
text-align:left;
color:var(--cmn-font-color-base);
}
.opt-lang-info .opt-lang-popup dt{
background:#f1f1f1;
margin-bottom:7px;
}
.opt-lang-info .opt-lang-popup:before,
.opt-lang-info .opt-lang-popup:after{
position:absolute;
top:-12px;
left:50%;
margin-left:-6px;
content:"";
display:inline-block;
}
.opt-lang-info .opt-lang-popup:before{
top:-13px;
border-bottom:12px solid #b5b5b5;
border-left:9px solid transparent;
border-right:9px solid transparent;
}
.opt-lang-info .opt-lang-popup:after{
border-bottom:12px solid #fff;
border-left:9px solid transparent;
border-right:9px solid transparent;
}

/* opt-guide-info
--------------------------------------------- */
.opt-guide-info{
position:relative;
}

/* opt-guide-popup
--------------------------------------------- */
.opt-guide-popup-container{
position:absolute;
top:30px;
left:-20px;
padding-top:15px;
background-color:rgba(255, 255, 255, 0);
}
.opt-guide-popup{
position:relative;
min-width:450px;
padding:18px;
border-radius:3px;
border:1px solid #b5b5b5;
background:#fff;
-webkit-box-shadow:#969696 3px 4px 6px -1px;
box-shadow:#969696 3px 4px 6px -1px;
z-index:1;
text-align:left;
}
.opt-guide-popup:before,
.opt-guide-popup:after{
position:absolute;
top:-12px;
left:65px;
margin-left:-6px;
content:"";
display:inline-block;
}
.opt-guide-popup:before{
top:-13px;
border-bottom:12px solid #b5b5b5;
border-left:9px solid transparent;
border-right:9px solid transparent;
}
.opt-guide-popup:after{
border-bottom:12px solid #fff;
border-left:9px solid transparent;
border-right:9px solid transparent;
}

/* opt-guide-summary
--------------------------------------------- */
.opt-guide-summary{
position:relative;
min-height:85px;
padding:10px 160px 10px 105px;
background:#f5f5f5;
}
.opt-guide-summary .opt-guide-name{
font-size:15px;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.opt-guide-summary .opt-guide-review{
position:absolute;
top:10px;
right:10px;
padding:7px;
background:#fff;
border:1px solid #ddd;
}
.opt-guide-summary .opt-guide-review dt{
margin-bottom:5px;
font-size:12px;
font-weight:bold;
color:var(--cmn-font-color-base);
text-align:center;
}
.opt-guide-summary .opt-guide-review dd{
text-align:center;
}
.opt-guide-summary .opt-guide-review .opt-review-link{
margin-top:10px;
font-size:11px;
}
.opt-guide-summary .opt-guid-img{
position:absolute;
top:10px;
left:10px;
}

/* opt-guide-data
--------------------------------------------- */
.opt-guide-info .opt-guide-data{
overflow:hidden;
width:100%;
}
.opt-guide-info .opt-guide-data dt,
.opt-guide-info .opt-guide-data dd{
display:inline-block;
float:left;
vertical-align:top;
}
.opt-guide-info .opt-guide-data dt{
position:relative;
clear:both;
}
.opt-guide-info .opt-guide-data dt:after{
display:inline;
content:":";
padding:0 4px;
}

/* opt-guide-detail
--------------------------------------------- */
.opt-guide-info .opt-guide-detail{
width:100%;
margin:10px 0;
}
.opt-guide-info .opt-guide-detail dt,
.opt-guide-info .opt-guide-detail dd{
margin-bottom:5px;
}
.opt-guide-info .opt-guide-detail dt{
position:relative;
float:left;
width:20%;
}
.opt-guide-info .opt-guide-detail dt:after{
position:absolute;
display:inline-block;
content:":";
top:0;
right:4px;
}
.opt-guide-info .opt-guide-detail dd{
overflow:hidden;
}
.opt-guide-info .opt-guide-btn a{
display:block;
width:100%;
padding:5px 0;
font-size:14px;
color:var(--cmn-font-color-base);
text-align:center;
border-radius:4px;
background-color:#fff;
border:solid 1px #c5c5c5;
-webkit-box-shadow:inset 0 -2px rgba(0,0,0,.3);
box-shadow:inset 0 -2px rgba(0,0,0,.3);
cursor:pointer;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.opt-guide-info .opt-guide-btn a:hover,
.opt-guide-info .opt-guide-btn a:active{
text-decoration:none;
}

/* opt-agt
--------------------------------------------- */
.opt-agt-box{
border-top:1px solid #ddd;
margin-top:15px;
padding-top:12px;
clear:both;
}
.opt-agt{
display:inline-block;
margin:0 15px 2px 0;
font-size:11px;
vertical-align:top;
}
.opt-agt +.opt-agt{
margin-right:0;
}
.opt-agt dt{
display:inline;
vertical-align:middle;
}
.opt-agt dd{
display:inline-block;
vertical-align:middle;
}
.opt-agt dt img{
margin:0 4px;
vertical-align:top;
cursor:pointer;
}
.opt-agt dt:after{
content:":";
padding:0 4px;
}
.opt-agt dd{
position:relative;
}
.opt-agt dd img{
margin-left:3px;
vertical-align:top;
}

/* opt-agt-popup
--------------------------------------------- */
.opt-agt-popup-container{
position:absolute;
top:15px;
left:-20px;
padding-top:12px;
background-color:rgba(255, 255, 255, 0);
}
.opt-agt-popup{
position:relative;
min-width:330px;
padding:18px;
border-radius:3px;
border:1px solid #b5b5b5;
background:#fff;
-webkit-box-shadow:#969696 3px 4px 6px -1px;
box-shadow:#969696 3px 4px 6px -1px;
z-index:1;
text-align:left;
}
.opt-agt-popup:before,
.opt-agt-popup:after{
position:absolute;
top:-12px;
left:65px;
margin-left:-6px;
content:"";
display:inline-block;
}
.opt-agt-popup:before{
top:-13px;
border-bottom:12px solid #b5b5b5;
border-left:9px solid transparent;
border-right:9px solid transparent;
}
.opt-agt-popup:after{
border-bottom:12px solid #fff;
border-left:9px solid transparent;
border-right:9px solid transparent;
}
.opt-agt-popup .opt-agt-hdr{
position:relative;
padding:4px 135px 3px 10px;
background:#f5f5f5;
font-size:13px;
}
.opt-agt-popup .opt-agt-hdr .opt-agt-more{
position:absolute;
top:5px;
right:10px;
font-size:11px;
}
.opt-agt-popup dl{
width:100%;
margin:10px 0;
overflow:hidden;
}
.opt-agt-popup dt,
.opt-agt-popup dd{
display:block;
margin-bottom:4px;
}
.opt-agt-popup dt{
position:relative;
float:left;
width:23%;
padding-left:10px;
}
.opt-agt-popup dt:after{
position:absolute;
display:inline-block;
content:":";
top:0;
right:4px;
}
.opt-agt-popup dd{
overflow:hidden;
}
.opt-agt-popup .opt-agt-btn a{
display:block;
width:100%;
padding:5px 0;
font-size:14px;
color:var(--cmn-font-color-base);
text-align:center;
border-radius:4px;
background-color:#fff;
border:solid 1px #c5c5c5;
-webkit-box-shadow:inset 0 -2px rgba(0,0,0,.3);
box-shadow:inset 0 -2px rgba(0,0,0,.3);
cursor:pointer;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.opt-agt-popup .opt-agt-btn a:hover,
.opt-agt-popup .opt-agt-btn a:active{
text-decoration:none;
}

/* opt-plan-aside
--------------------------------------------- */
.opt-aside{
position:relative;
padding:5px 15px 5px;
margin-bottom:20px;
display:none;
}
.opt-aside .opt-aside-att{
font-size:12px;
}
.opt-aside .opt-aside-container{
display:none;
}
.opt-aside .opt-aside-btn{
position:absolute;
top:0;
right:0;
}
.opt-aside .opt-aside-btn a{
position:relative;
display:inline-block;
padding:3px 10px 2px 30px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.opt-aside .opt-aside-btn a:before{
position:absolute;
display:inline-block;
content:"";
top:50%;
}
.opt-aside .opt-aside-btn span:before,
.opt-aside .opt-aside-btn span:after{
position:absolute;
display:inline-block;
content:"";
top:50%;
}
.opt-aside .opt-aside-btn a:before{
left:16px;
margin-top:-5px;
width:11px;
height:11px;
background:#666;
}
.opt-aside .opt-aside-btn span:before{
left:18px;
margin-top:0;
width:7px;
height:1px;
background:#fff;
}
.opt-aside .opt-aside-btn span:after{
left:21px;
margin-top:-3px;
height:7px;
width:1px;
background:#fff;
}
.opt-aside ul{
margin:10px 0;
}
.opt-aside li a{
display:table;
padding:3px 5px;
border-top:1px solid #eee;
overflow:hidden;
min-height:47px;
}
.opt-aside li:first-child a{
border-top:none;
}
.opt-aside li a:hover{
background:#f5f5f5;
text-decoration:none;
}
.opt-aside .opt-aside-plan{
display:table-cell;
width:485px;
padding-right:10px;
vertical-align:middle;
word-break:break-all;
}
.opt-aside a:hover .opt-aside-plan{
text-decoration:underline;
}
.opt-aside .opt-aside-price{
display:table-cell;
font-size:12px;
color:var(--cmn-font-color-base);
vertical-align:middle;
word-break:break-all;
}
.opt-aside .opt-aside-price em{
margin-right:5px;
font-weight:bold;
color:var(--cmn-font-color-red);
}
.opt-aside.active{
border:1px solid #d1d1d1;
}
.opt-aside.active .opt-aside-container{
display:block;
}
.opt-aside.active .opt-aside-btn a{
border:none;
}
.opt-aside.active .opt-aside-btn span:after{
display:none;
}

/* pay-info-box
---------------------------------------------------*/
.pay-info-box{
position:absolute;
top:73px;
left:0;
padding:21px;
font-size:12px;
min-height:95px;
width:480px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
border-radius:3px;
border:1px solid #666;
-webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, .8);
box-shadow:0px 0px 8px rgba(0, 0, 0, .8);
z-index:1;
}
.pay-info-box table{
width:100%;
font-size:12px;
border-spacing:0;
}
.pay-info-box th{
position:relative;
width:51px;
text-align:left;
padding-right:8px;
font-weight:normal;
color:var(--cmn-font-color-base);
vertical-align:top;
}
.pay-info-box th:after{
content:":";
display:inline-block;
position:absolute;
right:2px;
}
.pay-info-box td{
vertical-align:top;
}
.pay-info-box td sup{
position:relative;
top:1px;
line-height:0;
}
.pay-info-box td > span{
color:#ccc;
vertical-align:top;
font-size:12px;
display:inline-block;
}
.pay-info-box td > span em{
font-size:12px;
font-weight:normal;
color:var(--cmn-font-color-base);
vertical-align:top;
}
.pay-info-box td .card-logo >span{
line-height:1;
position:relative;
}
.pay-info-box table .card-logo span{
display:inline-block;
height:15px;
margin-left:4px;
position:relative;
}
.pay-info-box table .card-logo span:before{
display:none;
}
.pay-info-box table .card-logo span img{
max-height:17px;
vertical-align:bottom;
}
.pay-text-box{
margin-top:8px;
padding-top:12px;
font-size:12px;
text-indent:-1.4em;
padding-left:1.4em;
border-top:1px solid #ddd;
}
.pay-text-box b{
display:inline-block;
text-indent:0;
}
.pay-text-box b:first-letter{
letter-spacing:4px;
margin-right:-3px;
}
.pay-text-box p{
display:block;
}
.pay-text-box p:first-letter{
letter-spacing:4px;
margin-right:-3px;
}
.pay-text-box p >span{
margin-right:4px;
}
.pay-text-box p >span + b{
text-indent:0;
}
.pay-text-box p >span + b:first-letter{
letter-spacing:noraml;
margin-right:-3px;
}
.pay-text-box ul{
margin-left:2px;
}
.pay-text-box li{
font-size:12px;
text-indent:-.4em;
padding-left:.8em;
}
.pay-text-box ul >li:before{
display:inline-block;
width:.4em;
content:"\00B7";
}
.pay-text-box ul >li >ul{
margin:3px 0;
}
.pay-text-box ul >li li{
font-size:11px;
color:#444;
line-height:1.2;
}
.pay-text-box ul >li >ul >li span{
display:inline-block;
width:4.5em;
}

/* .tip-cv-btn-item
----------------------------------------------- */
.tip-cv-btn-item{
text-align:right;
margin-top:10px;
}
.tip-cv-btn-item .tip-cv-btn{
padding:0 5px;
border:none;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
min-width:116px;
height:37px;
-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);
font-size:18px;
font-weight:bold;
background-color:#72ba00;
white-space:nowrap;
}
.system-fee-info{
border-bottom:1px solid #ddd;
margin-bottom:8px;
padding-bottom:8px;
}
.system-fee-info .system-fee-info-list > li{
position:relative;
display:block;
padding-left:1.4em;
}
.system-fee-info .system-fee-info-list > li:not(:last-child){
margin-bottom:4px;
}
.system-fee-info .system-fee-info-list > li:before{
content:"\203B";
position:absolute;
left:0;
top:1px;
display:inline-block;
}
.opt-price{
position:relative;
padding-right:150px;
}
.list-pament-info{
font-size:0;
}
.list-pament-info li{
display:inline-block;
margin:0 3px 7px 0;
padding:1px 10px;
border:1px solid #d9d9d9;
font-size:11px;
}

/* ------------------------------------------------------------
 SEO
--------------------------------------------------------------*/
/* popular_Area
--------------------------------------------------------------*/
.popular_Area{
clear:both;
margin:50px auto 0 auto;
color:var(--cmn-font-color-base);
background:#fafafa;
line-height:16px;
}
.popular_Area p{
padding:5px 12px;
font-weight:bold;
font-size:14px;
background:#eee;
}
.popular_Area ul{
margin:0;
padding:10px 15px;
width:680px;
font-size:12px;
overflow:hidden;
}
.popular_Area li{
display:inline;
margin:0 .8em .25em 0;
padding:0 .8em 0 0;
border-right:solid 1px #ccc;
white-space:nowrap;
}
.popular_Area li:last-child{
border-right-width:0;
}
.popular_Area li a{
display:inline-block;
white-space:nowrap;
}
.popular_Area dl{
clear:both;
padding:10px 15px 2px 15px;
width:673px;
line-height:1.1;
font-size:90%;
overflow:hidden;
}
.popular_Area dt{
clear:left;
float:left;
margin:.1em 0 .4em 0;
width:17%;
font-weight:bold;
}
.popular_Area dd{
margin:0 0 1em 17%;
}
.popular_Area dd ul{
padding:0;
width:583px;
}
.popular_Area dd ul li{
margin:0 .8em .25em 0;
padding:0 .8em 0 0;
border-right:solid 1px #ccc;
line-height:1.4;
}
.popular_Area dd ul li:last-child{
border-right-width:0;
}
.popular_Area dd a{
display:inline-block;
white-space:nowrap;
}

/* reservePath_Area
-----------------------------------------------------------------------------*/
.reservePath_Area{
clear:both;
padding:30px 0 0;
margin-top:50px;
border-top:1px solid #d9d9d9;
}
.reservePath_Area li{
display:inline;
margin:0 25px 0 0;
line-height:1.2;
position:relative;
font-size:12px;
}
.reservePath_Area li a{
color:var(--font-color-btn-link);
}
.reservePath_Area li.home a{
display:inline-block;
width:12px;
height:14px;
overflow:hidden;
vertical-align:middle;
position:relative;
text-indent:-9999px;
text-decoration:none;
}
.reservePath_Area li.home a:before{
content:"";
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:0 6px 6px 6px;
border-color:transparent transparent #666 transparent;
border-style:solid;
}
.reservePath_Area li.home a:after{
content:"";
display:block;
width:8px;
height:5px;
overflow:hidden;
position:absolute;
top:6px;
left:2px;
}
.reservePath_Area li.home a:after{
border-width:0 3px;
border-style:solid;
border-color:#666;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.reservePath_Area li +li:before{
content:"";
display:block;
position:absolute;
top:7px;
left:-6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
margin:0 .5em 0 -.9em;
}
.reservePath_Area li h1{
font-size:12px;
color:var(--cmn-font-color-base);
display:inline;
}

/* other_Area
-----------------------------------------------------------------------------*/
#other_Area{
background:#fff;
clear:both;
margin:38px auto 0;
width:auto;
}
#other_Area p{
background:#eee;
clear:both;
font-size:15px;
font-weight:bold;
margin-bottom:15px;
padding:6px 15px 5px;
text-align:left;
width:auto;
}
#other_Area ul{
font-size:13px;
padding:0 0 30px;
width:auto;
}
#other_Area li{
border-right:1px solid #ccc;
display:inline;
float:left;
margin:0 .8em 0 0;
padding:0 .8em 0 0;
white-space:nowrap;
}
#other_Area li:last-child{
border-right-width:0;
}
#other_Area li a{
display:inline-block;
white-space:nowrap;
}
#other_Area ul:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#other_Area dl{
clear:both;
font-size:93.75%;
line-height:1.1;
padding:0 15px 10px;
width:auto;
}
#other_Area dl:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#other_Area dt,
#other_Area dd{
float:left;
}
#other_Area dt{
color:var(--cmn-font-color-base);
font-weight:bold;
margin:.1em .7em .4em 0;
width:9em;
}
#other_Area dd{
border-right:1px solid #ccc;
margin:0 .8em .25em 0;
padding:0 .8em 0 0;
}
#other_Area dd:last-child{
border-right-width:0;
}
#other_Area dd a{
display:inline-block;
white-space:nowrap;
}

/* .theme-list
---------------------------------------------------- */
.theme-list-box{
margin-top:30px;
}
.theme-list-box h2{
border-bottom:1px solid #d6d6d6;
height:auto;
margin-bottom:19px;
text-indent:0;
}
.theme-list-box h2 span{
background:url(/element/w_optional/shared/images/icon_title01_001.gif) 10px center no-repeat #f7f7f7;
font-size:15px;
margin-bottom:1px;
display:block;
padding:8px 0 6px 23px;
}
.theme-list-container:before,
.theme-list-container:after{
display:table;
content:"";
}
.theme-list-container:after{
clear:both;
}

/* rcmd-list
------------------------------------------------ */
.rcmd-list{
margin-left:-10px;
margin-bottom:-25px;
}
.rcmd-list:after{
content:"";
display:table;
clear:both;
}
.rcmd-list li{
position:relative;
display:block;
width:300px;
float:left;
margin-left:10px;
margin-bottom:25px;
font-size:12px;
line-height:1.3;
}
.rcmd-list li:nth-child(3n+1){
clear:both;
}
.rcmd-list a{
display:block;
color:var(--font-color-btn-link);
}
.rcmd-list .pic{
float:left;
width:100px;
margin-right:8px;
}
.rcmd-list .pic img{
max-width:100px;
}
.rcmd-list  .desc{
overflow:hidden;
}
.rcmd-list b{
display:block;
margin-bottom:5px;
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------

	00. Clearfix

----------------------------------------------------------------- */
/* ----------------------------------------------------------------

	03. Modules

----------------------------------------------------------------- */
/* --------------------------------------------
list page layout - two_column
--------------------------------------------- */
.w_optional_list #two_column_right #main_Col{
float:right;
width:730px;
padding-left:0;
margin-bottom:10px;
}
.w_optional_list #two_column_right #sub_Col{
float:left;
width:200px;
}

/* --------------------------------------------
sub_Col
--------------------------------------------- */
/* narrow-search
--------------------------------------------- */
.narrow-search{
margin-bottom:40px;
}
.narrow-search .disabled{
color:#ccc;
}
.narrow-search-hdr{
position:relative;
padding-bottom:7px;
}
.narrow-search-hdr::after{
content:"";
display:table;
clear:both;
}
.narrow-search-hdr h2{
font-size:15px;
color:var(--cmn-font-color-base);
margin-bottom:3px;
}
.narrow-search-hdr .narrow-number{
display:inline-block;
font-size:13px;
color:var(--cmn-font-color-base);
margin-right:3px;
margin-bottom:3px;
}
.narrow-search-hdr em{
font-weight:bold;
}
.narrow-search-hdr .narrow-clear-btn{
display:block;
text-align:right;
float:right;
}

/* narrow-item
--------------------------------------------- */
.narrow-item{
position:relative;
padding:20px 0 0;
border-top:1px solid #d2d2d2;
}
.narrow-item .narrow-hdr{
margin-bottom:15px;
font-size:14px;
color:var(--cmn-font-color-base);
width:200px;
}
.narrow-item .narrow-btn{
margin:-37px 7px 15px 0;
text-align:right;
}
.narrow-item .narrow-btn.long{
margin:-15px 7px 5px 20px;
text-align:left;
}
.narrow-item .narrow-btn li{
display:inline-block;
font-size:11px;
}
.narrow-item .narrow-btn li:first-child:after{
content:"\007c";
display:inline;
padding-left:5px;
}
.narrow-item .narrow-btn li a{
color:var(--font-color-btn-link);
width:45px;
}

/* narrow-list
--------------------------------------------- */
.narrow-list{
margin:0 0 20px 0;
}
.narrow-list li{
margin-bottom:5px;
word-break:break-all;
}
.narrow-list label{
display:block;
margin-left:20px;
text-indent:-20px;
}
.narrow-list input[type="checkbox"]{
position:relative;
top:-1px;
margin-right:5px;
}
.narrow-list label span{
padding-left:4px;
font-size:11px;
}

/* narrow-btn-more
--------------------------------------------- */
.narrow-btn-more{
position:relative;
margin:0 0 20px 0;
}
.narrow-btn-more a{
display:block;
padding-left:15px;
color:var(--font-color-btn-link);
}
.narrow-btn-more a:hover{
text-decoration:none;
}
.narrow-btn-more:before{
position:absolute;
top:50%;
left:0;
margin-top:-6px;
content:"";
display:block;
width:11px;
height:11px;
background:#666;
border-radius:1px;
}
.narrow-btn-more a:before{
position:absolute;
content:"";
display:block;
background:#fff;
top:50%;
left:2px;
margin-top:-1px;
width:7px;
height:1px;
z-index:2;
}
.narrow-btn-more a:after{
position:absolute;
content:"";
display:block;
background:#fff;
top:50%;
left:5px;
margin-top:-4px;
width:1px;
height:7px;
z-index:2;
}
.narrow-btn-more.opened a:after{
content:" ";
display:none;
}

/* narrow-dept
--------------------------------------------- */
.narrow-dept-list{
margin:0 0 10px 0;
}
.narrow-dept-list li{
margin-bottom:5px;
word-break:break-all;
}
.narrow-dept-list label{
display:inline-block;
margin-left:20px;
text-indent:-20px;
color:var(--cmn-font-color-base);
}
.narrow-dept-list label span{
padding-left:4px;
font-size:11px;
}
.narrow-dept-list label input[type="checkbox"]{
margin-right:5px;
position:relative;
top:-1px;
}
.narrow-dept-list .disabled label{
color:#d5d5d5;
}

/* narrow-range
--------------------------------------------- */
.narrow-range{
margin:0 0 20px 5px;
}
.narrow-range select{
display:inline-block;
width:85px;
padding:3px 4px;
font-size:12px;
border-radius:3px;
background-color:#fff;
border:1px solid #bebebe;

/* appearance:none; */
}
.narrow-range span{
font-size:12px;
}

/* narrow-collapse
--------------------------------------------- */
.narrow-collapse{
padding:0;
}
.narrow-collapse .narrow-collapse-hdr{
position:relative;
font-size:14px;
color:var(--cmn-font-color-base);
}
.narrow-collapse .narrow-collapse-hdr a{
width:200px;
}
.narrow-collapse .narrow-collapse-hdr:before{
position:absolute;
top:50%;
left:0;
margin-top:-6px;
content:"";
display:block;
width:11px;
height:11px;
background:#666;
border-radius:1px;
}
.narrow-collapse .narrow-collapse-hdr a{
display:block;
padding:15px 10px 15px 15px;
color:var(--font-color-btn-link);
}
.narrow-collapse .narrow-collapse-hdr a:hover{
text-decoration:none;
}
.narrow-collapse .narrow-collapse-hdr a:before,
.narrow-collapse .narrow-collapse-hdr a:after{
position:absolute;
content:"";
display:block;
background:#fff;
}
.narrow-collapse .narrow-collapse-hdr a:before{
top:50%;
left:2px;
margin-top:-1px;
width:7px;
height:1px;
}
.narrow-collapse .narrow-collapse-hdr a:after{
top:50%;
left:5px;
margin-top:-4px;
width:1px;
height:7px;
}
.narrow-collapse.opened .narrow-collapse-hdr a:after{
content:" ";
display:none;
}

/* narrow-accordion-list
--------------------------------------------- */
.narrow-accordion-list{
margin:0 0 20px 0;
}
.narrow-accordion-list li{
word-break:break-all;
overflow:hidden;
}
.narrow-accordion-list li ul{
margin:0 0 10px 40px;
}
.narrow-accordion-list label{
display:block;
margin:0 0 5px 40px;
text-indent:-20px;
}
.narrow-accordion-list label span{
padding-left:4px;
font-size:11px;
}
.narrow-accordion-list li li label{
margin-left:20px;
}
.narrow-accordion-list input[type="checkbox"]{
position:relative;
top:-1px;
margin-right:5px;
}

/* narrow-accordion-list
--------------------------------------------- */
.narrow-accordion-item button{
position:relative;
display:block;
float:left;
width:11px;
height:0;
margin:4px 0 0 0;
padding:11px 0 0 0;
background:#666;
border-radius:1px;
border:none;
overflow:hidden;
cursor:pointer;
}
h3.narrow-accordion-item button{
margin:4px 5px 0 0;
}
.narrow-accordion-item > button:before,
.narrow-accordion-item > button:after{
position:absolute;
content:"";
display:block;
background:#fff;
}
.narrow-accordion-item > button:before{
top:5px;
left:2px;
width:7px;
height:1px;
}
.narrow-accordion-item > button:after{
top:2px;
left:5px;
width:1px;
height:7px;
}
.narrow-accordion-item.opened > button:after{
content:" ";
display:none;
}

/* narrow-rate-list
--------------------------------------------- */
.narrow-rate-list li{
padding:10px 0;
font-size:13px;
line-height:1.4;
color:var(--cmn-font-color-base);
border-top:1px solid #d2d2d2;
}
.narrow-rate-list li:first-child{
border-top:none;
}
.narrow-rate-list li span{
display:block;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error .error-inner{
margin-top:30px;
padding:20px;
}
.error .error-inner > :first-child{
margin-top:0;
}

/* .error-hdg
----------------------------------------------- */
.error .error-hdg{
margin:30px 0 10px;
padding-left:15px;
position:relative;
font-size:16px;
}
.error .error-hdg:before{
content:"";
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:6px;
left:0;
}
.error .error-hdg:before{
background-color:#333;
}
.error{
margin-bottom:20px;
}
.error.simple{
margin:40px 0 70px;
}
.error-wording{
margin:20px 0;
text-align:center;
font-size:14px;
}
.error-wording strong{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:18px;
}
#errMsg{
margin:20px 0;
text-align:center;
font-size:14px;
}
.error-prev{
margin-top:32px;
text-align:center;
}
.error-prev a{
padding:9px 8px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--font-color-btn-link);
display:inline-block;
min-width:202px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

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

/* Modal
--------------------------------------------------- */
#simplemodal-overlay{
opacity:.6 !important;
}
.cmn-modal-select.modal-tel{
top:0;
padding:10px;
width:536px;
background-color:#333;
}
.cmn-modal-select.modal-tel .contact-description{
margin-bottom:5px;
color:var(--cmn-font-color-gray);
font-weight:bold;
}
.cmn-modal-select.modal-tel .contact-description .addition{
display:block;
font-weight:normal;
}
.cmn-modal-select.modal-tel .flight-code{
margin-bottom:20px;
padding:10px;
word-wrap:break-word;
background-color:#fff9ea;
}
.cmn-modal-select.modal-tel .flight-code strong{
display:inline-block;
margin:0 5px;
padding:3px 5px;
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background-color:var(--cmn-font-color-red);
}
.cmn-modal-select.modal-tel .flight-code .flight-code-notes{
margin-top:10px;
}
.cmn-modal-select.modal-tel .flight-code .flight-code-notes li{
padding-left:1em;
font-size:10px;
color:#999;
}
.cmn-modal-select.modal-tel .flight-code .flight-code-notes li::before{
content:"\0203B";
display:inline-block;
text-indent:-1em;
}
.cmn-modal-select.modal-tel .contact-agt{
overflow-x:hidden;
overflow-y:visible;
overflow:visible;
margin:0 auto;
height:auto;
min-height:250px;
border:solid 1px #bdbdbd;
}
.cmn-modal-select.modal-tel .contact-agt table{
margin:0 0 15px 0;
width:100%;
table-layout:fixed;
border-collapse:collapse;
}
.cmn-modal-select.modal-tel .contact-agt caption{
padding:3px 25px 3px 10px;
text-align:left;
color:var(--cmn-font-color-base);
background-color:#f0f0f0;
font-size:12px;
}
.cmn-modal-select.modal-tel .contact-agt th{
width:60px;
font-weight:normal;
color:var(--cmn-font-color-gray);
}
.cmn-modal-select.modal-tel .contact-agt td{
padding:3px 25px 3px 10px;
color:var(--cmn-font-color-gray);
}
.cmn-modal-select.modal-tel .contact-agt td img{
margin:0 3px 0 0;
}
.cmn-modal-select.modal-tel .contact-agt td em{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:var(--cmn-font-color-red);
}
.modal-attention{
margin:0 auto;
width:460px;
color:var(--cmn-font-color-base);
}
.modal-attention .modal-btn-box li:nth-child(2){
margin-left:0;
}
.modal-attention .list-info{
margin-bottom:27px;
text-align:left;
}
.modal-attention .list-info li{
font-size:14px;
margin-left:1em;
text-indent:-1em;
}
.modal-attention .list-info li > span{
text-indent:0;
}
.modal-attention .list-info li::before{
content:"\30FB";
display:inline;
}

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

/* tooltip
--------------------------------------------------- */
.cmn-tip-box b{
display:block;
margin-top:8px;
}
.cmn-tip-box b:first-child{
margin-top:0;
}
.cmn-tip-box hr{
border:0;
border-bottom:1px solid #ccc;
margin-bottom:8px;
}
.cmn-tip-box strong{
font-weight:normal;
}

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

/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* .suggest-container
----------------------------------------------- */
.suggest-container{
position:relative;
}
.form-search-index .form-search-index-keyword .suggest-container,
.form-search .form-search-keyword .suggest-container,
.form-search .form-search-destination-keyword .suggest-container{
display:inline-block;
vertical-align:middle;
}

/* .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%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-align:left;
}
.suggest-container .suggest > :first-child{
margin-top:0;
}
.suggest-container .suggest.is-active{
display:block;
}

/* suggest form tab inner */
.form-search-map .suggest-container .suggest{
top:34px;
}

/* suggest keyword */
/*
.suggest-container .suggest{
width:285px;
}
*/
.detail-item .form-search-keyword .suggest-container .suggest{
width:100%;
}

/* .suggest-hdg
----------------------------------------------- */
.suggest-container .suggest-hdg:first-child{
margin:-10px -10px 5px;
padding:10px 10px 0;
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{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li.area:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:10px 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:15px 12px;
opacity:.75;
}
.suggest-container .suggest-list b{
color:var(--cmn-font-color-gray);
display:inline;
font-size:12px;
}

/* result-footer
---------------------------------- */
.result-footer{
width:730px;
margin-top:60px;
margin-left:230px;
}

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