/* ----------------------------------------------------------------
  Custom Properties
----------------------------------------------------------------- */
:root{
--color-gray: #777;
--color-red: #e93939;
--color-red-rgb: 233,57,57;
--color-blue: #06c;
--key-color: #00428e;
--link-color: var(--cmn-font-color-link);
--button-color: #177bcb;
}

/* ----------------------------------------------------------------
  Default
----------------------------------------------------------------- */
/* Base
----------------------------------------------- */
main {
display:block;
line-height:1.55;
padding:10px;
background:#fff;
}
input[type="text"],
input[type="search"]{
-webkit-appearance:none;
background-color:#fff;
}
select option[disabled]{
color:#ccc;
}
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button{
display:none;
}

/* Link
----------------------------------------------- */

main a:visited,
[data-role='page'] a:visited {
}
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 {
}

/* .hdg-l1
----------------------------------------------- */
.hdg-l1{
margin:-10px -10px 0;
padding:8px 10px 5px;
color:#fff;
line-height:1.35;
background-color:#004c9a;
font-size:17px;
font-weight:bold;
text-align:center;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin:0 -10px;
padding:8px 10px;
color:#fff;
background-color:#444;
font-size:14px;
font-weight:normal;
line-height:1;
}
.link-list + .hdg-l2,
.link-list-toggle + .hdg-l2,
.link-list-thumb + .hdg-l2{
margin-top:-1px;
}
.hdg-l2 > span:not([class]){
padding-left:8px;
}

/* .hdg-l3-01
----------------------------------------------- */
.hdg-l3-01{
position:relative;
font-size:13px;
margin:0 -10px;
padding:5px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
margin-top:-1px;
}

/* .hdg-l2-container
----------------------------------------------- */
.hdg-l2-container{
margin:0 -10px;
padding:7px 95px 7px 10px;
position:relative;
background-color:#666;
}
.hdg-l2-container .hdg-l2{
margin:0;
padding:0;
}
.hdg-l2-container .hdg-l2-btn{
margin:0;
padding:3px 10px;
border:none;
border-radius:3px;
color:#555;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-color:#fff;
font-size:13px;
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
margin: 0 -10px;
padding: 8px 10px;
color: #fff;
background-color: #444;
font-size: 14px;
font-weight: normal;
line-height: 1;
}
.link-list + .hdg-l2-01,
.link-list-toggle + .hdg-l2-01,
.link-list-thumb + .hdg-l2-01{
margin-top:-1px;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3{
margin:12px 0 11px;
line-height:1.35;
font-weight:bold;
font-size:13px;
}

/* SEO TEXT .hdg-sup
----------------------------------------------- */
.hdg-sup {
font-size:14px;
margin:0 -10px;
padding:7px 10px 5px;
display:block;
background:#fff;
position:relative;
z-index:2;
border-bottom:1px solid #ddd;
}

/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn{
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:#555;
display:table;
min-width:55%;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
}
main > .btn{
margin-bottom:20px;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */

/* .link-pin
----------------------------------------------- */
.link-pin{
padding-right:12px;
color: var(--cmn-font-color-base);
}
.link-pin:after{
margin-left:2px;
content:'';
display:inline-block;
width:10px;
height:15px;
background:url(/element_sp/shared/images/icon/icon-pin.png) 0 0 no-repeat;
background-size:100%;
vertical-align:middle;
}

/* .link-tel
----------------------------------------------- */
.link-tel{
margin:0 auto;
padding:11px 15px 10px 35px;
color:#555;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:180px;
box-sizing:border-box;
line-height:1;
font-size:16px;
font-weight:bold;
background:#fff url(/element_sp/shared/images/icon/icon-phone.svg) 10px 50% no-repeat;
background-size:20px auto;
}


/* .link-list
----------------------------------------------- */
.link-list{
margin:0 -10px;
line-height:1.35;
font-size:14px;
}
.link-list > li > a{
padding:11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
#Area_country_list.link-list > li > a:before,
#Area_city_index_list.link-list > li > a:before{
content:'';
position:absolute;
top:50%;
right:12px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #bfbfbf;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list > li .link-list-sup{
color:var(--cmn-font-color-gray);
display:block;
line-height:1.25;
font-size:12px;
margin:0;
}

/* .link-list-child
----------------------------------------------- */
.link-list .link-list-child > a{
padding-left:34px;
}
.toggle.toggle-03 .link-list li:nth-child(n + 4){
display:none;
}
.toggle.toggle-03.is-active .link-list li:nth-child(n + 4),
.toggle.toggle-03 > .toggle-item{
display:block;
}

/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */
.toggle-container > .toggle-item,
.toggle-container.branch.active > :first-child{
display:none;
}
.toggle-container.is-active > .toggle-item{
display:block;
}

/* .toggle-btn-02
----------------------------------------------- */
.toggle-btn-02{
position:relative;
border:0;
display:inline-block;
margin:0 auto;
color:#a4a4a4;
font-size:13px;
box-sizing:border-box;
background-color:#fff;
}
.toggle-btn-02 > span:before {
margin-right:5px;
content:'...';
color:#a4a4a4;
display:inline-block;
vertical-align:bottom;
}
.toggle-container.is-active .toggle-btn-02{
display:block;
position:relative;
text-align:right;
}
.toggle-container.is-active .toggle-btn-02 > span:before{
margin:-1px 8px 0 0;
content:'';
display:inline-block;
width:12px;
height:7px;
overflow:hidden;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
}
.detail-tab-container .toggle-container.is-active .toggle-btn-02 > span:before{
opacity:.6;
}
.toggle-container p{
margin:0;
display:inline;
}
.detail-header .toggle-container:before,
.detail-header .toggle-container:after{
content:"";
display:table;
}
.detail-header .toggle-container:after{
clear:both;
}
.detail-header .toggle-container{
margin:10px 0;
}
.toggle-container.is-active > .toggle-item {
display:inline;
}

/* .review-summary-sup-toggle
----------------------------------------------------------------- */
.review-summary-sup-toggle .review-summary-sup-toggle-detail,
.review-summary-sup-toggle.is-active .review-summary-sup-toggle-more{
display:none;
}
.review-summary-sup-toggle.is-active .review-summary-sup-toggle-detail{
display:block;
}
.review-summary-sup-toggle-more-text{
display:inline-block;
font-weight:normal;
color:#a4a4a4;
cursor:pointer;
border:0;
padding:0;
background:none;
}
.review-summary-sup-toggle-more-text:before {
margin-right:5px;
content:'...';
color:#a4a4a4;
display:inline-block;
vertical-align:bottom;
}
.review-summary-sup-toggle-detail-close{
margin:10px 0 0 auto;
padding:0 0 0 15px;
border:none;
color:var(--cmn-font-color-gray);
position:relative;
line-height:1;
display:table;
background:0 0;
}
.review-summary-sup-toggle-detail-close:before {
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
}

/* .review-summary-sup-toggle
----------------------------------------------- */
.review-summary-sup-toggle{
margin:15px 0 10px;
}

/* .review-summary-sup-toggle-more
----------------------------------------------- */
.review-summary-sup-toggle-more{
margin-top:6px;
}
.review-summary-sup-toggle.is-active .review-summary-sup-toggle-more{
display:none;
}

/* .review-summary-sup-toggle-more-text
----------------------------------------------- */
.review-summary-sup-toggle-more-text,
.review-summary-sup-toggle-more-text:active{
display:inline-block;
font-weight:normal;
color:#a4a4a4;
cursor:pointer;
}
.review-summary-sup-toggle-more-text::before{
margin-right:5px;
content:'...';
color:#a4a4a4;
display:inline-block;
vertical-align:bottom
}

/* .review-summary-sup-toggle-detail
----------------------------------------------- */
.review-summary-sup-toggle-detail{
display:none;
}
.review-summary-sup-toggle.is-active .review-summary-sup-toggle-detail{
display:block;
}

/* .review-summary-sup-toggle-detail-close
----------------------------------------------- */
.review-summary-sup-toggle-detail-close{
margin:10px 0 0 auto;
padding:0 0 0 15px;
border:none;
color:#a4a4a4;
position:relative;
line-height:1;
display:table;
background:0 0;
}
.review-summary-sup-toggle-detail-close::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
opacity:.6;
top:0;
left:0;
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
}

/* .user-review-list-01
----------------------------------------------- */
.user-review-list-01{
display:block;
border-top:1px solid #e5e5e5;
width:100%;
box-sizing:border-box;
padding-top:10px;
margin-bottom:-6px;
}
.user-review-list-01 > li{
display:inline-block;
font-size:12px;
width:auto;
}
.user-review-list-01 > li > .cell{
display:table-cell;
}
.user-review-list-01 > li > .cell:last-child:before{
content:'\0FF1A';
}
.user-review-list-01 > li:first-child{
margin-right:15px;
}

/* .article-item-detail-btn-close
----------------------------------------------- */
.article-item-detail-btn-close {
margin:10px 0 0 auto;
padding:0 0 0 15px;
border:none;
position:relative;
line-height:1.25;
display:table;
background:0 0;
font-size:14px;
color:var(--cmn-font-color-gray);
}
.article-item-detail-btn-close:before{
top:13px;
opacity:.67;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
background:url(/element/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
}

/* .list-area
----------------------------------------------- */
.list-area{
margin-left:30px;
margin-bottom:-1px;
}
.list-area .hdg-area{
font-size:15px;
display:block;
margin-top:10px;
}

/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle{
margin:0 -10px;
line-height:1.35;
font-size:14px;
}
.link-list-toggle > li > .link-list-toggle-hook{
padding:12px 30px 12px 10px;
border-top:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
background-size:13px;
position:relative;
font-weight:bold;
}
.link-list-toggle > li > .link-list-toggle-hook::before{
content:'';
display:block;
width:12px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:10px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
}
.link-list-toggle > li > .link-list-toggle-hook b{
font-weight:normal;
}
.link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.link-list-toggle > li.is-active > .link-list-toggle-hook::before{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat 0 50%;
}
.link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
margin-top: -8px;
}
.link-list-toggle > li.is-active > .link-list-toggle-item label{
padding:8px 10px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-size:14px;
}
.link-list-toggle > li.is-active > .link-list-toggle-item.col-2{
display: flex;
flex-wrap: wrap;
align-content: stretch;
}
.link-list-toggle > li.is-active > .link-list-toggle-item.col-2 > li{
width:50%;
}
.link-list-toggle > li.is-active > .link-list-toggle-item label input{
vertical-align:middle;
margin-right:5px;
}
.link-list-toggle .link-list{
margin:0;
}
.link-list-toggle .link-list > li > a{
padding-left:25px;
position:relative;
border-bottom:0;
}
.link-list-toggle.more-link .link-list > li > a{
padding-left:10px;
}
.link-list-toggle .link-list > li .link-list > li > a{
padding-left:50px;
}
#Area_area_content .link-list-toggle .link-list > li > a{
padding-left:10px;
}
.link-list-toggle .link-list > li > a:before,
.link-list-toggle #Area_country_list.link-list > li > a:before,
.link-list-toggle #Area_city_index_list.link-list > li > a:before {
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:12px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list.no-bullet > li > a:before{
display:none;
}
#Area_small_city_list.link-list > li > a:before,
#Area_city_list.link-list > li > a:before,
.toggle .link-list > li > a:before,
#spot_trans_list.link-list > li > a:before,
#spot_attra_list.link-list > li > a:before{
display:none;
}

.pseudo-service .form-list + .link-list-toggle{
margin:11px 0 0;
}

.pseudo-service .form-list + .link-list-toggle > li > .link-list-toggle-hook,
.pseudo-service .form-list + .link-list-toggle > li.is-active > .link-list-toggle-item label{
padding-left:0;
}

/* .more-toggle
----------------------------------------------- */

.more-toggle{
margin:15px 0 0 0;
padding:0 10px 0 10px;
font-size: 14px;
}
.more-toggle.is-active{
padding:10px 10px 0 10px;
}
.more-toggle .display-box{
display:none;
}
.more-toggle.is-active .display-box{
display:block;
}
.more-toggle .more-toggle-box{
text-align:center;
margin:0 -10px 0 -10px;
}
.detail-plan-item .more-toggle{
margin:15px -10px 0;
}
.more-toggle.is-active .more-toggle-box{
text-align:center;
margin:0 -10px 0 -10px;
border-top:6px solid #666;
}
.more-toggle .more-toggle-hook{
width:100%;
padding:15px 0 15px 0;
border:none;
background:none;
margin-bottom:10px;
}
#Area_review_next_box.more-toggle .more-toggle-hook{
border-bottom:1px solid #e5e5e5;
}

/* .link-list-thumb
----------------------------------------------- */
.link-list-thumb{
margin:0 -10px;
line-height:1.35;
font-size:13px;
border-top:1px solid #e9e9e9;
}
.link-list-thumb > li > a{
padding:8px 25px 8px 62px;
border-bottom:1px solid #e9e9e9;
color:#555;
display:block;
position:relative;
min-height:42px;
}
.link-list-thumb > li > a:before {
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list-thumb > li > a .thumb{
position:absolute;
top:8px;
left:10px;
display:block;
width:42px;
height:42px;
overflow:hidden;
background-color:#f5f5f5;
}
.link-list-thumb > li > a .txt-guide{
display:table-cell;
height:42px;
box-sizing:border-box;
vertical-align:middle;
}
.link-list-thumb > li > a .thumb img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}
.link-list-thumb > li:first-child > a{
padding-top:10px;
}
.link-list-thumb > li:first-child > a .thumb{
top:10px;
}
.link-list-thumb > li:last-child > a{
padding-bottom:10px;
}

/* .list-bullet-01
----------------------------------------------- */
.list-bullet-01{
margin-top:10px;
line-height:1.35;
font-size:12px;
}
.list-bullet-01 > li{
padding-left:8px;
position:relative;
}
.list-bullet-01 > li:not(:first-child){
margin-top:5px;
}
.list-bullet-01 > li:before{
content:'';
display:block;
width:2px;
height:2px;
border-right:1px;
position:absolute;
top:6px;
left:0;
background-color:#333;
}
.list-bullet-01 > li p,
.list-bullet-01 > li ul{
margin:3px 0 0;
}


/* .list-inline
------------------------------------------------ */
.list-line>li {
display:inline-block;
margin-bottom:2px;
}
.list-line .is-disabled{
opacity:.5;
}
.tbl table td .list-line>li:after{
content:'\03001';
}
.tbl table td .list-line>li.disabled:after{
color:#ccc;
}
.tbl table td .list-line>li:last-child:after{
display:none;
}
.tbl table td .list-line + dl dt{
display:block;
}
.tbl table td .list-line + dl dd{
display:inline-block;
}
.tbl table td .list-line + dl dd:after{
content:'\03001';
}
.tbl table td .list-line + dl dd:last-child:after{
display:none;
}
.tbl table td .list-line + dl dd.disabled:after{
color:#ccc;
}
.tbl .tbl-sup{
display:block;
color:var(--cmn-font-color-gray);
font-size:12px;
text-indent:-1em;
padding-left:1em;
}

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .pager
----------------------------------------------- */
.pager{
margin:15px 10px 20px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
font-size:13px;
line-height:1.3;
}
.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:var(--cmn-font-color-base);
text-align:center;
background:#fff;
}
.pager > li.pager-first{
margin-right:6px;
}
.pager > li.pager-first + .pager-prev{
margin-left:0;
}
.pager > li.pager-prev{
margin-left:51px;
}
.pager > li.pager-current{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:12px;
}
.pager > li.pager-current span{
font-family:Arial;
}
.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px;
}
.pager > li.pager-current > b > span{
font-size:15px;
}
.pager > li.pager-current:first-child{
margin-left:96px;
}
.pager > li.pager-current:last-child{
margin-right:96px;
}
.pager > li.pager-next{
width:96px;
}

/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice
----------------------------------------------- */


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

	Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Base layout
----------------------------------------------------------------- */
[data-role='page'],
[data-role='dialog']{
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
}
[data-role='page'].is-active,
[data-role='page'].active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
box-sizing:border-box;
opacity:1;
}
[data-role='dialog'].is-active,
[data-role='dialog'].active{
z-index:10;
position:fixed;
top:0;
left:0;
overflow:auto;
display:-webkit-box;
display:block;
background-color:#fff;
opacity:1;
}
.pseudo-sticky[data-role='dialog'].is-active{
padding-bottom:75px;
}
#Area_pop_city_page.pseudo-sticky[data-role='dialog'].is-active{
padding-bottom:0;
}
.pseudo-sticky[data-role='dialog'].is-active.pseudo-sticky-lyt{
padding-bottom:0;
}
.pseudo-sticky[data-role='dialog'].is-active.pseudo-filter-bg{
height:100%;
box-sizing:border-box;
padding-bottom:25px;
}
.pseudo-sticky[data-role='dialog'].is-active.pseudo-filter-bg .filter-dp,
.pseudo-sticky[data-role='dialog'].is-active.pseudo-filter-bg .hotel-plan-sort{
height:100%;
box-sizing:border-box;
}
.pseudo-sticky[data-role='dialog'].is-active.pseudo-filter-bg .filter-dp.filter-flight .filter-hotel-plan-list{
box-sizing:border-box;
height:-webkit-calc(100% - 65px) ;
height:calc(100% - 65px) ;
}
.pseudo-sticky[data-role='dialog'].is-active.pseudo-filter-bg .filter-dp .filter-hotel-plan-list{
box-sizing:border-box;
height:-webkit-calc(100% + 54px) ;
height:calc(100% + 54px) ;
}
.pseudo-sticky[data-role='dialog'].is-active.pseudo-filter-bg .filter-dp.filter-bg{
background:#ddd;
margin:-10px -10px -25px -10px;
padding:10px 10px 25px 10px;
}
.pseudo-sticky[data-role='dialog'].is-active.pseudo-sticky-lyt{
padding-bottom:0;
}

/* .toggle
----------------------------------------------- */
.toggle > .toggle-item{
display:none;
}
.toggle.active > .toggle-item{
display:block;
}
.toggle.active > .toggle-item .list-01 li:first-child{
border-top:1px solid #e5e5e5;
}
.toggle > .toggle-hook{
margin:-1px -10px 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:14px;
text-align:center;
}
.toggle > .toggle-hook > span::before {
margin:-1px 8px 0 0;
content:'';
display:inline-block;
width:12px;
height:7px;
overflow:hidden;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
}
.toggle.is-active > .toggle-item{
display:block;
}
.toggle.is-active > .toggle-hook > span::before {
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .tab-area
----------------------------------------------- */
.tab-area{
margin:0 -10px;
padding:1px 10px 10px 10px;
overflow:hidden;
box-shadow:0px 1px 5px rgba(0, 0, 0, 0.3);
display:flex;
align-items:center;
flex-wrap:wrap;
position:relative;
z-index:1;
}
.tab-area > li {
padding-right:5px;
margin-top:5px;
width:25%;
font-size:12px;
box-sizing:border-box;
line-height:1.2;
}
.tab-area > li:nth-of-type(4n){
padding-right:0;
}
.tab-area > li > a{
position:relative;
display:block;
height:35px;
text-align:center;
color:var(--cmn-font-color-base);
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
box-sizing:border-box;
}
.tab-area > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tab-area > li > a > span > span{
display:block;
}
.tab-area > li.is-active > a{
background-color:#666;
border-color:#666;
color:#fff;
font-weight:bold;
}
.tab-area.dest > li{
width:33.333%;
}
.tab-area.grid-3 > li{
width:33.333%;
}
.tab-area.grid-2{
margin-top:-10px;
}
.tab-area.grid-2 > li{
width:50%;
}
.tab-area + .list-01{
border-top:1px solid #e5e5e5;
}

/* .area-select
----------------------------------------------- */
.tab-content.area-select{
margin:5px -10px 0;
padding:10px 10px 0;
border-top:1px solid #e9e9e9;
}
.tab-content.area-select .link-all{
margin:0 -10px;
padding:0 10px;
text-align:right;
}
.tab-content.area-select .review .review-list > li > div:first-child{
font-size:9px;
width:6em;
white-space:nowrap;
}
.tab-content.area-select .review .review-list > li > div:first-child:after{
display:none;
}

/* .area-select-list
----------------------------------------------- */
.area-select-list{
margin:5px -3px 10px;
}
.area-select-list li{
display:inline-block;
border-right:1px solid #E1E1E1;
line-height:1;
margin-top:10px;
}
.area-select-list li:last-child{
border:0;
}
.area-select-list li button{
height:24px;
font-size:14px;
padding:0 8px;
border-radius:12px;
border:0;
margin:0 3px;
background:#fff;
color:var(--cmn-font-color-base);
}
.area-select-list li button.is-active{
color:#fff;
background:#666;
}

/* .tab-guide
----------------------------------------------- */
.tab-guide{
margin:5px -5px 10px 0;
overflow:hidden;
}
.tab-guide > li{
float:left;
padding-right:5px;
margin-top:5px;
width:33.33%;
font-size:14px;
box-sizing:border-box;
line-height:1.2;
}
.tab-guide > li > a{
position:relative;
display:block;
height:35px;
text-align:center;
color:#555;
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
box-sizing:border-box;
}
.tab-guide > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tab-guide > li > a > span > span{
display:block;
}
.tab-guide.country > li > a > span > span{
display:inline;
}

/* .link-list-image-03
----------------------------------------------- */
.link-list-image-03{
margin:0 -10px;
overflow:hidden;
border-top:1px solid #ebebeb;
}
.link-list-image-03 > li{
display:table;
width:100%;
height:54px;
box-sizing:border-box;
line-height:1.0;
}
.link-list-image-03 > li > a{
font-size:14px;
color:var(--cmn-font-color-base);
position:relative;
display:table-cell;
vertical-align:middle;
padding:3px 25px 0 67px;
border-bottom:1px solid #e9e9e9;
}
.link-list-image-03 > li > a .img{
position:absolute;
left:10px;
top:50%;
width:43px;
height:43px;
overflow:hidden;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-color:#ccc;
}
.link-list-image-03 > li > a .img > img{
height:100%;
}

/* form
----------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
font:inherit;
margin:0;
vertical-align:middle;
color:inherit;
}
input[type='text'],
input[type='search'],
input[type='url'],
input[type='email'],
input[type='password'],
textarea,
select {
font-size:16px;
line-height:normal;
box-sizing:border-box;
width:100%;
padding:5px;
}
label {
margin:0;
cursor:pointer;
}
input[type="text"],
input[type="search"] {
border:1px solid #bbb;
border-radius:4px;
min-height:38px;
}
button {
cursor:pointer;
}
input[type='checkbox']{
margin:0;
padding:0;
border:none;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
background-size:100%;
}
input[type='checkbox']:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}
input[type='checkbox']:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}
input[type='radio']{
margin:0;
padding:0;
border:none;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
background-size:100%;
}
input[type='radio']:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}

/* ----------------------------------------------------------------
  Header
----------------------------------------------------------------- */

/*	Component Modules

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

/* ----------------------------------------------------------------
  .form-search-tbl
----------------------------------------------------------------- */
.form-search-tbl{
margin:0;
width:100%;
border-collapse:collapse;
font-size:14px;
line-height:1.25;
box-sizing:border-box;
overflow:hidden;
}
.form-search-tbl li{
width:100%;
display:table;
margin-bottom:8px;
}
.form-search-tbl li > div{
display:table-cell;
}
.form-search-tbl li > .search-desc{
padding-right:5px;
width:75px;
text-align:left;
font-size:14px;
position:relative;
}
.form-search-tbl li.spot .link-list > li a:before {
margin-top: -4px;
content:'';
display: block;
position: absolute;
border-right: 2px solid #888;
border-bottom: 2px solid #888;
width: 6px;
height: 6px;
top: 50%;
right: 16px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.form-search-tbl li > .search-desc .cmn-tip-btn{
position:absolute;
right:4px;
}
.form-search-pseudo .form-search-tbl li > .search-desc .cmn-tip-btn{
right:0;
}
.form-search-tbl .room-num > .search-desc{
vertical-align:middle;
}
.form-search-tbl .date .form-search-list{
margin-bottom:0;
}

/* icon-required
------------------------------------------------ */
.icon-required{
margin-left:2px;
padding-top:7px;
vertical-align:middle;
overflow:hidden;
display:inline-block;
width:7px;
height:0;
position:relative;
top:-1px;
background:url(/element_sp/shared/images/icon/icon-required-asterisk.svg) 0 0 no-repeat;
}

/* .form-search-tbl-br
----------------------------------------------- */
.form-search-tbl .form-search-tbl-br{
display:block;
}

/* .form-search-tbl-sup
----------------------------------------------- */
.form-search-tbl .form-search-tbl-sup{
display:block;
font-size:12px;
margin-top:3px;
letter-spacing:-0.05em;
}

/* ----------------------------------------------------------------
  Form Search Button
----------------------------------------------------------------- */
/* .form search-btn-loupe
----------------------------------------------- */
.form-search-btn-loupe{
padding:5px;
border:1px solid #999;
border-radius:4px;
width:100%;
height:38px;
position:relative;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}

/* .form-search-btn-arrow
----------------------------------------------- */
.form-search-btn-arrow{
padding:4px 15px 4px 5px;
border:1px solid #999;
border-radius:4px;
width:100%;
min-height:38px;
position:relative;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
}
.form-search-btn-arrow:before{
content:'';
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:6px;
width:6px;
display:block;
border:2px solid #999;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-btn-arrow.is-unselected{
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:12px;
}
.date .form-search-btn-arrow.is-unselected,
.detail-plan-header-date .form-search-btn-arrow.is-unselected{
font-size:16px;
}
.pseudo-content .date .form-search-btn-arrow.is-unselected{
font-size:16px;
}
.form-search-btn-arrow.is-unselected
.form-search-btn-arrow.form-search-btn-add{
font-weight:normal;
}
.facility .form-search-btn-arrow.is-unselected,
.plan .form-search-btn-arrow.is-unselected{
font-size:11px;
}

/* .is-error
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow.is-error {
border-color: rgba(var(--color-red-rgb), .35);
box-shadow: 0 0 0 1px rgba(var(--color-red-rgb), .35) inset;
background-color: rgba(var(--color-red-rgb),.1);
}

/* .form-search-index-error
----------------------------------------------- */
.form-search-index .form-search-index-error{
margin:0 20px;
color:var(--cmn-font-color-red);
line-height:1.35;
font-size:12px;
}
.form-search-tbl .form-search-index-error,
.form-search-index-error{
margin:7px 0 0;
color:var(--cmn-font-color-red);
line-height:1.35;
font-size:12px;
}
.form-search-index .form-search-index-error:empty,
.form-search-tbl .form-search-index-error:empty{
margin:0;
}
.form-search-index .form-search-index-error > li,
.form-search-index-error > li{
margin-bottom:5px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
display:block;
text-align:left;
}
.form-search-note + .form-search-index-error{
margin-top:12px;
}
.form-search-index-btn-act .form-search-index-error,
.form-search-note + .form-search-index-error > li{
margin:0 auto -7px;
width:268px;
max-width:100%;
font-size:14px;
}
.pseudo-sticky .form-search-index-error{
width:60%;
margin:-2px auto 8px;
color:#fff;
}
.pseudo-sticky .form-search-index-error > li{
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* .form-search-btn-arrow-01
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow-01{
padding:10px 25px 10px 7px;
margin:0;
border:none;
width:100%;
height:100%;
position:relative;
word-break:break-all;
top:0;
left:0;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:14px;
min-height:45px;
box-sizing:border-box;
}
#Area_area_list_main .form-search-tbl .form-search-btn-arrow-01,
#Area_region_main .form-search-tbl .form-search-btn-arrow-01{
margin:4px;
border-radius:4px;
width:calc(100% - 8px);
min-height:auto;
}
#Area_area_list_main .form-search-tbl .form-search-btn-arrow-01::before,
#Area_region_main .form-search-tbl .form-search-btn-arrow-01::before{
right:8px;
}
#Area_area_list_main .form-search-tbl .form-search-btn-arrow-01.is-error,
#Area_region_main .form-search-tbl .form-search-btn-arrow-01.is-error {
border-color: rgba(var(--color-red-rgb), .35);
box-shadow: 0 0 0 2px rgba(var(--color-red-rgb), .35) inset;
background-color: rgba(var(--color-red-rgb), .1);
}
.form-search-tbl .form-search-btn-arrow-01:before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
top:50%;
right:14px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-tbl .form-search-btn-arrow-01.is-unselected{
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:14px;
}
.form-search-tbl .destination .form-search-btn-arrow-01.is-unselected{
font-size:14px;
min-height:30px;
}
.form-search-tbl .form-search-btn-arrow-01.form-search-btn-add{
font-weight:normal;
}
.form-search-tbl .facility .form-search-btn-arrow.is-unselected,
.form-search-tbl .plan .form-search-btn-arrow.is-unselected{
font-size:11px;
}
.form-search-tbl .agent .form-search-btn-arrow-01{
font-size:14px;
}

/* .form-search-btn-arrow-del
----------------------------------------------- */
.form-search-btn-arrow-del{
border:1px solid #999;
border-radius:4px;
width:100%;
min-height:38px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
box-sizing:border-box;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}
.form-search-btn-arrow-del button{
padding:0;
border:none;
background:none;
}
.form-search-btn-arrow-del button.form-search-btn-del{
margin:4px 0 4px 5px;
border:1px solid #bbb;
border-radius:3px;
width:42px;
font-size:12px;
}
.form-search-btn-arrow-del button:not([class]){
padding:5px 15px 5px 5px;
padding-left:5px;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
position:relative;
line-height:1.2;
font-weight:bold;
font-size:16px;
text-align:left;
}
.form-search-btn-arrow-del button:not([class]):before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:5px;
height:5px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .date
----------------------------------------------- */
.form-search-btn-arrow .date,
.form-search-btn-arrow-01 .date{
font-size:12px;
}
.form-search-btn-arrow .date{
white-space:nowrap;
}
.form-search-btn-arrow .date .form-date,
.form-search-btn-arrow .date .text-date,
.form-search-btn-arrow-01 .date .form-date,
.form-search-btn-arrow-01 .date .text-date {
line-height:1.2;
display:inline-block;
margin:3px 0 3px 0;
}
.form-search-btn-arrow .form-date b,
.form-search-btn-arrow-01 .form-date b {
display:block;
font-size:14px;
font-weight:normal;
}
.form-search-btn-arrow .text-date-number,
.form-search-btn-arrow-01 .text-date-number {
padding:10px 0 0;
display:inline-block;
margin-bottom:-5px;
}
.form-search-btn-arrow .text-date-number b,
.form-search-btn-arrow-01 .text-date-number b {
font-size:18px;
font-weight:normal;
padding:0 1px 0 6px;
}
.form-search-btn-arrow .date .text-date{
margin:3px 7px ;
}
@media screen and (max-width:320px){
.form-search-btn-arrow .date .text-date{
display:none;
}
.form-search-btn-arrow .text-date-number b{
padding:0 1px 0 2px;
}
}

/* .form-search-btn-toggle
----------------------------------------------- */
.form-search-btn-toggle{
margin-left:5px;
padding:5px 5px 5px 23px;
border:1px solid #999;
border-radius:4px;
width:100%;
min-height:38px;
position:relative;
background:#fff url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 5px 50% no-repeat;
background-size:13px;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}
.form-search-btn-toggle.is-active{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* ----------------------------------------------------------------
  .form-search-list
----------------------------------------------------------------- */
.form-search-list{
margin:0;
}
.form-search-list > li:not(:first-child){
margin-top:6px;
}

/* ----------------------------------------------------------------
  .form-search-col
----------------------------------------------------------------- */
.form-search-col{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-col > div:not([class]){
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.num .form-search-col div:first-child{
margin-right:8px;
}
.num.airbnb .form-search-col div:first-child {
margin-right:0;
}
.airbnb-info{
display:block;
font-size:11px;
color:#808080;
line-height:1.4;
margin:10px;
font-weight:normal;
}
.form-search-col > div.form-search-col-sup{
margin:0 3px;
font-size:14px;
}
.form-search-col > div:last-child{
margin-right:0;
}
.form-search-col > div > b{
font-size:12px;
font-weight:normal;
}
.form-search-col + .form-search-col{
margin-top:6px;
}
.date .form-search-col > div:last-child{
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
width:30%;
}


/* ----------------------------------------------------------------
  .form-search-checkbox
----------------------------------------------------------------- */
.form-search-checkbox{
margin:10px 0 0;
display:table;
font-size:12px;
}
.form-search-checkbox.lang-jp-site{
font-size:14px;
padding:10px 10px 0 ;
display:block;
border-top:1px solid #e5e5e5;
margin:-1px 0 8px 0;
}
.form-search-index .form-search-checkbox.lang-jp-site{
border-top:0;
}
.form-search-index .form-search-note{
font-size:12px;
margin-bottom:-2px;
}
.form-search-checkbox.lang-jp-site + .search-submit-container{
margin:0;
}
.form-search-checkbox > li{
display:table-cell;
box-sizing:border-box;
}
.form-search-checkbox > li:not(:first-child){
padding-left:15px;
}
.form-search-checkbox > li > label{
padding:1px 0 0 25px;
display:block;
min-height:20px;
position:relative;
vertical-align:middle;
font-size:14px;
}
.form-search-index-inner .form-search-checkbox > li > label{
font-weight:normal;
}
.form-search-checkbox.lang-jp-site > li > label{
padding:0 0 0 25px;
}
.form-search-checkbox > li > label input[type='checkbox']{
position:absolute;
top:0;
left:0;
}
.form-search-checkbox > li .form-search-checkbox-sup{
color:#555;
display:block;
font-size:10px;
}

/* ----------------------------------------------------------------
  .form-search-radio
----------------------------------------------------------------- */
.form-search-radio{
margin:10px 0 5px -10px;
font-size:14px;
}
.form-search-radio > li{
padding-left:10px;
float:left;
width:50%;
box-sizing:border-box;
}
.form-search-radio > li > label{
padding-left:20px;
display:block;
min-height:15px;
position:relative;
}
.form-search-radio > li > label input[type='radio']{
position:absolute;
top:0;
left:0;
}

/* ----------------------------------------------------------------
  .form-search-child-num
----------------------------------------------------------------- */
/* .form-search-child-num
----------------------------------------------- */
.form-search-child-num{
margin-top:10px;
padding:10px;
border-radius:4px;
display:none;
background-color:#fff;
}
.form-search-child-num.is-active{
display:block;
}
.form-search-list-inner .form-search-child-num,
.form-search-pseudo .form-search-child-num{
padding:0;
}

/* .form-search-child-num-list
----------------------------------------------- */
.form-search-child-num .form-search-child-num-list{
margin:0;
}
.form-search-child-num .form-search-child-num-list > li:not(:first-child){
margin-top:6px;
}
.form-search-child-num .form-search-child-num-list > li > label{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-child-num .form-search-child-num-list > li > label > span{
display:block;
}
.form-search-child-num .form-search-child-num-list > li > label > span:first-child{
padding-right:5px;
width:9.5em;
font-size:12px;
text-align:right;
}
.form-search-child-num .form-search-child-num-list > li > label > span:last-child{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-child-num .form-search-child-num-list .form-search-child-num-sup{
font-size:11px;
}

/* .form-search-child-num-note
----------------------------------------------- */
.form-search-child-num .form-search-child-num-note{
margin:0 0 8px 10px;
padding-left:1em;
text-indent:-1em;
font-size:12px;
line-height:1.1;
color:var(--cmn-font-color-gray);
font-family:'Arial', 'Hiragino Kaku Gothic ProN', '\30d2\30e9\30ae\30ce\89d2\30b4 ProN W3', 'Hiragino Sans','\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af', sans-serif;
}
.form-search-child-num .form-search-child-num-note:before{
content:'\203b';
display:inline-block;
margin-right:4px;
}
.form-search-pseudo .form-search-child-num .form-search-child-num-note{
margin-left:25px;
}



/* ----------------------------------------------------------------
  .form-search-btn-act
----------------------------------------------------------------- */
.form-search-btn-act{
margin:0;
padding:10px;
border-top:1px solid #ddd;
position:fixed;
bottom:0;
left:0;
width:100%;
box-sizing:border-box;
z-index:2;
background-color:rgba(255, 255, 255, 0.8);
}
.form-btn-list{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
width:100%;
box-sizing:border-box;
justify-content: center;
align-items: center;
margin:0;
}
.form-btn-list > li button{
padding:0;
border-radius:4px;
width:100%;
height:44px;
}
.form-btn-list > li.reset{
width:60px;
}
.form-btn-list > li.reset button{
border:1px solid #bbb;
background-color:#fff;
font-size:14px;
}
.form-btn-list > li.search{
margin-left:8px;
width:219px;
}
.form-btn-list > li.search button{
padding:4px;
border:none;
color:#fff;
display:block;
background-color:#444;
text-shadow:1px 2px 0 rgb(0 0 0 / 10%);
font-size:16px;
}
.form-btn-list > li button.is-disabled{
opacity:.33;
}
.form-search-index .form-search-btn-act{
padding:12px 20px;
}
.form-search-index .form-search-btn-act.is-static,
.form-search-btn-act.is-static{
background-color:transparent;
position:relative;
background:none;
border-top:none;
bottom:0;
margin: 0 -12px;
width: calc(100% + 24px);
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border:1px solid #999;
display:block;
min-height:38px;
padding:0;
box-sizing:border-box;
border-radius:4px;
background-color:#fff;
position:relative;
}
.form-custom-select:before{
margin-top:-3px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:7px;
display:block;
border-width:7px 6px 0 6px;
border-color:#888 transparent transparent transparent;
border-style:solid;
}
.form-custom-select.is-unselected{
opacity:.33;
}
.form-custom-select select{
padding:5px 20px 5px 7px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
background-color:transparent;
font-size:16px;
color:var(--cmn-font-color-base);
min-height:38px;
}
.form-custom-select select.is-unselected{
font-weight:normal;
}
.form-search-pseudo .num .form-custom-select select.is-unselected,
.form-search-pseudo .room-num .form-custom-select select.is-unselected{
opacity:inherit;
font-weight:normal;
color:#9e9e9e;
font-size:16px;
}
.form-custom-select.is-disabled{
border-color:#d1d1d1;
}
.form-custom-select.is-disabled select{
color:#9e9e9e;
}
.form-custom-select select:disabled,
.form-search-pseudo .num .form-custom-select select:disabled,
.form-search-pseudo .room-num .form-custom-select select:disabled{
color:#9e9e9e;
font-weight:normal;
opacity:1;
}


/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index
----------------------------------------------- */
.form-search-index{
position: relative;
margin:-10px -10px 0;
padding: 12px 8px 32px;
background:url(/element_sp/w_hotel/shared/images/bg-cloud.png) no-repeat 0 0 / 100% auto, url(/element_sp/w_hotel/shared/images/bg-index.jpg) no-repeat 0 100% / 100% auto,#00428e;
}

/* .form-search-index-inner
----------------------------------------------- */
.form-search-index .form-search-index-inner{
padding:12px 12px 0;
border-radius:6px;
background-color:rgba(255, 255, 255, 0.95);
position:relative;
box-sizing:border-box;
}
.form-search-index .form-search-index-inner.is-error{
padding-bottom:0;
}
.form-search-index-inner .form-search-btn-arrow,
.form-search-index-inner .form-custom-select{
border:1px solid #999;
}
.form-search-index-inner .form-custom-select{
border:0;
}
.form-search-index-inner .form-custom-select select{
border:1px solid #999;
border-radius:4px;
}
.form-search-index-inner .form-custom-select select.is-unselected{
border-radius:4px;
opacity:.33;
}
.form-custom-select.is-error{
border-color: rgba(var(--color-red-rgb), .35) !important;
}
.is-error select{
border-color: rgba(var(--color-red-rgb), .35) !important;
box-shadow: 0 0 0 1px rgba(var(--color-red-rgb), .35) inset !important;
background-color: rgba(var(--color-red-rgb), .1) !important;
}

/* .search-index-hdg-container
----------------------------------------------- */
.search-index-hdg-container{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-bottom:12px;
}

/* .form-box-idx-header-link-history
----------------------------------------------- */
.search-index-hdg-container .form-box-idx-header-link-history{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-size:14px;
position:relative;
bottom:1px;
line-height:1.2;
}
.search-index-hdg-container .form-box-idx-header-link-history a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index .form-search-index-hdg{
color:#fff;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
font-size:16px;
font-weight:normal;
line-height:1.2;
}

/* .form-list
----------------------------------------------- */
.form-list{
line-height:1.35;
font-size:14px;
}
.form-list > li{
margin:0 -10px;
font-size:14px;
}
.form-list.list-col-2{
display: flex;
flex-wrap: wrap;
align-content: stretch;
}
.form-list.list-col-2 > li{
width:50%;
}
.form-list.link-list-toggle > li{
margin:0;
font-size:14px;
}
.form-list > li > label{
padding: 8px 10px 8px 40px;
display:block;
position:relative;
}
.form-list.form-list-col-2 > li > label{
padding:10px 10px 10px 30px;
min-height:51px;
box-sizing:border-box;
}
.form-list > li > label input[type='checkbox'],
.form-list > li > label input[type='radio']{
position:absolute;
top:10px;
left:10px;
vertical-align:middle;
}
.form-list > li > label input[type='radio']{
top:12px;
}
.form-list > li.link-arrow a{
padding:15px 25px 15px 10px;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.form-list > li.link-arrow a:before{
margin-top:-5px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#888;
content:'';
display:block;
width:6px;
height:6px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-list > li.link-arrow:first-child a{
border-top:1px solid #e5e5e5;
}
.form-list > li.is-disabled{
color:#999;
}

/* .pseudo-sticky-hdg
----------------------------------------------- */
.pseudo-sticky-hdg{
font-size:14px;
font-weight:bold;
margin:8px 0 2px;
}

.pseudo-sticky-hdg.hdg-line{
padding-top:10px;
border-top:1px solid #e5e5e5;
}

/* .pseudo-sticky-area-item
----------------------------------------------- */
.pseudo-sticky-area-item .pseudo-sticky-hdg{
margin:15px 0 8px;
line-height:1;
}
.pseudo-sticky-area-item .pseudo-sticky-hdg + .pseudo-sticky-area-item-list .pseudo-sticky-area-hdg{
margin-top:15px;
}
.pseudo-sticky-area-item .pseudo-sticky-country-hdg{
margin:15px 0 10px;
line-height:1;
}
.pseudo-sticky-area-item-list{
margin-bottom:18px;
}
.pseudo-sticky-area-item-list-child{
margin-bottom:18px;
padding-left:31px;
}
.form-list-child-hdg{
padding: 9px 10px 2px 0;
}
.form-list-child{
display:block;
padding-left:25px;
}
.form-list .form-list-child{
padding-left:40px;
}
.form-list-child > li >label {
padding: 9px 10px 7px 30px;
display: block;
position: relative;
}
.form-list-child > li >label input[type='checkbox']{
position: absolute;
top: 10px;
left:0;
vertical-align: middle;
}

/* .form-list-col-2/* .form-list-col-2
----------------------------------------------- */
.form-list-col-2{
margin:0 -10px;
}
.form-list > li > .form-list-col-2 > li:nth-child(2n-1) > label{
padding-left:55px;
}
.form-list > li > .form-list-col-2 > li:nth-child(2n-1) > label > input[type='checkbox']{
left:25px;
}
.form-list-col-2 > li{
float:left;
width:50%;
margin:0;
}
.form-list-col-2 > li:last-child{
float:none;
width:100%;
clear:both;
}
.form-list-col-2 > li > label > span{
display:block;
font-size:15px;
}
.form-list-col-2 > li > label > span .num{
font-size:16px;
}

/* .form-search-pseudo > .form-search-tbl
----------------------------------------------- */
.form-search-pseudo {
margin:0 -10px;
background:#fff;
padding-bottom:112px;
}
main>.form-search-pseudo {
padding-bottom:0;
}
.detail-plan-header > .form-search-pseudo{
margin-top:-5px;
padding-bottom:0;
}
.detail-tab-container .detail-plan-header>.form-search-pseudo {
margin-top: -10px;
}
.form-search-pseudo .date-nofix-info{
font-size:14px;
margin:0 10px 10px 10px;
padding:0;
}
.form-search-pseudo .date-nofix-info .ic-info{
color:var(--cmn-font-color-red);
line-height:1.35;
font-size:12px;
display:block;
padding-left:18px;
position:relative;
}
.detail-tab-container .form-search-pseudo .date .date-nofix-info .ic-info{
color:var(--cmn-font-color-base);
}
.form-search-pseudo .date-nofix-info .ic-info:before{
content:'';
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) left top no-repeat;
width:14px;
height:12px;
position:absolute;
left:0;
top:0;
margin-top:2px;
}
.form-search-pseudo .form-search-tbl > li{
margin:0;
border-bottom:1px solid #e5e5e5;
min-height:45px;
box-sizing:border-box;
}
.form-search-pseudo .form-search-tbl > li.num{
font-family:inherit;
}
.form-search-pseudo .form-search-tbl .search-desc{
vertical-align:middle;
width:5em;
background-color:#fff;
padding:10px 2px 10px 10px;
}
.form-search-pseudo .form-search-tbl .search-item{
padding:10px;
}
.form-search-pseudo .form-search-tbl .search-desc .form-search-tip-container .cmn-tip-btn{
top:50%;
right:0;
margin:-8px 0 0 0;
}
.form-search-pseudo .form-search-tbl .num .search-desc .form-search-tip-container .cmn-tip-btn{
right:0;
top:28px;
}
.form-search-pseudo .form-search-tbl .destination .search-desc .form-search-tip-container .cmn-tip-btn{
top:17px;
}
#Area_area_list_main .form-search-pseudo .form-search-tbl .destination .search-desc .form-search-tip-container .cmn-tip-btn,
#Area_region_main .form-search-pseudo .form-search-tbl .destination .search-desc .form-search-tip-container .cmn-tip-btn{
top: 50%;
}
.pseudo-content .form-search-pseudo .form-search-tbl .destination .search-desc .form-search-tip-container .cmn-tip-btn{
top: 50%;
margin-top: -8px;
}
.form-search-pseudo .form-search-tbl .date .search-desc{
vertical-align:middle;
}
.form-search-pseudo .form-search-tbl .num .search-desc{
vertical-align:middle;
}
.form-search-pseudo .form-search-tbl .spot .link-list > li > a{
display:block;
margin-top:-10px;
border-bottom:0;
padding-right: 28px;
}
.form-search-pseudo .form-search-tbl .spot .select-box .select-box-sup{
text-align:right;
margin-top:5px;
font-size:12px;
color:#555;
display:block;
}
.form-search-checkbox .no-fix-date-sup{
display:block;
font-size:12px;
margin-top:3px;
color:var(--cmn-font-color-gray);
line-height:1.35;
text-indent:-1em;
padding-left:1em;
}
.form-search-list .search-index-btn-container{
margin-top:8px;
padding-left:53px;
border:1px solid #bbb;
border-radius:4px;
min-height:38px;
position:relative;
background:#fff;
line-height:1.35;
}
.form-search-list .search-index-btn-container .search-index-btn{
padding-left:0;
border:none;
}
.form-search-list .search-index-btn-container .search-index-btn-del{
margin-top:-10px;
font-size:12px;
min-height:20px;
width:40px;
padding:0 1px 0 0;
border:1px solid #bbb;
border-radius:4px;
position:absolute;
top:50%;
left:5px;
background-color:#fff;
color:#555;
font-feature-settings:"palt";
box-sizing:border-box;
}
.form-search-list .search-index-btn:before {
position:absolute;
display:block;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #888;
border-bottom:2px solid #888;
}
.form-search-list .search-index-btn:before {
margin-top:-4px;
top:50%;
right:10px;
width:6px;
height:6px;
}
.form-search-list  .search-index-btn{
padding:3px 20px 3px 5px;
border:1px solid #999;
border-radius:4px;
width:100%;
min-height:38px;
position:relative;
background:#fff;
line-height:1.35;
font-size:16px;
text-align:left;
font-weight:bold;
}

/* ----------------------------------------------------------------
  filter
----------------------------------------------------------------- */
.form-search-pseudo .form-search-tbl > li.language{
padding: 10px 10px 10px 1px;
display:block;
}
.form-search-pseudo .form-search-tbl > li.language input[type='checkbox']{
vertical-align:middle;
}
.pseudo-content .form-search-pseudo .form-search-tbl .search-desc{
width:98px;
box-sizing:border-box;
font-size:14px;
position:relative;
}
.pseudo-content .form-search-pseudo .form-search-tbl .search-desc.tip-ic-01 .cmn-tip-btn{
position:absolute;
right:10px;
top:50%;
margin:-8px 0 0 0;
}
.form-search-pseudo .form-search-tbl .search-item{
padding:0;
vertical-align:middle;
}
.form-search-pseudo .form-search-tbl .search-item li{
margin-bottom:0;
}
.form-search-pseudo .form-search-tbl .search-item ul,
.form-search-pseudo .form-search-tbl .search-item .form-search-col{
margin:10px;
}
.form-search-pseudo .form-search-tbl .date .search-item ul.form-search-index-error{
margin-left:0;
}
.form-search-pseudo .form-search-tbl .search-item ul .cmn-tip-btn{
margin:0;
}
.form-search-pseudo .form-search-tbl .spot .search-item ul.link-list {
margin:0;
padding:8px 0 0 0;
}
.form-search-pseudo .form-search-tbl .spot .search-item .select-box {
margin:0 10px 10px 10px;
}
.form-search-pseudo .form-search-tbl .destination .search-item .select-box {
margin:0 10px;
}
.form-search-pseudo .form-search-tbl .search-item ul {
margin:10px;
}
.form-search-pseudo .form-search-tbl .room-num .search-item > .form-custom-select {
margin:10px;
}
.form-search-pseudo .form-search-tbl .search-item li .hotel-name-sup{
display:block;
margin-top:4px;
font-size:12px;
}

/* .info-clr
-------------------------------- */
.info-clr{
color:var(--cmn-font-color-gray);
}

/* ----------------------------------------------------------------
  .pseudo-content
----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
padding:0 10px;
}
.pseudo-content.pseudo-lyt-sticky{
padding-bottom:65px;
}
.pseudo-content.pseudo-lyt-sticky-header{
padding-top:35px;
}

/* .pseudo-content other
----------------------------------------------- */
#Area_pop_price_details,
#Area_condition_page .form-search-pseudo,
#Area_agt_page{
min-height:100vh;
box-sizing:border-box;
}
#Area_pop_price_details{
padding-bottom:280px;
}
#act_airhotel_page-hotel-price-detail{
min-height:100vh;
box-sizing:border-box;
padding-bottom: 280px;
}
#Area_Filter_Conditon{
box-sizing: border-box;
padding-bottom:45px;
}
#Act_wtour_search_parts{
min-height:calc(100vh - 75px);
box-sizing:border-box;
}
#Area_room_type_page{
overflow:hidden;
overflow-y:scroll;
height:100%;
padding-bottom:75px;
}
.cmn-faq-page + #Area_pop_price_details{
padding-bottom:280px;
min-height:inherit;
}
#Act_wtour_price_detail_screen{
overflow:hidden;
overflow-y:scroll;
height:100%;
}
#Area_calendar_page{
min-height:100vh;
overflow:hidden;
overflow-y:scroll;
padding-bottom:150px;
}
#Area_pop_city_page + #Area_calendar_page{
min-height:100vh;
padding-bottom:120px;
}

/* .pseudo-header / .pseudo-map
----------------------------------------------- */
.pseudo-content.pseudo-map.pseudo-lyt-sticky{
padding-bottom:0;
height :-webkit-calc(100% - 35px) ;
height :calc(100% - 35px) ;
}
.pseudo-content.pseudo-map .pseudo-map-item{
height:100%;
box-sizing:border-box;
margin:0 -10px;
}

/* .pseudo-header / .pseudo-header-sticky
----------------------------------------------- */
.pseudo-content .pseudo-header,
.pseudo-content .pseudo-header-sticky{
margin: 0 -10px ;
padding: 0 50px;
color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
min-height: 45px;
box-sizing: border-box;
position: relative;
background-color: #111;
z-index:10;
}
.pseudo-content .pseudo-header-sticky{
margin:0;
position:fixed;
top:0;
left:0;
width:100%;
box-sizing:border-box;
}

/* .pseudo-content-lyt.lyt-suggest
----------------------------------------------- */
.pseudo-content .pseudo-content-lyt.lyt-suggest{
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin:0 -10px;
padding:0 10px 0;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none;
}

/* .pseudo-content-lyt
----------------------------------------------- */
.pseudo-content .pseudo-content-lyt{
margin:0 0 -10px;
padding:0;
}

/* .pseudo-content-lyt-header
----------------------------------------------- */
.pseudo-content-lyt-header{
z-index:1;
position:-webkit-sticky;
position:sticky;
top:0;
}

/* .pseudo-content-lyt-content
----------------------------------------------- */
.pseudo-content .pseudo-content-lyt-content{
margin:0 -10px;
padding:0 10px 400px;
}
.pseudo-content .lyt-suggest .pseudo-content-lyt-content{
margin: 0 -10px;
padding: 0 10px 20px;
-webkit-box-flex: 1;
flex: 1;
overflow-y: scroll;
scrollbar-width: none;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}

/* .pseudo-content-lyt-footer
----------------------------------------------- */
.pseudo-content-lyt-footer{
position:fixed;
bottom:0;
bottom:env(safe-area-inset-bottom);
margin:0 10px 0 0;
width :-webkit-calc(100% - 20px) ;
width :calc(100% - 20px) ;
}
.lyt-suggest .pseudo-content-lyt-footer{
position:static;
bottom:inherit;
margin:0;
width :100%;
}

/* .pseudo-btn-prev
----------------------------------------------- */
.pseudo-content .pseudo-header-btn-prev{
margin: 0;
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element_sp/j_hotel/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}

/* pseudo data-role
----------------------------------------------- */
[data-role="page"],
[data-role="dialog"]{
color:var(--cmn-font-color-base);
}
[data-role="page"].active,
[data-role="dialog"].active{
min-height:100%;
}
[data-role="page"].lyt-sticky,
[data-role="dialog"].lyt-sticky{
padding-bottom:65px;
}

/* .pseudo-content
----------------------------------------------- */
#Act_wtour_search_page.pseudo-content-fixed{
display:flex;
min-height:100vh;
padding-bottom:0;
}
#Act_wtour_search_page.pseudo-content-fixed > .pseudo-header{
display:flex;
position:absolute;
}
#Act_wtour_search_page.pseudo-content-fixed > .pseudo-header .pseudo-hdg{
width: 100%;
}
#Act_wtour_search_page.pseudo-content-fixed > .filter-tour{
display: flex;
overflow-y: scroll;
margin-bottom: 65px;
width:100%;
}


/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
box-sizing:border-box;
padding:0 10px 10px;
}
.pseudo-content .cmn-tip-link-list-01,
.pseudo-content .cmn-tip-search-box{
margin:0 -10px;
}

/* .pseudo-content-overlay
----------------------------------------------- */
.pseudo-content .pseudo-content-overlay{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#fff;
opacity:.75;
z-index:1;
}
.pseudo-content.is-disabled .pseudo-content-overlay{
display:block;
}
.pseudo-content .pseudo-content-lyt .pseudo-sticky {
margin:0 -10px;
position:static;
width:auto;
padding:12px 10px;
bottom:0;
left:0;
z-index:1;
box-sizing:border-box;
background-color:rgba(78,78,78,1);
}

/* .pseudo-header
----------------------------------------------- */
.pseudo-header{
position:relative;
box-sizing:border-box;
min-height:35px;
margin:0 -10px;
padding:5px 55px 4px;
line-height:1.55;
color:#fff;
background-color:#444;
}
.pseudo-header .pseudo-hdg{
font-size:17px;
font-weight:bold;
text-align:center;
padding:5px 5px 4px;
}
.pseudo-header [class*="pseudo-btn"]{
font-weight:bold;
position:absolute;
top:0;
height:100%;
width:50px;
padding:0 5px;
color:#fff;
border:none;
box-sizing:border-box;
background:#111;
font-size:13px;
}
.pseudo-header [class*="pseudo-btn"]:disabled{
color:#a4a4a4;
}
.pseudo-header .pseudo-btn-prev{
left:0;
border-right:1px solid #000;
}
.pseudo-header .pseudo-btn-clear{
margin: 0;
padding: 0;
border: 1px solid #999;
border-radius: 3px;
color: #ccc;
width: 44px;
height: 23px;
position: absolute;
bottom: 50%;
right: 10px;
transform: translateY(50%);
background-color: transparent;
font-size: 12px;
color:#ccc;
font-weight:normal;
}
.pseudo-header .pseudo-btn-condition{
bottom: 50%;
right:0;
width:64px;
border-left:1px solid #000;
line-height:1.2;
font-size:11px;
}
.pseudo-header + p{
margin-top:10px;
}
main > .pseudo-header{
margin-top:-10px;
}
.pseudo-header.is-fixed{
position:fixed;
width:100%;
z-index:2;
top:0;
left:0;
margin:0;
}

/* .pseudo-link-prev
----------------------------------------------- */
.pseudo-link-prev-block{
border-bottom:1px solid #e5e5e5;
margin:0;
}
.pseudo-link-prev-block-02 {
border-bottom: 1px solid #bbb;
margin:0 -10px;
padding:0 10px;
}
.pseudo-header + .pseudo-link-prev-block{
margin:0 0 12px 0;
}
.pseudo-link-prev-block + .link-list-toggle{
margin-top:-12px;
}
.pseudo-link-prev-block + .link-list-toggle > li > .link-list-toggle-hook{
border-top:0;
}
.pseudo-link-prev{
padding:12px 0;
color: var(--cmn-font-color-link);
box-sizing: border-box;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
min-height: 44px;
width: 100%;
background: transparent;
text-align: left;
font-size: 14px;
line-height:1;
}
.pseudo-header + p.pseudo-link-prev-block-02,
.pseudo-header + p.pseudo-link-prev-block-03 {
margin-top: 0;
}

.pseudo-link-prev-block-03 {
border-bottom: 1px solid #e5e5e5;
margin: 0 0 16px;
}
.pseudo-link-prev-block + .pseudo-sticky-hdg + .form-list.link-list-toggle{
margin-top:0;
margin-bottom:11px;
}

/* .pseudo-content-fixed
----------------------------------------------- */
.pseudo-content-fixed{
padding-top:45px;
}
.pseudo-content-fixed.pseudo-content-fixed-sort{
padding-top:134px;
background:#ddd;
}
.pseudo-content-fixed.pseudo-content-fixed-sort-close{
padding-top:40px;
background:#ddd;
}
.pseudo-content-fixed.pseudo-content .pseudo-header{
position:fixed;
width:100%;
z-index:8;
top:0;
}

/* .pseudo-container
----------------------------------------------- */
.pseudo-content .pseudo-container{
margin:11px 0 26px;
}
.pseudo-content .pseudo-container > hr{
background-color:#e5e5e5;
width:100%;
height:1px;
border:none;
margin:10px 0;
}
.pseudo-price-toggle .pseudo-hdg-01{
font-size:13px;
}

/* .pseudo-faq-container
----------------------------------------------- */
.pseudo-faq-container,
.pseudo-tel-container{
margin:10px 0;
}

/* .pseudo-hdg-l1
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l1{
padding:5px 5px 4px;
font-size:16px;
font-weight:bold;
text-align:center;
box-sizing:border-box;
line-height:1.5;
min-height:35px;
}

/* .pseudo-hdg-l2
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2{
margin:0 -10px;
padding:7px 10px;
color:#fff;
background-color:#888;
font-size:14px;
}
.pseudo-content ul + .pseudo-hdg-l2{
margin-top:-1px;
position:relative;
}

/* .pseudo-hdg-l2-plan
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-plan{
margin-top:10px;
padding-left:80px;
position:relative;
font-weight:normal;
font-size:13px;
min-height:30px;
}
.pseudo-content .pseudo-hdg-l2-plan .pseudo-hdg-l2-plan-thumb{
border:1px solid #ccc;
display:block;
width:70px;
height:30px;
position:absolute;
top:0;
left:0;
box-sizing:border-box;
}
.pseudo-content .pseudo-hdg-l2-plan .pseudo-hdg-l2-plan-thumb img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:90%;
max-height:90%;
}


/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l3{
margin:0 -10px;
padding:6px 10px 4px;
background-color:#f5f5f5;
font-size:13px;
}

/* .pseudo-sticky
----------------------------------------------- */
.pseudo-content .pseudo-sticky{
padding:12px 10px;
position:fixed;
bottom:0;
left:0;
box-sizing:border-box;
width:100%;
background-color:rgba(78,78,78,1);
z-index:1;
}
.pseudo-content .pseudo-content-lyt .pseudo-sticky {
margin:0 -10px;
position:static;
width:auto;
padding:10px;
bottom:0;
left:0;
z-index:1;
box-sizing:border-box;
background-color:rgba(78,78,78,1);
}

/* .pseudo-sticky-btn
----------------------------------------------- */
.pseudo-content .pseudo-sticky-btn{
padding:0;
border:none;
border-radius:3px;
color:#fff;
width:100%;
height:45px;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
background-color:var(--cmn-btn-color);
font-weight:bold;
font-size:20px;
}

/* .pseudo-sticky-btn-list
----------------------------------------------- */
.pseudo-content .pseudo-sticky-btn-list{
margin:0 auto;
width:100%;
display:flex;
}
@media screen and (max-width:320px){
.pseudo-content .pseudo-sticky-btn-list{
width:80%;
}
}
.pseudo-content .pseudo-sticky-btn-list > li button{
padding:0;
margin:0;
border-radius:6px;
width:100%;
height:45px;
}
.pseudo-content .pseudo-sticky-btn-list > li.reset{
width:21.42857%;
-webkit-box-flex:inherit;
-webkit-flex:inherit;
-ms-flex:inherit;
flex:inherit;
}
.pseudo-content .pseudo-sticky-btn-list > li.reset button{
border:none;
background-color:#fff;
font-size:14px;
color:var(--cmn-font-color-base);
}
.pseudo-content .pseudo-sticky-btn-list > li.cv{
margin-left:10px;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-content .pseudo-sticky-btn-list > li.cv button{
border:none;
color:#fff;
background-color:var(--cmn-btn-color);
font-size:16px;
padding:0;
border-radius:4px;
width:100%;
height:44px;
}
.pseudo-content .pseudo-sticky-btn-list > li.cv button.is-disabled{
opacity:.33;
}
.pseudo-content .pseudo-sticky-btn-list > li:only-child{
width:60%;
display:block;
flex:inherit;
margin:0 auto!important;
}
.pseudo-content .pseudo-content-lyt-footer .pseudo-sticky-btn-list > li:only-child{
width:80%;
}

/* .pseudo-agt-list
----------------------------------------------- */
.pseudo-content .pseudo-agt-list{
margin-left:-10px;
overflow:hidden;
}
.pseudo-content .pseudo-agt-list > li{
margin-top:10px;
padding-left:10px;
width:33.33333%;
box-sizing:border-box;
float:left;
}
.pseudo-content .pseudo-agt-list > li > label{
height:45px;
border:solid 1px #ccc;
position:relative;
display:block;
box-sizing:border-box;
}
.pseudo-content .pseudo-agt-list > li > label.checked{
border:3px solid #fadfa8;
}
.pseudo-content .pseudo-agt-list > li > label input[type='checkbox']{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:none;
z-index:1;
display:none;
}
.pseudo-content .pseudo-agt-list > li > label input[type='checkbox']:checked{
border:3px solid #fadfa8;
}
.pseudo-content .pseudo-agt-list > li > label img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:90%;
max-height:90%;
z-index:1;
}
.pseudo-content .pseudo-agt-list > li.is-disabled > label{
border-color:#eee;
}
.pseudo-content .pseudo-agt-list > li.is-disabled > label img{
opacity:0.4;
}

/* .pseudo-notice
----------------------------------------------- */
.pseudo-content .pseudo-notice{
margin:10px 0;
padding-left:1em;
font-size:15px;
text-indent:-1em;
}
.pseudo-content .pseudo-notice > b{
display:block;
font-size:14px;
}
.pseudo-content .pseudo-notice > b:before{
content:'\203b';
}

/* .pseudo-price
----------------------------------------------- */
.pseudo-content .pseudo-price{
margin:15px 0;
line-height:1.35;
font-size:12px;
font-weight:bold;
text-align:right;
}
.pseudo-content .pseudo-price .num{
font-family:Arial;
font-size:14px;
}
.pseudo-content .pseudo-price .yen{
font-weight:normal;
}
.pseudo-content .pseudo-price .pseudo-price-calc{
display:block;
}
.pseudo-content .pseudo-price .pseudo-price-sum{
display:block;
}
.pseudo-content .pseudo-price .pseudo-price-sum > span{
margin-left:5px;
display:inline-block;
color:var(--cmn-font-color-red);
}
.pseudo-content .pseudo-price .pseudo-price-sum .num{
font-size:18px;
}

/* .pseudo-price-coupon
----------------------------------------------- */
.pseudo-content .pseudo-price-coupon{
margin:10px 0;
padding:10px;
background-color:#f5f5f5;
font-size:12px;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li{
margin-top:2px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li > span:first-child{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li > span:last-child{
width:30%;
text-align:right;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li > span b{
font-family:Arial;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li.sum{
margin-top:0;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li.sum > span:last-child{
color:var(--cmn-font-color-gray);
text-decoration:line-through;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li.sum b{
font-weight:normal;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li.discount > span:first-child{
font-weight:bold;
font-size:14px;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li.discount b{
font-size:16px;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li.discount-sum{
margin-top:5px;
padding-top:7px;
border-top:1px solid #ccc;
}
.pseudo-content .pseudo-price-coupon .pseudo-price-coupon-list > li.discount-sum b{
font-size:16px;
}

/* .pseudo-price-tbl
----------------------------------------------- */
.pseudo-content .pseudo-price-tbl{
margin:0 -10px;
font-size:11px;
line-height:1.25;
}
.pseudo-content .pseudo-price-tbl table{
margin:0;
width:100%;
border-collapse:collapse;
}
.pseudo-content .pseudo-price-tbl table th,
.pseudo-content .pseudo-price-tbl table td{
padding:5px;
font-weight:normal;
text-align:left;
vertical-align:top;
}
.pseudo-content .pseudo-price-tbl table th{
padding-right:0;
white-space:nowrap;
}
.pseudo-content .pseudo-price-tbl table th .sup{
font-size:10px;
}
.pseudo-content .pseudo-price-tbl table th[rowspan]{
padding:5px;
width:35px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.pseudo-content .pseudo-price-tbl table th[rowspan] > span{
display:block;
}
.pseudo-content .pseudo-price-tbl table td{
width:100%;
text-align:right;
}
.pseudo-content .pseudo-price-tbl table .child th,
.pseudo-content .pseudo-price-tbl table .child td{
padding-top:0;
}
.pseudo-content .pseudo-price-tbl table .sum th,
.pseudo-content .pseudo-price-tbl table .sum td{
padding:5px;
border-width:1px 0;
border-style:solid;
border-color:#e5e5e5;
}

/* .pseudo-price-point
----------------------------------------------- */
.pseudo-content .pseudo-price-point{
margin:10px 0;
font-size:14px;
}
.pseudo-content .pseudo-price-point > span{
display:block;
}

/* .pseudo-caution
----------------------------------------------- */
.pseudo-content .pseudo-caution{
margin:10px 0 15px;
padding:15px;
background-color:#fff5f5;
font-size:13px;
}
.pseudo-content .pseudo-caution strong{
color:var(--cmn-font-color-red);
}

/* .pseudo-caution-hdg
----------------------------------------------- */
.pseudo-content .pseudo-caution-hdg{
margin-bottom:5px;
color:var(--cmn-font-color-red);
text-align:center;
}
.pseudo-content .pseudo-caution-hdg:before{
content:'\3010';
}
.pseudo-content .pseudo-caution-hdg:after{
content:'\3011';
}

/* .pseudo-caution-list
----------------------------------------------- */
.pseudo-content .pseudo-caution-list{
margin-top:10px;
}
.pseudo-content .pseudo-caution-list > li:not(:first-child){
margin-top:5px;
}
.pseudo-content .pseudo-caution-list > li > b{
padding-left:12px;
position:relative;
display:block;
}
.pseudo-content .pseudo-caution-list > li > b:before{
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:5px;
left:0;
background-color:#000;
}
.pseudo-content .pseudo-caution-list ul{
margin:0;
}

/* .pseudo-coupon-code
----------------------------------------------- */
.pseudo-content .pseudo-coupon-code{
margin:20px 0;
text-align:center;
}
.pseudo-content .pseudo-coupon-code > b{
font-size:18px;
}
.pseudo-content .pseudo-coupon-code > b > span{
display:inline-block;
font-size:12px;
}
.pseudo-content .pseudo-coupon-code > b > span:after{
margin:0 2px;
display:inline-block;
content:':';
}

/* .pseudo-coupon-howto
----------------------------------------------- */
.pseudo-content .pseudo-coupon-howto{
margin:10px 0 15px;
font-size:12px;
}
.pseudo-content .pseudo-coupon-howto img{
margin:10px auto 0;
display:block;
max-width:270px;
}

/* .pseudo-hdg-l2-container
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-container{
margin:0 -10px;
padding:7px 135px 7px 10px;
position:relative;
background-color:#888;
}
.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2{
margin:0;
padding:0;
}
.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2-btn{
margin:0;
padding:0 6px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
position:absolute;
bottom:50%;
right:10px;
line-height:21px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
font-size:12px;
background-color:transparent
}
.pseudo-content .form-list + .pseudo-hdg-l2-container,
.pseudo-content .pseudo-link-list + .pseudo-hdg-l2-container{
margin-top:-1px;
}

/* .pseudo-link-list
----------------------------------------------- */
.pseudo-content .pseudo-link-list{
margin:0 -10px;
border-bottom:1px solid #e5e5e5;
line-height:1.35;
font-size:14px;
}
.pseudo-content .pseudo-link-list > li > a{
padding:11px 25px 10px 10px;
border-top:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.pseudo-content .pseudo-link-list > li > .txt{
padding:11px 25px 10px 10px;
color:var(--cmn-font-color-base);
display:block;
font-size:14px;
}
.pseudo-content .pseudo-link-list > li > a[name^="Act_other_city"]:before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.pseudo-content .pseudo-hdg-l2-container + .pseudo-link-list > li:first-child > a,
.pseudo-content .pseudo-hdg-l2 + .pseudo-link-list > li:first-child > a,
.pseudo-content .pseudo-hdg-l3 + .pseudo-link-list > li:first-child > a{
border-top:none;
}

/* .pseudo-logo-google
----------------------------------------------- */
.pseudo-content .pseudo-logo-google{
margin-top:10px;
text-align:right;
line-height:1;
}
.pseudo-content .pseudo-logo-google a{
color:var(--cmn-font-color-gray);
display:inline-block;
font-size:11px;
}
.pseudo-content .pseudo-logo-google a > span{
color:var(--cmn-font-color-link);
}
.pseudo-content .pseudo-logo-google img{
margin-left:5px;
width:120px;
vertical-align:text-bottom;
margin-bottom:-1px;
}

/* .pseudo-list
----------------------------------------------- */
.pseudo-content .pseudo-list{
line-height:1.25;
font-size:14px;
}

/* .pseudo-list > ul
----------------------------------------------- */
.pseudo-content .pseudo-list > ul > li{
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-list > ul > li > a{
padding:3px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
flex-wrap:wrap;
}
.pseudo-content .pseudo-list > ul > li.has-child > a{
padding-right:20px;
}
.pseudo-content .pseudo-list > ul > li.has-child > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.pseudo-content .pseudo-list > ul > li > label{
padding:3px 0 3px 30px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}
.pseudo-content .pseudo-list > ul > li > label input{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
}

/* .pseudo-list > .pseudo-list-btn-prev
----------------------------------------------- */
.pseudo-content .pseudo-list .pseudo-list-btn-prev{
padding:3px 0;
border-width:0 0 1px;
border-style:solid;
border-color:#e5e5e5;
color:var(--cmn-font-color-link);
min-height:45px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
}

/* .pseudo-list > .pseudo-list-btn-del
----------------------------------------------- */
.pseudo-content .pseudo-list .pseudo-list-btn-del{
margin:10px 0 0 auto;
padding:0;
color:var(--cmn-font-color-gray);
display:block;
border:none;
background:transparent;
text-decoration:underline;
font-size:14px;
}

/* ----------------------------------------------------------------
  Pseudo Word Search Modules
----------------------------------------------------------------- */
/* .pseudo-word-search
----------------------------------------------- */
.pseudo-content .pseudo-word-search{
margin:0 -10px;
padding:8px 10px;
background-color:#111;
}
.pseudo-content .pseudo-header + .pseudo-word-search{
margin-top: -8px;
}
.pseudo-content .pseudo-word-search > div{
padding-right:30px;
border-radius:4px;
background-color:#fff;
position:relative;
}
.pseudo-content .pseudo-word-search input{
padding:0 7px;
border:none;
height:42px;
}
.pseudo-content .pseudo-word-search input::-webkit-input-placeholder,
.pseudo-content .pseudo-word-search input::placeholder{
font-size:16px;
}
.pseudo-content .pseudo-word-search button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .pseudo-word-search-tab
----------------------------------------------- */
.pseudo-content .pseudo-word-search-tab{
margin:0 -10px 4px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
padding-right:32%;
background-color:#fff;
}
.pseudo-content .pseudo-word-search-tab > li{
-webkit-box-flex:1;
flex:1;
position:relative;
}
.pseudo-content .pseudo-word-search-tab button{
padding:0;
border:none;
color:var(--cmn-font-color-gray);
width:100%;
height:54px;
line-height:1.25;
background:transparent;
font-size:14px;
}
.pseudo-content .pseudo-word-search-tab button[aria-selected="true"]{
color:var(--cmn-font-color-base);
position:relative;
font-weight:bold;
}
.pseudo-content .pseudo-word-search-tab button[aria-selected="true"]::before{
content:'';
display: block;
width: 84%;
height: 2px;
overflow: hidden;
position: absolute;
bottom: 8px;
left: 8%;
background-color:var(--cmn-font-color-base);
}
.pseudo-content .pseudo-word-search-tab button:disabled{
color:#ccc;
}
.pseudo-content .pseudo-word-search-tab .blank button{
font-size:12px;
}
.pseudo-content .pseudo-word-search-tab .blank button::before{
content:'';
border:1px solid #bbb;
border-radius:4px;
display:block;
width:84%;
height:58%;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

/* .pseudo-word-search-tab-content
----------------------------------------------- */
.pseudo-content .pseudo-word-search-tab-content [role="tabpanel"]{
display:none;
}
.pseudo-content .pseudo-word-search-tab-content [role="tabpanel"].is-active{
display:block;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:374px){
.pseudo-content .pseudo-word-search-tab > li:first-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo-content .pseudo-word-search-tab button span{
display:block;
}
}


/* ----------------------------------------------------------------
  Pseudo Suggest Modules
----------------------------------------------------------------- */
/* .pseudo-suggest-category
----------------------------------------------- */
.pseudo-content .pseudo-suggest-category{
margin:0 -10px;
padding:8px 10px 10px;
box-shadow:0 0 6px rgba(0, 0, 0, .3);
background:#fff;
}

/* .pseudo-suggest-category-hdg
----------------------------------------------- */
.pseudo-content .pseudo-suggest-category-hdg{
font-weight:normal;
font-size:11px;
}

/* .pseudo-suggest-sup
----------------------------------------------- */
.pseudo-content .pseudo-suggest-sup{
margin:20px 0;
}

/* .pseudo-suggest-info
----------------------------------------------- */
.pseudo-content .pseudo-suggest-info{
margin:0 -10px;
padding:10px;
border-bottom:5px solid #e5e5e5;
}

/* .pseudo-suggest-list
----------------------------------------------- */
.pseudo-content .pseudo-suggest-list{
line-height:1.25;
font-size:14px;
padding-bottom:10px;
}
.pseudo-content .pseudo-suggest-list > li{
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-suggest-list > li > a{
padding:3px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
flex-wrap:wrap;
}
.pseudo-content .pseudo-suggest-list > li[class] > a{
padding-left:20px;
position:relative;
}
.pseudo-content .pseudo-suggest-list > li[class] > a::before{
margin-top:-8px;
content:'';
display:block;
width:15px;
height:16px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}
.pseudo-content .pseudo-suggest-list > .loupe > a::before{
background-image:url(/element/j_hotel/shared/images/icon-search.svg);
}
.pseudo-content .pseudo-suggest-list > .airport > a::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}
.pseudo-content .pseudo-suggest-list > .station > a::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}
.pseudo-content .pseudo-suggest-list > .spot > a::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}
.pseudo-content .pseudo-suggest-list > .hotel > a::before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
opacity:1;
}
.pseudo-content .pseudo-suggest-list > .area > a::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}
.pseudo-content .pseudo-suggest-list > .restaurant > a::before{
background-image:url(/element/shared/images/icon/icon-restaurant.svg);
}
.pseudo-content .pseudo-suggest-list .review-rate,
.pseudo-content .pseudo-list .review-rate{
display:block;
width:100%;
margin-top:-2px;
}

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

/* ----------------------------------------------------------------
  .form-input-word
----------------------------------------------------------------- */
/* .form-input-word
----------------------------------------------- */
.form-input-word{
margin:20px 0;
position:relative;
}

/* .form-input-word-inner
----------------------------------------------- */
::placeholder {
color:#949494;
}
.form-input-word .form-input-word-inner{
position:relative;
}
.form-input-word .form-input-word-inner input[type='text'],
.form-input-word .form-input-word-inner input[type='search']{
padding:0 30px 0 7px;
border:1px solid #999;
height:42px;
}
.form-input-word .form-input-word-inner input[type='text']::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type='text']::placeholder{
font-size:12px;
color:#9e9e9e;
}
.form-input-word .form-input-word-inner input[type='search']::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type='search']::placeholder{
font-size:12px;
color:#9e9e9e;
}
.form-input-word .form-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .form-input-word-suggest
----------------------------------------------- */
.form-input-word .form-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:1%;
z-index:2;
width:98%;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.form-input-word .form-input-word-suggest.is-active{
display:block;
}

/* .form-input-word-suggest-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-hdg{
padding:5px 10px;
background-color:#e5e5e5;
font-size:13px;
}

/* .form-input-word-suggest-sup
----------------------------------------------- */
.form-input-word .form-input-word-suggest-sup{
padding:10px;
font-size:13px;
}

/* .form-input-word-suggest-list-keyword
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list-keyword{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list-keyword > li{
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list-keyword > li a{
padding:0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.form-input-word .form-input-word-suggest-list-keyword > li button:before{
content:'';
display:block;
width:11px;
height:100%;
position:absolute;
right:7px;
opacity:.9;
background:url(/element/shared/images/icon/icon-plus.svg) 50% 50% no-repeat;
}


/* .form-input-word
------------------------------------------------ */
/*
.form-input-word{
margin:20px 0;
}
.form-input-word > span{
position:relative;
}
.form-input-word > span input[type="text"]{
border-color:#bbb;
padding-right:35px;
}
.form-input-word > span > .del{
width:15px;
height:15px;
background:#555;
border-radius:2px;
color:#fff;
text-indent:-9999px;
display:block;
position:absolute;
right:10px;
top:4px;
}
.del:before,.del:after{
display:block;
content:'';
width:1px;
height:10px;
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
border-radius:10px;
position:absolute;
top:3px;
left:7px;
}
.form-input-word .del:before,.form-input-word .del:after{
background-color:#fff;
}
.del:after{
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
*/

.suggest-container{
margin:20px 0;
}
.pseudo-sticky-hdg + .suggest-container{
margin:10px 0 20px;
}
.suggest-container > span{
position:relative;
}
.suggest-container > span input[type="text"],
.suggest-container > span input[type="search"]{
border-color:#bbb;
padding-right:35px;
min-height:42px;
}
.suggest-container > span > .del{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:42px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 8px 50% no-repeat;
background-size:14px;
position:absolute;
right:0;
top:-11px;
}

/* .form-input-word-suggest-logo
----------------------------------------------- */
.form-input-word .form-input-word-suggest-logo{
padding:10px;
line-height:1;
text-align:right;
}
.form-input-word .form-input-word-suggest-logo img{
vertical-align:bottom;
width:120px;
}


/* suggest
----------------------------------------------- */
/*
.form-input-word {
position:relative;
}
.form-input-word .suggest-box {
position:absolute;
z-index:1;
left:1%;
display:none;
width:98%;
border:1px solid #b5b5b5;
background-color:#fff;
box-sizing:border-box;
top:50px;
margin:0 ;
}
.form-input-word .suggest-box > ul {
margin:0;
}
.form-input-word .suggest-box > ul li{
border-bottom:1px solid #e5e5e5;
}
.form-input-word .suggest-box > ul a {
display:block;
padding:10px;
font-size:15px;
color:var(--cmn-font-color-base);
}
.form-input-word .hdg-l2 {
margin:0;
font-size:13px;
box-sizing:border-box;
background:#f5f5f5;
padding:5px 10px;
color:var(--cmn-font-color-base);
}
.form-input-word.is-active .suggest-box {
display:block;
}
.txt-suggest{
padding:10px;
text-align:right;
font-size:13px;
color:#555;
}
.info-suggest{
font-size:11px;
padding:0 10px 10px;
color:var(--cmn-font-color-gray);
}
.form-input-word .suggest-box > ul.suggest-list-spot li a{
position:relative;
padding-left:35px;
display:block;
}
.suggest-list-spot li a:before{
position:absolute;
top:20px;
left:10px;
display:block;
width:18px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png);
background-repeat:no-repeat;
background-size:220px;
}
.suggest-list-spot li.spot-01 a:before {
background-position:0 0;
}
.suggest-list-spot li.spot-02 a:before {
background-position:-37px 0;
}
.suggest-list-spot li.spot-03 a:before {
background-position:-18px 0;
}
.suggest-list-spot li.spot-04 a:before {
background-position:-55px 0;
}
.suggest-list-spot li.spot-05 a:before {
background-position:-75px 0;
}
.suggest-list-spot li.spot-06 a:before {
background-position:-94px 0;
}
.suggest-list-spot li.spot-07 a:before {
width:13px;
margin-left:3px;
background-position:-110px 0;
}
.suggest-list-spot li.spot-08 a:before {
background-position:-122px 0;
}
.suggest-error{
padding:10px;
font-size:13px;line-height:1.4;
}
.suggest-error > b{
display:block;
margin-bottom:4px;
}
*/

.suggest-container {
position:relative;
}
.suggest-container .suggest-box {
position:absolute;
z-index:1;
left:1%;
display:none;
width:98%;
border:1px solid #b5b5b5;
background-color:#fff;
box-sizing:border-box;
top:41px;
margin:0 ;
}
.suggest-container .suggest-box.is-active{
display:block;
margin-top:-9px;
}
.suggest-container .suggest-box > ul {
margin:0;
}
.suggest-container .suggest-box > ul li{
border-bottom:1px solid #e5e5e5;
}
.suggest-container .suggest-box > ul a {
display:block;
padding:10px;
font-size:15px;
color:var(--cmn-font-color-base);
}
.suggest-container .hdg-l2 {
margin:0;
font-size:13px;
box-sizing:border-box;
background:#f5f5f5;
padding:5px 10px;
color:var(--cmn-font-color-base);
}
.suggest-container.is-active .suggest-box {
display:block;
}
.txt-suggest{
padding:10px;
text-align:right;
font-size:13px;
color:#555;
}
.info-suggest{
font-size:11px;
padding:5px 10px 10px;
color:var(--cmn-font-color-gray);
}
.suggest-container .suggest-box > ul.suggest-list-spot li a{
position:relative;
padding-left:35px;
display:block;
}
.suggest-list-spot li a:before{
position:absolute;
top:20px;
left:10px;
display:block;
width:18px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png);
background-repeat:no-repeat;
background-size:220px;
}
.suggest-list-spot li.spot-01 a:before {
background-position:0 0;
}
.suggest-list-spot li.spot-02 a:before {
background-position:-37px 0;
}
.suggest-list-spot li.spot-03 a:before {
background-position:-18px 0;
}
.suggest-list-spot li.spot-04 a:before {
background-position:-55px 0;
}
.suggest-list-spot li.spot-05 a:before {
background-position:-75px 0;
}
.suggest-list-spot li.spot-06 a:before {
background-position:-94px 0;
}
.suggest-list-spot li.spot-07 a:before {
width:13px;
margin-left:3px;
background-position:-110px 0;
}
.suggest-list-spot li.spot-08 a:before {
background-position:-122px 0;
}
.suggest-error{
padding:10px;
font-size:13px;
line-height:1.4;
}
.suggest-error > b{
display:block;
margin-bottom:4px;
}

/* ----------------------------------------------------------------
  .form-input-word
----------------------------------------------------------------- */
/* .form-input-word
----------------------------------------------- */
.form-input-word{
position:relative;
}

/* .form-input-word-inner
----------------------------------------------- */
.form-input-word .form-input-word-inner{
position:relative;
}
.form-input-word .form-input-word-inner input[type='text'],
.form-input-word .form-input-word-inner input[type='search']{
padding:0 30px 0 7px;
border:1px solid #bbb;
height:42px;
}
.form-input-word .form-input-word-inner input[type='text']::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type='text']::placeholder{
font-size:12px;
}
.form-input-word .form-input-word-inner input[type='search']::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type='search']::placeholder{
font-size:12px;
}
.form-input-word .form-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .form-input-word-suggest
----------------------------------------------- */
.form-input-word .form-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:1%;
z-index:2;
width:98%;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.form-input-word .form-input-word-suggest.is-active{
display:block;
}

/* .form-input-word-suggest-sup
----------------------------------------------- */
.form-input-word .form-input-word-suggest-sup{
padding:10px;
font-size:13px;
}

/* .form-input-word-suggest-btn
----------------------------------------------- */
.form-input-word .form-input-word-suggest-btn{
padding:10px;
border:none;
color:#555;
width:100%;
background:none;
font-size:13px;
text-align:right;
}

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list > li{
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list > li a{
padding:10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
box-sizing:border-box;
}
.form-input-word .form-input-word-suggest-list > li[class] a{
padding-left:35px;
position:relative;
display:-webkit-box;
padding-top:5px;
padding-bottom:5px;
}
.form-input-word .form-input-word-suggest-list > li a > span{
display:block;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate [class^="icon-r-"].icon-r-hotel span {
width:60px;
background-size:124px;
padding-top:12px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-5.icon-r-hotel span {
background-position:-2px -28px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-45.icon-r-hotel span {
background-position:-14px -43px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-4.icon-r-hotel span {
background-position:-14px -28px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-35.icon-r-hotel span {
background-position:-26px -43px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-3.icon-r-hotel span {
background-position:-26px -28px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-25.icon-r-hotel span {
background-position:-38px -43px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-2.icon-r-hotel span {
background-position:-38px -28px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-15.icon-r-hotel span {
background-position:-50px -43px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-1.icon-r-hotel span {
background-position:-50px -28px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-05.icon-r-hotel span {
background-position:-62px -43px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .rank-0.icon-r-hotel span {
background-position:-62px -28px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate{
clear:both;
display:block;
margin:1px 0 0 0;
}
.form-input-word .form-input-word-suggest-list > li[class] a:before{
position:absolute;
left:0;
bottom:50%;
transform:translateY(50%);
display:block;
width:35px;
height:100%;
content:'';
background-position:50% 50%;
background-repeat:no-repeat;
}
.form-input-word .form-input-word-suggest-list > li.area a:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:10px 16px;
}
.form-input-word .form-input-word-suggest-list > li.spot a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.airport a:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:18px 18px;
}
.form-input-word .form-input-word-suggest-list > li.station a:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:13px 15px;
}
.form-input-word .form-input-word-suggest-list > li.hotel a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:18px 13px;
opacity:.75;
}
.form-input-word .form-input-word-suggest-list > li.restaurant a:before{
background-image:url(/element/shared/images/icon/icon-restaurant.svg);
background-size:13px 15px;
}
.form-input-word .form-input-word-suggest-list > li.hotel.list-review a:before{
background-position:50% 12px;
}
.form-input-word .form-input-word-suggest-list > li a b{
font-size:14px;
}

/* .form-input-word-suggest-category
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category{
padding:5px 10px;
background-color:#f5f5f5;
}

/* .form-input-word-suggest-category-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-hdg{
font-size:11px;
font-weight:normal;
}

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


/* calendar
----------------------------------------------- */
.hdg-cal-container {
position:relative;
margin:0 -10px;
}
.hdg-cal-container .hdg-cal {
font-size:15px;
line-height:1.2;
padding:10px;
margin-top:8px;
}
.hdg-cal-container .hdg-cal-btn {
font-size:13px;
font-weight:bold;
line-height:1;
position:absolute;
top:3px;
right:10px;
padding:4px 5px;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
box-shadow:0 -2px rgba(210, 210, 210, .75) inset;
}
.hdg-cal-container .hdg-cal-btn.active {
padding:5px;
border:none;
background-color:#ffb92a;
box-shadow:none;
}
.pseudo-header-sticky + .hdg-cal-container{
margin-top:43px;
}
.calendar-container {
margin:0 -10px;
padding:4px 0 11px;
border-bottom:1px solid #bbb;
}
.pseudo-calendar{
font-family:var(--cmn-font-family);
}
.calendar-container .calendar {
font-size:14px;
font-weight:normal;
width:100%;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
background-color:#fff;
}
.calendar-container .calendar th{
font-weight:normal;
font-size:13px;
padding-bottom:11px;
}
.calendar td {
border-collapse:collapse;
position:relative;
padding:4px 0;
}
.calendar-container .calendar td.start a,
.calendar-container .calendar td.end a{
padding:9px 0;
position:relative;
z-index:1;
}
.calendar-container .calendar td.start:after{
content:'';
background-color:#ecf6ff;
height:38px;
width:50%;
top:50%;
right:0;
display:block;
position:absolute;
margin-top:-19px;
z-index:0;
}
.calendar-container .calendar td.end:after{
content:'';
background-color:#ecf6ff;
height:38px;
width:50%;
top:50%;
left:0;
display:block;
position:absolute;
margin-top:-19px;
z-index:0;
}
.calendar-container .calendar tr > td a {
position:relative;
display:block;
padding:9px 0 11px;
color:var(--cmn-font-color-base);
height:38px;
box-sizing:border-box;
}
.calendar-container .calendar tr > td.start a,
.calendar-container .calendar tr > td.end a{
color:#fff;
height:38px;
box-sizing:border-box;
}
.calendar-container .calendar tr > td.active a {
color:var(--cmn-font-color-base);
background-color:#ffb92a;
}

/*.calendar-container .calendar tr > td.disabled {
background-color:#f5f5f5;
}*/
.lyt-calendar.pseudo-content{
padding-top:35px;
}
.lyt-calendar.lyt-sticky .pseudo-header{
position:fixed;
width:100%;
top:10px;
z-index:1;
margin-top:-10px;
}
.calendar-container .calendar tr > td.disabled a {
cursor:default;
color:#ccc;
}
.calendar-container .calendar tr > td:nth-child(1) a,
.calendar-container .calendar tr > th:nth-child(1),
.calendar-container .calendar tr > td.holiday a,
.calendar-container .calendar tr > td:nth-child(7).holiday a{
color:var(--cmn-font-color-red);
}
.calendar-container .calendar tr > td.holiday.start a,
.calendar-container .calendar tr > td.holiday.end a,
.calendar-container .calendar tr > td.end:nth-child(1) a,
.calendar-container .calendar tr > td.start:nth-child(1) a{
color:#fff
}
.calendar-container .calendar tr > td.disabled:nth-child(1) a,
.calendar-container .calendar tr > td.disabled:nth-child(7) a,
.calendar-container .calendar tr > td.disabled.holiday a,
.calendar-container .calendar tr > td.disabled.holiday:nth-child(7) a {
color:#ccc;
}

/* calendar-cheapest
----------------------------------------------- */
.calendar-cheapest-container {
margin:-10px;
padding:10px;
background-color:#fff;
}
.calendar-cheapest-header {
position:relative;
box-sizing:border-box;
margin:-10px -10px 0;
padding:10px 55px 8px;
color:#fff;
background-color:#797979;
}
.calendar-cheapest-hdg {
font-size:16px;
font-weight:bold;
line-height:1.25;
text-align:center;
}
.calendar-cheapest-btn-prev {
font-size:15px;
font-weight:bold;
position:absolute;
top:0;
left:0;
height:100%;
padding:0 10px;
color:#fff;
border-width:0 1px 0 0;
border-style:solid;
border-color:var(--color-gray);
background:none;
}
.calendar-cheapest-catch {
margin:0 -10px 10px;
padding:10px;
text-align:center;
background-color:#eee;
}
.calendar-cheapest-catch > :first-child {
margin-top:0;
}
.calendar-cheapest-catch > :last-child {
margin-bottom:0;
}
.calendar-cheapest-sup {
font-size:11px;
display:block;
color:#555;
}
.calendar-cheapest-nav {
position:relative;
margin-bottom:20px;
padding:0 75px;
text-align:center;
}
.calendar-cheapest-nav strong {
color:var(--cmn-font-color-red);
}
.calendar-cheapest-nav-hdg {
font-size:16px;
line-height:1.25;
}
.calendar-cheapest-nav-info {
font-size:13px;
}
.calendar-cheapest-nav-list {
margin:0;
}
.calendar-cheapest-nav-list > li {
position:absolute;
bottom:50%;
left:0;
width:65px;
height:86%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}
.calendar-cheapest-nav-list > li.next {
right:0;
left:auto;
}
.calendar-cheapest-nav-list > li.next button {
padding:0 15px 0 10px;
}
.calendar-cheapest-nav-list > li.next button:before {
right:10px;
left:auto;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}
.calendar-cheapest-nav-list > li button {
font-size:14px;
font-weight:bold;
width:100%;
height:100%;
padding:0 10px 0 15px;
border:1px solid #949494;
border-radius:4px;
background:none;
}
.calendar-cheapest-nav-list > li button:before {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:6px 6px 6px 0;
border-style:solid;
border-color:transparent #888 transparent transparent;
}
.calendar-cheapest-nav-list > li button:before {
top:50%;
left:10px;
margin-top:-6px;
}
.calendar-cheapest-nav-list > li button[disabled] {
color:#fff;
border-color:#ccc;
background-color:#ccc;
}
.calendar-cheapest-nav-list > li button[disabled]:before {
display:none;
}
.calendar-cheapest-note {
font-size:12px;
overflow:hidden;
color:#555;
}
.calendar-cheapest-note-icon {
position:relative;
float:left;
padding-left:22px;
}
.calendar-cheapest-note-icon:before {
position:absolute;
top:50%;
left:0;
display:block;
overflow:hidden;
width:20px;
height:14px;
content:'';
}
.calendar-cheapest-note-icon:before {
box-sizing:border-box;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border:1px solid #e93939;
border-radius:50%;
}
.calendar-cheapest-note-unit {
float:right;
}
.calendar-cheapest-tbl {
font-size:11px;
line-height:1;
width:100%;
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
color:#555;
}
.calendar-cheapest-tbl tr > th {
font-size:12px;
padding:4px 2px;
vertical-align:middle;
border-width:0 1px;
border-style:solid;
border-color:#fff;
background-color:#f5f5f5;
}
.calendar-cheapest-tbl tr > th:first-child {
border-left:none;
background-color:#feeaee;
}
.calendar-cheapest-tbl tr > th:nth-child(7) {
border-right:none;
background-color:#e7f2fe;
}
.calendar-cheapest-tbl tr > td {
padding:0;
text-align:center;
vertical-align:top;
border-bottom:1px solid #eaeaea;
}
.calendar-cheapest-tbl tr > td:first-child {
color:var(--cmn-font-color-red);
}
.calendar-cheapest-tbl tr > td:nth-child(7) {
color:#0073e9;
}
.calendar-cheapest-tbl tr > td > div {
box-sizing:border-box;
height:50px;
padding:5px 0 0;
cursor:pointer;
}
.calendar-cheapest-tbl .calendar-cheapest-price {
font-size:12px;
font-weight:bold;
line-height:30px;
position:relative;
display:block;
height:30px;
color:var(--cmn-font-color-base);
}
.calendar-cheapest-tbl .calendar-cheapest-icon {
position:absolute;
top:10%;
left:5%;
display:block;
box-sizing:border-box;
width:90%;
height:80%;
text-indent:-9999px;
border:1px solid #e93939;
border-radius:50%;
}
.calendar-cheapest-tbl .calendar-cheapest-disabled {
cursor:default;
}
.calendar-cheapest-tbl .calendar-cheapest-disabled:after {
position:static;
display:block;
overflow:hidden;
width:100%;
height:30px;
content:'';
}
.calendar-cheapest-tbl .calendar-cheapest-disabled:after {
line-height:30px;
content:'-';
color:#808080;
}
.calendar-cheapest-tbl .calendar-cheapest-holiday {
color:var(--cmn-font-color-red);
}
.calendar-cheapest-tbl .calendar-cheapest-active {
background-color:#ffe7b5;
}
.calendar-container .calendar tr > td.active a{
background-color:#ecf6ff;
}
.calendar td.start a,
.calendar td.end a {
margin:0 auto;
border-radius:5px;
color:#fff;
width:38px;
position:relative;
background-color:#2584d1;
font-weight:normal;
}
.calendar td.start a:after,
.calendar td.end a:after {
top:50%;
right:0;
margin-top:-25px;
border-width:25px 0 25px 10px;
border-color:#eee #eee #eee #ffb92a;
}
.calendar td.end a:after {
right:auto;
left:0;
border-width:25px 10px 25px 0;
border-color:#eee #ffb92a #eee #eee;
}
.calendar td.end .icon {
top:auto;
right:0;
bottom:-26px;
left:auto;
box-shadow:0 0 1px #000 inset;
line-height:1.3;
}
.calendar td.end .icon:before {
top:-5px;
bottom:auto;
border-width:0 5px 5px 5px;
border-color:transparent transparent #000 transparent;
}
.calendar td .icon {
font-size:10px;
font-weight:bold;
position:relative;
position:absolute;
z-index:2;
top:-33px;
left:0;
display:block;
min-width:2.5em;
padding:5px 3px;
text-align:center;
color:#fff;
border-radius:4px;
background-color:#444;
text-shadow:none;
white-space:nowrap;
line-height:1.3;
box-shadow:0 -2px 0 #000 inset;
display:none;
}
.calendar td .icon:before {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:7px 7px 0 7px;
border-style:solid;
border-color:#444 transparent transparent transparent;
box-shadow:0 -2px 0 #000 inset;
z-index:2;
}
.calendar td.start .icon:after {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:7px 7px 0 7px;
border-style:solid;
border-color:#000 transparent transparent transparent;
bottom:-7px;
left:50%;
margin-left:-5px;
z-index:1;
}
.calendar td .icon:before {
bottom:-5px;
left:50%;
margin-left:-5px;
}
.calendar td.end .icon {
top:auto;
right:0;
bottom:-33px;
left:auto;
box-shadow:0 0 1px #444 inset;
line-height:1.3;
box-shadow:0 -2px 0 #000 inset;
}
.calendar td.end .icon:before {
top:-5px;
bottom:auto;
border-width:0 5px 5px 5px;
border-color:transparent transparent #444 transparent;
}

/* .calendar-02
----------------------------------------------- */
.calendar-02 {
font-size:11px;
width:100%;
margin:0;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
background-color:#fff;
}
.calendar-02 thead th{
font-size:12px;
color:#555;
border:2px solid #fff;
background-color:#f5f5f5;
}
.calendar-02 thead th:nth-child(1){
background-color:#feeaee;
}
.calendar-02 thead th:nth-child(7){
background-color:#e7f2fe;
}
.calendar-02 tbody tr{
border-bottom:1px solid #e9e9e9;
}
.calendar-02 tbody tr td{
vertical-align:top;
padding:0;
}
.calendar-02 tbody td a{
display:block;
color:#555;
position:relative;
min-height:60px;
padding:5px;
box-sizing:border-box;
}
.calendar-02 tbody td.active{
background-color:#ffce6c;
}
.calendar-02 tbody td.holiday a{
color:var(--cmn-font-color-red);
}
.calendar-02 tbody td:nth-child(1) a{
color:var(--cmn-font-color-red);
}
.calendar-02 tbody td:nth-child(7) a{
color:#0073e9;
}
.calendar-02 tbody td a > span{
display:block;
color:#555;
line-height:33px;
}
.calendar-02 tbody td a > .price{
line-height:1.55;
font-weight:bold;
}
.calendar-02 tbody td.available a > .icon-stock,
.calendar-02 tbody td.full a > .icon-stock,
.calendar-02 tbody td.less a > .icon-stock{
position:relative;
height:0;
padding-top:16px;
overflow:hidden;
}
.calendar-02 tbody td.available a > .icon-stock:before{
content:"";
position:absolute;
top:0;
left:50%;
margin-left:-8px;
display:block;
width:16px;
height:16px;
box-sizing:border-box;
border:2px solid #0073e9;
border-radius:100%;
}
.calendar-02 tbody td.full a > .icon-stock:before,
.calendar-02 tbody td.full a > .icon-stock:after{
content:"";
position:absolute;
height:2px;
width:16px;
display:block;
background:#c2c2c2;
top:50%;
left:50%;
margin-left:-8px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.calendar-02 tbody td.full a > .icon-stock:after{
position:absolute;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.calendar-02 tbody td.full a > .price{
opacity:.5;
}
.calendar-02 tbody td.less a > .icon-stock:before,
.calendar-02 tbody td.less a > .icon-stock:after{
content:"";
position:absolute;
top:2px;
left:50%;
margin-left:-8px;
display:block;
border-width:0 8px 14px 8px;
border-style:solid;
border-color:transparent transparent #0073e9 transparent;
}
.calendar-02 tbody td.less a > .icon-stock:after{
top:6px;
margin-left:-5px;
border-width:0 5px 8px 5px;
border-color:transparent transparent #fff transparent;
}
.calendar-02 tbody td.less.active a > .icon-stock:after{
border-color:transparent transparent #ffce6c transparent;
}

/* .sticky-box
----------------------------------------------- */
.sticky-box {
position:fixed;
bottom:0;
left:0;
box-sizing:border-box;
width:100%;
padding:6px 10px 12px 10px;
background-color:#444;
z-index:1;
}
/* .sticky-box-btn
----------------------------------------------- */
.btn-01, .sticky-box-btn {
font-size:16px;
width:100%;
height:44px;
color:#fff;
border:none;
border-radius:4px;
background-color:#444;
}
.sticky-box-btn {
border:none;
border-radius:4px;
color:#fff;
display:table;
width:100%;
height:45px;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:normal;
margin-top:15px;
}
.sticky-box-btn[disabled]{
background-color:#264e6d;
color:#7f827a;
}
.pseudo-calendar .sticky-box-btn{
margin:9px auto 0;
max-width: 80%;
min-width: 60%;
-webkit-box-flex: 0;
flex: none;
width:auto;
}
@media screen and (max-width:320px){
.pseudo-calendar .sticky-box-btn {
width:80%;
}
}

/* calendar
----------------------------------------------- */
.pseudo-calendar{
padding-top:35px;
min-height:100vh;
}
.pseudo-calendar .pseudo-header{
position:fixed;
left:0;
top:0;
width:100%;
margin-left:0;
z-index:2;
}
.calendar-sticky-box .calendar-term .days{
white-space:nowrap;
}
#act_foot_page-filter-calendar.pseudo-sticky[data-role='dialog'].is-active,
#act_foot_page-filter-room.pseudo-sticky[data-role='dialog'].is-active{
padding-bottom:0;
position:absolute;
min-height:100vh;
}
#act_foot_calendar_picker{
padding-bottom:120px;
}

/* .sticky-box .calendar-term
----------------------------------------------- */
.sticky-box .calendar-term {
padding:3px 0 0;
width:calc(100%);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-shadow:none;
font-size:14px;
min-height:36px;
}
.sticky-box .calendar-term > span {
font-size:12px;
vertical-align:middle;
position:relative;
font-size:14px;
}
.sticky-box .calendar-term > span:last-child{
padding-left:6px;
}
.sticky-box .calendar-term > span:first-child{
padding-right:14px;
}
.sticky-box .calendar-term > span a > span{
font-size:14px;
}
.sticky-box .calendar-term > span b{
font-weight:normal;
}
.pseudo-calendar .sticky-box .calendar-term > span a > span{
font-size:14px;
}
.pseudo-calendar .sticky-box .calendar-term > span a > span small{
font-size:11px;
}
.pseudo-calendar .sticky-box-btn{
margin:9px auto 0;
max-width: 80%;
min-width: 60%;
-webkit-box-flex: 0;
flex: none;
width:auto;
}
@media screen and (max-width:320px){
.pseudo-calendar .sticky-box-btn{
width:80%;
}
}
.sticky-box .calendar-term > span.start,
.sticky-box .calendar-term > span.end{
padding:3px 0;
border-radius:3px;
width:calc(50% - 7px);
box-sizing:border-box;
}
.sticky-box .calendar-term > span.start{
margin-right:7px;
}
.sticky-box .calendar-term > span.end{
margin-left:7px;
}
.sticky-box .calendar-term > span.start:after{
margin-top:-1px;
content:'';
display:block;
width:6px;
height:2px;
background-color:#fff;
position:absolute;
top:50%;
right:-10px;
}
.sticky-box .calendar-term > span a {
position:relative;
display:block;
padding:8px 10px;
min-height:36px;
color:#fff;
min-width:117px;
box-sizing:border-box;
}
.sticky-box .calendar-term > span.active {
position:relative;
color:var(--cmn-font-color-base);
}
.sticky-box .calendar-term > span a {
border-radius:3px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:block;
background-color:#bbb;
color:var(--cmn-font-color-base);
}
.sticky-box .calendar-term > span.active a {
background-color:#fff;
}
.sticky-box .calendar-term .days {
white-space:nowrap;
color:#fff;
font-size:16px;
font-weight:normal;
}
.sticky-box .calendar-term > span a > span.calendar-guide {
display:block;
color:var(--cmn-font-color-gray);
text-align:center;
padding:0;
margin:0;
height:inherit;
letter-spacing:-0.1em;
white-space:nowrap;
margin:0 -10px;
}
.sticky-box .calendar-term > span.active a > span.calendar-guide{
color:#999;
font-size:14px;
letter-spacing:normal;
letter-spacing:-.1em;
}

/* ----------------------------------------------------------------
  .search-result-header
----------------------------------------------------------------- */
/* .search-result-header
----------------------------------------------- */
.search-result-header{
margin: -11px -10px 0;
padding: 0 10px 10px;
border-top: 1px solid var(--key-color);
background: var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size: 100% auto;
}
.cmn-info + main .search-result-header{
padding-top:6px;
}

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category{
margin:12px 0 -4px;
color: #fff;
line-height: 1.35;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
font-size: 16px;
}
.search-result-header div:only-child{
margin-bottom:0;
}
.search-result-header-state .search-result-header-del-list{
margin-top:-5px;
}
.search-result-header-cheapest-txt{
display:block;
font-size:14px;
margin-top:4px;
color:#fff;
font-weight:normal;
}

/* .search-result-header-inner
----------------------------------------------- */
.search-result-header .search-result-header-inner{
padding:8px 12px 8px;
border-radius:4px;
position:relative;
background-color:#fff;
font-size:12px;
line-height:1.35;
min-height:43px;
margin-top:12px;
}
.search-result-header .search-result-header-inner + .search-result-header-inner{
margin-top:10px;
display:none;
min-height:38px;
box-sizing:border-box;
}
.search-result-header .search-result-header-inner + .search-result-header-inner.is-active{
display:block;
}
.search-result-header .search-result-header-inner + .search-result-header-inner .search-result-header-btn{
top:8px;
padding:4px 0;
}

/* .search-result-header-state
----------------------------------------------- */
.search-result-header .search-result-header-state{
padding-right:70px;
position:relative;
}
.search-result-header .search-result-header-inner + .search-result-header-inner .search-result-header-state{
padding-right:80px;
}

/* .search-result-header-hdg
----------------------------------------------- */
.search-result-header .search-result-header-hdg{
font-size:14px;
display:block;
}

/* .search-result-header-state-list
----------------------------------------------- */
.search-result-header .search-result-header-state-list,
.search-condition-state .search-result-header-state-list{
margin:0;
font-size:14px;
}
.search-result-header .search-result-header-state-list > li,
.search-condition-state .search-result-header-state-list > li{
margin:2px 0 3px;
font-size:14px;
}
.search-result-header .search-result-header-state-list > li{
margin:4px 0 0;
}
.search-result-header .search-result-header-state-list > li .date,
.search-condition-state .search-result-header-state-list > li .date{
display:inline-block;
font-size:14px;
line-height:1;
}
.search-result-header .search-result-header-state-list > li .date .year,
.search-condition-state .search-result-header-state-list > li .date .year{
display:block;
font-size:12px;
}
.search-result-header .search-result-header-state-list > li > span.date:last-child,
.search-condition-state .search-result-header-state-list > li > span.date:last-child{
padding-left:18px;
position:relative;
}
.search-result-header .search-result-header-state-list > li > span.date:last-child:before,
.search-condition-state .search-result-header-state-list > li > span.date:last-child:before{
content:'-';
display:inline-block;
position:absolute;
left:5px;
bottom:8px;
}

/* .search-result-header-state-list-01
----------------------------------------------- */
.search-result-header .search-result-header-state-list-01{
margin:0;
}
.search-result-header .search-result-header-state-list-01 > li{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-result-header .search-result-header-state-list-01 > li:not(:first-child){
margin-top:5px;
}
.search-result-header .search-result-header-state-list-01 > li > span{
padding-right:1em;
width:6em;
position:relative;
}
.search-result-header .search-result-header-state-list-01 > li > span:after{
content:'\ff1a';
position:absolute;
top:0;
right:0;
}
.search-result-header .search-result-header-state-list-01 > li > div{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}

/* .search-result-header-del-list
----------------------------------------------- */
.search-result-header-del-list .del{
display:inline-block;
margin-top:5px;
}
.search-result-header-del-list .del a{
font-size:12px;
background:#eee;
display:inline-block;
color:var(--cmn-font-color-base);
border-radius:3px;
padding:5px 18px 5px 4px;
margin-right:7px;
position:relative;
}
.search-result-header-del-list .del a:after {
content:"";
display:inline-block;
background:url(/element_sp/w_hotel/shared/images/icon-close.svg) 0 0 no-repeat;
background-size:100%;
width:9px;
height:9px;
margin-left:5px;
vertical-align:middle;
position:absolute;
right:5px;
top:50%;
margin-top:-4px;
}
.search-result-header-del-list .del-toggle-hook{
margin:0;
padding:0 0 0 13px;
border:none;
color:var(--cmn-font-color-base);
font-size:11px;
background: url(/element_sp/w_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size: 8px auto;
position:absolute;
right:-2px;
bottom:0;
}
.search-result-header-del-list .is-active + .act_condition_dotline + .del-toggle-hook{
margin:0;
padding:0 0 0 13px;
border:none;
color:var(--cmn-font-color-base);
font-size:11px;
background: url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size: 8px auto;
position:absolute;
right:-2px;
bottom:0;
}
.search-result-header-del-list .del-list-toggle{
display:none;
}
.search-result-header-del-list .del-list-toggle.is-active{
display:block;
}

/* .search-result-header-btn
----------------------------------------------- */
.search-result-header .search-result-header-btn{
position:absolute;
top:10px;
right:10px;
display:inline-block;
padding:4px 10px 0;
border:none;
background:none;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-base);
text-align:center;
border:1px solid #bbb;
width:48px;
height:42px;
border-radius:4px;
box-sizing:border-box;
box-shadow:inset 0 -3px 0 0 #d9d9d9;
}
.search-result-header .search-result-header-inner + .search-result-header-inner .search-result-header-btn{
padding-top:4px;
border:1px solid #bbb;
border-radius:4px;
width:48px;
height:22px;
position:absolute;
top:8px;
right:10px;
font-size:12px;
line-height:1.2;
background-color:#fff;
color:var(--cmn-font-color-base);
text-align:center;
box-sizing:border-box;
box-shadow:0 0 0;
}
.search-result-header .search-result-header-btn > span{
display:block;
}

/* .search-result-header-toggle
----------------------------------------------- */
.search-result-header .search-result-header-toggle{
margin-top:10px;
position:relative;
}
.search-result-header .search-result-header-toggle .search-result-header-toggle-item{
padding-right:110px;
height:1.35em;
position:relative;
overflow:hidden;
}
.search-result-header .search-result-header-toggle .search-result-header-toggle-item .search-result-header-state-list-01 li > div{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.search-result-header .search-result-header-toggle .search-result-header-toggle-hook{
position:absolute;
top:0;
right:0;
background-color:#fff;
}
.search-result-header .search-result-header-toggle .search-result-header-toggle-hook button{
margin:0;
padding:0 0 0 17px;
border:none;
color:#555;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
font-size:12px;
}
.search-result-header .search-result-header-toggle.is-active .search-result-header-toggle-item{
padding-right:0;
height:auto;
overflow:visible;
}
.search-result-header .search-result-header-toggle.is-active .search-result-header-toggle-item .search-result-header-state-list-01 li > div{
white-space:normal;
overflow:visible;
}
.search-result-header .search-result-header-toggle.is-active .search-result-header-toggle-hook{
margin-top:5px;
padding-left:0;
position:static;
text-align:right;
}
.search-result-header .search-result-header-toggle.is-active .search-result-header-toggle-hook button{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .search-result-header-sup
----------------------------------------------- */
.search-result-header .search-result-header-sup{
margin-bottom:0;
color:#fff;
line-height:1.35;
font-size:11px;
}
.search-result-header .search-result-header-sup a:not([class]){
color:#fff;
text-decoration:underline;
}

/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:0 -10px;
background:#f5f5f5;
}
.search-result .timeout{
padding:0 15px;
text-align:center;
}

/* .search-result-num
----------------------------------------------- */
.search-result .search-result-num{
padding:5px 10px;
color:#fff;
line-height:1.25;
background-color:#666;
font-size:12px;
}
.search-result .search-result-num .num{
font-family:Arial;
}
.search-result .search-result-num > b{
font-size:14px;
font-weight:normal;
}

/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
border-top:6px solid #666;
padding:15px 10px 0;
line-height:1.35;
position:relative;
}

.search-result .search-result-item .cmn-loading-spinner{
margin-bottom:148px;
}

/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
margin:0 0 10px 0;
padding-left:110px;
display:block;
position:relative;
min-height:115px;
}

/* .search-result-item-header-hdg
----------------------------------------------- */
.search-result .search-result-item-header-hdg{
margin-bottom:3px;
font-size:14px;
padding-right:25px;
}
.search-result .search-result-item-header-hdg-sup{
color:var(--cmn-font-color-gray);
font-size:12px;
font-family:Arial;
}

/* .search-result-item-header-sup
----------------------------------------------- */
.search-result .search-result-item-header-sup{
color:var(--cmn-font-color-base);
font-size:12px;
}

/* .search-result-item-header-thumb
----------------------------------------------- */
.search-result .search-result-item-header-thumb{
position:absolute;
top:0;
left:0;
width:100px;
}
.search-result .search-result-item-header-thumb a{
display:block;
}
.search-result .search-result-item-header-thumb .caption{
margin-top:2px;
color:#888;
display:block;
font-size:10px;
}
.search-result .search-result-item-header-thumb-inner{
display:block;
height:100px;
overflow:hidden;
position:relative;
background-color:#f1f1f1;
}
.search-result .search-result-item-header-thumb-inner img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}

/* .search-result-item-plan
----------------------------------------------- */
.search-result .search-result-item-plan{
margin-top:10px;
padding-top:10px;
border-top:1px solid #e0e0e0;
font-size:12px;
}

/* .search-result-item-plan-hdg
----------------------------------------------- */
.search-result .search-result-item-plan-hdg{
margin-bottom:3px;
font-size:11px;
}
.search-result .search-result-item-plan-hdg .plan-sup{
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:normal;
padding-left:12px;
}

/* .search-result-item-btn-favorite
----------------------------------------------- */
.search-result .search-result-item-btn-favorite{
margin:0;
padding:0;
color:transparent;
border:none;
position:absolute;
top:15px;
right:10px;
width:22px;
height:20px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/sprite/sprite-icon-favorite.svg) no-repeat 0 -20px;
background-size:100% auto;
}
.search-result .search-result-item-btn-favorite.is-active{
background-position:0 0;
}

/* .search-result-item-btn
----------------------------------------------- */
.search-result .search-result-item-btn{
margin:15px auto 0;
padding:9px 10px 10px;
color:#fff;
border-radius:4px;
display:block;
width:70%;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:bold;
text-align:center;
margin-bottom:15px;
min-height:37px;
}

/* .search-result-link-box
----------------------------------------------- */
.search-result-link-box{
text-align:center;
padding:12px;
border-top:1px solid #e5e5e5;
margin-top:12px;
}

/* .search-result-item-link
----------------------------------------------- */
.search-result-item-link{
font-size:16px;
padding-bottom:2px;
display:inline;
}

/* .hotel-detail-list
----------------------------------------------- */
.hotel-detail-list{
margin:2px 0;
}
.hotel-detail-list li{
display:inline-block;
font-size:12px;
color:var(--cmn-font-color-base);
}
.hotel-detail-list li .cmn-tip-btn{
margin:0 3px;
}
.hotel-detail-list li.disabled,
.list-line>li.disabled{
color:#ccc;
}
.hotel-detail-list li:before{
content:'/';
color:var(--cmn-font-color-base);
font-size:12px;
margin:0 3px;
display:inline-block;
vertical-align:middle;
line-height:1.3;
}
.hotel-detail-list li:first-child:before{
display:none;
}
.hotel-detail-list-2 li{
display:block;
font-size:12px;
color:var(--cmn-font-color-base);
}
.hotel-detail-list-2 li.list-check-in{
display:inline-block;
}
.hotel-detail-list-2 li.list-check-out{
display:inline-block;
margin-left:15px;
}
.hotel-detail-list-2 li .cell{
display:table-cell;
font-size:12px;
}
.hotel-detail-list-2 li .cell:first-child{
padding-right:2px;
white-space:nowrap;
}
.hotel-detail-list-2 li .cell:last-child:before{
content:':';
padding:0 2px;
}
.hotel-detail-list-2 li .hotel-route{
position:relative;
min-height:30px;
padding-top:16px;
padding-right:85px;
}
.hotel-detail-list-2 li .hotel-route a{
border:1px solid #bbb;
border-radius:3px;
padding:7px 5px 9px;
background:#fff;
text-align:center;
color:var(--cmn-font-color-base);
position:absolute;
right:0;
top:50%;
margin:-15px 0 0 0;
height:30px;
box-sizing:border-box;
}
.hotel-detail-list-2 li .hotel-route a span{
padding-left:14px;
}
.hotel-detail-list-2 li .hotel-route a span:before{
content:'';
background:url(/element_sp/shared/images/icon/icon-route.svg) left center no-repeat;
background-size:80% 80%;
width:12px;
height:12px;
display:block;
position:absolute;
left:7px;
top:50%;
margin-top:-6px;
}

/* .search-result-error
----------------------------------------------- */
.search-result .search-result-error{
margin:30px 10px;
text-align:center;
}

/* ----------------------------------------------------------------
  .review
----------------------------------------------------------------- */
/* .search-result-item-review
----------------------------------------------- */
.review .review-list{
margin-bottom:10px;
font-size:12px;
}
.review .review-list small{
font-size:12px;
}
.review .review-list > li{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.area-select .review .review-list > li{
margin-top:2px;
}
.detail-header + .review .review-list > li:not(:first-child){
margin-top:12px;
}
.area-select .review .review-list > li:not(:first-child){
margin-top:-1px;
}
.review .review-list > li > div:first-child{
width:9em;
position:relative;
box-sizing:border-box;
}
.review .review-list > li > div:first-child:after{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:0;
}
.review .review-list > li > div:first-child .cmn-tip-btn{
vertical-align:middle;
margin:-3px 0 2px 4px;
}
.search-result .search-result-item .review .review-list > li > div:first-child{
width:6.8em;
margin-right:5px;
}
.search-result .search-result-item .review .review-list > li > div:first-child:after{
content:':';
}
.detail-tab-container .review .review-list > li > div:first-child,
.Area_f_item > .review .review-list > li > div:first-child{
width:8.5em;
}
.review .review-list > li > div:last-child{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.review .review-list > li > div:last-child span{
font-size:12px;
font-weight:normal;
}
.map-view-area .review .review-list > li > div:last-child span{
vertical-align:text-bottom;
}
.review .review-list .review-rate{
display:inline-block;
vertical-align:middle;
}
.detail-tab-container .review .review-list .review-rate{
margin-top:-6px;
}
.review [class^='icon-r-'].icon-r-face span{
padding-top:10px;
}
.review .review-list .review-list-score{
margin-left:3px;
margin-right:1px;
}
.detail-tab-container .review .review-list .review-list-score{
margin-left:3px;
margin-right:6px;
vertical-align:middle;
margin-top:-4px;
display:inline-block;
}
.review .review-list > li > div .review-link{
font-size:11px;
color:#555;
text-decoration:underline;
padding-left:5px;
}
.review .cmn-tip-btn{
margin:0 4px;
vertical-align:text-top;
}
.detail-price-sum .cmn-tip-btn{
margin:0 13px 0 2px;
}

/* .str-bnb
----------------------------------------------- */
.str-bnb [class^="icon-r-"] span{
background-image:url(/element_sp/w_hotel/bnb/images/sprite-icon-rate.png);
}

/* .review-toggle
----------------------------------------------- */
.review .review-toggle{
margin-top:5px;
position:relative;
}
.review .review-toggle .review-toggle-hook{
margin:0;
padding:0 0 0 13px;
border:none;
position:absolute;
top: -27px;
left: 240px;
font-size:12px;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-01-down.svg) 0 50% no-repeat;
background-size:8px auto;
}
.detail-tab-container .review .review-toggle .review-toggle-hook{
left:245px;
top:-20px;
}
.review .review-toggle .review-toggle-item{
display:none;
}
.review .review-toggle.is-active .review-toggle-hook{
background-image:url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg);
}
.review .review-toggle.is-active .review-toggle-item{
display:block;
}

/* .review-site-list
----------------------------------------------- */
.review{
line-height:1.35;
}
.review .review-site-list{
font-size:12px;
}
.review .review-site-list > li{
margin:5px 0 0 4%;
width:48%;
float:left;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.review .review-site-list > li.disabled{
color:#ccc;
}
.review .review-site-list > li:nth-child(2n+1){
margin-left:0;
clear:both;
}
.review .review-site-list > li > span:first-child{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.review .review-site-list > li > span:last-child{
padding-left:5px;
width:3em;
font-weight:bold;
text-align:left;
}
.review .review-site-list > li.review-agt-list-sup{
color:#949494;
font-size:11px;
display:block;
margin-top:6px;
width:100%;
}
.nav-page-link{
display:block;
text-align:right;
margin-top:-16px;
}
.nav-page-link > a.page-link{
color:#555;
padding-left:25px;
position:relative;
font-size:11px;
}
.nav-page-link > a.page-link:after {
position:absolute;
left:15px;
top:50%;
margin-top:-6px;
content:"";
display:block;
width:6px;
height:6px;
border-right:1px solid #555;
border-bottom:1px solid #555;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.hdg-l2 + .review-date-rate{
margin-top:10px;
}

/* .review-site-list
----------------------------------------------- */
.review-agt-list{
background:#f5f5f5;
border-radius:4px;
padding:7px 10px;
margin-top:5px;
}
.review-agt-list .review-site-list{
margin:0 0 5px 0;
}
.review-agt-list .review-site-list > li{
margin:1px 0 0 1%;
width:48%;
float:left;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.review-agt-list .review-site-list > li.disabled{
color:#ccc;
}
.review-agt-list .review-site-list > li:nth-child(2n+1){
margin-left:0;
clear:both;
}
.review-agt-list .review-site-list > li:nth-child(n+3){
margin-top: 5px;
}
.review-agt-list .review-site-list > li > span:first-child{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
font-weight:normal;
}
.review-agt-list .review-site-list > li > div{
width:105px;
}
.review-agt-list .review-site-list > li:nth-child(even) > div{
width:115px;
}
.review-agt-list .review-site-list > li > div:last-child{
width:auto;
}
.review-agt-list .review-site-list > li > div:last-child::before{
content:'\0FF1A';
}
.review-agt-list .review-agt-list-sup{
color:var(--cmn-font-color-gray);
font-size:12px;
display:block;
margin-top:6px;
}

/* .review-error
----------------------------------------------------------------- */
.review-error{
border:1px solid #ccc;
font-size:14px;
text-align:left;
padding:10px 15px;
margin:10px 0;
}
.review-error-hdg{
display:block;
font-weight:bold;
margin-bottom:3px;
}

/* ----------------------------------------------------------------
  .plan
----------------------------------------------------------------- */
/* .plan
----------------------------------------------- */
.plan{
padding-left:78px;
position:relative;
line-height:1.35;
font-size:12px;
width:100%;
box-sizing:border-box;
}

/* .plan-link
----------------------------------------------- */
.plan .plan-link{
padding-right:15px;
color:var(--cmn-font-color-base);
display:block;
margin-bottom:5px;
}
.plan .meal-info{
display:block;
font-size:12px;
margin:3px 0 5px;
text-align:left;
}
.plan .plan-link:before{
border-width:2px 2px 0 0;
border-style:solid;
border-color:#555;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:5px;
right:2px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .plan-link-hdg / .plan-link-hdg-logo
----------------------------------------------- */
.plan .plan-link-hdg{
font-size:14px;
text-align:left;
font-weight:normal;
word-wrap:break-word;
word-break:break-all;
}
.plan-link-hdg-logo{
border:1px solid #e2e2e2;
display:block;
width:68px;
height:30px;
box-sizing:border-box;
box-shadow:0 -1px 0 #bbb inset;
font-size:12px;
background-color:#fff;
border-radius:3px;
position:relative;
}
.plan-link-hdg-logo img{
max-width:90%;
max-height:90%;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
margin:1px 0;
}
.agent-logo-box{
width:68px;
float:left;
margin-left:-78px;
margin-bottom:4px;
}
.agent-logo-box .vender-lang{
margin-top:5px;
padding:1px;
color:#555;
display:block;
background-color:#e8e8e8;
font-size:11px;
text-align:center;
}
.search-item-icon {
margin-top:5px;
padding:1px;
color:var(--cmn-font-color-base);
display:block;
background-color:#e8e8e8;
font-size:11px;
text-align:center;
}
.agent-info-other {
font-size:10px;
color:#888;
text-align:left;
line-height:1.2;
display:block;
margin-top:3px;
}
.agent-info-other .cmn-tip-btn{
margin-top:3px;
}

/* .plan-detail
----------------------------------------------- */
.plan .plan-detail{
margin:2px 0 5px;
}
.plan .plan-detail > li:not(:first-child){
margin-top:2px;
}
.plan .plan-detail > li img{
width:15px;
vertical-align:top;
}

/* .plan-price
----------------------------------------------- */
.plan .plan-price{
text-align:right;
line-height:1;
padding-right:10px;
display:inline-block;
float:right;
}
.plan .plan-price .plan-price-coupon .tag{
padding:4px 4px 2px;
display:inline-block;
background-color:#f1f1f1;
font-size:9px;
margin-bottom:4px;
color:var(--cmn-font-color-base);
}
.plan .plan-price .plan-price-coupon .price{
color:var(--cmn-font-color-red);
display:block;
text-decoration:line-through;
}
.plan .plan-price .plan-price-coupon .price > b{
font-size:19px;
font-family:Arial;
padding-right:2px;
}
.plan .plan-price .plan-price-sum{
color:var(--cmn-font-color-red);
position:relative;
}
.plan .plan-price .plan-price-sum + div{
margin-top:4px;
width:100%;
}
.plan .plan-price .price-02{
display:block;
margin-top:4px;
}
.plan .plan-price .plan-price-sum > span{
color:var(--cmn-font-color-base);
font-weight:bold;
padding-right:4px;
}
.plan .plan-price .plan-price-sum > b{
font-size:18px;
font-family:Arial;
}
.plan .plan-price .plan-price-per-person{
margin-top:5px;
}
.plan .plan-price .plan-price-time{
margin-top:8px;
color:#555;
font-size:10px;
}
.plan .plan-price .plan-price-sum,
.plan .plan-price .fee-tax-sum,
.plan .plan-price .resort-fee{
display:table;
box-sizing:border-box;
margin-top:5px;
min-width:100%;
}
.plan .plan-price a{
display:block;
margin-bottom:15px;
min-height:2.2em;
}
.plan .plan-price a > .plan-price-sum > div,
.plan .plan-price a > .fee-tax-sum > div,
.plan .plan-price .resort-fee > div{
display:table-cell;
vertical-align:middle;
text-align:left;
color:var(--cmn-font-color-base);
}
.plan .plan-price a > .plan-price-sum > div + div{
text-align:right;
}
.plan .plan-price a > .plan-price-sum div:last-child,
.plan .plan-price a > .fee-tax-sum > div:last-child,
.plan .plan-price .resort-fee > div:last-child{
width:auto;
min-width:73px;
text-align:right;
}
.plan .plan-price .plan-price-sum > div:first-child,
.plan .plan-price a > .plan-price-sum > div > span{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:12px;
padding-right:5px;
}
.plan .plan-price a > .plan-price-sum div:last-child{
color:var(--cmn-font-color-red);
}
.plan .plan-price .plan-price-sum b{
font-size:18px;
font-family:arial;
padding-right:2px;
}
.plan .plan-price .fee-tax-sum{
font-size:12px;
}
.plan .plan-price .fee-tax-sum > div:last-child{
font-size:12px;
}
.plan .plan-price .resort-fee{
font-size:12px;
}
.plan .plan-price .resort-fee > div:first-child{
color:var(--cmn-font-color-gray);
}
.plan .plan-price .resort-fee > div:first-child .icon-note{
padding-right:4px;
}
.plan .plan-price .num{
font-size:12px;
font-family:arial;
padding-right:2px;
}
.plan .plan-price{
position:relative;
display:block;
}
.plan .plan-price .plan-btn button{
font-size:12px;
font-weight:normal;
width:38px;
height:37px;
padding:5px;
box-sizing:border-box;
line-height:1.15;
padding:5px 5px 7px;
}
.plan .plan-price.without-fee .plan-btn{
position:absolute;
left:-45px;
top:0;
margin:0;
}
.plan .plan-price.include-fee .plan-btn{
position:absolute;
left:-75px;
left:-45px;
top:0;
bottom:inherit;
bottom:12px;
margin:0;
}
.plan .plan-price.include-fee .plan-price-sum > div:first-child,
.plan .plan-price.include-fee .plan-price-sum + div{
font-size:10px;
}
.plan .plan-price.include-fee a{
margin-left:-30px;
}
.plan .plan-price.include-fee .plan-price-sum > div:first-child,
.plan .plan-price.include-fee .fee-tax-sum > div:first-child{
text-align:left;
}

/* .no-fixdate
----------------------------------------------- */
.no-fixdate{
text-align:right;
}
.no-fixdate .no-fixdate-price .no-fixdate-price-sum{
color:var(--cmn-font-color-red);
}
.no-fixdate .no-fixdate-price .no-fixdate-price-sum .cmn-tip-btn{
margin:0 2px 1px;
}
.no-fixdate .no-fixdate-price .no-fixdate-price-sum > span{
color:var(--cmn-font-color-base);
font-weight:bold;
}
.no-fixdate .no-fixdate-price .no-fixdate-price-sum > b{
font-size:19px;
font-family:Arial;
}
.no-fixdate-price-sup{
text-align:right;
font-size:11px;
color:#888;
margin:4px 0 0 0;
}

/* .plan-btn
----------------------------------------------- */
.plan .plan-btn{
margin-top:5px;
}
.plan .plan-btn button{
padding:0;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
width:68px;
height:25px;
box-shadow:0 -1px 0 #bbb inset;
font-size:12px;
background-color:#fff;
}

/* .plan-btn
----------------------------------------------- */
.agent-detai-box{
background:#f5f5f5;
padding:10px;
margin-top:8px;
position:relative;
display:none;
}
.agent-detai-box.is-active{
display:block;
clear:both;
}
.agent-detai-box > p{
margin:0 45px 0 0;
font-size:14px;
font-weight:bold;
}
.agent-detai-box > ul{
margin:0;
font-size:12px;
}
.agent-detai-box > ul li{
margin-top:6px;
}
.agent-detai-box li b{
display:inline-block;
width:6em;
font-weight:normal;
}
.agent-detai-box .agent-toggle-hook{
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) no-repeat;
margin:0;
padding:0 0 0 18px;
border:none;
color:#555;
font-size:11px;
position:absolute;
right:10px;
top:10px;
background-size:12px;
}

/* ----------------------------------------------------------------
	Map View
----------------------------------------------------------------- */

/* .map-view-main
----------------------------------------------- */
.map-view-main{
padding:50px 0 0 0;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
}
.map-view-main > .map-view-hdg{
position:absolute;
top:0;
margin:0;
box-sizing:border-box;
width:100%;
z-index:15;
}

/* .map-view-hdg
----------------------------------------------- */
.map-view-hdg{
margin:-10px -10px 0;
padding:0 62px 0 50px;
color:#fff;
position:relative;
background-color:#444;
z-index:15;
}

/* .map-view-hdg-btn-prev
----------------------------------------------- */
.map-view-hdg-btn-prev{
padding: 0;
border: none;
color: rgba(0,0,0,0);
width: 48px;
height: 50px;
overflow: hidden;
background: url(/element_sp/w_hotel/shared/images/icon-arrow-prev-wht.svg) no-repeat 50% 50%;
background-size: 16px auto;
position: absolute;
top: 0;
left: 0;
}

/* .map-view-hdg-btn-sort
----------------------------------------------- */
.map-view-hdg-btn-sort{
margin:0;
padding:0;
color:#fff;
position:absolute;
border:0;
top:0;
right:0;
width:54px;
height:100%;
background:none;
font-size:12px;
}
.map-view-hdg-btn-sort:before{
content:"";
display:block;
width:1px;
height:30px;
position:absolute;
top:10px;
left:0;
background-color:#666;
}

/* .map-view-hdg-btn-search
----------------------------------------------- */
.map-view-hdg-btn-search{
padding:10px 0;
width:100%;
}
.map-view-hdg-btn-search .map-view-btn-search{
width:100%;
box-sizing:border-box;
padding:0 8px 0 26px;
color:#fff;
height:30px;
border-radius:4px;
border:0;
position:relative;
font-weight:normal;
text-align:left;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
background:#333 url(/element_sp/w_hotel/map/images/icon-search.svg) no-repeat 8px 50%;
background-size:12px auto;
}
.map-view-hdg-btn-search .map-view-btn-search > span{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:12px;
}
.map-view-hdg-btn-search .map-view-btn-search.is-unselected{
color:#999;
}

/* .map-view-area
----------------------------------------------- */
.map-view-area{
position:relative;
}

/* .map-area
----------------------------------------------- */
.map-area{
width:100vw;
height:100%;
}

/* .map-custom-marker
----------------------------------------------- */
.map-custom-marker{
position:relative;
display:inline-block;
margin:0;
padding:0;
}

/* .map-custom-marker-innner
----------------------------------------------- */
.map-custom-marker-innner{
position:relative;
display:inline-block;
margin:0;
padding:0 0 1px;
background:#999;
border:solid 1px #666;
box-sizing:border-box;
border-radius:5px;
z-index:4;
min-width:62px;
height:26px;
vertical-align:top;
font-size:12px;
}
.map-view-main .is-active .map-custom-marker-innner{
background:#3866A8;
border:solid 1px #043884;
}
.is-selected .map-custom-marker-innner{
background:#da8a13;
font-weight:bold;
border:1px solid #BF7202;
}
.unconfirmed-vacancy .map-custom-marker-innner:after{
margin-left:-5px;
content:"";
border-width:0 1px 1px 0;
border-style:solid;
border-color:var(--color-gray);
display:block;
width:8px;
height:8px;
position:absolute;
top:calc(100% - 4px);
left:50%;
transform:rotate(45deg);
background-color:#999;
z-index:1;
}
.unconfirmed-vacancy.is-selected .map-custom-marker-innner:after{
border-color:#BF7202;
background-color:#eaa017;
}
.unconfirmed-vacancy.is-active .map-custom-marker-innner:after{
border-color:#043884;
background-color:#3866A8;
}
.map-custom-marker-innner{
background:#999;
border-radius:5px;
min-height:14px;
}
.map-view-main .is-active .map-custom-marker-innner{
background:#3866A8;
}
.is-selected .map-custom-marker-innner{
background:#eaa017;
}
.map-marker-rank{
background:#999;
text-align:center;
line-height:1;
height:7px;
border-radius:5px 5px 0 0;
margin:1px 0 2px;
}
.map-view-main .is-active .map-marker-rank{
background:#3866A8;
}
.is-selected .map-marker-rank{
background:#eaa017;
}
.map-marker-rank > span{
position:relative;
display:inline-block;
}
.map-marker-price{
font-size:12px;
padding:0 2px;
color:#fff;
line-height:1;
text-align:center;
white-space:nowrap;
}
.map-marker-price .cmn-loading-spinner-dot-wht{
margin:0 auto;
width:11px;
height:11px;
text-indent:-9999px;
}
.map-marker-price .num{
min-width:30px;
display:inline-block;
text-align:center;
position:relative;
z-index:4;
}
.map-marker-price:after{
margin-left:-5px;
content:"";
border-width:0 1px 1px 0;
border-style:solid;
display:block;
width:8px;
height:8px;
position:absolute;
top:calc(100% - 4px);
left:50%;
transform:rotate(45deg);
background-color:#999;
border-color:var(--color-gray);
z-index:3;
}
.map-view-main .is-active .map-marker-price:after{
border-color:#043884;
background-color:#3866A8;
}
.is-selected .map-marker-price:after{
border-color:#BF7202;
background-color:#eaa017;
}
.map-custom-marker [class^="icon-r-"]  {
width:40px;
background-size:40px 7px;
line-height:1;
height:7px;
padding-top:0;
vertical-align:top;
text-indent:-9999px;
position:relative;
z-index:3;
}
.map-custom-marker [class^="icon-r-"].icon-r-hotel.rank-5 {
background-image:url(/element_sp/w_hotel/map/images/icon-review-5.svg);
background-position:0 0;
}
.map-custom-marker [class^="icon-r-"].icon-r-hotel.rank-4 {
background-image:url(/element_sp/w_hotel/map/images/icon-review-4.svg);
background-position:0 0;
}
.map-custom-marker [class^="icon-r-"].icon-r-hotel.rank-3 {
background-image:url(/element_sp/w_hotel/map/images/icon-review-3.svg);
background-position:0 0;
}
.map-custom-marker [class^="icon-r-"].icon-r-hotel.rank-2 {
background-image:url(/element_sp/w_hotel/map/images/icon-review-2.svg);
background-position:0 0;
}
.map-custom-marker [class^="icon-r-"].icon-r-hotel.rank-1 {
background-image:url(/element_sp/w_hotel/map/images/icon-review-1.svg);
background-position:0 0;
}
.map-custom-marker .full-booking{
display:block;
letter-spacing:-0.1em;
position:relative;
z-index:4;
}
.map-custom-marker.is-selected .full-booking{
font-weight:bold;
}
[class^="map-view-marker-spot"],
[class^="map-view-marker-restaurant"]  {
color:rgba(0, 0, 0, 0);
width:21px;
height:27px;
background-repeat:no-repeat;
background-position:0 100%;
z-index:1;
text-indent:-9999px;
}
.map-view-marker-spot{
background-image:url(/element_sp/w_hotel/map/images/icon-pin-spot.svg);
}
.map-view-marker-spot.is-selected{
background-image:url(/element_sp/w_hotel/map/images/icon-pin-spot-active.svg);
}
.map-view-marker-restaurant{
background-image:url(/element_sp/w_hotel/map/images/icon-pin-restaurant.svg);
}
.map-view-marker-restaurant.is-selected{
background-image:url(/element_sp/w_hotel/map/images/icon-pin-restaurant-active.svg);
}
.map-custom-marker-pin{
z-index:5;
}
.map-custom-marker-pin > span:first-child{
width:17px;
height:39px;
background:url(/element_sp/w_hotel/map/images/icon-mappin.svg) no-repeat;
display:block;
z-index:5;
text-indent:-9999px;
}
.map-custom-marker.map-custom-marker-pin > span:first-child{
position:absolute;
top:-22px;
left:50%;
margin:0 0 0 -8px;
}
.map-custom-marker-pin.map-view-marker-spot > span:first-child,
.map-custom-marker-pin.map-view-marker-restaurant > span:first-child{
top:-12px;
left:50%;
margin-left:-9px;
position:absolute;
}

/* .map-custom-marker.layer-back
----------------------------------------------- */

.map-custom-marker.layer-back:before{
content:'';
border:1px solid #777;
border-radius:5px;
display:block;
width:100%;
height:100%;
box-sizing:border-box;
overflow:hidden;
position:absolute;
top:-2px;
left:2px;
background-color:#fff;
}
.map-custom-marker.layer-back.unconfirmed-vacancy{
height:12px;
}

/* map-view-google-error
----------------------------------------------- */
.map-view-google-error {
padding:15px;
color:#fff;
position:absolute;
top:150px;
right:50%;
width:70%;
max-width:300px;
-webkit-transform:translateX(50%);
transform:translateX(50%);
background-color:rgba(0, 0, 0, 0.7);
font-size:13px;
z-index:20;
margin-right:-10px;
text-align:center;
}

/* .map-marker-loading
----------------------------------------------- */
.map-custom-marker .loading {
margin:0 auto ;
color:transparent;
width:12px;
height:12px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
opacity:.7;
position:relative;
z-index:4;
}

/* .map-fix-searching
----------------------------------------------- */
.map-fix-searching{
background-color:rgba(0,0,0,0.55);
color:#fff;
position:absolute;
display:table;
font-size:10px;
width:100%;
position:absolute;
box-sizing:border-box;
z-index:10;
padding:5px 15px;
border-top:1px solid #000;
}
.map-fix-searching > .map-fix-searching-col{
display:table-cell;
vertical-align:middle;
width:auto;
}
.map-fix-searching > .map-fix-searching-col:first-child{
width:120px;
padding-right:10px;
}
.map-fix-searching-col .searching-progressbar{
width:100%;
background:#fff;
box-sizing:border-box;
overflow:hidden;
}
.map-fix-searching-col .searching-progressbar-inner {
height:4px;
background: url(/element_sp/w_hotel/shared/images/progress-bar.gif) no-repeat top righ;
text-indent:-9999px;
background-size: 30px 4px;
background-color: #57A2EF;
}

/* ----------------------------------------------------------------
  Map hotel-detail
----------------------------------------------------------------- */
/* .spot-detail-fix
----------------------------------------------- */
.spot-detail-fix{
position:fixed;
bottom:30px;
left:0;
width:100%;
padding:0 5px 0 5px;
box-sizing:border-box;
z-index:10;
}

/* .spot-detail-area
----------------------------------------------- */
.spot-detail-area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:7px;
background:#fff;
filter:drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.4));
position:relative;
box-sizing:border-box;
}
.spot-detail-fix.spot .spot-detail-area,
.spot-detail-fix.restaurant .spot-detail-area{
height:auto;
}

/* .spot-detail-img-box
----------------------------------------------- */
.spot-detail-img-box{
width:72px;
margin-right:10px;
position:relative;
}
.spot-detail-img-box > .hotel-img{
width:72px;
height:60px;
display:table-cell;
text-align:center;
vertical-align:middle;
background:#ddd;
}
.spot-detail-img-box > .hotel-img img{
vertical-align:middle;
margin:0;
max-width:72px;
max-height:60px;
}
.spot-detail-img-box > .img-sup{
font-size:10px;
color:#888;
margin-top:2px;
line-height:1.35;
}
.spot-detail-img-box .map-item-btn-favorite {
margin:0;
padding:0;
color:transparent;
border:none;
position:absolute;
top:1px;
left:1px;
width:16px;
height:15px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/w_hotel/map/images/icon-favorite-disabled.svg) no-repeat 0 -6px;
background-size:16px auto;
}
.spot-detail-img-box .map-item-btn-favorite.is-active {
background:url(/element_sp/w_hotel/map/images/icon-favorite.svg) no-repeat 0 -6px;
background-size:16px auto;
}

/* .spot-detail-info-box
----------------------------------------------- */
.spot-detail-fix .spot-detail-info-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.spot-detail-fix .spot-detail-info-box > a{
color:var(--cmn-font-color-base);
margin-bottom:8px;
width:100%;
}
.map-item-header-hdg{
margin-bottom:5px;
font-size:12px;
line-height:1.3;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;
overflow: hidden;
}
.spot-detail-info-box .map-item-header-hdg{
color:var(--cmn-font-color-link);
word-break:break-all;
word-wrap:break-word;
}
.spot-detail-info-box .review-list{
margin-top:0;
font-size:10px;
line-height:1.2;
}
.spot-detail-info-box .review .review-list > li:not(:first-child){
margin-top:3px;
}
.spot-detail-info-box .review-list li > div:first-child{
white-space:nowrap;
}
.map-item-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-ms-flex-item-align:end;
align-self:flex-end;
width:100%;
font-size:10px;
text-align:right;
line-height:1;
}
.map-item-price .cmn-tip-btn{
-ms-flex-item-align:end;
align-self:flex-end;
margin-left:4px;
}
.map-item-price .map-item-price-txt,
.map-item-price .price{
display:table-cell;
vertical-align:bottom;
}
.map-item-price .map-item-price-txt{
width:130px;
}
.map-item-price .map-item-price-txt .txt-fee{
display:inline-block;
}
.map-item-price .price{
color:var(--cmn-font-color-red);
font-size:11px;
white-space:nowrap;
padding-left:5px;
}
.map-item-price .price .num{
font-size:19px;
font-weight:bold;
}
.map-item-price .price-loading{
font-size:13px;
color:var(--cmn-font-color-red);
}
.price-undetermined{
font-size:11px;
color:var(--cmn-font-color-red);
}
.spot-rcmnd{
font-size:10px;
color:#555;
margin:0 0 5px 0;
line-height:1;
}
.spot-info-txt{
font-size:10px;
margin:0;
max-height:24px;
overflow:hidden;
width:100%;
line-height:1.3;
}
.spot-rcmnd [class^="icon-spot-"],
.spot-rcmnd [class^="icon-restaurant-"]{
padding-left:38px;
background-repeat:no-repeat;
background-position:0 50%;
background-size:auto 10px;
}
.spot-rcmnd .icon-spot-1,
.spot-rcmnd .icon-restaurant-1{
background-image:url(/element_sp/w_hotel/map/images/icon-recommend-1.svg);
}
.spot-rcmnd .icon-spot-2,
.spot-rcmnd .icon-restaurant-2{
background-image:url(/element_sp/w_hotel/map/images/icon-recommend-2.svg);
}
.spot-rcmnd .icon-spot-3,
.spot-rcmnd .icon-restaurant-3{
background-image:url(/element_sp/w_hotel/map/images/icon-recommend-3.svg);
}
.spot-detail-info-box + .map-view-content-info{
margin:-21px 0 -2px;
}

/* .map-item-btn-close
----------------------------------------------- */
.map-item-btn-close{
position:absolute;
height:15px;
width:22px;
border:1px solid #d9d9d9;
background:#fff;
right:0;
top:-15px;
text-indent:-9999px;
box-sizing:border-box;
display:block;
overflow:hidden;
}
.map-item-btn-close:before{
content:'';
background:url(/element_sp/shared/images/icon/icon-close.svg) no-repeat;
display:block;
height:7px;
width:7px;
position:absolute;
top:3px;
left:50%;
margin-left:-4px;
}

/* .map-area-num
----------------------------------------------- */
.map-area-num{
position:absolute;
left:12px;
top:8px;
z-index:10;
}
.is-searching .map-area-num,
.is-display .map-area-num{
top:34px;
}
.map-area-num > .map-area-num-inner{
font-size:11px;
text-align:center;
height:30px;
border-radius:15px;
border:1px solid #777;
background:#fff;
position:relative;
padding:7px 8px;
filter:drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.4));
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.map-area-num > .map-area-num-inner .cmn-tip-btn{
vertical-align:middle;
margin-top:-4px;
}
.map-area-num > .map-area-num-inner .cmn-tip-caution-btn{
vertical-align:middle;
margin-top:-2px;
}

/* .map-area-reload
----------------------------------------------- */
.map-area-reload{
background-color:rgba(0,0,0,0.55);
color:#fff;
position:absolute;
display:table;
font-size:12px;
width:100%;
position:absolute;
box-sizing:border-box;
z-index:10;
padding:5px 15px;
border-top:1px solid #000;
text-align:center;
}
.is-searching .map-area-search,
.is-display .map-area-search{
top:34px;
}
.map-area-reload > .map-area-reload-info > span{
position:relative;
padding-left:27px;
padding-right:5px;
}
.map-area-reload > .map-area-reload-info > a{
color:#fff;
text-decoration:underline;
}
.map-area-reload > .map-area-reload-info > span:before{
content:'';
background:url(/element_sp/w_hotel/map/images/icon-reload.svg) no-repeat;
background-size:11px 11px;
width:11px;
height:11px;
display:block;
position:absolute;
left:12px;
top:50%;
margin-top:-6px;
}
.map-area-reload > .map-area-reload-info > .map-view-research-availability {
padding:0 10px 0 0;
}
.map-area-reload > .map-area-reload-info > .map-view-research-availability:before{
display:none;
}
.map-spot-info-area{
position:absolute;
right:12px;
top:8px;
z-index:10;
}
.is-searching .map-spot-info-area,
.is-display .map-spot-info-area{
top:34px;
}
.map-spot-info-area > .map-area-spot-btn{
text-align:center;
height:30px;
border-radius:15px;
border:1px solid #777;
background:#fff;
position:relative;
padding:5px 8px;
filter:drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.4));
line-height:1;
}
.map-spot-info-area > .map-area-spot-btn > span{
text-indent:-9999px;
display:inline-block;
vertical-align:middle;
}
.map-spot-info-area > .map-area-spot-btn > .ic-restaurant{
width:12px;
height:14px;
background:url(/element_sp/w_hotel/map/images/icon-restaurant.svg) no-repeat;
background-size:12px 14px;
margin-top:-1px;
}
.map-spot-info-area > .map-area-spot-btn > .ic-spot{
color:rgba(0, 0, 0, 0);
width:12px;
height:auto;
left:auto;
background:url(/element_sp/w_hotel/map/images/icon-spot.svg) no-repeat;
background-size:12px auto;
text-indent:-9999px;
margin:-1px -1px 0 1px;
}
.map-spot-info-area > .map-area-spot-btn > .ic-restaurant.is-disabled,
.map-spot-info-area > .map-area-spot-btn > .ic-spot.is-disabled{
opacity:.45;
}

/* .map-view-content-info-btn
----------------------------------------------- */
.map-view-content-info{
display:block;
width:100%;
}
.map-view-content-info-btn{
margin:2px 0 -2px auto;
padding:4px 0 4px 11px;
background:none;
border:0;
display:block;
position:relative;
font-size:10px;
text-decoration:underline;
color:var(--cmn-font-color-gray);
}
.map-view-content-info-btn::before{
content:"";
display:block;
width:8px;
height:100%;
position:absolute;
top:0;
left:0;
background:url(/element_sp/w_hotel/map/images/icon-close.svg) no-repeat 50% 50%;
opacity:.7;
}
.map-view-content-info-col .map-view-content-info-btn{
margin-top:0;
}
.spot-info-txt + .map-view-content-info-btn{
margin-top:-20px;
}
.map-view-content-info .map-view-content-info-box{
display:table;
width:100%;
margin-top:5px;
}
.map-view-content-info .map-view-content-info-box > div{
display:table-cell;
}
.map-view-content-info .map-view-content-info-box > div:last-child{
text-align:right;
}
.map-view-content-info .map-view-content-info-box > div .price-undetermined{
font-size:13px;
}
.map-view-content-info .map-view-content-info-box > div .map-view-btn-confirm{
background:#fff;
border:1px solid #bbb;
border-radius:3px;
font-size:10px;
padding:1px 4px 1px 17px;
position:relative;
}
.map-view-content-info .map-view-content-info-box > div .map-view-btn-confirm:before {
content:'';
background:url(/element_sp/w_hotel/map/images/icon-reload-gray.svg) no-repeat;
background-size:9px 9px;
width:9px;
height:9px;
display:block;
position:absolute;
left:5px;
top:50%;
margin-top:-4px;
}
@media screen and (max-width:320px){
.map-view-content-info .map-view-content-info-box > div,
.map-view-content-info .map-view-content-info-box > div:last-child {
display:block;
text-align:left;
}
}

/* .reload and serching
----------------------------------------------- */
.is-searching.is-display .map-area-num,
.is-searching.is-display .map-spot-info-area,
.is-searching.is-display .map-spot-info-area{
top:64px;
}
.is-searching.is-display .map-fix-searching{
top:29px;
}

/* .map-rcmnd-area-
----------------------------------------------- */
.map-rcmnd-area{
position:absolute;
top:38px;
right:0;
padding-top:6px;
display:none;
font-size:10px;
}
.map-rcmnd-area.is-active{
display:inline-block;
}
.map-rcmnd-area-inner{
border:1px solid #bbb;
width:195px;
padding:10px 10px 14px;
background:#fff;
filter:drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.4));
position:relative;
box-sizing:border-box;
}
.map-rcmnd-area-inner:before{
content:"";
position:absolute;
top:-6px;
right:11px;
width:0;
height:0;
border-style:solid;
border-width:0 4px 6px 4px;
border-color:transparent transparent #fff transparent;
filter:none;
z-index:2;
}
.map-rcmnd-area-inner:after{
content:"";
position:absolute;
top:-8px;
right:10px;
width:0;
height:0;
border-style:solid;
border-width:0 5px 8px 5px;
border-color:transparent transparent #bbb transparent;
filter:none;
z-index:1;
}
.map-rcmnd-hdg{
font-weight:bold;
}
.map-check-list{
margin:7px 0 0 0;
}
.map-check-list li{
display:block;
position:relative;
min-height:20px;
vertical-align:middle;
font-size:12px;
}
.map-check-list li:not(:last-child){
margin-bottom:15px;
}
.map-check-list li label:before{
content:'';
position:absolute;
left:0;
top:50%;
margin-top:-10px;
display:block;
width:15px;
height:20px;
}
.map-check-list li.restaurant label:before{
background:url(/element_sp/w_hotel/map/images/icon-pin-restaurant.svg) no-repeat;
background-size:15px 20px;
}
.map-check-list li.sightseeing label:before{
background:url(/element_sp/w_hotel/map/images/icon-pin-spot.svg) no-repeat;
background-size:15px 20px;
}
.map-check-list li input[type='checkbox']{
position:absolute;
right:0;
}
.map-check-list li label{
vertical-align:middle;
display:block;
position:relative;
padding-left:20px;
}
.map-rcmnd-info{
margin:10px -7px 0 -7px;
padding:0 7px 0;
}
.map-rcmnd-info-list{
margin-top:3px;
margin-bottom:0;
}
.map-rcmnd-info-list li .num{
font-weight:bold;
color:#999;
display:inline-block;
width:15px;
text-align:center;
font-size:12px;
}
.map-rcmnd-info p{
margin:0;
}
.map-check-list li.is-disabled label{
color:#bbb;
}
.map-check-list li.is-disabled label:before{
opacity:.45;
}

/* .map-custom-marker-delete
----------------------------------------------- */
.map-custom-marker-delete{
position:absolute;
left:50%;
top:-35px;
display:block;
margin:0 0 10px;
padding:5px 20px 5px 8px;
font-size:12px;
color:#fff;
text-decoration:none;
border-radius:2px;
background:rgba(0, 0, 0, 0.8);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
white-space:nowrap;
}
.map-custom-marker-delete:before {
content:"";
position:absolute;
top:100%;
left:50%;
border:5px solid transparent;
border-top:6px solid #000;
opacity:.8;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.map-custom-marker-delete:after{
content:'';
background:url(/element_sp/w_hotel/map/images/icon-close-wht.svg) no-repeat;
display:block;
height:8px;
width:8px;
position:absolute;
top:50%;
right:8px;
margin-top:-4px;
}

/* .modal-select-area
----------------------------------------------- */
.modal-select-area{
text-align:center;
font-size:13px;
}
.modal-select-area .modal-select-info{
font-weight:bold;
text-align:center;
margin-bottom:20px;
}
.select-area-search{
display:inline-block;
margin:0 auto -4px;
text-align:left;
}
.select-area-search .form-custom-select{
width:130px;
display:inline-block;
vertical-align:middle;
margin-left:8px;
}
.select-area-search input[type="radio"],
.select-area-search input[type="checkbox"]{
vertical-align:middle;
margin-right:5px;
}
.select-area-search .select-area-search-list{
margin-bottom:20px;
padding-left:10px;
font-size:14px;
}
.select-area-search .select-area-search-list > li{
margin-bottom:10px;
}
.select-area-search .select-area-search-list > li.no-radio{
padding-left:0;
}
.select-area-search-block{
display:block;
padding-left:20px;
}
.select-area-search .select-area-search-list > li.no-radio .select-area-search-block{
padding-left:0;
}

/* .modal-info-area-02
----------------------------------------------- */
.modal-info-area-02 .modal-info-hdg{
font-size:16px;
margin-bottom:15px;
text-align:center;
}
.modal-info-area-02 .icon-info-list{
font-size:11px;
text-align:left;
margin:12px 0 0 8px;
}
.modal-info-area-02 .modal-info-txt{
font-size:12px;
text-align:left;
}
.modal-info-area-02 .list-sup + .modal-info-txt{
margin-bottom:-12px;
}
.modal-info-area-02 .icon-info-list li{
margin-bottom:15px;
padding-left:55px;
position:relative;
font-size:12px;
}
.modal-info-area-02 .icon-info-list .ic-01:before{
content:'';
background:url(/element_sp/w_hotel/map/images/ic-info-01.png) no-repeat;
background-size:46px 29px;
position:absolute;
top:50%;
left:0;
display:block;
width:46px;
height:29px;
margin-top:-15px;
}
.modal-info-area-02 .icon-info-list .ic-02:before{
content:'';
background:url(/element_sp/w_hotel/map/images/ic-info-02.png) no-repeat;
background-size:46px 29px;
position:absolute;
top:50%;
left:0;
display:block;
width:46px;
height:29px;
margin-top:-15px;
}
.modal-info-area-02 .icon-info-list .ic-03:before{
content:'';
background:url(/element_sp/w_hotel/map/images/ic-info-03.png) no-repeat;
background-size:46px 15px;
position:absolute;
top:50%;
left:0;
display:block;
width:46px;
height:15px;
margin-top:-7px;
}
.modal-info-area-02 .list-sup{
font-size:12px;
color:var(--cmn-font-color-gray);
display:block;
text-indent:-1em;
padding-left:1em;
text-align:left;
margin:0 0 15px 8px;
}
.modal-info-area-02 .modal-left-info-txt{
text-align:left;
margin-top:10px;
}
.cmn-modal [class^="modal-btn-box"] button{
outline:none;
font-weight:normal;
height:38px;
box-sizing:border-box;
}
.cmn-modal .cmn-info-btn {
box-shadow: none;
background-color:var(--cmn-btn-color);
}
.modal-info-btn-list{
width:100%;
box-sizing:border-box;
}
.modal-info-btn-list > li{
width:50%;
box-sizing:border-box;
}
.cmn-modal .modal-btn-box.modal-info-btn-list > li:first-child {
padding-left:0;
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}
.cmn-alert .cmn-alert-content > .modal-info-area-02 .cmn-alert-wording.info-text.center > .info-text.center + .modal-btn-box.modal-info-btn-list{
margin-bottom:-20px;
}

/* ----------------------------------------------------------------
  .cmn-modal modify
----------------------------------------------------------------- */
/* .cmn-modal padding modify
----------------------------------------------- */
.cmn-modal .modal-info-area,
.cmn-modal .modal-info-area-02 {
  padding: 24px 16px 20px;
}

/* .cmn-modal paragraph modify
----------------------------------------------- */
.cmn-modal .info-text {
font-size: 16px;
line-height: 1.5;
}

/* .cmn-modal button modify
----------------------------------------------- */
.cmn-modal [class^="modal-btn-box"] {
margin: 0 auto;
-webkit-box-pack: center;
justify-content: center;
}

.simplemodal-wrap .cmn-modal .modal-btn-box li:only-child{
width:210px;
margin:0 auto;
flex:inherit;
}

.cmn-modal [class^="modal-btn-box"] button {
padding: 0;
box-sizing: border-box;
min-height: 38px;
font-weight: normal;
font-size: 14px;
}

.cmn-modal .cmn-cancel-btn {
color: var(--cmn-font-color-base);
}

.cmn-modal .cmn-info-btn {
box-shadow: none;
background-color:var(--cmn-btn-color);
}

/* .cmn-agt-info modify
----------------------------------------------- */
.cmn-agt-info .cmn-agt-info-btn-filter {
margin-top: -8px;
}

/* .map-view-alert
----------------------------------------------- */
.map-view-alert .cmn-alert-content ul:empty{
display:none;
}
.map-view-alert .modal-info-area-02{
padding:0 12px;
}
.cmn-alert .cmn-alert-content > .modal-info-area-02{
max-height:290px;
overflow-y:scroll;
overflow-x:hidden;
padding-bottom:40px;
}
.cmn-alert.map-view-alert .cmn-alert-content > .modal-info-area-02:after{
content:'';
width:calc(100% - 30px);
bottom:18px;
height:40px;
background:linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,1) 100%);
position:absolute;
}
.map-view-alert .cmn-alert-wording{
margin-bottom:0;
}
.map-view-alert .cmn-modal .cmn-modal-inner{
padding:20px 0;
}

/* .map-alert
----------------------------------------------- */
.map-alert{
line-height:1.4;
text-align:left;
}

/* .map-alert-hdg
----------------------------------------------- */
.map-alert .map-alert-hdg{
margin:20px 0 5px;
line-height:1.15;
min-height:32px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:16px;
font-weight:normal;
}
.map-alert > .map-alert-hdg:first-child{
margin-top:0;
}
.map-alert .map-alert-hdg > span:first-child{
width:48px;
margin-right:5px;
text-align:center;
}
.map-alert .map-alert-hdg img{
max-width:46px;
vertical-align:middle;
}

/* .map-alert-hdg-01
----------------------------------------------- */
.map-alert .map-alert-hdg-01{
margin:10px 0 3px;
line-height:1.35;
font-size:12px;
}
.map-alert .map-alert-hdg-01 + p{
font-size:12px;
}

/* .map-alert-indent
----------------------------------------------- */
.map-alert .map-alert-indent{
margin:0 1em;
font-size:12px;
}
.map-alert .map-alert-hdg:first-child +.map-alert-indent > p{
font-size:13px;
}
.map-alert .map-alert-indent span img{
vertical-align:middle;
}

/* .map-alert-box
----------------------------------------------- */
.map-alert .map-alert-box{
margin-top:5px;
padding:5px 10px;
border:1px solid #ddd;
font-size:11px;
}

/* .map-alert-note
----------------------------------------------- */
.map-alert .map-alert-note{
margin-top:5px;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.map-alert .map-alert-note > li{
margin-top:2px;
padding-left:1.25em;
position:relative;
font-size:12px;
}
.map-alert .map-alert-note .mark{
position:absolute;
top:0;
left:0;
}

/* .map-alert-icon-realtime
----------------------------------------------- */
.map-alert .map-alert-icon-realtime{
border:1px solid #fff;
border-radius:50%;
color:rgba(0, 0, 0, 0);
display:inline-block;
width:7px;
height:7px;
overflow:hidden;
background-color:var(--color-red);
}

/* .info-icon-tbl
----------------------------------------------- */
.modal-icon-tbl{
margin-top:3px;
}
.info-icon-tbl{
border-collapse:collapse;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
width:100%;
background-color:#fff;
table-layout:fixed;
margin-right:10px;
}
.info-icon-tbl td,
.info-icon-tbl th{
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
text-align:center;
font-size:12px;
font-weight:normal;
padding:2px;
}
.info-icon-tbl th{
background:#f1f1f1;
}
.info-icon-tbl td img{
width:24px;
vertical-align:middle;
}

/* .box-route
----------------------------------------------- */
.map-view-alert [class^="ic-"]{
background-size:9px 9px;
text-indent:-9999px;
display:inline-block;
width:9px;
height:9px;
vertical-align:middle;
}
.ic-available{
background:url(/element_sp/w_hotel/map/images/icon-circle.svg) no-repeat;
}
.ic-unavailable{
background:url(/element_sp/w_hotel/map/images/icon-cross.svg) no-repeat;
}

/* .box-route
----------------------------------------------- */
.box-route {
margin:0 -10px;
padding:10px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.box-route .route{
padding-right:5px;
margin:0;
font-size:12px;
-webkit-box-flex:1.5;
-webkit-flex:1.5;
-ms-flex:1.5;
flex:1.5;
}
.box-route .route > b{
display:block;
}
.box-route .btn {
border:1px solid #bbb;
border-radius:3px;
padding:8px 5px;
background:#fff;
text-align:center;
color:#555;
margin:0;
height:30px;
box-sizing:border-box;
font-weight:normal;
font-size:11px;
min-width:inherit;
}
.box-route .btn span{
position:relative;
padding-left:15px;
}
.box-route .btn span:before{
content:'';
background:url(/element_sp/shared/images/icon/icon-route.svg) left center no-repeat;
background-size:80% 80%;
width:12px;
height:12px;
display:block;
position:absolute;
left:2px;
top:50%;
margin-top:-7px;
}
.map-view-carousel .box-route {
margin:10px 0;
padding:10px;
background:#f1f1f1;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.map-view-carousel .box-route .route{
padding-right:5px;
margin:0;
font-size:12px;
-webkit-box-flex:1.5;
-webkit-flex:1.5;
-ms-flex:1.5;
flex:1.5;
}

/* .list-distance
----------------------------------------------- */
.map-view-carousel .list-distance {
display:table;
width:100%;
border-collapse:collapse;
min-height:28px;
}
.map-view-carousel .list-distance li {
display:table-cell;
position:relative;
text-align:center;
line-height:1.2;
font-size:12px;
border-left:solid 1px #ccc;
}
.map-view-carousel .list-distance li:first-child{
border:0;
}
.map-view-carousel .list-distance label {
display:block;
position:absolute;
left:0;
top:0;
color:#006ccc;
width:100%;
height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.map-view-carousel .list-distance label > span {
display:block;
}
.map-view-carousel .list-distance input[type=radio] {
opacity:0;
}
.map-view-carousel .list-distance input[type=radio]:checked + label {
background:#fadfa8;
}

/* map-select-box
----------------------------------------------- */
.map-select-box{
margin:15px 0;
}
.map-select-box .map-select-box-sup{
text-align:right;
margin-top:5px;
font-size:12px;
color:#555;
display:block;
}

/* ----------------------------------------------------------------
  .detail-header
----------------------------------------------------------------- */
/* .detail-header
----------------------------------------------- */
.detail-header{
font-size:13px;
line-height:1.35;
position: relative;
}

/* .detail-header-hdg
----------------------------------------------- */
.detail-header .detail-header-hdg{
margin-bottom:8px;
position:relative;
}
.detail-header .detail-header-hdg h1,
.detail-header .detail-header-hdg b{
font-weight:normal;
font-size:18px;
padding-right:25px;
color:var(--cmn-font-color-base);
margin-top:12px;
word-break:break-all;
word-wrap:break-word;
display:block;
}
.detail-header .detail-header-hdg .hotel-name-sup {
display: block;
font-size: 12px;
font-weight: normal;
color:var(--cmn-font-color-gray);
line-height: 1.2;
margin-top:4px;
padding-right:25px;
}

/* .detail-header-hdg-sup
----------------------------------------------- */
.detail-header .detail-header-hdg-sup{
font-size:12px;
}
.detail-header .detail-header-hdg-sup a{
color:#555;
}
.detail-header .detail-header-hdg-sup .area-txt{
display:block;
}

/* .detail-header-sup
----------------------------------------------- */
.detail-header-sup{
margin:0 30px 8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
font-weight:normal;
font-size:14px;
}

.lp-header-image-hdg-sup .detail-header-sup{
justify-content:center;
width:100%;
}

/* .detail-header-sup-hdg
----------------------------------------------- */
.detail-header-sup-hdg{
font-weight:normal;
}

/* .detail-header-btn-list
----------------------------------------------- */
.detail-header .detail-header-btn-list{
margin:0;
position:absolute;
top:2px;
right:0;
}

.detail-header .detail-header-btn-list > li{
margin:0 auto 12px;
width:19px;
}

.detail-header .detail-header-btn-list button{
margin:0 auto;
padding:0;
border:none;
display:block;
color:rgba(0,0,0,0);
width:19px;
height:17px;
overflow:hidden;
}

.detail-header .detail-header-hdg-btn-favorite {
margin: 0;
padding: 0;
color: transparent;
border: none;
width: 19px;
height: 18px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: url(/element_sp/w_hotel/shared/images/icon-favorite.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-color: transparent;
}

.detail-header .detail-header-hdg-btn-favorite.is-active {
background-image: url(/element_sp/w_hotel/shared/images/icon-favorite-active.svg);
}

.detail-header .detail-header-btn-list .share button{
width:16px;
height:20px;
background:url(/element_sp/w_hotel/shared/images/icon-share.svg) no-repeat 0 0;
}

/* ----------------------------------------------------------------
  .detail-sticky-container
----------------------------------------------------------------- */
/* .detail-sticky-container
----------------------------------------------- */
.detail-sticky-container.is-sticky{
position:fixed;
top:0;
left:0;
width:100%;
z-index:2;
box-sizing:border-box;
background-color:#fff;
}
/*
.detail-sticky-container + .item_recommend{
padding-top:30px;
}
*/

/* ----------------------------------------------------------------
  .detail-plan-header
----------------------------------------------------------------- */
.detail-plan-header{
margin:0 -10px 8px;
padding:5px 10px 1px;
background-color:#fff;
}
.detail-sticky-container.is-sticky .detail-plan-header{
margin:0;
padding:0;
background-color:#fff;
}

/* ----------------------------------------------------------------
  .detail-plan
----------------------------------------------------------------- */
/* .detail-plan
----------------------------------------------- */
.detail-plan{
line-height:1.35;
background: #f5f5f5;
margin: 0 -10px 0;
padding: 10px 8px 36px;
}
.str-container .Area_f_item{
padding-bottom:0;
}
.str-container .Area_f_item .cmn-notice-list{
background: #f5f5f5;
margin: 0 -10px;
padding: 16px 10px;
}
.detail-plan.loading-container{
margin-top:0;
}
.detail-plan.loading-container .cmn-loading-spinner{
text-indent: -9999px;
}
.detail-plan .error_Txt .error-block{
display:block;
margin-bottom:12px;
}

/* .detail-plan-sort
----------------------------------------------- */
.detail-plan-header .detail-plan-sort{
margin:12px -10px 0;
padding:0 10px;
}
.detail-plan-header .detail-plan-sort .detail-plan-sort-num{
display:block;
border-top:1px solid #ccc;
padding-top:6px;
}
.detail-plan-header .detail-plan-sort .form-custom-select{
margin:3px 0 0;
}
.detail-plan-header .detail-plan-sort .detail-plan-sort-num:empty{
display:none;
}
#Area_plan_undecided > div > p{
font-weight:bold;
text-align:left;
color:var(--cmn-font-color-red);
font-size:13px;
margin:20px 0;
position:relative;
padding:0 10px 0 18px;
}
#Area_plan_undecided > div > p:before {
content:'';
background:url(/element_sp/w_hotel/shared/images/ic-info.svg) left top no-repeat;
width:15px;
height:15px;
position:absolute;
left:0;
top:1px;
}
.no-fixdate-price a.page-link{
padding-left:22px;
position:relative;
color:#555;
}
.no-fixdate-price a.page-link:after {
position:absolute;
left:10px;
top:50%;
margin-top:-6px;
content:"";
display:block;
width:6px;
height:6px;
border-right:1px solid #555;
border-bottom:1px solid #555;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .detail-plan-item
----------------------------------------------- */
.detail-plan .detail-plan-item{
margin-top: 12px;
padding: 12px 12px 8px;
border-radius: 6px;
box-shadow: 0 0 4px rgb(0 0 0 / 30%);
background-color: #fff;
}
.detail-plan .detail-plan-item .detail-plan-item{
border-top-color:#ddd;
}
.detail-plan .detail-plan-item > :last-child{
margin-bottom:0;
}

/* .detail-plan-toggle
----------------------------------------------- */
.detail-plan .detail-plan-toggle > .detail-plan-toggle-item{
display:none;
}
.detail-plan .detail-plan-toggle > .detail-plan-toggle-hook{
margin:0 -10px;
padding:16px 10px;
border-top:6px solid #666;
color:#555;
display:block;
font-size:13px;
text-align:center;
}
.detail-plan .detail-plan-toggle > .detail-plan-toggle-hook > span{
padding-left:20px;
display:inline-block;
position:relative;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
}
.detail-plan .detail-plan-toggle.is-active > .detail-plan-toggle-item{
display:block;
}
.detail-plan .detail-plan-toggle.is-active > .detail-plan-toggle-hook > span{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .detail-plan-item-toggle
----------------------------------------------- */
.detail-plan .detail-plan-item-toggle > .detail-plan-item-toggle-item{
display:none;
}
.detail-plan .detail-plan-item-toggle > .detail-plan-item-toggle-hook{
padding:10px 0 0 20px;
border-top:1px solid #e4e4e4;
color:#555;
display:block;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 11px no-repeat;
background-size:12px;
font-size:12px;
font-weight:bold;
}
.detail-plan .detail-plan-item-toggle > .detail-plan-item-toggle-hook > span{
display:block;
font-weight:normal;
}
.detail-plan .detail-plan-item-toggle.is-active > .detail-plan-item-toggle-item{
display:block;
}
.detail-plan .detail-plan-item-toggle.is-active > .detail-plan-item-toggle-hook{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* ----------------------------------------------------------------
  .detail-google-map
----------------------------------------------------------------- */
/* .detail-google-map
----------------------------------------------- */
.detail-google-map{
text-align:right;
}

/* .detail-google-map-view
----------------------------------------------- */
.detail-google-map .detail-google-map-view{
margin:-10px -10px 10px;
height:200px;
text-align:left;
}
.detail-google-map .detail-google-map-view >.mapArea{
height:200px;
}

/* .detail-google-map-btn
----------------------------------------------- */
.detail-google-map .detail-google-map-btn{
padding:8px 10px 7px 25px;
border:1px solid #bbb;
border-radius:3px;
color: var(--cmn-font-color-base);
display:inline-block;
background:url(/element_sp/shared/images/icon/icon-pin.png) 10px 50% no-repeat;
background-size:10px auto;
font-size:12px;
}


/* .nav-internal
----------------------------------------------- */
.nav-internal{
margin:10px -10px 0;
border-top:1px solid #ddd;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
font-size:11px;
}
.nav-internal > li{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
}
.nav-internal > li a{
padding:10px 5px;
color:#555;
display:block;
}
.nav-internal > li a:before{
margin:1px 5px 0 0;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:'';
display:inline-block;
width:8px;
height:8px;
vertical-align:top;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.detail-sticky-container.is-sticky .nav-internal{
margin:0;
border-top:none;
}

/* ----------------------------------------------------------------
  .search-condition
----------------------------------------------------------------- */
/* .search-condition
----------------------------------------------- */
.search-condition{
padding:15px 12px 11px;
border-radius:4px;
box-sizing:border-box;
box-shadow:0 2px 1px rgba(0, 0, 0, 0.15);
position:relative;
background-color:#fff;
font-size:12px;
line-height:1.35;
min-height:60px;
}
.search-condition.is-sticky{
padding:10px 22px;
border-radius:0;
position:fixed;
top:0;
left:0;
width:100%;
z-index:2;
}
.detail-sticky-container.is-sticky .search-condition{
padding:10px 22px;
border-radius:0;
}

/* .search-condition-state
----------------------------------------------- */
.search-condition .search-condition-state{
padding-right:50px;
position:relative;
}

/* .search-condition-hdg
----------------------------------------------- */
.search-condition .search-condition-hdg{
font-weight:bold;
font-size:14px;
}

/* .search-condition-state-list
----------------------------------------------- */
.search-condition .search-condition-state-list{
margin:0;
font-size:13px;
}
.search-condition .search-condition-state-list > li{
margin-top:2px;
}
.search-condition .search-condition-state-list > li .date{
display:inline-block;
}
.search-condition.is-sticky .search-condition-state-list > li .date{
font-weight:bold;
}

/* .search-condition-state-list-01
----------------------------------------------- */
.search-condition .search-condition-state-list-01,
.search-condition .search-condition-state-list-01 ul{
margin:0;
}
.search-condition .search-condition-state-list-01 > li,
.search-condition .search-condition-state-list-01 ul > li{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-condition .search-condition-state-list-01 > li:not(:first-child),
.search-condition .search-condition-state-list-01 ul > li:not(:first-child){
margin-top:5px;
}
.search-condition .search-condition-state-list-01 > li > span,
.search-condition .search-condition-state-list-01 ul > li > span{
width:82px;
position:relative;
font-size:11px;
white-space:nowrap;
box-sizing:border-box;
position:absolute;
}
.search-condition .search-condition-state-list-01 > li > span:after,
.search-condition .search-condition-state-list-01 ul > li > span:after{
content:'\ff1a';
position:absolute;
top:0;
right:0;
}
.search-condition .search-condition-state-list-01 > li > div{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
padding-left:82px;
}
.search-condition .search-condition-toggle.is-active .search-condition-state-list-01 li > div{
white-space:normal;
overflow:visible;
font-size:11px;
padding-left:82px;
}

/* .search-condition-btn
----------------------------------------------- */
.search-condition .search-condition-btn{
margin:0;
padding:5px 0;
border:1px solid #bbb;
border-radius:4px;
width:48px;
height:40px;
position:absolute;
top:10px;
right:10px;
font-size:12px;
line-height:1.2;
background-color:#fff;
color:#555;
box-sizing:border-box;
text-align:center;
box-shadow:0 -3px 0 0 #d9d9d9 inset;
}
.search-condition .search-condition-btn > span{
display:block;
}
.search-condition.is-sticky .search-condition-btn{
right:20px;
}
.detail-sticky-container.is-sticky .search-condition .search-condition-btn{
right:20px;
}

/* .search-condition-toggle
----------------------------------------------- */
.search-condition .search-condition-toggle{
margin-top:10px;
position:relative;
}
.search-condition .search-condition-toggle .search-condition-toggle-item{
padding-right:110px;
height:1.35em;
position:relative;
overflow:hidden;
}
.search-condition .search-condition-toggle .search-condition-toggle-hook{
position:absolute;
top:0;
right:0;
background-color:#fff;
}
.search-condition .search-condition-toggle .search-condition-toggle-hook button{
margin:0;
padding:0 0 0 17px;
border:none;
color:#555;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
font-size:12px;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-item{
padding-right:0;
height:auto;
overflow:visible;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-hook{
margin-top:5px;
padding-left:0;
position:static;
text-align:right;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-hook button{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}
.search-condition.is-sticky .search-condition-toggle{
display:none;
}

/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
margin:10px 0;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.notice-list > li{
padding-left:1em;
text-indent:-1em;
}
.notice-list > li:not(:first-child){
margin-top:5px;
}
.notice-list > li:before{
content:'\203b';
}
.notice-list > li.no-mark{
padding-left:0;
text-indent:0;
}
.notice-list > li.no-mark:before{
display:none;
}

/* .notice-list-01
----------------------------------------------- */
.notice-list-01{
margin:10px 0;
font-size:13px;
}
.notice-list-01 > li{
padding-left:1em;
text-indent:-1em;
}
.notice-list-01 > li:not(:first-child){
margin-top:5px;
}
.notice-list-01 > li:before{
content:'\203b';
}
.notice-list-01 > li.no-mark{
padding-left:0;
text-indent:0;
}
.notice-list-01 > li.no-mark:before{
display:none;
}
.ic-fee-info{
font-size:11px;
color:var(--cmn-font-color-gray);
display:block;
padding-left:20px;
position:relative;
margin-bottom:8px;
}
.ic-fee-info:before{
margin:0 5px 0 0;
content:'';
display:block;
width:14px;
height:12px;
position:absolute;
top:1px;
left:0;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
}
.ic-fee-info a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}

/* ----------------------------------------------------------------
  Table
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------- */
.tbl{
margin:0 -10px;
line-height:1.35;
font-size:12px;
}
.tbl table{
margin:0;
width:100%;
border-collapse:collapse;
border-spacing:0;
}
.tbl table th,
.tbl table td{
padding:10px;
border-top:1px solid #ebebeb;
text-align:left;
}
.tbl table th > :first-child,
.tbl table td > :first-child{
margin-top:0;
}
.tbl table th > :last-child,
.tbl table td > :last-child{
margin-bottom:0;
}
.tbl table th{
width:4.5em;
font-weight:normal;
background-color:#f5f5f5;
}
.tbl table .tbl-br{
display:block;
}

/* ----------------------------------------------------------------
  Carousel Recommend
----------------------------------------------------------------- */
/* .item-recommend
----------------------------------------------- */
.item-recommend{
background-color:#F5F5F5;
margin:0 -10px 0;
padding:8px 0 16px;
}

.item-recommend > .notice-list{
margin-top: 0;
margin-bottom: 7px;
font-size: 12px;
padding:0 10px;
}
.item-recommend > .notice-list .no-mark{
padding-left: 0;
color:var(--cmn-font-color-base);
}
.item-recommend > .notice-list .no-mark + li{
margin-top: -1px;
}

/* .carousel-recommend
----------------------------------------------- */
.carousel-recommend{
margin:-6px -10px 6px;
overflow:hidden;
font-size:12px;
}

.carousel-recommend .br{
display:block;
}

.detail-sticky-container .carousel-recommend{
margin:-6px 0 6px;
}

/* .carousel-recommend-list
----------------------------------------------- */
.carousel-recommend .carousel-recommend-list{
margin:0;
padding:6px 20px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
width:1100px;
min-height:105px;
line-height:1.25;
}

.carousel-recommend .carousel-recommend-list > li{
border:1px solid #ddd;
border-radius:5px;
width:214px;
box-sizing:border-box;
overflow:hidden;
box-shadow:0 0 6px rgba(0,0,0,.2);
background-color:#fff;
height:auto;
}

.carousel-recommend .carousel-recommend-list > li > a{
color:var(--cmn-font-color-base);
display:grid;
grid-template-columns:86px 1fr;
grid-template-rows:1fr;
height:100%;
}

/* .carousel-recommend-detail
----------------------------------------------- */
.carousel-recommend .carousel-recommend-detail{
padding:8px;
grid-column:2 / 3;
grid-row:1 / 3;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.carousel-recommend .carousel-recommend-detail > :first-child{
margin-top:0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.carousel-recommend .carousel-recommend-detail > span{
margin-bottom:15px;
display:block;
}

/* .carousel-recommend-distance
----------------------------------------------- */
.carousel-recommend span.carousel-recommend-distance{
margin:-8px 0 8px;
}

/* .carousel-recommend-price
----------------------------------------------- */
.carousel-recommend span.carousel-recommend-price{
margin:auto 0 0;
text-align:right;
}

.carousel-recommend .carousel-recommend-price > span{
display:block;
}

.carousel-recommend .carousel-recommend-price > span > span{
font-size:14px;
}

.carousel-recommend .carousel-recommend-price > span > .sum-tax{
display: block;
font-size: 12px;
}

/* .carousel-recommend-review
----------------------------------------------- */
.carousel-recommend .carousel-recommend-review{
padding:8px 0;
grid-column:1 / 2;
grid-row:2 / 3;
}

.carousel-recommend .carousel-recommend-review > span{
margin:0 auto;
display:block;
width:65px;
}

/* .carousel-recommend-thumb
----------------------------------------------- */
.carousel-recommend .carousel-recommend-thumb{
position:relative;
grid-column:1 / 2;
grid-row:1 / 2;
overflow:hidden;
}

.carousel-recommend .carousel-recommend-thumb::before{
content:'';
display:block;
width:100%;
height:3em;
overflow:hidden;
position:absolute;
left:0;
bottom:0;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.6) 100%);
z-index:1;
}

.carousel-recommend .carousel-recommend-thumb img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
max-width:none;
height:100%;
}

.carousel-recommend .carousel-recommend-thumb > span{
color:rgba(255,255,255,.6);
display:block;
box-sizing:border-box;
position:absolute;
bottom:5px;
left:5px;
line-height:1;
z-index:1;
font-size:10px;
}

.carousel-recommend .carousel-recommend-thumb.no-photo::before{
display:none;
}

.carousel-recommend .carousel-recommend-thumb.no-photo img{
top:50%;
transform:translate(50%, -50%);
height:auto;
max-width:100%;
}

/* .carousel-hotel
----------------------------------------------- */
.carousel-hotel{
margin:10px -10px;
position:relative;
overflow:hidden;
line-height:1.35;
}

/* .carousel-hotel-nav
----------------------------------------------- */
.carousel-hotel .carousel-hotel-nav{
margin:0;
}
.carousel-hotel .carousel-hotel-nav button{
margin:0;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
position:absolute;
top:15px;
left:0;
z-index:1;
width:20px;
height:55px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:#888;
}
.carousel-hotel .carousel-hotel-nav button:before{
margin-top:-6px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#fff;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
left:7px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.carousel-hotel .carousel-hotel-nav button:disabled{
background-color:#dedede;
}
.carousel-hotel .carousel-hotel-nav .next button{
left:auto;
right:0;
}
.carousel-hotel .carousel-hotel-nav .next button:before{
left:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .carousel-hotel-list
----------------------------------------------- */
.carousel-hotel .carousel-hotel-list{
margin:0;
width:9999px;
overflow:hidden;
}
.carousel-hotel .carousel-hotel-list > li{
padding-left:10px;
box-sizing:border-box;
float:left;
width:135px!important;
color:var(--cmn-font-color-gray);
}
.carousel-hotel .carousel-hotel-list > li a{
color:#888;
display:block;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb{
margin-bottom:5px;
position:relative;
height:82px;
overflow:hidden;
background-color:#f1f1f1;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb .img-nophoto{
position:inherit;
background-color:#fff;
display: block;
height:82px;
width: 82px;
margin:0 auto;
border: 1px solid #e5e5e5;
box-sizing:border-box;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb.no-photo img{
top: 50%;
transform: translate(50%, -50%);
height: auto;
max-width: 100%;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-agt{
color:var(--cmn-font-color-gray);
display:block;
font-size:8px;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-name{
margin-top:3px;
display:block;
font-size:10px;
font-weight:bold;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-price{
margin-top:2px;
color:var(--cmn-font-color-red);
display:block;
text-align:right;
font-size:8px;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-price > b{
font-size:11px;
font-family:Arial;
}

.cmn-seo-link .cmn-seo-link-hdg{
font-weight:normal;
background-color:#444;
color:#fff;
}

/* ----------------------------------------------------------------
  Carousel Recommend
----------------------------------------------------------------- */
/* .carousel-recommend
----------------------------------------------- */
.carousel-recommend{
margin:0 -10px;
overflow:hidden;
font-size:12px;
}

.carousel-recommend .br{
display:block;
}

.under-link-content .under-link-content-card .carousel-recommend{
margin-bottom:0;
}

.under-link-content-hdg + .carousel-recommend,
.under-link-content-card .carousel-recommend.ranking,
.under-link-content-card .notice-list + .carousel-recommend,
.under-link-content-card p + .carousel-recommend{
margin-top:-6px;
}

/* .carousel-recommend-list
----------------------------------------------- */
.carousel-recommend .carousel-recommend-list{
margin:0;
padding:6px 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
width:1100px;
line-height:1.25;
}

.carousel-recommend .carousel-recommend-list > li{
border:1px solid #ddd;
border-radius:5px;
width:214px;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
}

.carousel-recommend .carousel-recommend-list > li > a{
color:var(--cmn-font-color-base);
position:relative;
display:grid;
grid-template-columns:86px 1fr;
grid-template-rows:1fr;
min-height:185px;
height:100%;
}

/* .carousel-recommend.ranking > .carousel-recommend-list
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-list > li{
width:304px;
min-width:304px;
}

.carousel-recommend.ranking .carousel-recommend-list > li > a{
grid-template-columns:100px 1fr;
grid-template-rows:130px 1fr;
min-height:185px;
}

/* .carousel-recommend-list.branch
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-list.branch{
padding:6px 10px;
}
.Area_f_item .carousel-recommend.ranking{
margin: 0 -10px;
}
.Area_f_item .carousel-recommend.ranking .carousel-recommend-list.branch{
padding:4px 2px;
}
.Area_f_item .carousel-recommend.ranking .carousel-recommend-list.branch > li:first-child{
margin-left:8px;
}
.carousel-recommend.ranking .carousel-recommend-list.branch > li{
border:none;
box-shadow:0 0 4px rgba(0,0,0,.3);
}
.carousel-recommend.ranking .carousel-recommend-list.branch > li > a{
min-height:0;
}

/* .carousel-recommend-icon-rank
----------------------------------------------- */
.carousel-recommend [class^="carousel-recommend-icon-rank"]{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:22px;
height:26px;
overflow:hidden;
position:absolute;
top:0;
left:8px;
z-index:1;
line-height:1;
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
transform:translateZ(0);
background:url(/element_sp/w_hotel/shared/images/icon-ranking.svg) 0 0 no-repeat;
font-size:14px;
}

.carousel-recommend [class^="carousel-recommend-icon-rank"] > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .carousel-recommend-detail
----------------------------------------------- */
.carousel-recommend .carousel-recommend-detail{
padding:8px;
grid-column:2 / 3;
grid-row:1 / 3;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
min-width:0;
}

.carousel-recommend .carousel-recommend-detail > span:first-child{
margin-top:0;
min-height:2.5rem;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

.carousel-recommend .carousel-recommend-detail > span{
display:block;
margin-bottom:16px;
}

/* .carousel-recommend.ranking > .carousel-recommend-detail
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-detail{
padding:12px;
gap:4px 0;
}

.carousel-recommend.ranking .carousel-recommend-detail > span{
margin-bottom:0;
}

.carousel-recommend.ranking .carousel-recommend-detail > span:not([class^="carousel-recommend"]){
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .carousel-recommend-list.branch > .carousel-recommend-detail
----------------------------------------------- */
.carousel-recommend.ranking .carousel-recommend-list.branch .carousel-recommend-detail{
padding-bottom:0;
grid-row:1 / 2;
}

/* .carousel-recommend-catch
----------------------------------------------- */
.carousel-recommend.ranking .carousel-recommend-detail .carousel-recommend-catch{
color:var(--cmn-font-color-link);
-webkit-line-clamp:2;
font-size:16px;
font-weight:normal;
}

/* .carousel-recommend-distance
----------------------------------------------- */
.carousel-recommend span.carousel-recommend-distance{
margin:-8px 0 0;
}

/* .carousel-recommend-price
----------------------------------------------- */
.carousel-recommend span.carousel-recommend-price{
margin:auto 0 0;
text-align:right;
}

.carousel-recommend .carousel-recommend-price > span{
display:block;
}

.carousel-recommend .carousel-recommend-price > span > span{
font-size:14px;
}

.carousel-recommend .carousel-recommend-price > span > span > b{
margin-bottom:-1px;
display:inline-block;
font-size:16px;
font-weight:normal;
}

/* .carousel-recommend-list.branch > .carousel-recommend-price
--------------------------- */
.carousel-recommend.ranking .carousel-recommend-list.branch .carousel-recommend-price{
padding:12px;
grid-column:1 / 3;
grid-row:2 / 3;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:end;
justify-content:flex-end;
flex-wrap:wrap;
line-height:1;
gap:0 4px;
}

/* .carousel-recommend-review
----------------------------------------------- */
.carousel-recommend .carousel-recommend-review{
padding:8px 0;
grid-column:1 / 2;
grid-row:2 / 3;
}

.carousel-recommend .carousel-recommend-review > span{
margin:0 auto;
display:block;
width:65px;
}

.carousel-recommend .carousel-recommend-review .face{
margin-left:16px;
padding-left:15px;
position:relative;
}

.carousel-recommend .carousel-recommend-review .face::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
background:url(/element/shared/images/icon/icon-review-5.svg) 0 0 no-repeat;
background-size:69px 11px;
}

.carousel-recommend .carousel-recommend-review .face > span{
display:inline-block;
line-height:18px;
}

/* .carousel-recommend.ranking > .carousel-recommend-review
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-review{
padding:0;
}

.carousel-recommend.ranking .carousel-recommend-review > span{
margin-top:0;
margin-bottom:0;
display:inline-block;
vertical-align:top;
}

/* .carousel-recommend-sup
----------------------------------------------- */
.carousel-recommend .carousel-recommend-detail .carousel-recommend-sup{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* .carousel-recommend-thumb
----------------------------------------------- */
.carousel-recommend .carousel-recommend-thumb{
position:relative;
grid-column:1 / 2;
grid-row:1 / 2;
overflow:hidden;
box-sizing:border-box;
}

.carousel-recommend .carousel-recommend-thumb::before{
content:'';
display:block;
width:100%;
height:3em;
overflow:hidden;
position:absolute;
left:0;
bottom:0;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.6) 100%);
z-index:1;
}

.carousel-recommend .carousel-recommend-thumb img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
max-width:none;
height:100%;
}

.carousel-recommend .carousel-recommend-thumb > span{
color:rgba(255,255,255,.6);
display:block;
box-sizing:border-box;
position:absolute;
bottom:5px;
left:5px;
line-height:1;
z-index:1;
font-size:10px;
}

/* .carousel-recommend.ranking > .carousel-recommend-thumb
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-thumb{
border-bottom-right-radius:6px;
}

/* .carousel-recommend-thumb.no-photo
----------------------------------------------- */
.carousel-recommend .carousel-recommend-thumb.no-photo{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#eee;
background-color:#fcfcfc;
}

.carousel-recommend .carousel-recommend-thumb.no-photo::before{
display:none;
}

.carousel-recommend .carousel-recommend-thumb.no-photo img{
top:50%;
transform:translate(50%, -50%);
width:70px;
height:auto;
max-width:100%;
}


/* .under-link-content-card-container
----------------------------------------------- */
.under-link-content-card-container{
position: relative;
background-color: #f5f5f5;
margin: 0 -10px -18px;
padding: 18px 10px;
}

/* .under-link-content-card
----------------------------------------------- */
.under-link-content-card-container .under-link-content-card{
margin-top:12px;
padding:12px;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}
.under-link-content-card-container > .under-link-content-card:first-child{
margin-top:0;
}
.under-link-content-card-container .under-link-content-card > :first-child{
margin-top:0;
}
.under-link-content-card-container .under-link-content-card > :last-child{
margin-bottom:-12px;
}
.under-link-content-card-container .under-link-content-card.branch > :last-child{
margin-bottom:0;
}
.under-link-content-card-container .under-link-content-card-hdg {
margin-bottom: 8px;
line-height: 1.25;
font-size: 16px;
font-weight: normal;
}


/* .seo-card
----------------------------------------------- */
.seo-card-container{
padding:28px 10px 10px;
margin:0 -10px -10px;
background-color:#f5f5f5;
}
.seo-card-container .seo-card{
margin-top:12px;
padding:12px;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}
.seo-card-container > .seo-card:first-child{
margin-top:0;
}
.seo-card-container .seo-card > :first-child{
margin-top:0;
}
.seo-card-container .seo-card > :last-child{
margin-bottom:-12px;
}
.seo-card-container .seo-card.branch > :last-child{
margin-bottom:0;
}
.seo-card-container .seo-card-hdg {
margin-bottom: 8px;
line-height: 1.25;
font-size: 18px;
font-weight: normal;
}

/* .seo-cheapest-more
----------------------------------------------- */
.seo-card-container .seo-card > .seo-cheapest-more{
margin-bottom:0;
text-align:right;
font-size:14px;
}

/* ----------------------------------------------------------------
  .seo-card-attention
----------------------------------------------------------------- */
/* .seo-card-attention
----------------------------------------------- */
.seo-card-attention{
font-size:14px;
}

.seo-card-attention ul{
margin:12px 0;
}

.seo-card-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}

.seo-card-attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* .news-item-list
----------------------------------------------- */
.news-item-list ul > li{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #e5e5e5;
font-size:14px;
}
.news-item-list ul a{
color:var(--cmn-font-color-base);
}
.news-item-list ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
font-size:12px;
line-height:1;
}
.news-item-list ul a > span [class^=tag]{
padding:0 2px;
color:#fff;
box-sizing:border-box;
min-width:76px;
line-height:17px;
text-align:center;
font-size:10px;
}
.news-item-list ul a > span .tag-publish,
.news-item-list ul a > span .tag-w{
background-color:#48c2e6;
}
.news-item-list ul a > span .tag-press,
.news-item-list ul a > span .tag-j{
background-color:#8db955;
}
.news-item-list ul a > span .tag-other{
background-color:#bca446;
}

/* .seo-cheapest-more
----------------------------------------------- */
.under-link-content-card-container .under-link-content-card > .seo-cheapest-more{
margin-bottom:0;
text-align:right;
font-size:14px;
}

/* ----------------------------------------------------------------
  .under-link-content-card-attention
----------------------------------------------------------------- */
/* .under-link-content-card-attention
----------------------------------------------- */
.under-link-content-card-attention{
font-size:14px;
}

.under-link-content-card-attention ul{
margin:12px 0;
}

.under-link-content-card-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}

.under-link-content-card-attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* .under-link-content
----------------------------------------------- */
.under-link-content{
margin: 0 -10px -10px;
padding: 0 10px 20px;
background-color: #f5f5f5;
}

.Area_f_item .under-link-content{
padding-top:12px;
}

.under-link-content-item:empty + .under-link-content-item .cmn-seo-link{
margin-top:0;
}

/* .under-link-content-hdg
----------------------------------------------- */
.under-link-content-hdg{
margin:28px 0 8px;
line-height:1.35;
font-weight: normal;
font-size:18px;
}

.under-link-content .under-link-content-item:first-child .under-link-content-hdg,
.under-link-content .under-link-content-item:first-child:empty + .under-link-content-item .under-link-content-hdg{
margin-top:0;
}

.tab-containerb.detail .under-link-content{
padding-top:1px;
}

.tab-containerb.detail .under-link-content .under-link-content-hdg:first-child{
margin:28px 0 4px;
}

.under-link-content-hdg-sup{
font-size:12px;
display:block;
margin-bottom:4px;
}

.under-link-content .info-note-inline{
display:block;
font-size:12px;
margin-bottom:2px;
}

/* .under-link-content-note
----------------------------------------------- */
.under-link-content-note{
margin:0 0 2px;
font-size:12px;
}

/* .under-link-content-card-more
----------------------------------------------- */
.under-link-content .under-link-content-card-more{
margin:8px 0 0;
font-size:14px;
text-align:right;
}

.under-link-content .under-link-content-card-more.branch{
margin-top:16px;
}

.under-link-content-card .carousel-recommend + .under-link-content-card-more{
margin-top:4px;
text-align:center;
}

/* ----------------------------------------------------------------
  .cmn-seo-link modify
----------------------------------------------------------------- */
/* .cmn-seo-link
----------------------------------------------- */
.cmn-seo-link{
margin:28px 0 0;
padding:0;
background-color:transparent;
}

/* .cmn-seo-link-list
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list{
margin-top:8px;
padding:4px 12px 0;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}

.cmn-seo-link .cmn-seo-link-list > li:last-child > a{
border-bottom:none;
}

/* .cmn-seo-link-list-thumb
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list-thumb{
margin-right:8px;
width:72px;
height:54px;
}

/* .cmn-seo-link-toggle-btn
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-toggle-btn{
font-size:14px;
}

/* ----------------------------------------------------------------
  .cmn-seo-link modify
----------------------------------------------------------------- */
/* .cmn-seo-link
----------------------------------------------- */
.cmn-seo-link{
margin:28px 0 0;
padding:0;
background-color:transparent;
}

/* .cmn-seo-link-hdg
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-hdg{
margin:0 0 8px;
padding:0;
color:var(--cmn-font-color-base);
line-height:1.35;
background-color:transparent;
font-weight:normal;
font-size:18px;
}

/* .cmn-seo-link-list
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list{
margin-top:8px;
padding:4px 12px 0;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}

.cmn-seo-link .cmn-seo-link-list > li:last-child > a{
border-bottom:none;
}

/* .cmn-seo-link-list-thumb
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list-thumb{
margin-right:8px;
width:72px;
height:54px;
}

/* .cmn-seo-link-toggle-btn
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-toggle-btn{
font-size:14px;
}

/* .under-link-content-card
----------------------------------------------- */
.under-link-content .under-link-content-card{
margin-top:8px;
padding:12px;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}

.seo > .under-link-content-card:first-child{
margin-top:0;
}

.under-link-content .under-link-content-card > :first-child{
margin-top:0;
}

.under-link-content .under-link-content-card > :last-child{
margin-bottom:-12px;
}

.under-link-content .under-link-content-card.branch > :last-child{
margin-bottom:0;
}

.seo.seo-index .under-link-content-card{
box-shadow:none;
}

/* .under-link-content-card-footer
----------------------------------------------- */
.under-link-content .under-link-content-card-footer{
margin-top:12px;
padding-top:8px;
border-top:1px solid #e5e5e5;
text-align:center;
}

/* .under-link-content-card-footer-link
----------------------------------------------- */
.under-link-content .under-link-content-card-footer-link{
display:inline-block;
font-size:12px;
}

/* .under-link-content-card-list
----------------------------------------------- */
.under-link-content .under-link-content-card-list{
margin:0;
font-size:14px;
}

.under-link-content .under-link-content-card-list > li{
border-top:1px solid #e5e5e5;
}

.under-link-content .under-link-content-card-list > li > a,
.under-link-content .under-link-content-card-list > li[aria-expanded] > button{
margin-bottom:-1px;
padding:4px 0;
border:none;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.under-link-content .under-link-content-card-list > li[aria-expanded] > button{
padding-right:20px;

width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
text-align:left;
font-size:14px;
}

.under-link-content .under-link-content-card-list > li[aria-expanded='true'] > button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

.under-link-content .under-link-content-card-list .under-link-content-card-list{
margin-left:16px;
}

.under-link-content .under-link-content-card-list > li[aria-expanded='false'] .under-link-content-card-list{
display:none;
}

.under-link-content .under-link-content-card-list > li[aria-expanded='true'] .under-link-content-card-list{
display:block;
}

.under-link-content .under-link-content-card > .under-link-content-card-list:first-child{
margin-top:-12px;
}

.under-link-content .under-link-content-card > .under-link-content-card-list:first-child > li:first-child{
border-top:none;
}

.under-link-content .under-link-content-card > .under-link-content-card-list:first-child:last-child{
margin-bottom:-12px;
}

.under-link-content .under-link-content-card > .under-link-content-card-list:first-child:last-child > li:last-child > a{
border-bottom:none;
}

.under-link-content .under-link-content-card-list .no-line{
border-top:none;
}

/* .under-link-content-card-list.branch
----------------------------------------------- */
.under-link-content .under-link-content-card-list.branch{
margin-bottom:-1px;
border-bottom:1px solid #e5e5e5;
font-size:12px;
}

/* .under-link-content-card-toggle
----------------------------------------------- */
.under-link-content .under-link-content-card-toggle{
margin-bottom:-12px;
}

/* .under-link-content-card-toggle-content
----------------------------------------------- */
.under-link-content .under-link-content-card-toggle-content{
display:none;
}

.under-link-content .under-link-content-card-toggle.is-active .under-link-content-card-toggle-content,
.under-link-content .under-link-content-card-toggle[aria-expanded="true"] .under-link-content-card-toggle-content{
display:block;
}

/* .under-link-content-card-toggle-btn
----------------------------------------------- */
.under-link-content-card-toggle-btn{
padding:12px 0;
border:none;
border-top:1px solid #e5e5e5;
width:100%;
background:transparent;
font-size:14px;
text-align:center;
}

.under-link-content-card-toggle-btn > span{
padding-left:12px;
display:inline-block;
position:relative;
background:url(/element/w_hotel/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:8px auto;
}

.under-link-content .under-link-content-card-toggle.is-active .under-link-content-card-toggle-btn > span,
.under-link-content .under-link-content-card-toggle[aria-expanded='true'] .under-link-content-card-toggle-btn > span{
background-image:url(/element/w_hotel/shared/images/icon-arrow-up.svg);
}

/* area-tab-container
---------------------------------- */
.seo-card-container .area-tab-container{
position:relative;
margin:0;
}

.seo-card-container .area-tab-container.is-static .area-tab-nav-container{
display:none;
}

.seo-card-container .area-tab-container.is-static .area-tab-content{
display:block;
}

.seo-card-container .area-tab-container .area-tab-nav-container{
margin:0 -12px 16px;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav-hdg{
font-size:16px;
white-space:nowrap;
display:flex;
min-height:25px;
align-items:start;
line-height:1;
padding-top:4px;
position:relative;
margin-left:12px;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav-hdg .is-active::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}

.seo-card-container .area-tab-container .area-tab-nav-container.is-end::after{
display:none;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav{
display:flex;
position:relative;
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
padding-left:20px;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:inline-flex;
margin:0;
padding:0 10px;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:first-child{
padding-left:0;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:last-child{
padding-right:12px;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
text-align:center;
width:100%;
min-height:25px;
background:none;
border:none;
padding:0 0 6px;
margin:0;
position:relative;
font-size:16px;
line-height:1.2;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}

.seo-card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a b{
font-weight:normal;
}

.seo-card-container .area-tab-container .area-tab-content{
display:none;
}

.seo-card-container .area-tab-container .cheapest-item{
padding:0;
}

.seo-card-container .area-tab-container .cheapest-sup > div:first-child{
font-weight:bold;
margin-bottom:8px;
}

.seo-card-container .area-tab-container .area-tab-content.is-active{
display:block;
}

.seo-card-container .area-tab-container .cheapest-tbl caption{
display:none;
}

.lp-panel .seo-card-container{
padding-top:12px;
margin-bottom:0;
}

.lp-panel .seo-card-container .under-link-content-hdg{
margin-top:0;
}

/* ----------------------------------------------------------------
  cheapest-item
----------------------------------------------------------------- */
/* .sup-date
----------------------------------------------- */
.hdg-l2:has(.sup-date){
display:flex;
}

.hdg-l2 .sup-date{
margin-left:auto;
}

/* .cheapest-item
----------------------------------------------- */
.cheapest-item{
padding:8px 0 9px;
line-height: 1.42;
}

.under-link-content .seo-card-container .seo-card .cheapest-item{
padding:0;
}

/* .cheapest-filter
----------------------------------------------- */
.cheapest-filter{
margin-top:8px;
}

/* .cheapest-filter-list
----------------------------------------------- */
.cheapest-filter-list{
margin:0 0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:4px 12px;
}

.cheapest-filter-list > li{
line-height:1;
}

.cheapest-filter-list > li > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
line-height:0;
}

.cheapest-filter-list input{
margin:0;
}

/* .cheapest-sup
----------------------------------------------- */
.cheapest-sup{
font-size:14px;
}

.seo-card .cheapest-sup{
margin-bottom:16px;
}

/* .cheapest-tbl
----------------------------------------------- */
.cheapest-tbl{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
font-size:14px;
}

.seo-card .cheapest-tbl{
border-bottom: 1px solid #e5e5e5;
}

.under-link-content .cheapest-tbl caption{
display:none;
}

.cheapest-tbl caption > span {
margin:0 0 8px 0;
display:block;
text-align:left;
}

.cheapest-tbl caption > span:first-child {
font-weight:bold;
}

.cheapest-tbl th{
padding:7px 0;
font-weight:normal;
}

.cheapest-tbl td{
padding:11px 0;
font-weight:normal;
}

.cheapest-tbl thead{
position: relative;
}

.cheapest-tbl thead::after{
left:auto;
right:-8px;
}

.cheapest-tbl thead th{
border-bottom:none;
width:calc((100% - 88px) / 3);
border-bottom: 1px solid #e5e5e5;
}

.cheapest-tbl thead tr > th:first-child{
width:88px;
text-align:left;
}

.cheapest-tbl tbody tr{
position:relative;
}

.cheapest-tbl tbody tr:not(:first-child) > th,
.cheapest-tbl tbody tr:not(:first-child) > td{
border-top: 1px solid #ddd;
}

.cheapest-tbl tbody tr:last-child::after{
border:0;
}

.cheapest-tbl tbody th{
text-align:left;
}

.seo-card .cheapest-tbl thead th{
padding-top:0;
}

.cheapest-tbl td{
text-align:right;
}

.cheapest-tbl tbody td{
text-align:center;
}

.cheapest-tbl tbody td > span{
display:inline-block;
min-width:65px;
text-align:right;
}

.cheapest-tbl tr > td.unset{
padding-right:0;
text-align:center;
}

/* .cheapest-note
----------------------------------------------- */
.cheapest-note{
margin:16px 0 0;
color:var(--cmn-font-color-base);
}

.cheapest-note > li{
display:-webkit-box;
display:flex;
gap:4px;
}

.cheapest-note > li:not(:first-child){
margin-top:8px;
}

.cheapest-note > li > div{
-webkit-box-flex:1;
flex:1;
}

/* .cheapest-tbl-toggle
----------------------------------------------- */
.cheapest-tbl-toggle .is-hidden{
display:none;
}

.cheapest-item:has(.cheapest-tbl-toggle) p{
margin:0;
font-size:14px;
}

/* .cheapest-tbl-toggle-btn
----------------------------------------------- */
.cheapest-tbl-toggle-btn{
margin-bottom:12px;
padding-top:12px;
}

.cheapest-tbl-toggle-btn button{
margin:0 0 0 auto;
padding:0 0 0 15px;
border:none;
color:var(--cmn-font-color-base);
display:block;
background: url(/element/w_hotel/shared/images/icon-arrow-down.svg) 0 40% no-repeat;
background-size:9px auto;
font-size:14px;
}

.cheapest-tbl-toggle-btn.is-active{
border-top: 1px solid #e5e5e5;
}

.cheapest-tbl-toggle-btn.is-active button{
background-image: url(/element/w_hotel/shared/images/icon-arrow-up.svg);
}

/* .seo-card-more
----------------------------------------------- */
.seo-card-more{
margin:8px 0 0;
font-size:14px;
text-align:right;
}

/* ----------------------------------------------------------------
  .w_tour
----------------------------------------------------------------- */
.w_tour-box{
border-top:1px solid #ccc;
margin:10px -12px -12px;
background:#f5f5f5;
padding-bottom:10px;
position:relative;
bottom:0;
border-radius:0 0 6px 6px;
padding:5px 0 8px;
}
.detail-tab-container .w_tour-box{
border:0;
margin:0 -10px 0;
background:#fff;
padding:10px 0;
position:relative;
}
.detail-tab-container .tour-detail > .area-box > span.tour-detail-info a:before{
margin-top:-7px;
}
.Area_f_item .detail-plan-item > .w_tour-box{
margin:10px -12px -8px;
}
.Area_f_item .detail-plan-item > .more-toggle + .w_tour-box{
margin-top:10px;
}
.search-item-container-01-btn + .w_tour-box{
margin:0 -10px 0 -10px;
}
.tour-detail{
padding:0 10px;
}
.tour-detail + .tour-link{
margin-top:12px;
}
.tour-detail > p{
font-size:12px;
margin:5px 0 3px;
}
.tour-detail > .area-box{
display:table;
width:100%;
}
.tour-detail > .area-box > span{
display:table-cell;
box-sizing:border-box;
vertical-align:middle;
}
.tour-detail > .area-box > span.area-select{
width:95px;
position:relative;
}
.tour-detail > .area-box > span.area-select select{
font-size:16px;
border:1px solid #bbb;
border-radius:4px;
background:#fff;
color:var(--cmn-font-color-base);
-webkit-appearance:none;
-moz-appearance:none;
padding:5px;
}
.tour-detail > .area-box > span.area-select:before {
margin-top:-3px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:7px;
display:block;
border-width:7px 6px 0 6px;
border-color:#888 transparent transparent transparent;
border-style:solid;
}
.tour-detail > .area-box > span.tour-detail-info{
width:calc(100% - 95px);
padding:0 2px 0 8px;
font-size:11px;
color:#888;
}
.tour-detail > .area-box > span.tour-detail-info a{
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-size:12px;
padding-right:13px;
}
.tour-detail > .area-box > span.tour-detail-info a .num{
font-size:12px;
}
.tour-detail > .area-box > span.tour-detail-info a .num:first-child{
display:inline-block;
margin-right:-4px;
}
.tour-detail > .area-box > span.tour-detail-info a b.num{
font-size:14px;
font-weight:normal;
}
.tour-detail > .area-box > span.tour-detail-info a:before {
margin-top:-13px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#555;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:2px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.clr-stl-01{
color:#2b65a0;
}
.clr-stl-02{
color:#af700a;
}
.clr-stl-03{
color:var(--cmn-font-color-red);
}
.w_tour-box .tour-list{
margin-bottom:0;
}
.w_tour-box .tour-list li{
border-top:1px solid #d9d9d9;
padding:12px 7px;
font-size:11px;
}
.w_tour-box .tour-list li b{
font-size:12px;
}
.w_tour-box .tour-list li a{
color:var(--cmn-font-color-base);
display:block;
position:relative;
padding-right:10px;
}
.w_tour-box .tour-list li a:before {
content:'';
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #bfbfbf;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.w_tour-box .tour-link{
border-top:1px solid #d9d9d9;
font-size:13px;
margin-bottom:-5px;
margin-top:10px;
}
.w_tour-box .tour-link a{
color:#555;
display:block;
padding:12px 7px;
text-align:center;
}
.w_tour-box .tour-link a > span{
position:relative;
padding-right:20px;
}
.w_tour-box .tour-link a > span:before {
content:"";
position:absolute;
top:50%;
right:0px;
height:10px;
width:10px;
margin-top:-9px;
display:block;
border:1px solid #5a5a5a;
border-right-width:0;
border-top-width:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.w_tour-box .tour-link.active a > span:before {
content:"";
position:absolute;
top:50%;
right:0px;
height:10px;
width:10px;
display:block;
border:1px solid #5a5a5a;
border-right-width:0;
border-top-width:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
margin-top:-3px;
border:1px solid #5a5a5a;
border-left-width:0;
border-bottom-width:0;
}

/* ----------------------------------------------------------------
  .user-review-container
----------------------------------------------------------------- */
.user-review-container{
margin:0 -10px;
padding:0 10px;
font-size:13px;
}
.user-review-container + .more-toggle{
border:0;
padding-top:0;
}
.user-review-container + .more-toggle .more-toggle-box{
border-color:var(--color-gray);
}
.detail-plan + .btn{
  margin:35px auto;
}

/* ----------------------------------------------------------------
  .agt-link
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
margin:10px 0;
color:var(--cmn-font-color-base);
text-align:center;
font-size:13px;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin:-10px 0 12px;
}
.agt-link .agt-link-catch > b{
margin-bottom:2px;
display:block;
font-size:15px;
}
.agt-link .agt-link-catch > span{
font-size:15px;
}
.agt-link .agt-link-catch .agt-link-logo img{
max-width:100px;
}
.agt-link .agt-link-loading .agt-hotel-info{
margin-bottom:14px;
text-align:center;
}
.agt-link .agt-link-info{
margin:12px 0;
padding:12px;
border:1px solid #ddd;
font-size:12px;
text-align:left;
}
.agt-link .notice-list{
font-size:12px;
}
.agt-link .notice-list a{
--cmn-dashed-font-color:var(--color-gray);
}
.agt-link .notice-list  > li {
padding-left:0;
text-indent:0;
text-align:center;
}

/* .cache-info-item
----------------------------------------------- */
.cache-info-item .cache-info{
font-weight:bold;
}

/* .cache-info
----------------------------------------------- */
.cache-info{
font-size:14px;
text-align:center;
margin-top:12px;
font-weight:bold;
}
.cache-info .cache-note{
color:var(--cmn-font-color-gray);
font-size:11px;
margin-top:10px;
font-weight:normal;
}

/* .agt-link-catch-arrow
----------------------------------------------- */
.agt-link .agt-link-catch-arrow{
margin-top:10px;
}
.agt-link .agt-link-catch-arrow:before{
content:'';
display:inline-block;
width:50px;
height:40px;
background:url(/element_sp/shared/images/icon/icon-velko.svg) 50% 50% no-repeat;
background-size:100% auto;
vertical-align:middle;
}
.agt-link .agt-link-catch-arrow > span{
margin-left:60px;
display:inline-block;
width:90px;
height:35px;
position:relative;
vertical-align:middle;
}
.agt-link .agt-link-catch-arrow > span:before,
.agt-link .agt-link-catch-arrow > span:after{
content:'';
display:block;
position:absolute;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}
.agt-link .agt-link-catch-arrow > span:before{
width:18px;
height:8px;
left:-35px;
background-color:#333;
}
.agt-link .agt-link-catch-arrow > span:after{
left:-20px;
width:0;
height:0;
border-width:10px 0 10px 10px;
border-color:transparent transparent transparent #333;
border-style:solid;
}
.agt-link .agt-link-catch-arrow > span img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-height:100%;
max-width:90%;
}

/* .agt-link-loading
----------------------------------------------- */
.agt-link .agt-link-loading{
margin-top:12px;
position:relative;
}
.agt-link .agt-link-loading > p{
margin:0;
}
.agt-link .agt-link-loading > p > span{
display:block;
}

/* .notice-box
----------------------------------------------- */

.notice-box{
background:#fff5f5;
padding:10px;
margin-bottom:20px;
}
.notice-info > b{
text-align:center;
font-size:13px;
color:var(--cmn-font-color-red);
display:block;
margin-bottom:5px;
}
.notice-info{
font-size:13px;
text-align:left;
}
.notice-info > span{
color:var(--cmn-font-color-red);
}

/* .price-detail
----------------------------------------------- */
.price-detail{
background:#fff;
padding:0 7px;
margin-top:5px;
}
.price-detail-head{
position:relative;
background:#f5f5f5;
padding:10px 12px;
}
.price-detail-head .price-detail-hdg{
font-size:13px;
font-weight:bold;
margin-bottom:5px;
}
.price-detail-head .price-sum{
display:table;
box-sizing:border-box;
width:100%;
}
.price-detail-head .price-sum .cell{
display:table-cell;
}
.price-detail-head .price-sum .cell:first-child{
position:relative;
}
.price-detail-head .price-sum .cell:first-child:before,
.price-detail-head .price-sum .cell:first-child:after {
content:'';
display:block;
position:absolute;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}
.price-detail-head .price-sum .cell:first-child:before {
width:8px;
height:50%;
left:18px;
bottom:1px;
background-color:#555;
}
.price-detail-head .price-sum .cell:first-child:after {
left:14px;
width:0;
height:0;
border:8px solid transparent;
border-top:8px solid #555;
position:absolute;
bottom:-16px;
}


.price-detail-head .price-sum .cell .label-hdg{
display:inline-block;
background:#555;
color:#fff;
padding:0 8px;
}
.price-detail-head .price-sum .cell:last-child{
width:70%;
text-align:right;
line-height:1.3;
font-size:11px;
}
.price-detail-head .price-sum .cell:last-child b{
font-size:13px;
}
.price-detail-head .price-sum .cell:last-child .price{
color:var(--cmn-font-color-red);
font-size:13px;
}
.price-detail-head .price-sum .cell:last-child .price span{
padding-left:3px;
font-size:18px;
font-weight:bold;
}

/* .price-detail-bottom
----------------------------------------------- */

.price-detail-bottom{
display:table;
width:100%;
box-sizing:border-box;
margin-top:10px;
position:relative;
}
.price-detail-bottom .cell{
border:1px solid #bbb;
border-radius:5px;
padding:12px 10px;
width:50%;
box-sizing:border-box;
float:left;
min-height:150px;
position:relative;
}
.price-detail-bottom .cell:first-child{
width:43%;
margin-right:7%;
position:relative;
}
.price-detail-bottom.col-1-2 .cell:first-child{
width:100%;
margin:0;
}
.price-detail-bottom.col-1-2 .cell:first-child:before,
.price-detail-bottom.col-1-2 .cell:first-child:after{
display:none;
}
.price-detail-bottom.col-1 .cell:first-child{
width:100%;
margin-right:0;
min-height:inherit;
}
.price-detail-bottom .cell:first-child:before,
.price-detail-bottom .cell:first-child:after {
content:'';
display:block;
position:absolute;
top:20px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}
.price-detail-bottom .cell:first-child:after{
top:12px;
}
.price-detail-bottom .cell:first-child:before {
width:13px;
height:8px;
right:-13px;
background-color:#555;
}
.price-detail-bottom .cell:first-child:after {
right:-17px;
width:0;
height:0;
border-width:8px 0 8px 8px;
border-color:transparent transparent transparent #555;
border-style:solid;
}
.price-detail-bottom.col-1 .cell{
position:relative;
}
.price-detail-bottom.col-1 .cell:first-child:before,
.price-detail-bottom.col-1 .cell:first-child:after {
content:'';
display:block;
position:absolute;
bottom:20px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
top:inherit;
}
.price-detail-bottom.col-1 .cell:first-child:after{
bottom:12px;
}
.price-detail-bottom.col-1 .cell:first-child:before {
width:8px;
height:10px;
left:28px;
bottom:-5px;
background-color:#555;
}
.price-detail-bottom.col-1 .cell:first-child:after {
left:24px;
width:0;
height:0;
border:8px solid transparent;
border-top:8px solid #555;
position:absolute;
bottom:-16px;
}
.arrow-box{
position:relative;
}
.arrow-box:after,
.arrow-box:before {
bottom:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}
.col-1-2.arrow-box:after,
.col-1-2.arrow-box:before {
bottom:99.5%;
left:80%;
}
.arrow-box:after {
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#fff;
border-width:9px;
margin-left:-9px;
}
.arrow-box:before {
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#bbb;
border-width:10px;
margin-left:-10px;
}
.price-detail-bottom-head{
text-align:center;
border-bottom:1px solid #bbb;
box-sizing:border-box;
padding:0 0 6px 0;
margin-bottom:10px;
font-size:13px;
line-height:1.3;
}
.price-detail-bottom-head .agent-name,
.price-detail-bottom.col-1 .cell:last-child .price-detail-bottom-head .agent-name,
.price-detail-bottom.col-1 .cell:last-child .price-detail-bottom-price > .price{
font-size:11px;
display:block;
}
.price-detail-bottom.col-1 .cell .price-detail-bottom-head .agent-name,
.price-detail-bottom.col-1 .cell .price-detail-bottom-price > .price{
display:inline-block;
padding:0 5px;
}
.price-detail-bottom-price{
text-align:center;
font-size:11px;
line-height:1.3;
margin-bottom:6px;
color:#808080;
}
.price-detail-bottom .cell:first-child .price-detail-bottom-price > .price{
color:#808080;
}
.price-detail-bottom-price > .price{
display:block;
font-size:12px;
color:var(--cmn-font-color-base);
}
.price-detail-bottom-price > .price b{
font-size:15px;
}
.price-detail-bottom-txt{
font-size:11px;
line-height:1.3;
text-align:center;
}
.price-detail-bottom.col-1 .cell .price-detail-bottom-txt{
text-align:center;
}
.price-detail-bottom-txt span{
color:#808080;
display:block;
}
.price-detail-bottom.col-1 .cell:last-child{
margin-top:16px;
width:100%;
min-height:inherit;
}
.price-more-detail{
display:table;
width:100%;
}
.price-more-detail .price-more-detail-cell{
display:block;
float:left;
width:45%;
box-sizing:border-box;
position:relative;
}
.price-more-detail .price-more-detail-cell:first-child{
margin-right:5%;
}
.price-more-detail .price-more-detail-cell:last-child{
margin-left:5%;
}
.price-more-detail .price-more-detail-cell:first-child:before{
content:'';
width:3px;
height:14px;
background:#333;
display:block;
position:absolute;
top:30px;
right:-11%;
}
.price-more-detail .price-more-detail-cell:first-child:after{
content:'';
width:14px;
height:3px;
background:#333;
display:block;
position:absolute;
top:36px;
right:-11%;
margin-right:-6px;
}
.info-fee{
font-size:11px;
color:#808080;
text-indent:-1em;
padding-left:1em;
margin-bottom:0;
}

/* ----------------------------------------------------------------
  LP-page
----------------------------------------------------------------- */

/* hdg-l1-02
------------------------------------------------ */
.hdg-l1-02-container{
margin:-10px -10px 0;
}
.hdg-l1-02-container .hdg-l1-02-inr:after{
content:'';
display:block;
clear:both;
}
.hdg-l1-02-container .hdg-l1-02-inr{
padding:14px 10px 10px;
min-height:42px;
box-sizing:border-box;
font-size:16px;
line-height:1;
}
.hdg-l1-02-container .hdg-l1-02{
font-weight:bold;
overflow:hidden;
}
.hdg-l1-02-container .hdg-l1-02-logo{
float:left;
margin-right:10px;
width:24px;
height:15px;
position:relative;
top:0;
}
.hdg-l1-02-container .hdg-l1-02-logo img{
border:1px solid #bbb;
}
.hdg-l1-02-container .hdg-l1-02-img{
text-align:center;
}
.hdg-l1-02-container .hdg-l1-02-img img{
vertical-align:top;
max-height:100%;
}

/* hdg-l2-05
------------------------------------------------ */
.hdg-l2-05{
margin:0 -10px;
padding: 8px 10px;
color: #fff;
background-color: #444;
font-size: 14px;
font-weight: normal;
line-height: 1;
}
.hdg-l2-05 span{
font-size:13px;
}
.hdg-l2-05 a{
color:#fff;
margin:-6px -10px;
padding:6px 10px;
}

/* select-pop-area
------------------------------------------------ */
.select-pop-area .list-01{
margin:0;
}
.select-pop-area .select-pop-area-01{
padding-top:5px;
}
.select-pop-area .select-pop-area-hdg-container{
position:relative;
margin-top:5px;
min-height:176px;
box-sizing:border-box;
}
@media screen and (max-width:360px){
.select-pop-area .select-pop-area-hdg-container{
min-height:150px;
}
}
.select-pop-area .select-pop-area-hdg-container .select-pop-area-hdg{
position:absolute;
left:15px;
bottom:0;
padding-bottom:10px;
font-size:25px;
font-weight:bold;
color:#fff;
}
.select-pop-area .select-pop-area-hdg-container .select-pop-area-hdg .sup{
font-weight:normal;
font-size:13px;
padding-left:5px;
}
.select-pop-area .select-pop-area-hdg-container .select-pop-area-hdg .sup .num{
font-size:14px;
font-family:arial;
}
.select-pop-area .select-pop-area-hdg-container a{
display:block;
text-align:center;
}
.select-pop-area .select-pop-area-hdg-container a img{
vertical-align:top;
width:100%;
}
.select-pop-area .select-pop-area-hdg-container a:after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-14px;
height:14px;
width:14px;
display:block;
border:5px solid #fff;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.select-pop-area .select-pop-area-hdg-container a .img-nophoto img{
max-width:160px;
}

/* pop-area-label-list
------------------------------------------------ */
.pop-area-label-list:after{
content:'';
display:block;
clear:both;
}
.pop-area-label-list{
padding:0 10px;
}
.pop-area-label-list ul{
margin:0 0 0 -8px;
}
.pop-area-label-list ul li{
float:left;
padding-left:8px;
width:25%;
box-sizing:border-box;
margin-bottom:10px;
}
.pop-area-label-list ul li a{
position:relative;
display:block;
border-width:1px;
border-color:rgb(187, 187, 187);
border-style:solid;
border-radius:3px;
color:var(--cmn-font-color-base);
font-size:14px;
min-height:28px;
padding:5px 10px 5px 20px;
text-align:center;
box-sizing:border-box;
}
.pop-area-label-list ul li a:before{
content:"";
position:absolute;
top:50%;
left:10px;
margin-top:-4px;
height:5px;
width:5px;
display:block;
border:1px solid #555;
border-left-width:0;
border-top-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* pop-area-list
------------------------------------------------ */

.pop-area-list .pop-area-label{
display:block;
font-weight:bold;
font-size:14px;
min-height:40px;
padding:9px 10px;
box-sizing:border-box;
border-bottom:1px solid #e5e5e5;
}
.pop-area-list li:last-child li:last-child{
border-bottom:none;
}
.pop-area-list ul{
margin:0;
}
.pop-area-list ul li{
border-bottom:1px solid #e5e5e5;
}
.pop-area-list ul li a:after{
content:'';
display:block;
clear:both;
}
.pop-area-list ul li a{
position:relative;
display:block;
padding:10px 25px 10px 25px;
background-color:#fff;
font-size:14px;
color:var(--cmn-font-color-base);
line-height:1.4;
min-height:40px;
box-sizing:border-box;
}
.pop-area-list ul li a .pop-area-img{
float:left;
display:block;
width:22px;
margin-top:2px;
margin-right:10px;
}
.pop-area-list ul li a .pop-area-img span{
display:table-cell;
width:22px;
height:14px;
border:1px solid #bbb;
vertical-align:middle;
text-align:center;
box-sizing:border-box;
line-height:1;
}
.pop-area-list ul li a .pop-area-img img{
max-width:22px;
max-height:14px;
vertical-align:top;
}
.pop-area-list ul li a .pop-area-name{
overflow:hidden;
}

/* .list-01
----------------------------------------------- */
.list-01{
margin:0 -10px;
/*background-color:#ffc;*/
}
.list-01.branch-font li a{
font-size:14px;
}
.list-01.branch-border > li:last-child{
border-bottom:none;
}
.list-01 > li{
border-bottom:1px solid #e5e5e5;
}
.list-01 > li a{
position:relative;
display:block;
padding:10px 25px 10px 10px;
background-color:#fff;
font-size:14px;
color:var(--cmn-font-color-base);
line-height:1.4;
min-height:40px;
box-sizing:border-box;
}
.list-01 > li a.toggle-hook:after{
display:none;
}
.list-01 .toggle > .toggle-hook{
margin:-1px 0 0 0;
}
.list-01 a + .list-01{
border-top:1px solid #e9e9e9;
}
.list-01 .list-01{
margin:0;
}
.list-01 .list-01 li{
padding-left:24px;
}
.list-01 .list-01 li:last-child{
border-bottom:none;
}
.list-01 .list-01 .list-01 li{
padding-left:48px;
}
.pop-area .list-01 > li:last-child{
border-bottom:none;
}
.list-01 .toggle-item .list-01{
border-top:1px solid #e5e5e5;
}


/* tab-navi
------------------------------------------------- */
.tab-navi{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:0 -10px;
padding-bottom:10px;
border-bottom:1px solid #e5e5e5;
}
.tab-navi.tab-navi-branch-01 li{
border-top:1px solid #bbb;
}
.tab-navi.tab-navi-branch-02{
border-bottom:none;
}
.tab-navi li{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
width:33%;
background-color:#f5f5f5;
text-align:center;
line-height:1.3;
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
}
.tab-navi li:first-child{
border-left:none;
}
.tab-navi li a{
color:var(--cmn-font-color-base);
}
.tab-navi li a, .tab-navi li em{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
padding:5px 3px;
min-height:45px;
font-size:14px;
color:#555;
box-sizing:border-box;
text-align:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.tab-navi li.active{
background-color:#fff;
box-shadow:none;
font-weight:bold;
border-bottom:none;
}
.tab-navi li.active a, .tab-navi li.active em{
color:var(--cmn-font-color-base);
}
.tab-navi li.tab-round{
box-shadow:none;
}
.tab-navi li small{
display:block;
font-weight:normal;
font-size:11px;
}

/*.tab-navi li.tab-open a,
.tab-navi li.tab-open em{
padding-top:7px;
}*/

/* tab-container
------------------------------------------------- */
.tab-container{
position:relative;
margin:0 -10px 15px;
padding:0 10px;
background-color:#fff;
overflow:hidden;
}
.tab-container .tab-content{
/*padding-top:10px;*/
margin:0 -10px;
}
.tab-container .carousel-hotel{
border-top:1px solid #e9e9e9;
padding-top:10px;
}

/* tab-container-02
------------------------------------------------- */

/* tab-content
------------------------------------------------- */
.tab-content{
display:none;
margin-bottom:15px;
}
.tab-content > :first-child{
margin-top:0;
}
.tab-content.active{
display:block;
}

/* search-submit-container
------------------------------------------------ */
.search-submit-container{
border-top:1px solid #e5e5e5;
margin:0 -10px;
padding:15px 0 30px;
background:#fff;
}
.detail-plan-header .search-submit-container{
margin-bottom:-5px;
border:0;
}
.search-submit-container .form-search-note{
font-size:13px;
line-height:1.35;
margin:10px 0 0;
padding:0 10px;
}
.detail-tab-container .form-search-pseudo .form-search-index-error li{
width:auto;
}
.detail-tab-container .search-submit-container .btn-container,
.detail-tab-container .search-submit-container .form-search-index-error{
width:80%;
margin:0 auto;
}
#Area_area_list_main .form-search-pseudo,
#Area_region_main .form-search-pseudo{
padding-bottom:0;
}
#Area_area_list_main .form-search-pseudo .search-submit-container,
#Area_region_main .form-search-pseudo .search-submit-container{
margin:0;
}
#Area_area_list_main .form-search-pseudo .search-submit-container .form-search-index-error,
#Area_region_main .form-search-pseudo .search-submit-container .form-search-index-error{
padding:0 40px;
}
#Area_area_list_main .form-search-pseudo .search-submit-container .btn-container,
#Area_region_main .form-search-pseudo .search-submit-container .btn-container{
padding:0 40px;
margin:0;
}
#Area_area_list_main .form-search-pseudo .search-submit-container .btn-container button.is-disabled,
#Area_region_main .form-search-pseudo .search-submit-container .btn-container button.is-disabled{
opacity:.33;
}

/* btn-container
------------------------------------------------ */
.btn-container{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:0 0 0 -10px;
}
.btn-container li{
-webkit-box-flex:1;
-webkit-flex:auto;
-ms-flex:auto;
flex:auto;
padding-left:10px;
}
.btn-container li:first-child{
-webkit-box-flex:initial;
-webkit-flex:initial;
-ms-flex:initial;
flex:initial;
width:21.42857%;
padding-left:0;
}
.btn-container li button{
height:44px;
}
.btn-container li button.is-disabled{
opacity:.33;
}
.btn-reset-02 {
border-radius:4px;
border:1px solid #bbb;
color:var(--cmn-font-color-base);
font-size:14px;
background:none;
background-color:#fff;
width:100%;
height:44px;
padding:0 3px;
}

/* hdg-l2-06
------------------------------------------------ */
.hdg-l2-06{
margin:0 -10px;
padding:7px 10px;
color:var(--cmn-font-color-base);
font-size:14px;
font-weight:bold;
background-color:#e5e5e5;
}
.related-box-02 {
margin-top:0;
}
.related-box-02 + .related-box-02{
padding-bottom:0;
}
.search-submit-container + .related-box-02{
padding-bottom:0;
}

/* area-summary-container
------------------------------------------------ */
.area-summary-container{
padding-bottom:20px;
font-size:13px;
}
.area-summary-container .area-img{
margin:0 -10px;
text-align:center;
min-height:247px;
box-sizing:border-box;
}
@media screen and (max-width:360px){
.area-summary-container .area-img{
min-height:210px;
}
}
.area-summary-container .area-img img{
width:100%;
vertical-align:top;
}
.area-summary-container.is-active .area-summary-item{
display:block;
}
.area-summary-container.is-active .area-summary-item.ellipsis p{
display:block;
}
.area-summary-container.is-active .area-summary-btn a:before{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
background-size:12px;
}
.area-summary-container .area-summary-item{
display:none;
margin:10px 0;
}
.area-summary-container .area-summary-item p{
margin:0;
}
.area-summary-container .area-summary-item.ellipsis{
display:block;
overflow:hidden;
}
.area-summary-container .area-summary-item.ellipsis p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.area-summary-container .area-summary-btn{
margin-top:15px;
}
.area-summary-container .area-summary-btn a{
display:block;
height:30px;
width:180px;
margin:0 auto;
border-width:1px;
border-color:rgb(187, 187, 187);
border-style:solid;
border-radius:4px;
color:#555;
font-size:13px;
text-align:center;
padding-top:4px;
box-sizing:border-box;
}
.area-summary-container .area-summary-btn a:before{
content:"";
padding-left:20px;
display:inline-block;
position:relative;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px;
widows:12px;
height:12px;
}

/* link-list-toggle
------------------------------------------------ */
.link-list-toggle .link-list-toggle-container{
border-bottom:none;
}
.link-list-toggle .link-list-toggle-container.active > .link-list-toggle-item{
display:block;
margin:0;
}
.link-list-toggle .link-list-toggle-container.active > .link-list-toggle-btn span:after{
display:none;
}
.link-list-toggle .link-list-toggle-container > .link-list-toggle-item{
display:none;
}

/* 2??? */
.link-list-toggle .link-list-toggle-container li .link-list-toggle-btn{
border-bottom:1px solid #fff;
padding-left:48px;
}
.link-list-toggle .link-list-toggle-container li .link-list-toggle-btn:before{
content:"";
width:13px;
height:13px;
display:block;
position:absolute;
left:30px;
top:13px;
font-weight:normal;
font-size:13px;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:13px;
}
.link-list-toggle .link-list-toggle-container .link-list-toggle-container.active  .link-list-toggle-btn{
border-bottom:1px solid #e9e9e9;
}
.link-list-toggle .link-list-toggle-container .link-list-toggle-container.active  .link-list-toggle-btn:before{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}
.link-list-toggle .link-list-toggle-container  li ul li:last-child{
border-bottom:none;
}
.link-list-toggle .link-list-toggle-container.active ul{
margin:0;
}
.link-list-toggle .link-list-toggle-container.active ul li ul{
border-top:1px solid #e9e9e9;
}
.link-list-toggle .link-list-toggle-container  li ul li a{
padding-left:58px;
}
.link-list-toggle .link-list-toggle-container a{
display:block;
padding-left:34px;
padding-top:10px;
font-size:13px;
color:var(--cmn-font-color-base);
min-height:40px;
box-sizing:border-box;
}
.link-list-toggle .link-list-toggle-container .link-list-toggle-item a:after{
content:"";
position:absolute;
top:50%;
right:11px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #bfbfbf;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list-toggle .link-list-toggle-container > .link-list-toggle-btn{
display:block;
position:relative;
border:none;
background:none;
padding:9px 30px 8px 10px;
font-size:13px;
min-height:40px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
border-bottom:1px solid #e9e9e9;
width:100%;
box-sizing:border-box;
text-align:left;
}
.link-list-toggle .link-list-toggle-container > .link-list-toggle-btn:before{
content:"";
display:inline-block;
position:absolute;
right:10px;
left:inherit;
top:13px;
width:12px;
height:12px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px;
}
.link-list-toggle .link-list-toggle-container.active > .link-list-toggle-btn:before{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
background-size:12px;
}
.related-box-02 .link-list-toggle .link-list-toggle-container .link-list-toggle-item a:after{
display:none;
}

/* for font-size 14px
------------------------------------------------ */
.link-list-toggle.branch-font .link-list-toggle-container > .link-list-toggle-btn,
.link-list-toggle.branch-font .link-list-toggle-container a{
font-size:14px;
}
.tab-container .carousel-hotel {
margin:10px 0px 15px;
}
.tab-container .carousel-hotel .review .review-list{
margin-top:4px;
}
.tab-container .carousel-hotel .review .review-list > li > div:first-child{
font-size:10px;
padding-right:0;
letter-spacing:-0.1em;
width:55px;
min-width:inherit;
}
.tab-container .carousel-hotel .review .review-list > li > div:first-child:after {
content:'\ff1a';
display:none;
}
.tab-container .carousel-hotel .review .review-list > li:not(:first-child) {
margin-top:0px;
}
.link-all{
margin:0 0 -14px;
border-top:1px solid #e9e9e9;
}
.carousel-hotel + .link-all{
margin-bottom:0;
padding:0 10px;
}
.link-all a{
padding:10px 0;
display:inline-block;
text-align:right;
font-size:14px;
color:var(--cmn-font-color-base);
text-decoration:none;
}
.link-all a span{
--cmn-dashed-grad: linear-gradient(90deg, var(--cmn-dashed-color), var(--cmn-dashed-color) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
--cmn-dashed-color: #949494;
--cmn-dashed-size: 6px 1px;
--cmn-dashed-font-color:var(--cmn-font-color-base);
color:var(--cmn-dashed-font-color) !important;
background: var(--cmn-dashed-grad);
background-size: var(--cmn-dashed-size);
text-decoration: none !important;
}
.list-01 + .link-all{
border-top:0;
border-bottom:1px solid #e9e9e9;
margin:0 -10px;
}
.tab-container .carousel-hotel .carousel-hotel-list .carousel-hotel-name a {
margin:1px 0 -4px 0;
display:block;
font-size:12px;
font-weight:bold;
color:var(--cmn-font-color-gray);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.tab-guide.country > li{
width:50%;
}
.tab-guide.country > li > a{
font-size:13px;
color:#555;
}
.tab-guide.country > li > a.is-active{
background-color:#888;
color:#fff;
border:0;
}

/* .tab
----------------------------------------------- */
.tab-container{
margin:0 -10px;
}
.tab{
display:table;
width:100%;
margin:0;
border-top:1px solid #bbb;
}
.tab > li{
display:table-cell;
width:32%;
vertical-align:middle;
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
box-sizing:border-box;
background-color:#f5f5f5;
}
.tab > li:first-child{
width:68%;
}
.tab > li:first-child{
border-left:none;
}
.tab > li.active{
background-color:#fff;
border-bottom:1px solid #fff;
}
.tab > li.active:nth-child(3){
border-bottom:1px solid #cfcfcf;
}
.tab > li > a{
display:block;
padding:12px 0 11px;
text-align:center;
font-size:14px;
color:var(--cmn-font-color-gray);
}
.tab > li.active > a{
font-weight:normal;
color:var(--cmn-font-color-base);
}
.tab > li.disabled{
opacity:.4;
}
.tab > li.disabled > a{
cursor:default;
}
.btn-fee-price .tab > li{
width:50%;
border:0;
}
.btn-fee-price .tab > li > a{
background:#f5f5f5;
font-weight:normal;
font-size:12px;
line-height:1.35;
border-width:1px;
border-style:solid;
border-color:#bbb;
padding:6px 0;
}
.btn-fee-price .tab > li.active > a{
background:#666;
color:#fff;
border-color:var(--color-gray);
}
.btn-fee-price .tab > li:first-child a{
border-radius:4px 0 0 4px;
border-right:0;
}
.btn-fee-price .tab > li:last-child a{
border-radius:0 4px 4px 0;
border-left:0;
}
.fee-info{
padding:15px 10px 0;
margin:0 0 10px;
font-size:13px;
line-height:1.3;
}
.detail-sticky-container .fee-info,
.detail-tab-container .fee-info{
padding:0;
}
.detail-tab-container .fee-info{
padding-top:15px;
}
.fee-info .cmn-tip-btn{
vertical-align:middle;
margin:-2px 2px 0;
}
.search-result .tab-container{
margin:0;
padding:0;
}
.search-result .tab-container + div{
padding:15px 0 0;
}
.search-result .tab{
border-top:0;
}
.airbnb .tab li:last-child span{
background:url(/element_sp/w_hotel/shared/images/logo-airbnb-off.png) no-repeat;
width:47px;
height:15px;
background-size:100%;
display:inline-block;
vertical-align:middle;
text-indent:-9999px;
margin-right:2px;
}
.airbnb .tab li.active:last-child span{
background:url(/element_sp/w_hotel/shared/images/logo-airbnb-on.png) no-repeat;
background-size:100%;
}

/* .airbnb-box
----------------------------------------------- */
.airbnb-box .search-result-item-header-hdg{
font-family:arial;
font-size:13px;
font-weight:bold;
}
.airbnb-box .airbnb-info{
font-family:arial;
font-size:10px;
}
.airbnb-box .review .review-list > li > div:first-child{
width:10.5em;
}
.airbnb-detail-list{
margin:5px 0  ;
}
.airbnb-detail-list li{
display:table;
}
.airbnb-detail-list li .cell{
display:table-cell;
font-size:10px;
}
.airbnb-detail-list li .cell:first-child{
width:7em;
}
.airbnb-detail-list li .cell:last-child:before{
content:':';
margin:0 3px;
}
.airbnb-result-item{
text-align:right;
}
.airbnb-result-item .plan-link{
display:block;
text-decoration:none;
color:var(--cmn-font-color-red);
position:relative;
padding-right:15px;
margin-bottom:3px;
}
.airbnb-result-item .plan-link:before {
margin-top:-8px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#555;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:2px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.airbnb-result-item .plan-link .plan-price > span{
color:var(--cmn-font-color-base);
font-weight:bold;
}
.airbnb-result-item .plan-link .plan-price > b {
font-size:19px;
font-family:Arial;
}
.airbnb-result-item .plan-sup{
font-size:10px;
padding-right:15px;
}
.airbnb-result-item .plan-sup .cmn-tip-btn{
margin-right:15px;
}
.airbnb-tbl th {
padding:4px 0;
border-right:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
}
.airbnb-tbl th:last-child{
border:0;
}
.airbnb-tbl {
margin:8px 0;
table-layout:fixed;
width:100%;
border-collapse:collapse;
line-height:1.35;
font-size:10px;
text-align:center;
color:var(--cmn-font-color-base);
}
.airbnb-tbl th,
.airbnb-tbl td {
padding-top:2px;
vertical-align:middle;
}
.airbnb-tbl th{
padding:4px 0;
border-right:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
}
.airbnb-tbl ul{
margin:0;
}
.airbnb-tbl ul li{
display:inline-block;
}
.airbnb-tbl ul li:after{
content:'/';
margin-left:3px;
}
.airbnb-tbl ul li:last-child:after{
display:none;
}
.airbnb-tbl td:last-child{
position:relative;
padding-right:18px;
}
.airbnb-tbl td:last-child .cmn-tip-btn{
position:absolute;
top:50%;
right:0;
margin-top:-8px;
}
.airbnb-box  .more-toggle{
border:0;
border-top:1px solid #e5e5e5;
margin:0;
}
.airbnb-box .more-toggle.is-active{
padding-top:0;
}
.airbnb-box .more-toggle.is-active .more-toggle-box {
margin:0;
border-top:0;
}
.airbnb-box  .more-toggle .more-toggle-hook{
padding:12px 0;
margin-bottom:10px;
}
.airbnb-box .display-box{
margin:0 -10px;
}
.airbnb-box .list-line.space li{
display:block;
}
.airbnb-box .list-line li{
display:inline;
padding-right:5px;
}
.airbnb-box .list-line.space li > span:first-child{
display:inline-block;
width:6em;
}
.airbnb-box .list-line.space li > span:last-child:before{
content:':';
margin:0 3px;
}
.airbnb-box .tbl table th{
width:5em;
}
.airbnb-info-link{
text-align:right;
margin-bottom:10px;
}
.airbnb-info-link a{
font-size:14px;
color:var(--cmn-font-color-base);
padding-right:25px;
position:relative;
}
.airbnb-info-link a:after {
content:'';
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #bfbfbf;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .tip-info-01
----------------------------------------------- */
.cmn-tip-container .tip-info-01{
font-size:12px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
padding-left:1em;
margin:5px 0 15px;
}

/* .pseudo-review
----------------------------------------------- */
.pseudo-content .pseudo-review{
margin-top:10px;
}
.pseudo-content .pseudo-review p{
margin-bottom:10px;
}

/* .pseudo-review-list
----------------------------------------------- */
.pseudo-content .pseudo-review-list{
margin-top:10px;
}
.pseudo-content .pseudo-review-list > li{
margin-top:5px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-content .pseudo-review-list > li > div:first-child{
width:9em;
}
.pseudo-content .pseudo-review-list > li > div:last-child::before{
margin-right:5px;
content:"\003a";
display:inline-block;
}

/* .airbnb-modal-box
----------------------------------------------- */
.airbnb-modal-box .box-hdg{
text-align:left;
font-size:12px;
line-height:1.3;
}
.airbnb-modal-box .box-hdg b{
text-align:center;
display:block;
font-size:13px;
margin-bottom:3px;
}
.airbnb-modal-box .modal-detail-box{
background:#f5f5f5;
padding:10px 12px;
margin:10px 0;
}
.airbnb-modal-box .modal-detail-box .box{
display:table;
width:100%;
}
.airbnb-modal-box .modal-detail-box p{
display:block;
font-size:12px;
font-weight:bold;
}
.airbnb-modal-box .modal-detail-box .box .cell{
display:table-cell;
max-width:80%;
font-size:12px;
}
.airbnb-modal-box .modal-detail-box .box .cell:nth-child(odd){
width:9em;
}
.airbnb-modal-box .modal-detail-box .box .cell:nth-child(even){
font-weight:bold;
vertical-align:bottom;
}
.airbnb-modal-box .modal-detail-box .box .cell:nth-child(even):before{
content:':';
margin:0 3px;
}
.airbnb-modal-box .modal-detail-box .box .cell .num{
font-family:arial;
font-size:14px;
}
.simplemodal-container{
width:100%;
padding:0 10px;
box-sizing:border-box;
}
.airbnb-modal-box .modal-detail-box .box.ic-box{
margin-bottom:25px;
position:relative;
}
.airbnb-modal-box .modal-detail-box .box.ic-box:before{
content:'';
background:url(/element_sp/w_hotel/shared/images/ic-sign.png) no-repeat;
background-size:11px 14px;
width:11px;
height:14px;
display:block;
position:absolute;
left:8.2em;
bottom:-20px;
}
.modal-txt-btn-box p{
margin:12px 0;
text-align:center;
font-size:12px;
}
.modal-txt-btn-box .btn-modal{
display:block;
border-radius:4px;
cursor:pointer;
font-weight:bold;
line-height:1.3;
text-align:center;
box-sizing:border-box;
width:100%;
font-size:14px;
background-color:var(--cmn-btn-color);
box-shadow:inset 0 -3px rgba(0,0,0,.18);
text-shadow:1px 2px rgba(4,0,0,.1);
color:#fff;
text-decoration:none;
padding:10px 3px;
}
.pseudo-content .txt-box{
font-size:13px;
padding:10px 0;
}
.pseudo-content .txt-box-2{
font-size:12px;
padding:10px 0;
}
.pseudo-content .txt-box-2 > .sup{
font-size:10px;
color:#555;
display:block;
margin-top:10px;
}
.airbnb-tbl-list{
display:table;
width:100%;
margin-bottom:12px;
}
.airbnb-tbl-list .cell{
display:table-cell;
width:50%;
box-sizing:border-box;
font-size:10px;
}
.airbnb-tbl-list .cell:first-child{
padding-right:8px;
}
.airbnb-tbl-list .cell:last-child{
padding-left:8px;
}
.airbnb-tbl-list .cell > .hdg{
font-size:10px;
padding:3px 0 1px 0;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
text-align:center;
margin-bottom:5px;
font-weight:bold;
}
.airbnb-tbl-list .cell li{
font-size:10px;
}
.airbnb-tbl-list .cell:first-child ul{
position:relative;
padding-left:40px;
}
.airbnb-tbl-list .cell:last-child ul{
position:relative;
padding-left:52px;
}
.airbnb-tbl-list .cell:first-child ul:before{
content:'';
background:url(/element_sp/w_hotel/shared/images/ic-mail.png) no-repeat;
background-size:25px 20px;
width:25px;
height:20px;
position:absolute;
top:0;
left:13px;
}
.airbnb-tbl-list .cell:last-child ul:before{
content:'';
background:url(/element_sp/w_hotel/shared/images/ic-sns.png) no-repeat;
background-size:40px 20px;
width:40px;
height:20px;
position:absolute;
top:0;
left:10px;
}
.pseudo-content .box-list li{
display:block;
border:1px solid #e5e5e5;
margin-bottom:5px;
padding:10px;
line-height:1.5;
font-size:12px;
}
.pseudo-content .box-list li:last-child{
margin-bottom:15px;
}
.pseudo-content .box-list li > b{
font-size:13px;
display:block;
margin-bottom:2px;
}
.pseudo-content .info-list{
margin:15px 0;
}
.pseudo-content .info-list li{
position:relative;
padding-left:1em;
text-indent:-1em;
font-size:12px;
line-height:1.5;
}
.pseudo-content .info-list li::before{
content:'\030FB'
}
.pseudo-content .line-box{
border:1px solid #e5e5e5;
margin-bottom:15px;
padding:10px ;
}
.pseudo-content .line-box .info-list{
margin:0;
}
.txt-box-2 + .list-01{
border-top:1px solid #e5e5e5;
}
.form-search-pseudo .form-search-tbl.airbnb th{
width:5.2em;
}
.form-search-pseudo .form-search-tbl.airbnb th .sup{
font-size:12px;
}
.service-info{
display:block;
font-size:12px;
color:#555;
margin:10px 0;
line-height:1.35;
}

/* .fee-detail-box
----------------------------------------------- */
.fee-detail-box+.modal-btn-box {
width: 80%;
margin: 0 auto;
}

/* .fee-info-heading
----------------------------- */

.fee-detail-box .fee-info-hdg{
font-size:11px;
line-height:1.3;
margin-bottom:7px;
}
.fee-info-hdg + li{
color:var(--cmn-font-color-gray);
display:block;
font-size:11px;
padding-left:1em;
text-indent:-1em;
}

/* .fee-info
----------------------------- */
.fee-detail-box .fee-info,
.fee-info-hdg .fee-info,
.fee-info-txt-box .fee-info{
display:inline-block;
padding-left:1em;
position:relative;
font-size:11px;
margin-bottom:3px;
padding-right:0;
padding-top:0;
color:var(--cmn-font-color-gray);
}
.fee-detail-box .fee-info:before{
font-size:11px;
top:0;
left:0;
margin:0 ;
content:'\0203B';
position:absolute;
}
.fee-detail-box > ul > li > div:last-child b.num.fee-info::before{
content:'\0203B';
color:var(--cmn-font-color-red);
background:none;
font-size:13px;
top:2px;
margin:0 3px 0 0;
}
.fee-info-hdg + .fee-info-hdg .fee-info:before{
display:none;
}
.fee-info-txt-box .fee-info b{
color:var(--cmn-font-color-red);
}
.fee-info-txt-box{
margin:9px 0 0;
}
.agt-link-info-list{
padding:0 25px 0 20px;
}
.agt-link-info-list li{
padding:0 0 0 25px;
position:relative;
font-size:11px;
}
.agt-link-info-list li:first-child::before{
content:'';
margin:0 5px 0 0;
display:block;
width:14px;
height:12px;
position:absolute;
top:1px;
left:0;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
}
.agt-link-info-list li > .list-block{
display:block;
margin-top:1em;
}

/* fee-info-list
------------------------------ */
.fee-info-list{
margin-top:5px;
padding-right:0;
}
.fee-info-list li{
display:table;
width:100%;
padding-left:.9em;
font-size:11px;
box-sizing:border-box;
}
.fee-info-list li div{
display:table-cell;
}
.fee-info-list li div:first-child{
line-height:1.35;
white-space:nowrap;
}
.fee-info-list li div:last-child{
font-size:13px;
vertical-align:middle;
text-align:right;
}
.fee-info-list li div .num{
font-size:15px;
}
.fee-info-list li div .stay-sum-txt{
display:block;
}
.txt-imp{
color:var(--cmn-font-color-red);
}
.ic-krw{
background:url(/element_sp/w_hotel/shared/images/ic-krw.svg) no-repeat;
display:inline-block;
height:10px;
width:10px;
text-indent:-9999px;
vertical-align:top;
font-size:0;
margin-top:4px;
}

/* fee-table-list
------------------------------ */
 .num{
font-family:arial;
}
.fee-detail-box > ul{
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-bottom:10px;
}
.fee-detail-box > ul.fee-sum-detail{
border-top:4px double #999;
position:relative;
}
.fee-detail-box > ul.fee-sum-detail li,
.fee-detail-box > ul.fee-sum-detail li.col-3 div:nth-child(2){
background:#efefef;
}
.fee-detail-box > ul > li{
border-bottom:1px solid #ddd;
display:table;
width:100%;
box-sizing:border-box;
}
.fee-detail-box > ul > li.col-2 div{
background:#ccc;
font-size:10px;
text-align:center;
padding:2px 6px;
border-right:1px solid #fff;
box-sizing:border-box;
width:60px;
}
.fee-detail-box > ul > li.col-2 div:last-child{
text-align:center;
border-right:0;
font-size:10px;
width:auto;
max-width:100%;
}
.fee-detail-box > ul > li.col-3 div:first-child,
.fee-detail-box > ul > li.col-3 div:nth-child(2){
background:#efefef;
border-right:1px solid #ddd;
font-size:11px;
}
.fee-detail-box > ul > li.col-3 div:first-child{
width:60px;
text-align:center;
border-left:0;
padding:0;
font-size:10px;
}
.fee-detail-box > ul > li.col-3 div:nth-child(2){
width:auto;
background:#fff;
text-align:left;
}
.fee-detail-box > ul > li{
position:relative;
}
.fee-detail-box > ul > li > div{
display:table-cell;
vertical-align:middle;
padding:5px 5px;
line-height:1.35;
box-sizing:border-box;
}
.fee-detail-box > ul > li > div:last-child{
width:135px;
text-align:right;
font-size:11px;
vertical-align:middle;
}
.fee-detail-box .txt-notice{
color:#e52c2c;
display:inline-block;
font-size:10px;
text-align:center;
vertical-align:middle;
margin-right:4px;
}
.fee-detail-box .stay-detail-list{
text-align:right;
font-size:12px;
margin:0;
}
.fee-detail-box .stay-detail-list .room{
min-height:3em;
}
.fee-detail-box > ul > li > div:last-child .stay-detail-list{
display:inline-block;
}
.fee-detail-box > ul > li > div:last-child .stay-detail-list .num{
font-size:14px;
}
.fee-detail-box > ul > li > div:last-child .stay-detail-list .txt-num .num{
font-size:12px;
}
.fee-detail-box .stay-detail-list li{
position:relative;
margin-bottom:8px;
}
.fee-detail-box .stay-detail-list li:last-child{
margin-bottom:0;
}
.fee-detail-box > ul > li > div:last-child .stay-detail-list li.room:before,
.fee-detail-box > ul > li > div:last-child .stay-detail-list li.number:before{
content:'\000D7';
position:absolute;
left:-1.1em;
}
.fee-detail-box > ul > li > div:last-child .stay-detail-list li.fee:before{
content:'\0FF0B';
position:absolute;
left:-1.2em;
}
.fee-detail-box > ul > li > div:last-child b.num {
font-size:14px;
padding-right:2px;
}
.fee-detail-box > ul > li > div:last-child .price{
vertical-align:middle;
white-space:nowrap;
}
.fee-detail-box > ul > li > div:last-child .fee-price {
display:inline-block;
min-width:54px;
position:relative;
}
.fee-detail-box > ul > li > div:last-child .fee-price:before {
content:'\0FF0B';
position:absolute;
left:-1.2em;
}
.fee-detail-box > ul > li > div:last-child .fee-currency{
display:block;
}
.fee-detail-box .fee-info-under {
font-size:10px;
color:var(--cmn-font-color-gray);
margin-bottom:12px;
text-indent:-1em;
padding-left:1em;
line-height:1.3;
}
.notice-box .fee-detail-box .fee-info-under{
margin-bottom:0;
}

/* .pseudo-product-info
----------------------------------------------- */
.pseudo-product-info{
padding:10px 0;
}
.pseudo-product-info .info-brtt-lst li{
font-size:14px;
}
.pseudo-product-info .info-brtt-lst li:not(:first-child){
margin-top:20px;
}
.pseudo-product-info .info-brtt-lst li > span{
display:block;
text-indent:-1em;
padding-left:1em;
}
.pseudo-product-info .info-brtt-lst li > span::before{
content:'\025A0';
}
.pseudo-product-info .info-brtt-lst + .info-brtt-note-lst{
margin-top:20px;
}

/* .pseudo-fee-container
----------------------------------------------- */
.pseudo-fee-container{
padding:16px 0 10px;
}
.pseudo-fee-container > p{
font-size:14px;
margin-bottom:15px;
}
.fee-input-list{
display:table;
width:100%;
}
.fee-input-list li{
width:50%;
box-sizing:border-box;
display:table-cell;
text-align:center;
vertical-align:middle;
font-size:13px;
}
.fee-input-list li label{
display:inline-block;
padding:3px 5px 3px 25px;
box-sizing:border-box;
text-indent:-20px;
line-height:1;
overflow:hidden;
text-align:left;
}
.fee-input-list li:first-child{
border-right:1px solid #ccc;
}
.fee-input-list li input[type=radio]{
margin:0 5px 0 0;
vertical-align:-webkit-baseline-middle;
}
.fee-input-txt{
display:block;
font-size:13px;
}

/* .resortfee-info
-------------------------------------------------- */
.resortfee-info{
font-size:14px;
}
.resortfee-info p,
.pseudo-content .resortfee-info p{
margin:0;
font-size:14px;
}
.resortfee-info .resortfee-info-list{
margin:12px 0 ;
}
.resortfee-info .resortfee-info-list li{
text-indent:-1em;
padding-left:1em;
}
.resortfee-info .resortfee-info-list li > .resortfee-info-list-hdg{
display:block;
line-height:1.35;
}
.resortfee-info .resortfee-info-list li > .resortfee-info-list-hdg::before{
content:'\025A0';
}
.resortfee-info .resortfee-info-list li .ic-detail{
border:1px solid #bbb;
border-radius:3px;
display:inline-block;
padding:2px 4px;
margin:-2px 2px 0;
vertical-align:middle;
text-indent:0;
font-size:13px;
line-height:1.2;
}
.resortfee-info .resortfee-info-list li:not(:first-child){
margin-top:12px;
}

/* ----------------------------------------------------------------
 New pseudo price detail (price and fee)
----------------------------------------------------------------- */
/* .price-dtl-item
-------------------------------------------------- */
.price-dtl-item{
margin:16px 0;
font-size:12px;
}
.price-dtl-item .price-dtl-hdg-note{
font-size:12px;
margin-bottom:16px;
}
.price-dtl-item .price-dtl-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:4px;
}
.price-dtl-item .price-dtl-hdg .cmn-tip-info-btn{
margin-left:4px;
}
.price-dtl-item .tax.include{
margin-left:0;
}

/* .price-dtl-tbl
-------------------------------------------------- */
.price-dtl-tbl{
margin-bottom:20px;
border-top:1px solid #ddd;
}
.price-dtl-tbl .price-dtl-tbl-list{
display:table;
width:100%;
border-bottom:1px solid #ddd;
}
.price-dtl-tbl .price-dtl-tbl-list > div{
display:table-cell;
padding:6px;
border-right:1px solid #ddd;
box-sizing:border-box;
vertical-align:middle;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-dtl{
width:auto;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-method{
width:62px;
white-space:nowrap;
text-align:center;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-price{
text-align:right;
white-space:nowrap;
width:120px;
border-right:0;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-dtl + .tbl-price{
width:130px;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-price .num{
font-size:14px;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-price .price-currencies{
display:block;
}

/* .price-dtl-tbl-sum
-------------------------------------------------- */
.price-dtl-tbl .price-dtl-tbl-list-sum{
background-color:#f5f5f5;
display:table;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin-top:3px;
width:100%;
}
.price-dtl-tbl .price-dtl-tbl-list-sum > div{
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
padding:6px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-dtl .txt-sum{
font-size:14px;
padding-right:2px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price{
text-align:right;
white-space:nowrap;
width:100px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price .num{
font-size:16px;
font-weight:bold;
padding-right:1px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price .price-currencies{
font-size:12px;
display:block;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price .price-currencies .num{
font-size:14px;
font-weight:normal;
}

/* .price-dtl-tbl-all
-------------------------------------------------- */
.price-dtl-tbl-all{
background-color:#f5f5f5;
border:2px solid #888;
box-sizing:border-box;
padding:6px 10px;
margin-bottom:12px;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum{
display:table;
width:100%;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum > div{
display:table-cell;
vertical-align:middle;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-dtl .txt-sum{
font-weight:bold;
font-size:14px;
display:block;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-price{
text-align:right;
white-space:nowrap;
width:100px;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-price .num{
font-size:16px;
font-weight:bold;
padding-right:1px;
}
.tbl-dtl .cmn-tip-btn{
margin-left:4px;
}
.price-dtl-tbl-all .price-dtl-breakdown-hdg{
font-size:14px;
border-bottom:1px solid #cfcfcf;
margin:10px 0 6px;
padding-bottom:4px;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl{
display:table;
font-size:14px;
width:100%;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl > div{
display:table-cell;
box-sizing:border-box;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl > div .num{
font-size:16px;
padding-right:1px;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl > .tbl-price{
width:100px;
text-align:right;
}
.price-dtl-tbl-all .tbl-price .price-currencies{
display: block;
font-size:12px;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-price .price-currencies .num{
font-weight:normal;
font-size:14px;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl > .tbl-price .price-currencies .num{
font-size:14px;
}

/* .fee-detail-tip
-------------------------------------------------- */

.fee-detail-table-list{
box-sizing:border-box;
border-bottom:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
margin-top:15px;
}
.fee-info-txt-box + .fee-detail-table-list{
margin-top:18px;
}
.fee-detail-table-list li{
border-top:1px solid #ddd;
display:table;
width:100%;
box-sizing:border-box;
font-size:11px;
}
.fee-detail-table-list li .stay-sum-txt{
font-size:12px;
display:block;
}
.fee-detail-table-list li:first-child{
border-top:1px solid #999;
}
.fee-detail-table-list li:last-child{
border-top:4px double #999;
}
.fee-detail-table-list li:first-child{
border-top:1px solid #999;
}
.fee-detail-table-list li > div{
display:table-cell;
width:69%;
vertical-align:middle;
padding:6px 5px;
font-size:11px;
}
.fee-detail-table-list li.col-03 > div{
width:auto;
}
.fee-detail-table-list li.col-03 > div:first-child{
width:75px;
text-align:center;
font-size:10px;
font-weight:bold;
border-right:1px solid #ddd;
box-sizing:border-box;
line-height:1.35;
}
.fee-detail-table-list li.col-03 > div:last-child{
width:31%;
}
.fee-detail-table-list li.bg-cr div{
background:#f5f5f5;
}
.fee-detail-table-list li.col-03:last-child div{
padding:2px 5px;
}
.fee-detail-table-list li.col-03:first-child div{
padding:5px 5px;
}
.fee-detail-table-list.sum-resort-fee li:first-child div .stay-sum-txt {
font-size:13px;
}
.fee-detail-table-list li:last-child div:first-child b{
line-height:1.3;
font-size:14px;
display:inline-block;
}
.fee-detail-table-list li:first-child div:first-child b{
font-size:12px;
line-height:1;
}
.fee-detail-table-list.sum-resort-fee li:first-child div:first-child b{
font-size:13px;
}
.fee-detail-table-list li:last-child div:first-child b.stay-sum-txt{
font-size:12px;
}
.fee-detail-table-list li.col-3 > div:first-child{
background:#f5f5f5;
font-size:10px;
width:20%;
text-align:left;
box-sizing:border-box;
border-right:1px solid #ddd;
}
.fee-detail-table-list li.col-3 > div:nth-child(2){
width:auto;
}
.fee-detail-table-list li > div:last-child{
width:31%;
border-left:1px solid #ddd;
text-align:right;
font-size:12px;
}
.fee-detail-table-list li > div:last-child .txt-fee-include{
font-size:11px;
}
.fee-detail-table-list.sum-resort-fee li > div:last-child b{
font-size:17px;
}
.fee-detail-table-list li .num{
font-family:arial;
font-size:13px;
}
.fee-detail-table-list li .num-price{
font-family:arial;
font-size:15px;
}
.fee-detail-table-list li b.num{
font-size:15px;
}
.fee-detail-table-list li > div .fee-num-sup {
color:var(--cmn-font-color-gray);
font-size:10px;
display:block;
}
.fee-detail-table-list li > div .fee-currency {
font-size:11px;
display:block;
line-height:1;
}
.fee-detail-table-list li > div .fee-currency .num{
font-size:11px;
}
.fee-detail-cap-list{
font-size:11px;
color:#555;
line-height:1.45;
margin-top:8px;
}
.fee-detail-cap-list li{
text-indent:-1em;
padding-left:1em;
margin-top:5px;
}
.fee-detail-cap-list li:first-child{
margin-top:0;
}
.price-detail-btn-box{
position:fixed;
padding:10px;
bottom:0;
left:0;
z-index:1;
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, 0.7);
}
.price-detail-btn-box.is-static{
text-align:center;
padding:0;
margin-top:20px;
position:inherit;
background:none;
}
.price-detail-btn {
background-color:var(--cmn-btn-color);
box-shadow:inset 0 -4px rgba(0, 0, 0, .2);
text-shadow:1px 1px 0 rgba(0, 0, 0, .1);
color:#fff;
border:none;
font-size:18px;
padding:10px 5px 10px ;
min-height:44px;
display:block;
border-radius:4px;
cursor:pointer;
font-family:var(--cmn-font-family);
font-weight:bold;
line-height:1.3;
text-align:center;
box-sizing:border-box;
width:100%;
}

/* .table-rowspan
-------------------------------- */

.fee-detail-table-list > li{
position:relative;
}
.fee-detail-table-list > li.col-3.table-rowspan .row {
display:table-row;
padding:0;
width:100%;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div{
display:table-cell;
box-sizing:border-box;
padding:5px;
vertical-align:middle;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div:first-child{
width:20%;
padding-top:29px;
padding-left:5px;
font-size:10px;
background:#efefef;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div:nth-child(2){
font-size:12px;
text-align:left;
padding:12px 4px;
background:#fff;
width:118px;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div:last-child{
width:32%;
right:0;
border-left:1px solid #ccc;
text-align:right;
padding-right:10px;
background:#fff;
font-size:12px;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div:last-child b{
font-size:18px;
padding-right:2px;
}
.fee-detail-table-list > li.col-3.table-rowspan .row:first-child div{
border-bottom:1px solid #ccc;
}
.fee-detail-table-list > li.col-3.table-rowspan .row:first-child div:first-child{
border:0;
border-right:1px solid #ccc;
}
.fee-detail-table-list > li.col-3.table-rowspan .td-row {
position:absolute;
top:0;
bottom:0;
width:100px;
vertical-align:middle;
}
.fee-detail-table-list > li.col-3.table-rowspan .td-empty {
border:none;
width:100px;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div.td-empty{
border-left:0;
border-bottom:0;
}
.fee-detail-table-list > li.col-3.table-rowspan > div{
padding:10px;
}
.fee-sum-detail strong{
color:var(--cmn-font-color-red);
font-size:11px;
font-weight:normal;
display:inline-block;
margin-top:5px;
}
.pay-info-box.resort-fee > ul.fee-sum-detail,
.fee-sum-detail{
border-top:4px double #ccc;
position:relative;
}
.fee-sum-detail li{
background:#efefef;
}

/* .price-detail-02
----------------------------------------------- */
.price-detail-02 {
margin-bottom:400px;
}
.price-detail-03 {
margin-bottom:80px;
}
.price-detail-02.toggle-exclude,
.price-detail-03.toggle-exclude{
margin-bottom:0;
}
.price-detail-02 .pseudo-price-tbl-hdg,
.price-detail-03 .pseudo-price-tbl-hdg{
margin-top:10px;
padding:4px 10px;
font-size:11px;
color:#fff;
font-weight:normal;
background-color:#999;
}
.price-detail-02 .fee-detail-table-list,
.price-detail-02 .fee-detail-table-list li:first-child,
.price-detail-03 .fee-detail-table-list,
.price-detail-03 .fee-detail-table-list li:first-child {
border-color:#ddd;
}
.price-detail-02 .fee-detail-table-list.table-total,
.price-detail-02 .fee-detail-table-list.table-total li:first-child,
.price-detail-03 .fee-detail-table-list.table-total,
.price-detail-03 .fee-detail-table-list.table-total li:first-child{
border-color:#999;
}
.price-detail-02 .pseudo-price-tbl-hdg + .fee-detail-table-list,
.price-detail-03 .pseudo-price-tbl-hdg + .fee-detail-table-list{
margin-top:0;
}
.price-detail-02 .fee-detail-table-list li > div,
.price-detail-02 .fee-detail-table-list li > div,
.price-detail-03 .fee-detail-table-list li > div,
.price-detail-03 .fee-detail-table-list li > div{
width:50%;
padding:8px 10px;
}
.price-detail-02 .fee-detail-table-list li > div:first-child,
.price-detail-03 .fee-detail-table-list li > div:first-child{
width:55%;
}
.price-detail-02 .fee-detail-table-list li:last-child div:first-child b,
.price-detail-03 .fee-detail-table-list li:last-child div:first-child b{
font-size:11px;
}
.price-detail-02 .fee-detail-table-list li div:first-child .num,
.price-detail-02 .fee-detail-table-list li > div .price-num,
.price-detail-03 .fee-detail-table-list li div:first-child .num,
.price-detail-03 .fee-detail-table-list li > div .price-num{
font-size:12px;
}
.price-detail-02 .fee-detail-table-list li > div:first-child .total,
.price-detail-02 .fee-detail-table-list li > div:first-child .total b,
.price-detail-02 .fee-detail-table-list li > div .price-num .num,
.price-detail-03 .fee-detail-table-list li > div:first-child .total,
.price-detail-03 .fee-detail-table-list li > div:first-child .total b,
.price-detail-03 .fee-detail-table-list li > div .price-num .num{
font-size:13px;
}
.price-detail-02 .fee-detail-table-list li > div .price-num b.num,
.price-detail-03 .fee-detail-table-list li > div .price-num b.num{
font-size:15px;
}
.price-detail-02 .pseudo-price-tbl-hdg + .fee-detail-table-list li > div .price-num b.num,
.price-detail-02 .pseudo-price-tbl-hdg + .fee-detail-table-list li:last-child div:first-child b{
font-weight:normal;
}
.price-detail-02 .fee-detail-table-list li > div .price-num b.num.total,
.price-detail-03 .fee-detail-table-list li > div .price-num b.num.total{
font-size:17px;
}
.price-detail-02 .fee-detail-table-list li > div .price-num b.num.total.none,
.price-detail-03 .fee-detail-table-list li > div .price-num b.num.total.none{
font-size:14px;
}
.price-detail-02 .fee-detail-table-list li:last-child,
.price-detail-03 .fee-detail-table-list li:last-child{
border-top:1px solid #ddd;
}
.price-detail-02 .agent-price-after{
margin:10px 0 15px 0;
}
.price-detail-03 .agent-price-after{
margin:15px 0;
}
.price-detail-02 .fee-info-list li,
.price-detail-03 .fee-info-list li{
padding:0 11px;
}
.price-detail-02 .fee-info-list li div:last-child,
.price-detail-03 .fee-info-list li div:last-child{
font-size:11px;
}
.price-detail-02 .fee-info-list li div:last-child .price-num .num,
.price-detail-03 .fee-info-list li div:last-child .price-num .num {
font-size:14px;
}
.price-detail-02 .fee-info-list li div:last-child .price-num,
.price-detail-03 .fee-info-list li div:last-child .price-num {
font-size:12px;
}
.price-detail-03 .fee-info-list li div:last-child .price-02{
padding-left:5px;
}
.price-detail-03 .fee-info-list li:last-child div .num{
font-size:12px;
}
.info-brtt-note-lst{
margin-top:5px;
}
.info-brtt-note-lst li{
text-indent:-1em;
padding-left:1em;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.info-note-lst li > .note-lst-ttl{
display:block;
margin-bottom:3px;
}
.info-note-lst li > .note-lst-ttl::before{
content:'\030FB';
}
.info-note-lst li:not(:first-child){
margin-top:6px;
}
.info-brtt-note-lst li .cmn-tip-caution-btn{
text-indent:0;
}
.info-brtt-note-lst li:not(:first-child){
margin-top:4px;
}
.price-detail-02 .info-brtt-note-lst li:not(:first-child){
margin-top:0;
}
.info-brtt-note-lst.brtt-01 li::before{
content:'\0203B';
}
.tip-note{
margin:10px 0 20px;
}
.note-in{
margin-left:10px;
margin-right:10px;
}
.fee-detail-total-info{
font-size:14px;
text-align:center;
margin:20px 0;
}

/* .list-toggle.toggle-container
----------------------------------------------- */
.list-toggle.toggle-container{
text-align:right;
}
.list-toggle.toggle-container .toggle-hook .toggle-item{
display:none;
margin-bottom:20px;
font-size:12px;
text-align:left;
}
.list-toggle.toggle-container .toggle-hook .toggle-item a,
.info-brtt-lst li a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.list-toggle.toggle-container .toggle-hook button{
font-weight:bold;
padding:5px 5px 5px 20px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:0 9px;
border:0;
font-size:12px;
font-weight:normal;
}
.list-toggle.toggle-container .toggle-hook.is-active button{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:0 9px;
}
.list-toggle.toggle-container .toggle-hook.is-active .toggle-item{
display:block;
margin-bottom:10px;
}
.list-toggle.toggle-container .info-brtt-lst li,
.info-brtt-lst li {
display:block;
font-size:12px;
}
.list-toggle.toggle-container .info-brtt-lst li:not(:first-child){
margin-top:10px;
}
.list-toggle .info-brtt-lst-hdg{
display:block;
margin-bottom:4px;
}
.list-toggle .info-brtt-note-lst.brtt-01{
margin-bottom:0;
}
.list-toggle .info-brtt-note-lst.brtt-01 li:not(:first-child){
margin-top:10px;
}
.list-toggle.toggle-container .info-brtt-lst.list-in{
margin-top:0;
}
.list-toggle.toggle-container .info-brtt-lst.list-in li{
text-indent:-1em;
padding-left:1em;
}

/* .price-detail-02 toggle
----------------------------------------------- */
.price-detail-02 .toggle-container{
margin-top:20px;
font-size:12px;
}
.price-detail-02 .toggle-container.pseudo-toggle{
border:1px solid #ddd;
border-radius:5px;
padding:3px 10px;
}
.price-detail-02 .toggle-container .toggle-hook .toggle-item{
display:none;
margin-bottom:20px;
}
.price-detail-02 .toggle-container .toggle-hook button{
padding:5px 20px 5px 0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:100% 11px;
border:0;
display:block;
width:100%;
text-align:left;
}
.price-detail-02 .toggle-container .toggle-hook.is-active button{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:100% 11px;
}
.price-detail-02 .toggle-container .toggle-hook.is-active .toggle-item{
display:block;
}
.price-detail-02 .toggle-container .fee-txt-item + .fee-txt-item{
margin-top:20px;
}
.price-detail-02 .toggle-container .info-brtt-lst li{
display:block;
text-indent:-1em;
padding-left:1em;
margin-top:20px;
}
.price-detail-02 .payment-toggle-hook{
text-align:right;
}
.price-detail-02 .payment-toggle-hook button{
font-size:12px;
color:var(--cmn-font-color-base);
padding:5px 5px 5px 20px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:0 11px;
}
.price-detail-02 .payment-toggle-hook.is-active button{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:0 11px;
}
.price-detail-02 .payment-toggle-hook button::before{
display:none;
}
.price-detail-02 .payment-toggle-item{
text-align:left;
}
.price-detail-02 .info-brtt-note-lst + .dp-payment-box{
margin-top:10px;
}
.agt-link-btn-info{
color:#fff;
font-size:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px 12px;
padding:0 10px 0 20px;
margin-bottom:8px;
display:block;
text-align:left;
}
.search-result-item > .dp-payment-box .payment-toggle-hook{
text-align:left;
}

/* .agt-link-btn-box
----------------------------------------------- */
.agt-link-btn-box{
margin-top:10px;
padding:0;
}
.agt-link-btn-box .agt-link-btn {
margin:15px auto 0;
padding:9px 10px 10px;
color:#fff;
border-radius:4px;
display:block;
width:70%;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:bold;
text-align:center;
margin-bottom:15px;
}

/* .agt-link-btn-container
----------------------------------------------- */
.agt-link-btn-container{
margin-top:0;
padding:10px;
width:100%;
box-sizing:border-box;
background-color:#444;
position:fixed;
z-index:1;
bottom:0;
left:0;
color:#fff;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.agt-link-btn-list-01{
display:table;
width:100%;
margin:0;
}
.agt-link-btn-list-01 > li{
display:table-cell;
vertical-align:middle;
}
.agt-link-btn-list-01 > li+li{
padding-left:10px;
width:100%;
}
.agt-link-btn-list-01 > li a{
display:block;
border-radius:5px;
text-align:center;
box-sizing:border-box;
}
.agt-link-btn-list-01 > li a > span{
display:block;
}
.agt-link-btn-list-01 .reservation-sticky-btn {
padding:10px 15px 11px;
color:#fff;
line-height:1.55;
font-size:16px;
font-weight:bold;
border:none;
background-color:var(--cmn-btn-color);
margin:0 auto;
}
.agt-link-btn-list-01 .reservation-sticky-btn.disabled{
padding:12px 15px 12px;
background-color:#d5d5d5;
color:#fff;
box-shadow:none;
text-shadow:none;
pointer-events:none;
}


/* .rank-box
----------------------------------------------- */

.rank-box{
display:inline-block;
}
.rank-box .review-list-score{
font-size:12px;
padding-left:3px;
}
.form-search-tbl button .rank-box:after{
content:',';
}
.form-search-tbl button .rank-box:last-child:after{
display:none;
}

/* Review
------------------------------------------------ */

.detail-price-sum{
text-align:right;
color:var(--cmn-font-color-red);
font-size:12px;
margin: -3px 0 13px;
}
.detail-price-sum > span {
color:var(--cmn-font-color-base);
font-weight:bold;
padding-right:4px;
}
.detail-price-sum > b {
font-size:19px;
font-family:Arial;
}
.detail-link-plan a{
position:relative;
color:#555;
text-decoration:none;
font-size:12px;
padding-left:13px;
}
.detail-link-plan a::before{
content:'';
position:absolute;
top:50%;
left:0;
margin-top:-5px;
height:6px;
width:6px;
display:block;
border:1px solid #555;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(135deg);
}

/* .tab-containerb.detail
----------------------------------------------- */

.tab-containerb.detail{
margin:0 -10px;
padding:0 10px;
}
.tab-containerb.detail>ul{
display:flex;
justify-content:flex-start;
border:0;
margin:8px 0 0 -10px;
width :-webkit-calc(100% + 20px) ;
width :calc(100% + 20px) ;
box-shadow: 0 4px 4px rgb(0 0 0 / 20%);
padding:0 10px 8px;
background-color:#fff;
position: relative;
z-index: 1;
box-sizing: border-box;
}
.tab-containerb.detail .tab > li:first-child{
text-align:left;
}
.tab-containerb.detail .tab.branch-ext{
justify-content:space-between;
}
.tab-containerb.detail .tab.branch-ext > li{
margin:0;
text-align:center;
min-width:5em;
}
.tab-containerb.detail .tab > li{
margin:0 16px 0 0;
background: #fff;
border: 0;
box-sizing:border-box;
text-align:center;
white-space:nowrap;
width:auto;
display:inline-block;
}
.tab-containerb.detail .tab > li.btn-photo{
margin:0 0 -1px;
border-right:0;
}
.tab-containerb.detail .tab > li a{
box-sizing:border-box;
font-size:14px;
padding: 12px 0 8px;
line-height: 1;
color: var(--cmn-font-color-base);
display: inline-block;
position:relative;
}
@media screen and (max-width: 374px){
.tab-containerb.detail .tab > li{
margin:0 7px 0 0;
}
}
@media screen and (max-width: 334px){
.tab-containerb.detail .tab > li a{
font-size:13px;
}
}
.tab-containerb.detail ul:before,
.tab-containerb.detail ul:after{
content:"";
display:table;
}
.tab-containerb.detail ul:after{
clear:both;
}
.tab-containerb.detail .tab > li.active a,
.tab-containerb.detail .tab > li.is-active a{
box-shadow: 0 -2px 0 var(--cmn-font-color-base) inset;
}

.tab-containerb .tab > li.is-active.btn-photo{
font-weight:normal;
}
.tab-containerb .tab > li.is-active.btn-photo a {
box-shadow:0 0 0 0;
}
.tab-containerb .tab > li.btn-photo a{
display:inline-block;
border: 1px solid #ccc;
border-radius:3px;
padding:4px 10px;
margin-top: 6px;
font-size:12px;
}

/* .detail-tab-container
----------------------------------------------- */
.detail-tab-container{
display:none;
}
.detail-tab-container.is-active{
display:block;
padding-top:10px;
min-height:400px;
}
.tab-containerb.detail + .detail-tab-container.is-active .toggle-container{
padding-bottom:0;
position:relative;
margin-top:5px;
}
.tab-containerb.detail + .detail-tab-container.is-active .toggle-container.is-active .toggle-btn-02{
margin-top:0;
position:inherit;
}
.detail-tab-container.is-active .btn{
border-radius: 6px;
box-shadow: 0 0 4px rgb(0 0 0 / 30%);
background-color: #fff;
border: 0;
font-weight: normal;
padding: 12px 10px;
color:var(--cmn-font-color-base);
}
.detail-tab-container + #Act_move_list{
margin-top:55px;
}
.detail-tab-container + #Act_move_list + #act_matome_display{
margin-top:45px;
}
.detail-tab-container.is-active .cmn-sns-list{
margin:-7px -10px 0;
border:0;
}

/* .tab-child
----------------------------------------------- */
.review .tab-child-container{
background-color: #fff;
margin: -10px -10px 10px;
padding: 0 10px;
}
.review .review-pro .tab-child-container{
background-color:transparent;
}
.tab-child-container{
margin:15px 0;
}
.tab-child-list{
display:table;
border:1px solid #999;
border-radius:4px;
width:100%;
}
.tab-child-list li{
display:table-cell;
width:50%;
box-sizing:border-box;
text-align:center;
color:#ccc;
font-size:12px;
background-color: #fff;
border-radius: 4px 0 0 4px;
}
.tab-child-list li:last-child{
letter-spacing:-0.1em;
border-radius:0 4px 4px 0;
}
.tab-child-list li a{
color:#555;
line-height:1.3;
}
.tab-child-list li span{
display:block;
letter-spacing:normal;
}
.tab-child-list li.active a{
color:#fff;
background:#666;
display:block;
padding:5px 0;
}
.tab-child-item.is-active{
display:block;
}
#Act_hotel_review_inside_child_review_pro.tab-child-item.is-active{
padding-bottom:30px;
}
.tab-child-item{
display:none;
}

/* .detail-plan-search
----------------------------------------------- */
.detail-plan-search{
padding:5px 10px;
margin:0 10px;
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
color:var(--cmn-font-color-base);
display:block;
cursor:pointer;
}
.detail-plan-search .search-result-item{
position:relative;
}
.detail-plan-search .search-result-item > span {
display:block;
font-size:12px;
padding-right:25px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:calc(100% - 25px);
}
.detail-plan-search .search-result-item::before {
content:'';
width:16px;
height:16px;
position:absolute;
bottom:50%;
right:0;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png) -239px -40px no-repeat;
background-size:auto 70px;
}

/* .direct-flight-info
----------------------------------------------- */
.direct-flight-info{
background:#fff;
color:var(--cmn-font-color-base);
font-size:12px;
position:relative;
padding:14px 15px;
line-height:1.41;
border:2px solid #999;
box-sizing:border-box;
}
.direct-flight-info .btn-close{
display:block;
width:10px;
height:0;
padding-top:10px;
line-height:2;
overflow:hidden;
position:absolute;
top:10px;
right:10px;
background: url(/element/w_hotel/map/images/icon-x.svg) 50% 50% no-repeat;
background-size:10px 10px;
border:0;
}
.direct-flight-info-box{
padding:0 10px;
margin:10px 0 0 0;
box-sizing:border-box;
}
.direct-flight-info p{
margin:0;
line-height:1.41;
position:relative;
padding-left:15px;
font-size:14px;
}
.direct-flight-info p b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.direct-flight-info p:before {
content:'';
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) no-repeat;
background-size:14px 12px;
width:14px;
height:12px;
display:block;
position:absolute;
top:2px;
left:0;
}

/* ----------------------------------------------------------------
.detail-plan-header
----------------------------------------------------------------- */
/* .detail-plan-header
----------------------------------------------- */
.detail-plan-header {
margin: 0 -10px;
padding:5px 10px;
background-color: #666;
}
#Area_plan_list.detail-plan-header {
padding:10px;
}
.detail-sticky-container > .hdg-l2 + .detail-plan-header{
background:none;
}

/* .detail-plan-header-inner
----------------------------------------------- */
.detail-plan-header .detail-plan-header-inner + .detail-plan-header-inner {
margin-top: 10px;
}

/* .detail-plan-header-col
----------------------------------------------- */
.detail-plan-header .detail-plan-header-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

/* .detail-plan-header-date-btn
----------------------------------------------- */
.detail-plan-header .detail-plan-header-date-btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
padding: 8px 15px 8px 7px;
border:none;
border-radius: 4px;
color:var(--cmn-font-color-base);
width: 100%;
min-height: 38px;
position: relative;
background-color: #fff;
line-height: 1.2;
text-align: left;
font-size: 14px;
margin-top:3px;
}

.detail-plan-header .detail-plan-header-date-btn::before {
margin-top: -4px;
content: '';
display: block;
position: absolute;
border-right: 2px solid #888;
border-bottom: 2px solid #888;
width: 6px;
height: 6px;
top: 50%;
right: 10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.detail-plan-header .detail-plan-header-date-btn .date-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}

.detail-plan-header .detail-plan-header-date-btn .from {
position: relative;
padding-right:22px;
}

.detail-plan-header .detail-plan-header-date-btn .from:before {
content: '-';
position: absolute;
right: 8px;
bottom: 6px;
}

.detail-plan-header .detail-plan-header-date-btn .year{
display:block;
font-size: 12px;
}

.detail-plan-header .detail-plan-header-date-btn .to {
padding-right:7px;
}

.detail-plan-header .detail-plan-header-date-btn .night .num {
font-size:16px;
}

/* .detail-plan-header-list
----------------------------------------------- */
.detail-plan-header .detail-plan-header-list {
margin: 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.detail-plan-header .detail-plan-header-list > li{
flex-grow:1;
box-sizing:border-box;
}

.detail-plan-header .detail-plan-header-list > li:last-child{
width:72px;
margin-left:8px;
}

.detail-plan-header-list-num{
width:calc(100% - 80px);
}

.detail-plan-header-list-num button{
margin: 0;
padding: 5px 15px 5px 7px;
border-radius: 4px;
border:0;
color: var(--cmn-font-color-base);
width: 100%;
min-height:37px;
position: relative;
background-color: #fff;
line-height: 1.2;
text-align: left;
font-size: 14px;
}

.detail-plan-header-list-num button::before {
margin-top: -4px;
content: '';
display: block;
position: absolute;
border-right: 2px solid #888;
border-bottom: 2px solid #888;
width: 6px;
height: 6px;
top: 50%;
right: 10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.detail-plan-header-list-num button > span:not(:last-child){
padding-right:12px;
}

.detail-plan-header-list-btn .detail-plan-header-btn {
position: relative;
display: block;
padding: 0;
color: var(--cmn-font-color-base);
border-radius: 4px;
width:72px;
height:37px;
-webkit-box-shadow: 0 -3px 0 0 #d9d9d9 inset;
box-shadow: 0 -3px 0 0 #d9d9d9 inset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
line-height: 1.16;
text-decoration: none;
background-color: #fff;
text-align: center;
}


.detail-plan-header-list-btn .detail-plan-header-btn > span {
display: block;
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* .detail-plan-header-select
----------------------------------------------- */
.detail-plan-header-select{
display:none;
margin:10px -10px 0;
position:relative;
}

.detail-plan-header-select.is-active{
display:block;
}

.detail-plan-header-select::after {
content: '';
display: block;
width: 20px;
height: 105%;
overflow: hidden;
position: absolute;
top: -1px;
right: 0;
background:linear-gradient(to right, rgba(102,102,102,0) 0%, rgba(102,102,102,1) 80%);
}

.detail-plan-header-select-item{
overflow-x: auto;
overflow-y: hidden;
}

.detail-plan-header-select-item::-webkit-scrollbar{
display:none;
}

.detail-plan-header-select-list{
margin: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
white-space: nowrap;
padding-left:10px;
}

.detail-plan-header-select-list li{
margin-right: 8px;
display: -webkit-box;
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
font-size:12px;
}

.detail-plan-header-select-list li .del-btn{
border:0;
border-radius:3px;
background:#444;
color:#fff;
height:23px;
padding:0 25px 0 8px;
overflow: hidden;
background-image: url(/element_sp/w_hotel/shared/images/icon-close-wht.svg);
background-repeat: no-repeat;
background-position:calc(100% - 8px) 50%;
background-size: 9px auto;
}

.detail-plan-header-select-list li .icon-hotel-rank {
margin-right: 2px;
color: rgba(0,0,0,0);
width: 13px;
height: 15px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
background: url(/element/shared/images/icon/icon-review-star-5.svg) 0 0 no-repeat;
background-size: auto 12px;
}

/* .detail-plan-header-condition
----------------------------------------------- */
.detail-plan-header .detail-plan-header-condition {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #e5e5e5;
line-height: 1.35;
font-size: 12px;
color:#fff;
}

/* .detail-plan-header-toggle
----------------------------------------------- */
.detail-plan-header .detail-plan-header-toggle{
margin-top:5px;
position:relative;
line-height:1.35;
font-size:12px;
border-top:1px solid #e5e5e5;
padding-top:8px;
}

/* .detail-plan-header-toggle-item
----------------------------------------------- */
.detail-plan-header .detail-plan-header-toggle-item{
padding-right:110px;
height:1.35em;
position:relative;
overflow:hidden;
}

/* .detail-plan-header-toggle-hook
----------------------------------------------- */
.detail-plan-header .detail-plan-header-toggle-hook{
position:absolute;
top:0;
right:0;
background-color:#fff;
}
.detail-plan-header .detail-plan-header-toggle-hook button{
margin:8px 0 0;
padding:0 0 0 17px;
border:none;
color:var(--cmn-font-color-gray);
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
font-size:12px;
}
.detail-plan-header .detail-plan-header-toggle.is-active .detail-plan-header-toggle-item{
padding-right:0;
height:auto;
overflow:visible;
}
.detail-plan-header .detail-plan-header-toggle.is-active .detail-plan-header-toggle-hook{
margin-top:5px;
padding-left:0;
position:static;
text-align:right;
}
.detail-plan-header .detail-plan-header-toggle.is-active .detail-plan-header-toggle-hook button{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .detail-plan-header-toggle-list
----------------------------------------------- */
.detail-plan-header .detail-plan-header-toggle-list{
margin:0
}
.detail-plan-header .detail-plan-header-toggle-list > li{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
overflow:hidden;
}
.detail-plan-header .detail-plan-header-toggle-list > li:not(:first-child){
margin-top:5px;
}
.detail-plan-header .detail-plan-header-toggle-list > li > span{
padding-right:1em;
width:7.15em;
position:relative;
white-space:nowrap;
}
.detail-plan-header .detail-plan-header-toggle-list > li > span:after{
content:'\ff1a';
position:absolute;
top:0;
right:0;
}
.detail-plan-header .detail-plan-header-toggle-list > li > div{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.detail-plan-header .detail-plan-header-toggle-list > li:first-child > div{
text-overflow:ellipsis;
display:block;
white-space:nowrap;
overflow:hidden;
}
.search-condition .search-condition-toggle.is-active .detail-plan-header-toggle-list li > div{
white-space:normal;
overflow:visible;
}
.hdg-plan{
margin:0 -10px;
padding:10px 140px 0 10px;
background-color:#f5f5f5;
font-size:14px;
position:relative;
box-sizing:border-box;
}
.hdg-plan .num{
font-size:15px;
}
.detail-plan-header + .detail-plan-header + .hdg-plan{
margin-bottom:-5px;
}
.hdg-plan .sup{
font-size:12px;
display:block;
text-align:right;
position:absolute;
right:10px;
top:50%;
margin-top:-4px;
font-weight:normal;
}


/* .spot-article-item
------------------------------------- */
.spot-article-item {
margin-top: 12px;
padding: 12px;
border-radius: 6px;
box-shadow: 0 0 4px rgb(0 0 0 / 30%);
background-color: #fff;
}
.spot-article-item .spot-article-item-summery {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.spot-article-item.is-active .spot-article-item-summery{
display:none;
}
.spot-article-item .spot-article-item-summery .spot-article-item-summery-col {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.spot-article-item .spot-article-item-hdg {
line-height:1.25;
font-weight:700;
font-size:15px;
margin:0;
}
.spot-article-item .spot-article-item-sup {
margin-top:5px;
line-height:1.25;
color:var(--cmn-font-color-gray);
font-size:11px;
margin-bottom:0;
}
.spot-article-item .spot-article-item-sup>li {
margin-top:5px;
display:table;
width:100%;
}
.spot-article-item .spot-article-item-sup>li>span:first-child {
white-space:nowrap;
}
.spot-article-item .spot-article-item-sup>li>span {
display:table-cell;
}
.spot-article-item .spot-article-item-sup>li>span:last-child {
width:100%;
}
.spot-article-item .spot-article-item-sup>li>span>a {
padding-left:10px;
color:#555;
display:inline-block;
position:relative;
text-decoration:none;
}
.spot-article-item .spot-article-item-sup>li>span>a:before {
content:'';
display:block;
position:absolute;
top:4px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.spot-article-item .spot-article-item-sup>li>span:first-child:after {
content:'\ff1a';
}
.spot-article-item .spot-article-item-more {
margin:5px 0 -3px;
padding:3px 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.spot-article-item .spot-article-item-summery .spot-article-item-summery-thumb {
margin-left:10px;
width:80px;
}
.spot-article-item .spot-article-item-more>:first-child {
margin-top:0;
}
.spot-article-item .spot-article-item-more-text {
display:inline-block;
font-weight:400;
color:#a4a4a4;
}
.spot-article-item .spot-article-item-more-text:before {
margin:0 3px;
content:'...';
color:#a4a4a4;
display:inline-block;
vertical-align:bottom;
}
.spot-article-item .spot-article-item-summery .spot-article-item-summery-thumb>a {
display:block;
position:relative;
height:60px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f5f5;
}
.spot-article-item .spot-article-item-summery .spot-article-item-summery-thumb>a img {
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-height:100%;
}
.spot-article-item .spot-article-item-summery .spot-article-item-summery-thumb .caption {
margin-top:5px;
color:var(--cmn-font-color-gray);
display:block;
text-align:center;
font-size:11px;
}
.spot-article-item .spot-article-item-detail {
margin-bottom:10px;
}
.spot-article-item .spot-article-item-detail {
margin-bottom:20px;
display:none;
}
.spot-article-item.is-active .spot-article-item-detail {
display:block;
}
.spot-article-item .spot-article-item-image {
margin:5px 0 15px;
}
.curator-article-item .curator-article-item-image:after,
.spot-article-item .spot-article-item-image:after {
clear:both;
}
.curator-article-item .curator-article-item-image:after,
.curator-article-item .curator-article-item-image:before,
.spot-article-item .spot-article-item-image:after,
.spot-article-item .spot-article-item-image:before {
content:"";
display:table;
}
.spot-article-item .spot-article-item-image>li {
margin:20px 0 0 2%;
float:left;
width:32%;
margin-top:10px;
}
.spot-article-item .spot-article-item-image>li span{
font-size:11px;
display:block;
line-height:1.2;
margin:2px 0 0 0;
}
.spot-article-item .spot-article-item-image>li:nth-child(3n+1) {
margin-left:0;
clear:left;
}
.spot-article-item .spot-article-item-image>li .caption {
margin-top:5px;
color:#555;
display:block;
font-size:11px;
line-height:1.25;
text-align:center;
}
.spot-article-item .spot-article-item-image>li .caption {
margin-top:3px;
font-size:10px;
}
.spot-article-item .spot-article-item-image>li>a {
padding-top:70.73171%;
display:block;
height:0;
position:relative;
background-color:#f5f5f5;
}
.spot-article-item .spot-article-item-image>li>a img {
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-height:100%;
}
.spot-article-item .spot-article-item-recommend {
margin-top:20px;
}
.spot-article-item .spot-article-item-recommend-hdg {
padding-bottom:0;
border-bottom:none;
font-size:15px;
}
.spot-article-item .spot-article-item-recommend-list {
margin-top:5px;
color:#555;
font-size:11px;
}
.spot-article-item .spot-article-item-recommend-list>li {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.spot-article-item .spot-article-item-recommend-list>li .col {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.spot-article-item .spot-article-item-recommend-list>li .thumb {
margin-left:10px;
width:100px;
text-align:center;
}
.spot-article-item .spot-article-item-recommend-list>li .thumb {
width:75px;
}
.spot-article-item .spot-article-item-recommend-list>li .col>b {
color:var(--cmn-font-color-base);
font-size:13px;
}
.spot-article-item .spot-article-item-recommend-list>li .col .sup {
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
font-size:10px;
}
.spot-article-item .spot-article-item-recommend-list>li .thumb {
margin-left:10px;
width:75px;
text-align:center;
}
.spot-article-item .spot-article-item-recommend-list>li .thumb>img {
height:auto;
}
.spot-article-item .spot-article-item-recommend-list>li:not(:first-child) {
margin-top:10px;
padding-top:10px;
border-top:1px solid #e9e9e9;
}
.user-review-container + .more-toggle{
margin-bottom:5px;
}
.more-toggle .more-toggle-hook {
padding:0;
margin-bottom:0;
}
.more-toggle .more-toggle-hook b{
font-size:16px;
}
.detail-plan-item .more-toggle .more-toggle-hook{
margin-bottom:-10px;
}
.more-toggle + .w_tour-box{
margin-top:10px;
}
.spot-article-item-content-date {
margin-top:10px;
text-align:right;
}

/* ----------------------------------------------------------------
Photo gallery
----------------------------------------------------------------- */
.pseudo-gallery-hdg {
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #d9d9d9;
color:var(--cmn-font-color-gray);
font-size:16px;
font-weight:400;
}
.pseudo-gallery-hdg {
border-bottom-style:solid;
font-size:13px;
}
.pseudo-gallery-hdg .ruby {
display:block;
font-weight:400;
font-size:12px;
}
.pseudo-gallery-hdg-01 {
line-height:1.25;
font-size:16px;
font-weight:700;
}
.pseudo-gallery-hdg-01 {
font-size:15px;
}
.pseudo-gallery-sup {
margin:0 0 10px;
line-height:1.25;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.pseudo-gallery-sup {
margin-top:5px;
}
.pseudo-gallery-sup>li {
margin-top:5px;
display:table;
width:100%;
}
.pseudo-gallery-sup>li>span {
display:table-cell;
}
.pseudo-gallery-sup>li>span:first-child {
white-space:nowrap;
}
.pseudo-gallery-sup>li>span:first-child:after {
content:'\ff1a';
}
.pseudo-gallery-sup>li>span:last-child {
width:100%;
}
.pseudo-gallery-sup>li>span>a {
padding-left:10px;
color:#555;
display:inline-block;
position:relative;
text-decoration:none;
}
.pseudo-gallery-sup>li>span>a:before {
content:'';
display:block;
position:absolute;
top:4px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.carousel {
margin-bottom:20px;
}
.carousel .carousel-list {
margin-top:0;
}
.carousel .carousel-list>li {
display:none;
}
.carousel .carousel-list>li.is-active {
display:block;
}
.carousel .carousel-list>li .image {
padding-top:75%;
display:block;
height:0;
position:relative;
background-color:#f5f5f5;
}
.carousel .carousel-list>li .image img {
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-height:100%;
max-width:100%;
}
.carousel .carousel-list>li .caption {
margin-top:8px;
color:#555;
display:block;
}
.carousel .carousel-list>li .caption {
font-size:11px;
}
.carousel .carousel-num {
margin-top:5px;
font-size:11px;
color:var(--cmn-font-color-gray);
text-align:center;
}
.carousel .carousel-nav {
margin:15px auto;
padding:0 50px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.carousel .carousel-nav {
margin:10px 0;
padding:0 30px;
}
.carousel .carousel-nav>li.next button, .carousel .carousel-nav>li.prev button {
padding:0;
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
background:#fff;
}
.carousel .carousel-nav>li.next button:before, .carousel .carousel-nav>li.prev button:before {
margin-top:-8px;
content:'';
display:block;
position:absolute;
top:50%;
right:4px;
border-right:2px solid #b5b5b5;
border-bottom:2px solid #b5b5b5;
width:15px;
height:15px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.carousel .carousel-nav>li.next button[disabled], .carousel .carousel-nav>li.prev button[disabled] {
opacity:.4;
}
.carousel .carousel-nav>li.prev button {
right:auto;
left:0;
}
.carousel .carousel-nav>li.prev button:before {
right:auto;
left:4px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.carousel .carousel-nav>li.carousel-nav-thumb {
overflow:hidden;
max-width:395px;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul {
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li {
min-width:100px;
max-width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
opacity:.5;
background-color:#f5f5f5;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li.is-active {
opacity:1;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li {
min-width:75px;
max-width:75px;
overflow:hidden;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li a {
display:block;
height:0;
padding-top:68%;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li.is-active a {
position:relative;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li.is-active a:before {
content:'';
border:2px solid #444;
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:1;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li a img {
position:absolute;
bottom:50%;
right:50%;
max-height:100%;
z-index:0;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
min-width:75px;
max-width:75px;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li:not(:first-child) {
margin-left:5px;
}
.carousel .carousel-nav>li.carousel-nav-thumb {
max-width:235px;
}

/* ----------------------------------------------------------------
  payment-info
----------------------------------------------------------------- */
/* .payment-info
----------------------------------------------- */
.payment-info{
margin:10px 0 2px;
font-size:10px;
clear:both;
}

/* .payment-info-header
----------------------------------------------- */
.payment-info .payment-info-header{
margin:0;
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-template-rows:auto auto;
background-color:#f5f5f5;
text-align:center;
}
.payment-info .payment-info-header li{
padding:1px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.payment-info .payment-info-header li:first-child{
border-right:1px solid #ddd;
grid-column:1/2;
grid-row:1/3;
}
.payment-info .payment-info-header li:nth-child(2){
border-bottom:1px solid #ddd;
grid-column:2/4;
grid-row:1/2;
}
.payment-info .payment-info-header li:nth-child(3){
grid-column:2/3;
grid-row:2/3;
}
.payment-info .payment-info-header li:nth-child(4){
border-left:1px solid #ddd;
grid-column:3/4;
grid-row:2/3;
}

/* .payment-info-list
----------------------------------------------- */
.payment-info .payment-info-header + .payment-info-list{
margin:0;
border-width:0 1px 1px;
border-style:solid;
border-color:#ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.payment-info .payment-info-header + .payment-info-list .payment-info-list{
border:0;
}
.payment-info .payment-info-header + .payment-info-list > li{
position:relative;
-webkit-box-flex:1;
flex:1;
text-align:center;
}
.payment-info .payment-info-header + .payment-info-list .payment-info-hidden{
display:block;
width:0;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
.payment-info .card-block .cmn-tip-caution-btn{
vertical-align:middle;
margin-top:-2px;
}

/* .payment-info-list-01
----------------------------------------------- */
.payment-info .payment-info-list-01{
margin:0;
}
.payment-info .payment-info-list-01 > li{
display:inline-block;
}
.payment-info .payment-info-list-01 > li:not(:last-child)::after{
content:'\ff0f';
}
.payment-info .payment-info-list-credit{
margin:0;
text-align:center;
}
.payment-info .payment-info-list-credit > li{
display:inline-block;
}
.payment-info .payment-info-list-credit > li:not(:last-child){
margin-right:2px;
}
.payment-info .payment-info-list-credit > li img{
max-height:10px;
}
.payment-info.col-2 .payment-info-list > li:first-child{
flex:.5;
padding:2px 0;
}
.payment-info .payment-info-header li:last-child {
border-bottom:0;
}

/* .payment-toggle-hook
----------------------------------------------- */
.payment-toggle-hook{
text-align:right;
clear:both;
display:block;
margin:0 0 -7px;
}
.payment-toggle-hook > button{
padding:5px 5px 5px 16px;
border:none;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px;
font-size:11px;
display:inline-block;
margin:-14px -5px 0 0;
position:relative;
}
.payment-toggle-hook.is-active > button{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
background-size:12px;
}
.payment-toggle-hook > .payment-toggle-item{
display:none;
text-align:left;
}
.payment-toggle-hook.is-active > .payment-toggle-item{
display:block;
}

/* .payment-info-list
----------------------------------------------- */
.payment-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.payment-info-list > li{
margin-right:15px;
}
.payment-info-list button{
padding:3px 0 3px 12px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element_sp/w_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
white-space:nowrap;
}
.payment-info-list button[aria-selected="true"]{
background-image:url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg);
position:relative;
}
.payment-info-list button[aria-selected="true"]::after{
content:'';
display: block;
width: 20px;
height: 7px;
position: absolute;
bottom: 0;
left: calc(50% - 4px);
background: url(/element_sp/w_hotel/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}
.payment-info-list button > span{
color:var(--cmn-font-color-red);
}
.payment-info-list .no-icon button,
.payment-info-list .no-icon button[aria-selected="true"]{
background:none;
}

/* .payment-info-content
----------------------------------------------- */
.payment-info-content{
padding:8px;
border-radius:4px;
display:none;
background-color:#F5f5f5;
font-size:12px;
}
.payment-info-content.is-active{
display:block;
}
.payment-info-content > p{
margin:8px 0;
}
.payment-info-content > *:first-child{
margin-top:0;
}
.payment-info-content > *:last-child{
margin-bottom:0;
}
.payment-info-content>*:last-child a{
color:#666;
text-decoration:underline;
}

/* .plan-info-content-list-cancel
----------------------------------------------- */
.plan-info-content-list-cancel{
margin-top:4px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
}

.plan-info-content-list-cancel > li{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.plan-info-content-list-cancel > li > div{
padding:4px;
-webkit-box-flex:1;
flex:1;
}

.plan-info-content-list-cancel > li > div:first-child{
border-right:1px solid #ccc;
position:relative;
}

.plan-info-content-list-cancel > li > div:last-child{
min-width:11em;
}

/* .plan-info-content-note
----------------------------------------------- */
.plan-info-content-note{
color:var(--cmn-font-color-gray);
display:block;
}

.plan-info-content-note::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

/* .plan-info-content-note-inline
----------------------------------------------- */
.plan-info-content-note-inline{
color:var(--cmn-font-color-gray);
}

.plan-info-content-note-inline::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

/* .plan-info-content-note-block
----------------------------------------------- */
.plan-info-content-note-block{
color:var(--cmn-font-color-gray);
display:block;
}

.plan-info-content-note-block::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

.payment-info-content > p > .plan-info-content-note-block{
margin-top:4px;
text-indent:-8px;
padding-left:15px;
}

/* .ic-login-expedia
----------------------------------------------- */
.ic-login-expedia{
background: url(/element_sp/w_hotel/shared/images/icon-login.svg) no-repeat;
display:inline-block;
text-indent:-9999px;
width:12px;
height:12px;
margin:0 2px;
vertical-align:text-top;
}

/* .info-note-inline
----------------------------------------------- */
.info-note-inline{
color:var(--cmn-font-color-gray);
text-indent:0;
}
.info-note-inline::before {
margin-right: 4px;
content:'\203b';
display:inline-block;
}

/* .info-note-block
----------------------------------------------- */
.info-note-block{
color:var(--cmn-font-color-gray);
text-indent:0;
display:block;
}
.info-note-block::before {
margin-right: 4px;
content:'\203b';
display:inline-block;
}

/* .pseudo-content-lyt-footer > .payment-info-content
------------------------ */
.pseudo-content-lyt-footer .payment-info-content{
margin-bottom:8px;
border-radius:0;
background-color:#f5f5f5;
line-height:1.35;
}
.pseudo-content-lyt-footer .search-result-item-btn-container{
color:#fff;
margin:0;
}
.pseudo-content-lyt-footer .reservation-sticky-btn{
padding:2px 5px 3px;
color:#fff;
line-height:1.55;
font-size:16px;
font-weight:bold;
border:none;
background-color:var(--cmn-btn-color);
border-radius:4px;
width:100%;
margin:0 auto;
display:block;
text-align:center;
min-height:40px;
width:85%;
margin:auto;
}
@media screen and (max-width:320px){
.pseudo-content-lyt-footer .reservation-sticky-btn {
width:90%;
}
}

/* .payment-info-content-more
----------------------------------------------- */
.payment-info-content-more{
text-align:right;
}

/* .payment-info-content-list
----------------------------------------------- */
.payment-info-content-list > li{
display:-webkit-box;
display:flex;
}
.payment-info-content-list > li:not(:first-child){
margin-top:2px;
}
.payment-info-content-list > li > div:first-child{
margin-right:4px;
min-width:5.6em;
position:relative;
}
.payment-info-content-list > li > div:first-child::after{
content:':';
display:block;
position:absolute;
top:1px;
right:0;
}
.payment-info-content-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .payment-info-content-list-symbol
----------------------------------------------- */
.payment-info-content-list-symbol > li{
display:-webkit-box;
display:flex;
}
.payment-info-content-list-symbol > li:not(:first-child){
margin-top:4px;
}
.payment-info-content-list-symbol > li > span{
margin-right:5px;
}
.payment-info-content-list-symbol > li > div{
-webkit-box-flex:1;
flex:1;
}
.payment-info-content-list-symbol strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl{
display:table;
margin-top:3px;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl-cell{
display:table-cell;
width:12em;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl-cell:last-child{
width:auto;
}
.payment-info-content-list-symbol > li .cmn-dashed{
color:var(--cmn-font-color-link)!important;
--cmn-dashed-color:var(--cmn-font-color-link);
}

/* .payment-info-note
----------------------------------------------- */
.payment-info-note{
font-size:12px;
margin:3px 0;
text-indent:-1.3em;
padding-left:1.3em;
color:var(--cmn-font-color-gray);
}
.payment-info-note .incld-brt li::before{
content:'\0203B';
}
.payment-info-note > .cmn-tip-caution-btn{
text-indent:0;
margin:-1px 0 0 4px;
vertical-align:middle;
}
.pseudo-content-lyt-footer .payment-info-note{
margin:3px 0 0;
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info{
margin:0 -10px -4px;
padding:12px 10px 0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
background-color:rgba(0, 0, 0, .7);
}

/* .payment-info-list
----------------------------------------------- */
.payment-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.payment-info-list > li:not(:last-child){
margin-right:16px;
}
@media screen and (max-width:335px){
.payment-info-list > li:not(:last-child){
margin-right:5px;
}
}
.payment-info-list button{
padding:3px 0 3px 12px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element_sp/w_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
}
.payment-info-list button[aria-selected="true"]{
background-image:url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg);
}
.payment-info-list button > span{
color:var(--cmn-font-color-red);
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info-list button{
color:#fff;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-01-up-wht.svg) 0 55% no-repeat;
background-size:8px;
font-size:12px;
padding-left:12px;
}
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]{
background:url(/element_sp/w_hotel/shared/images/icon-arrow-01-down-wht.svg) 0 55% no-repeat;
background-size:8px;
position:relative;
}
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]::after{
content:'';
width:0;
height:0;
border-style:solid;
border-width:6px 9px 0 9px;
border-color:#f5f5f5 transparent transparent transparent;
position:absolute;
top:-8px;
left:50%;
margin-left:-9px;
}
.pseudo-content-lyt-footer .payment-info-list button > span{
color:#FFA8A8;
}

/* ----------------------------------------------------------------
  DP
----------------------------------------------------------------- */
/* .tab-dp-child-item
----------------------------------------------- */
.tab-dp-child-item{
display:none;
}
.tab-dp-child-item.is-active{
display:block;
background:#ddd;
padding:10px;
margin:0 -10px;
box-shadow:inset 0px 4px 3px -2px rgba(190,190,190,1);
min-height:400px;
}

/* .search-filtering-btn-save
----------------------------------------------- */
.search-filtering-btn-save{
display:block;
text-align:right;
margin:0 0 -5px;
}
.search-filtering-btn-save button{
border:0;
font-size:12px;
background:none;
position:relative;
padding:5px 0 5px 15px;
}
.search-filtering-btn-save button:before{
position:absolute;
top:50%;
left:0;
width:12px;
height:10px;
background:url(/element_sp/shared/images/sprite/sprite-icon-favorite.svg) no-repeat 0 -11px;
background-size:100% auto;
content:'';
margin-top:-6px;
}

/* .tab-dp-child-container
----------------------------------------------- */
.tab-dp-child-container{
margin:0 -10px;
}

/* .tab-dp-child
----------------------------------------------- */
.tab-dp-child-list {
display:table;
width:100%;
margin-left:-10px;
margin:10px 0 1px;
}
.tab-dp-child-list li {
display:table-cell;
width:33.33%;
box-sizing:border-box;
text-align:center;
vertical-align:bottom;
color:#ccc;
font-size:11px;
line-height:1.28;
position:relative;
}
.tab-dp-child-list li::after{
content:'';
height:calc(100% - 5px);
width:1px;
display:block;
background:#ddd;
position:absolute;
right:0;
bottom:0;
}
.tab-dp-child-list li:last-child::after{
display:none;
}
.tab-dp-child-list li a {
color:var(--cmn-font-color-base);
display:block;
position:relative;
padding:4px 0;
}
.tab-dp-child-list li.is-active a {
font-weight:normal;
display:block;
}
.tab-dp-child-list li.is-active a::after{
content:'';
width:calc(100% - 20px);
height:2px;
background:#333;
display:block;
position:absolute;
bottom:-1px;
left:10px;
}
.tab-dp-child-list li .list-price{
display:block;
font-size:10px;
font-weight:normal;
}
.tab-dp-child-list li:nth-child(3) .list-price{
margin-top:7px;
}
.tab-dp-child-list li .list-price .num{
font-size:11px;
}
.tab-dp-child-list li.is-disabled a{
color:#ccc;
}
.tab-dp-child-list li.is-disabled .list-price{
font-size:11px;
margin-bottom:2px;
}
.tab-dp-child-list li:last-child.is-disabled .list-price{
margin-bottom:2px;
margin-top:5px;
}

/* .dtl-tab-fixed-item
----------------------------------------------- */
.dtl-tab-fixed-item{
position:fixed;
width:100%;
top:0;
left:0;
background:#fff;
z-index:7;
box-sizing:border-box;
}
.fixed-hotel-name{
font-size:11px;
font-weight:bold;
margin:0 10px 0 0;
padding-top:5px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.fixed-tab-item{
padding:0 0 0 55px;
position:relative;
box-shadow:0px 2px 5px rgba(0, 0, 0, 0.15);
background:#fff;
z-index:1;
}
.fixed-tab-item::after{
content:'';
width:1px;
height:58px;
top:0;
left:45px;
background:#ddd;
position:absolute;
}
.fixed-tab-item .tab-dp-child-list{
margin-top:0;
}
.fixed-tab-item .tab-dp-child-list li:nth-child(3)::after{
display:none;
}
.fixed-tab-item .tab-dp-child-list li:nth-child(3) .list-price{
margin-top:0;
}
.fixed-sort-item{
position:relative;
box-shadow:0px 1px 7px rgba(0, 0, 0, 0.5);
padding:0 10px 8px 10px;
background:#ddd;
position:fixed;
top:59px;
width:100%;
box-sizing:border-box;
}
.dtl-tab-fixed-item.is-active .fixed-sort-item{
padding:7px 10px 10px 10px;
}
.dtl-tab-fixed-item.is-active .fixed-sort-item::before{
content:'';
width:12px;
height:7px;
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
position:absolute;
bottom:-10px;
left:16px;
z-index:5;
}
.dtl-tab-fixed-item .fixed-sort-item::before{
content:'';
width:12px;
height:7px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
position:absolute;
bottom:-10px;
left:16px;
z-index:5;
}
.fixed-sort-item::after{
content:'';
display:block;
width:44px;
height:44px;
background:#ddd;
border-radius:44px;
position:absolute;
bottom:-22px;
left:0;
border:0;
box-shadow:0px 7px 7px -4px rgba(0, 0, 0, 0.5);
}
.fixed-sort-item .detail-plan-header{
background:#ddd;
}
.dtl-tab-fixed-item .fixed-sort-item .detail-plan-header{
display:block;
margin:0 -10px ;
position:relative;
z-index:1;
padding-top:8px;
}
.dtl-tab-fixed-item .fixed-sort-item .detail-plan-header .detail-dp-filter-item{
margin-bottom:0;
}
.fixed-sort-item .filter-selected-list{
position:relative;
z-index:1;
margin-bottom:-6px;
margin-top:8px;
margin-left:-10px;
}
.fixed-sort-item .filter-selected-list > ul{
padding-left:10px;
}
.fixed-tab-btn{
position:absolute;
left:0;
top:0;
width:44px;
height:44px;
border:0;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-up.svg) 15px 15px no-repeat;
text-indent:-9999px;
}
.dtl-tab-fixed-item.is-active .fixed-tab-btn{
position:absolute;
left:0;
top:0;
width:44px;
height:59px;
border:0;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-up.svg) 15px 15px no-repeat;
text-indent:-9999px;
}
.dtl-tab-fixed-item .toggle-sort-btn{
width:44px;
height:40px;
background:none;
border-radius:44px;
position:absolute;
bottom:-22px;
left:0;
border:0;
text-indent:-9999px;
z-index:2;
touch-action:none;
}
.dtl-tab-fixed-item.is-active .toggle-sort-btn{
width:44px;
height:22px;
background:none;
border-radius:44px;
position:absolute;
bottom:-22px;
left:0;
border:0;
text-indent:-9999px;
z-index:2;
}
.dtl-tab-fixed-item.is-active .fixed-sort-item .detail-dp-filter-item{
margin-bottom:0;
z-index:1;
position:relative;
}

/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
padding:20px 0 40px;
}
.error-item .error-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:12px;
}
.error-item .error-txt{
font-size:13px;
margin-bottom:20px;
text-align:left;
padding:0 8px;
}
.error-item .error-txt.center{
text-align:center;
}
.error-item .btn-error{
border:1px solid #bbb;
border-radius:5px;
font-size:13px;
background:#fff;
color:var(--cmn-font-color-gray);
text-align:center;
padding:4px 8px;
font-weight:bold;
}
.filter-dp .error-item .error-txt{
font-size:12px;
margin-top:20px;
}
.error-item .hdg-notfound{
font-size:16px;
font-weight:normal;
text-align:left;
}
.error-align-c{
text-align:center;
}
.error-item strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.error-item p:not([class]){
font-size:14px;
text-align: left;
}
.error-item .txt-notfound{
font-size:12px;
text-align: left;
}
.error-item .btn {
margin: 20px auto 0;
padding: 8px 10px;
border: 1px solid #bbb;
border-radius: 5px;
color:var(--cmn-font-color-base);
display: table;
min-width: 55%;
text-align: center;
font-size: 14px;
background-color: #fff;
font-weight:normal;
}

/* .error-catch
----------------------------------------------- */
.error-catch{
font-size:14px;
margin:10px 0 15px;
font-weight:bold;
}
.agt-link .error-catch{
margin-top:-4px;
}
.error-catch-txt{
font-size:14px;
text-align:left;
}
.error-catch-txt.center{
text-align:center;
}
.error-catch-btn-item{
text-align:center;
margin-top:30px;
}
.btn-catch-error{
border:1px solid #bbb;
border-radius:5px;
min-width:200px;
min-height:38px;
color:var(--cmn-font-color-gray);
font-size:13px;
background:#fff;
font-weight:bold;
}

/* .agt-move-price-tbl
----------------------------------------------- */
.agt-link.flight-dtl{
margin-bottom:100px;
}
.agt-move-price-tbl{
border:1px solid #ccc;
margin:12px 0 10px;
}
.agt-move-price-tbl-tr{
display:table;
width:100%;
box-sizing:border-box;
}
.agt-move-price-tbl-tr:first-child{
padding:6px 8px 3px;
text-align:left;
}
.agt-move-price-tbl-tr:last-child{
border-top:1px solid #ccc;
padding:5px 8px;
}
.agt-move-price-tbl-td{
display:table-cell;
}
.agt-move-price-tbl-tr:first-child .agt-move-price-tbl-td:first-child{
text-align:left;
font-size:11px;
vertical-align:middle;
width:90px;
}
.agt-move-price-tbl-tr:first-child .agt-move-price-tbl-td:first-child .cmn-tip-btn{
vertical-align:text-top;
}
.agt-move-price-tbl-tr:first-child .agt-move-price-tbl-td:first-child .price-about{
margin-top:4px;
}
.agt-move-price-tbl-td .flight-detail-item .airline-item{
margin-top:3px;
}
.agt-move-price-tbl-td .flight-detail-item .flight-detail-list{
width:250px;
margin:0 auto;
}
.agt-move-price-tbl-td .flight-detail-item .airline-item .logo{
padding-right:0;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col{
vertical-align:middle;
display:inline-block;
max-width:90px;
line-height:1.4;
vertical-align:top;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:first-child{
padding-right:15px;
color:#a4a4a4;
text-align:right;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col .price-about{
display:inline-block;
font-size:11px;
text-align:left;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child .price-about{
display:block;
font-size:11px;
text-align:right;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col .price-about .num,
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child .price-about .num{
font-size:12px;
font-weight:normal;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col .num{
font-size:16px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child{
padding-left:15px;
height:40px;
color:var(--cmn-font-color-red);
vertical-align:middle;
text-align:left;
position:relative;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child .num{
font-weight:bold;
font-size:17px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child:before{
display:inline-block;
position:absolute;
top:50%;
left:-8px;
margin-top:-8px;
width:17px;
height:12px;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-03.svg) top left no-repeat;
background-size:17px 12px;
content:"";
}
.agt-move-price-tbl-td .agt-hotel-check-num{
padding:0 8px 4px;
margin-top:-4px;
}
.tax.include {
margin-left:2px;
color:#2b65a0;
}
.agt-flight-seat,
.agt-flight-luggage{
text-align:left;
font-size:11px;
margin-bottom:3px;
}
.agt-flight-luggage{
margin-bottom:12px;
}
.agt-flight-luggage a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.agt-plan-dtl,
.agt-check-num{
text-align:left;
font-size:12px;
}
.agt-plan-dtl .num,
.agt-check-num .num{
font-size:13px;
}
.agt-check-num b.num{
font-size:14px;
}
@media screen and (max-width:330px){
.agt-move-price-tbl-td .flight-detail-item .flight-detail-list{
width:100%;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col .num{
font-size:15px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child .num {
font-size:16px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col {
max-width:85px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:first-child {
padding-right:10px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child {
padding-left:10px;
}
.btn-container-02 .btn-11{
font-size:13px;
}
}

/* .agt-move-price-tbl
------------------------------------------------ */
.agt-move-price-tbl.agt-tour .airline-item .txt-hdg{
vertical-align:top;
font-weight:bold;
font-size:13px;
}
.agt-tour .agt-move-price-tbl-td .flight-detail-item .airline-item .logo{
position:relative;
padding-left:60px;
line-height:1.6;
}
.agt-tour .agt-move-price-tbl-td .flight-detail-item .airline-item .logo > span{
position:absolute;
left:0;
top:0;
}
.agt-tour .luggage-info{
color:#AF700A;
font-size:11px;
text-align:left;
margin:-28px 0 5px;
}
.agt-hotel-name{
text-align:left;
font-size:13px;
margin-bottom:10px;
}
.agt-hotel-check-num{
text-align:left;
font-size:11px;
}
.agt-hotel-check-num .num{
font-size:12px;
}
.agt-hotel-check-num b.num{
font-size:14px;
}
.agt-hotel-plan{
text-align:left;
font-size:11px;
margin-top:3px;
}
.agt-hotel-plan .ic-meal{
display:inline-block;
border:1px solid #ccc;
padding:2px 4px;
line-height:1;
margin-left:5px;
vertical-align:middle;
}

/* btn-container-02btn-container-02
------------------------------------------------ */
.btn-container-02{
margin:5px auto 0;
width:85%;
display:table;
}
.btn-container-02 > li{
display:table-cell;
padding-right:5px;
width:50%;
}
.btn-container-02 > li:last-child{
padding-right:0;
padding-left:5px;
}
.btn-container-02 > li:only-of-type{
padding-left:0;
}
.btn-11 {
padding:6px 5px 9px;
border:1px solid #bbb;
border-radius:5px;
width:100%;
max-height:51px;
color:var(--cmn-font-color-gray);
font-weight:bold;
background:#fff;
vertical-align:middle;
text-align:center;
font-size:14px;
line-height:1.3;
}
.btn-11 .txt-ilb{
display:block;
}

/* btn-notes
------------------------------------------------ */
.btn-notes{
display:block;
margin:10px 0 0;
color:#fff;
font-weight:normal;
font-size:10px;
}
.btn-notes .mark{
margin-left:1em;
text-indent:-1em;
font-size:11px;
}
.btn-notes a{
color:#fff;
text-decoration:underline;
}

/* .detail-sticky-container.str-separate
----------------------------------------------- */
.tab-dp-child-item .detail-sticky-container{
margin-top:0;
}
.tab-dp-child-item .detail-sticky-container > .detail-plan-header{
background:none;
margin:0 0 10px 0;
padding:0;
}
.tab-dp-child-item .detail-sticky-container > .detail-plan-header + .detail-plan-header {
margin:-10px -10px 0;
padding:10px;
background-color:#666;
}

/* .detail-dp-filter-item
----------------------------------------------- */
.detail-dp-filter-item{
display:table;
width:100%;
margin-bottom:10px;
table-layout:fixed;
}
.detail-dp-filter-item > div{
display:table-cell;
width:50%;
padding-right:4px;
vertical-align:top;
}
.detail-dp-filter-item.str-separate > div{
display:table-cell;
width:auto;
}
.detail-dp-filter-item.str-separate > .item-filter-flights{
padding-right:0;
width:32%;
}
.detail-dp-filter-item.str-separate > .item-filter-hotels{
width:28%;
}
.detail-dp-filter-item.str-separate > div:first-child button{
padding-left:35px;
}
.detail-dp-filter-item > .item-filter button span{
padding-left:22px;
position:relative;
}
.detail-dp-filter-item.str-separate > div:first-child button::before,
.detail-dp-filter-item > .item-filter button span::before{
content:'';
width:15px;
height:15px;
display:block;
background:url(/element_sp/w_hotel/shared/images/icon-filter-off.svg) no-repeat;
position:absolute;
left:15px;
top:50%;
margin-top:-7px;
}
.detail-dp-filter-item > .item-filter button span::before{
left:0;
}
.detail-dp-filter-item > .item-sort button span{
position:relative;
padding-left:20px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
}
.detail-dp-filter-item > .item-sort button span::before{
content:'';
width:15px;
height:13px;
display:block;
background:url(/element_sp/w_hotel/shared/images/icon-sort.svg) no-repeat;
position:absolute;
left:2px;
top:50%;
margin-top:-6px;
}
.detail-dp-filter-item > div:last-child{
padding-right:0;
padding-left:4px;
}
.detail-dp-filter-item > div button{
padding:3px 5px;
border-radius:3px;
box-shadow:0 -1px 0 #bbb inset;
background-color:#fff;
color:var(--cmn-font-color-gray);
display:block;
width:100%;
border:0;
text-align:center;
font-size:11px;
min-height:36px;
box-sizing:border-box;
border:1px solid #bbb;
position:relative;
line-height:1.25;
overflow:hidden;
}
.detail-dp-filter-item.str-separate > .item-filter-flights button{
border-right:0;
border-radius:3px 0 0 3px;
}
.detail-dp-filter-item.str-separate > .item-filter-flights button::after{
content:'';
height:calc(100% - 8px);
width:1px;
display:block;
background:#ddd;
position:absolute;
right:0;
bottom:4px;
}
.detail-dp-filter-item.str-separate > .item-filter-hotels button{
border-left:0;
border-radius:0 3px 3px 0;
}
.tab-dp-child-item .detail-plan-header-col-item > span{
font-size:13px;
display:block;
line-height:1.4;
}

/* .bln-sort-item
----------------------------------------------- */
.bln-sort-item{
border-radius:3px;
background:#fff;
padding:15px;
position:relative;
filter:drop-shadow(0px 0px 2px rgba(0,0,0,.3));
-webkit-filter:drop-shadow(0px 0px 2px rgba(0,0,0,.3));
-moz-filter:drop-shadow(0px 0px 2px rgba(0,0,0,.3));
-ms-filter:drop-shadow(0px 0px 2px rgba(0,0,0,.3));
display:inline-block;
z-index:6;
border:1px solid #eee;
}
.bln-sort-item::before {
content:"";
position:absolute;
top:-10px;
right:15px;
width:0;
height:0;
border-style:solid;
border-width:0 8px 10px 8px;
border-color:transparent transparent #fff transparent;
z-index:-1;
}
.fixed-sort-item .bln-sort-item{
z-index:2;
}
.bln-sort-item-hdg{
font-weight:bold;
margin-bottom:12px;
font-size:15px;
}
.bln-sort-list{
margin:0;
font-size:15px;
max-height:220px;
overflow-y:scroll;
padding-right:8px;
}
.bln-sort-list li{
padding-left:21px;
line-height:2.68;
}
.bln-sort-list li.is-selected{
background:url(/element_sp/w_hotel/shared/images/icon-check.png) no-repeat left 12px;
background-size:16px 15px;
}
.bln-sort-list li a{
color:var(--cmn-font-color-base);
}
.bln-sort-list li small{
font-size:12px;
}

/* .filter-selected-list
----------------------------------------------- */
.filter-selected-list{
font-size:0;
margin-bottom:-5px;
position:relative;
overflow:hidden;
margin-right:-10px;
}
.filter-selected-list > ul{
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
white-space:nowrap;
margin:0;
}
.filter-selected-list > ul::-webkit-scrollbar,
.hotel-plan-sort-list::-webkit-scrollbar {
display:none;
-webkit-appearance:none;
}
.filter-selected-list li{
font-size:11px;
color:var(--cmn-font-color-gray);
display:inline-block;
margin-right:5px;
margin-bottom:5px;
}
.filter-selected-list .btn-select-delete{
background:#f5f5f5;
border:0;
border-radius:3px;
height:20px;
padding:0 17px 0 7px;
position:relative;
}
.filter-selected-list .btn-select-delete::after{
content:'';
width:8px;
height:8px;
display:block;
background:url(/element_sp/w_hotel/shared/images/icon-delete.svg) no-repeat;
position:absolute;
right:5px;
top:50%;
margin-top:-4px;
}
.filter-selected-num{
display:table;
width:100%;
table-layout:fixed;
box-sizing:border-box;
}
.filter-selected-num .result-num{
display:table-cell;
padding:0 8px 0 0;
font-size:13px;
white-space:nowrap;
width:85px;
max-width:88px;
}
.filter-selected-num .result-num .num{
font-size:15px;
}
.filter-selected-num ul{
display:block;
margin-top:0;
vertical-align:top;
width:100%;
}
.tab-dp-child-item .filter-selected-list{
position:relative;
margin-left:-10px;
}
.filter-selected-list::before{
background:rgb(221,221,221);
background:linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(221,221,221,0) 100%);
width:10px;
height:20px;
position:absolute;
left:0;
top:0;
content:'';
z-index:1;
}
.filter-selected-list::after{
background:rgb(221,221,221);
background:linear-gradient(90deg, rgba(221,221,221,0) 0%, rgba(221,221,221,1) 100%);
width:10px;
height:20px;
position:absolute;
right:0;
top:0;
content:'';
z-index:1;
}
.tab-dp-child-item .filter-selected-list ul{
padding-left:10px;
}

/* .str-include
----------------------------------------------- */
.str-include .detail-dp-filter-item > div{
display:table-cell;
width:30%;
padding-right:5px;
}
.str-include .detail-dp-filter-item > div:last-child{
display:table-cell;
width:70%;
padding-right:0;
padding-left:5px;
}
.str-include .detail-dp-filter-item > div:last-child button{
border-radius:3px 0 0 3px;
width:50%;
display:inherit;
}
.str-include .detail-dp-filter-item > div:last-child button:last-child{
border-radius:0 3px 3px 0;
position:relative;
z-index:1;
}
.str-include .detail-dp-filter-item > div:last-child button:last-child:before{
content:'';
position:absolute;
height:30px;
width:1px;
display:block;
background:#fff;
left:-1px;
top:0;
}
.str-include .detail-dp-filter-item > div:last-child button:last-child:after{
content:'';
position:absolute;
height:20px;
width:1px;
display:block;
background:#ccc;
left:-1px;
top:5px;
}

/* .flight-dp-list
----------------------------------------------- */
.flight-dp-list{
position:relative;
padding:0 75px 0 55px;
margin:0;
}
.flight-dp-list .logo{
position:absolute;
top:0;
left:0;
}
.flight-dp-list .logo img{
max-width:48px;
max-height:30px;
}
.flight-dp-list .btn-book{
position:absolute;
right:0;
top:0;
}
.flight-dp-list .btn-book button{
padding:9px 10px 10px;
color:#fff;
border-radius:4px;
display:block;
width:64px;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:bold;
text-align:center;
border:0;
}
.flight-dp-list > .price-detail{
background:none;
display:inline-block;
text-align:right;
font-size:11px;
margin:0;
padding:0;
}
.flight-dp-list > .price-detail .price-all,
.flight-dp-list > .price-detail .price-other{
display:table;
float:right;
}
.flight-dp-list > .price-detail .price-all > div,
.flight-dp-list > .price-detail .price-other > div{
display:table-cell;
vertical-align:middle;
width:75px;
text-align:left;
}
.flight-dp-list > .price-detail .price-all > div:last-child,
.flight-dp-list > .price-detail .price-other > div:last-child{
width:100px;
box-sizing:border-box;
text-align:right;
}
.flight-price-detail-item .price-all > div:last-child{
color:var(--cmn-font-color-red);
}
.flight-price-detail-item .price-all > div:last-child .num{
font-weight:bold;
font-size:17px;
}
.flight-dp-list > .price-detail .price-other{
margin-top:-7px;
}
.flight-dp-list > .price-detail .price-other > div:last-child{
font-size:10px;
}
.flight-dp-list > .price-detail .price-other > div:last-child .num{
font-weight:bold;
font-size:13px;
}
.flight-dp-list > .price-detail .price-num{
clear:both;
}

/* .dp-detail-plan-tab
----------------------------------------------- */
.dp-detail-plan-tab{
position:relative;
margin-bottom:-2px;
z-index:1;
}
.dp-detail-plan-tab-list{
display:table;
width:100%;
border-radius:5px 5px 0 0;
margin:0;
position:relative;
}
.dp-detail-plan-tab-list > li{
display:table-cell;
width:25%;
box-shadow:0px 0px 2px 1px #bbb;
background:#fff;
border-radius:5px 5px 0 0;
z-index:1;
position:relative;
}
.dp-detail-plan-tab-list > li:last-child{
box-shadow:inherit;
}
.dp-detail-plan-tab-list > li.is-selected{
z-index:3;
}
.dp-detail-plan-tab-list > li button{
color:var(--cmn-font-color-gray);
padding:0;
border-radius:5px 5px 0 0;
border:0;
font-size:12px;
min-height:39px;
width:calc(100% + 4px);
background:none;
position:relative;
line-height:1;
padding:5px 0;
}
.str-dp .dp-detail-plan-tab-list > li button{
min-height:32px;
}
.dp-detail-plan-tab-list > li:last-child::after,
.dp-detail-plan-tab-list > .tab-price::after{
content:'';
width:100%;
height:6px;
background:#fff;
left:0;
bottom:-6px;
display:block;
position:absolute;
box-shadow:0 -2px 3px #ddd;
z-index:1;
}
.dp-detail-plan-tab-list > li button::after{
content:'';
width:100%;
height:6px;
background:#fff;
left:0;
bottom:-6px;
display:block;
position:absolute;
box-shadow:0 -2px 3px #ddd;
z-index:1;
}
.dp-detail-plan-tab-list > .tab-hotels button::after{
left:-2px;
width:calc(100% + 2px);
}
.dp-detail-plan-tab-list > li.is-selected button:after{
height:5px;
bottom:-5px;
box-shadow:inherit;
}
.dp-detail-plan-tab-list > li.is-selected button{
color:var(--cmn-font-color-base);
}
.dp-detail-plan-tab-list > .tab-flights button > span{
padding-left:18px;
font-size:11px;
margin-right:3px;
}
.str-dp .dp-detail-plan-tab-list > .tab-flights button > span{
margin-right:0;
padding-left:10px;
}
.dp-detail-plan-tab-list > .tab-flights .num{
font-size:12px;
}
.dp-detail-plan-tab-list > .tab-hotels button{
padding-left:20px;
padding-right:7px;
font-size:11px;
}
.dp-detail-plan-tab-list > .tab-hotels .num{
font-size:12px;
}
.dp-detail-plan-tab-list > .tab-hotels .price{
display:block;
}
.dp-detail-plan-tab-list > .tab-hotels .date{
font-size:10px;
}
.dp-detail-plan-tab-list > .tab-hotels .date .num{
font-size:11px;
}
.dp-detail-plan-tab-list > .tab-hotels .date-num{
font-size:11px;
}
.dp-detail-plan-tab-list > .tab-hotels .date-num .num{
font-size:12px;
}
.dp-detail-plan-tab-list > li span{
position:relative;
}
.dp-detail-plan-tab-list > .tab-flights button > span::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-air-off.svg) no-repeat;
width:14px;
height:15px;
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-7px;
}
.dp-detail-plan-tab-list > .tab-flights.is-selected button > span::before{
background:url(/element_sp/w_hotel/shared/images/icon-air-on.svg) no-repeat;
}
.dp-detail-plan-tab-list > .tab-hotels button::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-htl-off.svg) no-repeat;
width:10px;
height:14px;
display:block;
position:absolute;
left:10px;
top:50%;
margin-top:-7px;
}
.dp-detail-plan-tab-list > .tab-hotels.is-selected button::before{
background:url(/element_sp/w_hotel/shared/images/icon-htl-on.svg) no-repeat;
}
.dp-detail-plan-tab-list > .tab-price{
width :100%;
border-radius:0 5px 0 0;
background:#f5f5f5;
z-index:0;
padding:0 5px;
text-align:right;
vertical-align:middle;
}
.dp-detail-plan-tab-list > .tab-price .num-total{
font-size:11px;
padding-right:8px;
display:inline-block;
text-align:left;
line-height:1;
vertical-align:middle;
}
.dp-detail-plan-tab-list > .tab-price .price-total{
font-size:12px;
font-weight:bold;
display:inline-block;
line-height:1;
vertical-align:middle;
}
.dp-detail-plan-tab-list > .tab-price .price-total .num{
font-size:17px;
}

@media screen and (max-width:360px){
.dp-detail-plan-tab-list > .tab-hotels button{
padding:20px 5px 5px;
}
.dp-detail-plan-tab-list > .tab-flights button > span{
padding:20px 0 5px 0;
display:block;
margin-top:-5px;
}
.dp-detail-plan-tab-list > .tab-flights button > span::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-air-off.svg) no-repeat;
width:14px;
height:15px;
display:block;
position:absolute;
left:50%;
top:inherit;
margin:-20px 0 0 -7px;
}
.dp-detail-plan-tab-list > .tab-hotels button::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/tabicon_htl_off.svg) no-repeat;
width:10px;
height:14px;
display:block;
position:absolute;
left:50%;
top:inherit;
margin:-14px 0 0 -5px;
}
.dp-detail-plan-tab-list .num-total-block{
display:block;
margin:2px 0 -2px;
}
.dp-detail-plan-tab-list > li.is-selected button:after{
bottom:-10px;
}
.dp-detail-plan-tab-list > li button::after{
bottom:-6px;
}
.dp-detail-plan-tab-list > .tab-hotels.is-selected button:after{
bottom:-5px;
}
.dp-detail-plan-tab-list > .tab-hotels button:after{
bottom:-6px;
}
.str-dp .dp-detail-plan-tab-list > .tab-flights button > span::before{
top:50%;
margin-top:-6px;
}
.dp-detail-plan-tab-list > li button{
min-height:58px;
}
.str-dp .dp-detail-plan-tab-list > li button{
min-height:48px;
}
.dp-detail-plan-tab-list > .tab-hotels .price{
margin-top:5px;
}
}
.item-tour .dp-detail-plan-tab li{
width:50%;
padding:7px 8px;
font-size:11px;
}
.item-tour .dp-detail-plan-tab li:first-child{
border-radius:5px 0 0 0;
vertical-align:middle;
}
.item-tour .dp-detail-plan-tab .label-booking{
display:inline-block;
color:#fff;
background:#666;
padding:4px;
line-height:1;
font-size:12px;
}
@media screen and (max-width:330px){
.item-tour .dp-detail-plan-tab .label-booking{
max-width:80px;
text-align:center;
}
}
.item-tour .dp-detail-plan-tab li:first-child:after{
content:'';
width:calc(100% + 2px);
height:5px;
background:#fff;
position:absolute;
bottom:-5px;
left:0;
}
.item-tour .dp-detail-plan-tab li:last-child .price-sum{
display:table;
width:100%;
}
.item-tour .dp-detail-plan-tab li:last-child .price-sum > span{
padding:0 5px 0 0;
text-align:left;
display:table-cell;
white-space:nowrap;
}
.item-tour .dp-detail-plan-tab li:last-child .price-sum > span:last-child{
text-align:right;
padding:0;
}
.item-tour .dp-detail-plan-tab .num{
font-size:18px;
font-weight:bold;
}
.item-tour .dp-detail-plan-tab .tab-price-item{
display:inline-block;
}
.item-tour .dp-detail-plan-tab .tab-price-item .txt-price{
white-space:nowrap;
}
.btn-share{
width:12px;
height:17px;
display:inline-block;
background:url(/element_sp/w_hotel/shared/images/icon-share.svg) no-repeat;
background-size:100% 100%;
text-indent:-9999px;
border:0;
}
.item-tour .dp-detail-plan-tab li:first-child .btn-share{
float:right;
min-height:inherit;
width:12px;
background:url(/element_sp/w_hotel/shared/images/icon-share.svg) no-repeat;
background-size:100% 100%;
}
.dp-detail-plan-tab-list > li button.btn-share::after{
display:none;
}
.detail-plan-item-inner .btn-share-item{
position:relative;
}
.detail-plan-item-inner .btn-share-item .btn-share{
position:absolute;
right:0;
top:8px;
}
.cmn-tip-container .btn-share{
margin:0 3px;
}

/* .btn-detail
----------------------------------------------- */
.btn-dtl{
padding:0;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-gray);
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
font-size:11px;
text-align:center;
}

/* .agt-price-item
----------------------------------------------- */
.agt-price-item{
display:table;
width:100%;
padding:5px 0 0;
box-sizing:border-box;
background:#fff;
z-index:1;
position:relative;
}
.str-dp .agt-price-item + .hotel-detail-item{
margin-top:12px;
}
.agt-price-item.luggage-item{
padding-bottom:0;
margin-bottom:-5px;
}
.agt-price-item::before{
content:'';
background:#fff;
display:block;
width:calc(100% + 21px) ;
height:6px;
position:absolute;
top:-3px;
left:-10px;
z-index:2;
}
.agt-price-item > div{
display:table-cell;
vertical-align:middle;
font-size:11px;
}
.agt-price-item > .agt-item{
width:100%;
font-size:12px;
}
.agt-price-item > .agt-item .txt-invoice{
display:block;
margin-top:4px;
}
.agt-price-item > .agt-item a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
@media screen and (max-width:320px){
.agt-price-item > .luggage-item .txt-ilb{
display:block;
}
}
.agt-price-item > .luggage-item{
font-size:11px;
width:50px;
padding:0 0 0 5px;
line-height:1.2;
white-space:nowrap;
}
.agt-price-item > .luggage-info{
white-space:nowrap;
font-size:11px;
}
.agt-price-item > .luggage-info .txt-fee{
color:var(--cmn-font-color-base);
padding-left:15px;
}
.agt-price-item > .btn-item{
width:30px;
padding-left:5px;
}
.agt-price-item > .btn-item button{
width:30px;
height:28px;
}
.agt-price-item > .price-item{
text-align:right;
width:auto;
padding-left:5px;
white-space:nowrap;
}
.agt-price-item > .price-item > .price-sum{
display:table;
white-space:nowrap;
width:100%;
}
.agt-price-item > .price-item > .price-sum .num{
font-size:13px;
}
.agt-price-item > .price-item > .price-sum > span{
display:table-cell;
text-align:left;
}
.agt-price-item > .price-item > .price-sum > span:last-child{
text-align:right;
padding-left:5px;
}
.agt-price-item > .price-item .txt-luggage{
text-align:left;
margin-top:2px;
}

/* .dp-detail-plan
----------------------------------------------- */
.dp-detail-plan{
line-height:1.35;
}
.detail-plan-item .detail-plan-item-inner{
background:#fff;
box-shadow:0px 0px 3px 1px #bbb;
border-radius:0 0 5px 5px;
overflow:hidden;
margin:0 0 10px 0;
padding:5px 10px;
}

/* .airline-item
----------------------------------------------- */
.flight-detail-item .airline-item{
display:table;
width:100%;
margin:10px 0;
font-size:11px;
}
.flight-detail-item .airline-item > div{
display:table-cell;
vertical-align:middle;
}
.airline-item .txt-hdg{
width:30px;
}
.airline-item .logo{
line-height:1;
text-align:left;
padding-right:15px;
}
.airline-item .logo > span{
display:inline-block;
padding:1px;
margin-left:5px;
vertical-align:middle;
}
.sch-airline-info,
.airline-item .logo > .sch-airline-info{
color:var(--cmn-font-color-gray);
margin-left:0;
padding:0;
vertical-align:inherit;
}
.airline-item .logo > span img{
max-width:48px;
}
.airline-item .txt-name{
font-size:11px;
padding:0 5px;
}
.airline-item .txt-name .alliance-logo,
.airline-item .logo > .alliance-logo{
display:inline-block;
border:1px solid #ccc;
margin-left:3px;
}
.airline-item .txt-name img,
.airline-item .logo > .alliance-logo img {
max-width:15px;
max-height:15px;
vertical-align:middle;
line-height:1;
}
.airline-item .btn-detail{
width:72px;
}
.airline-item .btn-detail button{
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:72px;
height:25px;
color:#555;
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
font-size:10px;
}

/* .airline-item
----------------------------------------------- */
.flight-detail-list{
display:table;
width:100%;
}
.flight-detail-list + .airline-item{
margin-top:5px;
padding-top:5px;
border-top:1px dotted #ccc;
}
.flight-detail-list > div{
display:table-cell;
white-space:nowrap;
vertical-align:middle;
}
.flight-detail-list > .item-filter{
width:30px;
font-size:11px;
padding-right:7px;
}
.flight-detail-list > .item-filter span{
display:block;
color:var(--cmn-font-color-gray);
}
.flight-detail-list > .item-filter .btn-filter{
font-size:0;
width:22px;
height:21px;
margin:5px 0 1px;
position:relative;
background:url(/element_sp/w_hotel/shared/images/icon-filter-off.svg) no-repeat;
background-size:12px 12px;
background-position:4px 3px;
text-indent:-9999px;
}
.flight-detail-list > .item-filter .btn-filter.is-active{
background-image:url(/element_sp/w_hotel/shared/images/icon-filter-on.svg);
}
.flight-detail-list > .date-detail{
width:auto;
}
.flight-detail-list > .date-detail span{
display:block;
line-height:1.2;
}
.flight-detail-list > .date-detail span.num{
display:inline;
}
.flight-detail-list > .date-detail .date{
font-size:11px;
}
.flight-detail-list > .date-detail .time{
font-size:13px;
font-weight:bold;
font-family:Arial;
}
.flight-detail-list > .date-detail .airport{
font-size:12px;
font-family:Arial;
}
.flight-detail-list > .date-detail.dpt .date-detail-item{
display:inline-block;
float:right;
text-align:left;
}

/* .time-detail
----------------------------------------------- */
.flight-detail-list > .time-detail{
font-size:11px;
width:162px;
padding:0 7px;
text-align:center;
box-sizing:border-box;
}
.flight-detail-list > .time-detail.dpt,
.flight-detail-list > .time-detail.arv{
width:auto;
}
.flight-detail-list > .time-detail .flight-time{
position:relative;
}
.flight-detail-list > .time-detail .flight-time .cmn-tip-btn,
.flight-detail-list > .time-detail .flight-time .cmn-tip-info-btn{
margin:-2px 0 0 2px;
vertical-align:middle;
}
.flt-term-transit-txt{
display:inline-block;
}
.flt-term-transit-txt::after{
content:'/';
margin:0 1px 0 4px;
line-height:1;
}
.flight-detail-list > .time-detail .seat-class{
position:relative;
margin-top:12px;
}
.flight-detail-list > .time-detail .seat-class:before {
display:block;
position:absolute;
right:50%;
margin-right:-73px;
top:-11px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
.flight-detail-list > .time-detail .seat-class::after {
display:block;
position:absolute;
top:-7px;
left:50%;
margin-left:-76px;
border-top:2px solid #aaa;
width:145px;
height:1px;
content:"";
}
.flight-detail-list > .time-detail .seat-class .cmn-tip-caution-btn{
margin-left:4px;
vertical-align:middle;
}
.flight-detail-list > .time-detail .seat-class.transit-01 > span::before {
display:block;
position:absolute;
top:-9px;
left:50%;
z-index:1;
margin-left:-4px;
border:2px solid #aaa;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
content:"";
}
.flight-detail-list > .time-detail .seat-class.transit-02 > span::before,
.flight-detail-list > .time-detail .seat-class.transit-03 > span::before {
display:block;
position:absolute;
top:-9px;
left:35%;
z-index:1;
margin-left:-4px;
border:2px solid #aaa;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
content:"";
}
.flight-detail-list > .time-detail .seat-class.transit-02 > span::after,
.flight-detail-list > .time-detail .seat-class.transit-03 > span::after {
display:block;
position:absolute;
top:-9px;
right:35%;
z-index:1;
margin-left:-4px;
border:2px solid #aaa;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
content:"";
}

/* .item-book-box
----------------------------------------------- */
.item-book-box{
display:table;
width:100%;
padding:10px 0 5px 0;
}
.item-book-box > div{
display:table-cell;
vertical-align:middle;
}
.item-book-box > .item-expl{
font-size:11px;
padding-right:12px;
width:47%;
box-sizing:border-box;
color:var(--cmn-font-color-gray);
}
.item-book-box > .item-expl .cmn-tip-btn{
margin-left:3px;
}
.item-book-box > .item-expl .btn-dtl{
width:114px;
padding:3px 5px;
box-sizing:border-box;
text-align:left;
margin-top:5px;
}
.item-book-box > .item-expl .cmn-tip-btn + .item-btn .btn-dtl{
margin-top:10px;
}
.str-dp .item-book-box > .item-expl .btn-dtl{
width:140px;
}
.item-book-box > .item-expl .btn-dtl .num{
font-size:12px;
}
.item-book-box > .btn-book{
width:auto;
}
.item-book-box > .btn-book button{
color:#fff;
border-radius:4px;
display:block;
padding:4px 10px;
width:100%;
box-sizing:border-box;
min-height:36px;
background-color:var(--cmn-btn-color);
font-size:14px;
text-align:center;
border:0;
}
.item-book-box > .btn-book button .txt-ilb{
line-height:1.4;
}

/* .hotel-detail-item
----------------------------------------------- */
.hotel-detail-item{
margin-bottom:5px;
}
.hotel-detail-item .txt-hotel-plan{
font-size:12px;
margin:10px 0;
padding-right:20px;
}

/* .item-plan-change
----------------------------------------------- */
.item-plan-change{
border-top:1px solid #ccc;
margin-top:8px;
}
.item-plan-change .btn-plan-change{
background:none;
width:100%;
padding:8px 0 4px;
text-align:center;
color:#0066CC;
border:0;
font-size:12px;
}

/* .pay-info
----------------------------------------------- */
.pay-info:after,
.pay-info:before{
content:"";
display:table;
}
.pay-info:after{
clear:both;
}
.pay-info .pay-info-detail-list{
margin:0 0 3px;
}
.detail-plan-item-inner.hotel .pay-info .pay-info-detail-list{
margin:0;
}
.pay-info .pay-info-detail-list > li{
display:table;
width:100%;
font-size:11px;
}
.pay-info .pay-info-detail-list > li > div{
display:table-cell;
}
.pay-info .pay-info-detail-list > li > .pay-info-hdg{
width:5em;
}
.pay-info .pay-info-detail-list > li > .pay-info-hdg::after{
content:'\0FF1A';
}
.pay-info .pay-info-list-credit + span ~ span::before,
.pay-info .card-block + span ~ span::before,
.pay-info .pay-info-detail-item > span + span::before{
content:'/';
}
.pay-info .pay-info-list-credit{
margin:2px 3px;
white-space:nowrap;
display:inline-block;
font-size:0;
}
.pay-info .pay-info-list-credit > li{
display:inline-block;
}
.pay-info .pay-info-list-credit > li:not(:last-child){
margin-right:3px;
}
.pay-info .pay-info-list-credit > li img{
max-height:10px;
}
.pay-info .pay-info-detail-item > span{
display:inline-block;
}
.pay-info .card-block{
display:inline-block;
}

/* .dp-info-item
----------------------------------------------- */
.dp-info-item{
margin:0;
}
.dp-info-item li{
padding-left:1em;
text-indent:-1em;
font-size:11px;
color:var(--cmn-font-color-gray);
margin-bottom:2px;
}
.dp-info-item .cmn-tip-caution-btn{
text-indent:0;
}
.dp-info-item li::before{
content:'\0203B';
}
.dp-info-item li a{
color:#808080;
text-decoration:underline;
}

/* .dp-tour-info
----------------------------------------------- */
.dp-tour-info{
margin:0 0 10px;
padding:7px 10px;
color:#555;
background-size:12px;
font-size:12px;
background:#fff;
border-radius:6px;
text-align:left;
box-shadow:0px 0px 3px 1px #bbb;
display:block;
cursor:pointer;
}
.dp-tour-info .dp-tour-info-item{
color:var(--cmn-font-color-base);
display:block;
}
.dp-tour-info .dp-tour-info-item .dp-tour-info-txt{
display:block;
position:relative;
}
.dp-tour-info .dp-tour-info-item .dp-tour-info-txt::after{
content:'';
margin-top:-5px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:'';
display:block;
width:5px;
height:5px;
position:absolute;
top:50%;
right:0;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.dp-tour-info.is-active .dp-tour-info-item .dp-tour-info-txt::after{
margin-top:-2px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.dp-tour-info-list{
font-size:11px;
margin:5px 0 0;
display:none;
}
.dp-tour-info.is-active .dp-tour-info-list{
display:block;
}
.dp-tour-info-list li{
text-indent:-1em;
padding-left:1em;
}
.sp-info .dp-tour-info-list li{
text-indent:0;
padding-left:0;
}
.sp-info .dp-tour-info-list li .btn-share{
margin:-5px 2px 0;
vertical-align:middle;
width:10px;
height:14px;
}
.dp-tour-info-list li:not(:first-child){
margin-top:5px;
}
.dp-tour-info-list .dp-info-list-note{
color:var(--cmn-font-color-gray);
}

/* .hotel-plan-item
----------------------------------------------- */
.hotel-plan-item{
margin:10px -10px 0;
padding:10px;
border-top:1px solid #d3d3d3;
display:table;
width:100%;
}
.hotel-plan-item > div{
display:table-cell;
}
.hotel-plan-item > .room-detail{
font-size:11px;
padding-right:5px;
}
.hotel-plan-item > .room-option{
width:145px;
}
.hotel-plan-item .option-list{
font-size:0;
margin:0;
}
.hotel-plan-item .option-list li{
border:1px solid #aaa;
font-size:10px;
width:70px;
height:15px;
display:inline-block;
padding:2px;
line-height:1;
box-sizing:border-box;
text-align:center;
margin-left:2px;
}

/* .dp-payment-box
----------------------------------------------- */
.dp-payment-box{
padding:12px 20px 10px;
margin:0 -10px;
}
.search-result-item .dp-payment-box{
padding:12px 10px 10px;
}

/* .dp-payment-box
----------------------------------------------- */
.btn-more-box{
padding:10px;
margin:0 -10px;
text-align:center;
}
.btn-more-box .more-btn{
border:0;
margin:0;
padding:7px 10px;
color:#555;
background-size:12px;
font-size:13px;
min-width:180px;
background:#fff;
border:1px solid #ccc;
border-radius:6px;
}
.btn-more-box .more-btn span {
padding:0 0 0 16px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px;
}

/* .icon
----------------------------------------------- */
[class*="ico-transit-"] {
overflow:hidden;
display:inline-block;
position:relative;
margin:0 3px;
padding-top:11px;
width:14px;
height:0;
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
}
.ico-transit-01 {
top:-1px;
padding-top:10px;
width:12px;
background-image:url(/element_sp/w_hotel/shared/images/icon-car-gray.svg);
}

/* .agt-link-btn-container .search-result-item-btn-container
----------------------------------------------- */
.agt-link-btn-container .search-result-item-btn-container{
margin:0;
}
.pseudo-content .agt-link-btn-container .search-result-item-btn-container .search-result-item-btn{
font-size:16px;
min-height:45px;
}
.agt-link-btn-container .toggle-hook + .search-result-item-btn-container .search-result-item-btn-hdg,
.agt-link-btn-container .toggle-hook + .search-result-item-btn-container .search-result-item-btn-note{
padding-top:14px;
}
.agt-link-btn-container .toggle-hook.is-dsp-n + .search-result-item-btn-container .search-result-item-btn-hdg,
.agt-link-btn-container .toggle-hook.is-dsp-n + .search-result-item-btn-container .search-result-item-btn-note{
padding-top:0;
}
.agt-link-btn-container .toggle-hook.is-dsp-n{
display:none;
}
.agt-link-btn-container .search-result-item-btn-note{
line-height:1.2;
}
.agt-link-btn-container .toggle-hook + .search-result-item-btn-container .search-result-item-btn-hdg:after {
height:52%;
top:40%;
}
.agt-link-btn-container .toggle-item{
padding:10px;
background:#fff;
color:var(--cmn-font-color-base);
}
.agt-link-btn-container .toggle-hook{
margin-bottom:-14px;
margin-top:-8px;
}
.agt-link-btn-container .toggle-hook.is-active{
margin:0;
}
.agt-link-btn-container .toggle-hook .toggle-item {
display:none;
}
.agt-link-btn-container .toggle-hook.is-active .toggle-item {
display:block;
}
.agt-link-btn-container .toggle-hook button {
font-weight:bold;
padding:5px 5px 5px 16px;
background:url(/element/shared/images/icon/icon-chevron-up-wht.svg) no-repeat;
background-size:12px;
background-position:0 9px;
border:0;
font-size:12px;
font-weight:normal;
z-index:1;
}
.agt-link-btn-container .toggle-hook.is-active button {
background:url(/element/shared/images/icon/icon-chevron-down-wht.svg) no-repeat;
background-size:12px;
background-position:0 9px;
margin-bottom:-22px;
}
.agt-link-btn-container .info-brtt-lst-hdg{
display:block;
margin-bottom:4px;
}
.agt-link-btn-container .info-brtt-note-lst li:not(:first-child){
margin-top:10px;
}

/* .agt-link-btn-container .agt-btn-hotel
----------------------------------------------- */
.agt-link-btn-list-01.agt-btn-hotel{
padding-left:105px;
box-sizing:border-box;
}
.agt-link-btn-list-01.btn-mar{
width:85%;
margin:0 auto;
}
@media screen and (max-width:320px){
.agt-link-btn-list-01.btn-mar{
width:90%;
}
}
.agt-link-btn-list-01.agt-btn-hotel .reservation-sticky-btn{
position:relative;
z-index:1;
font-size:16px;
min-height:45px;
padding:3px 15px 5px;
width:100%;
box-sizing:border-box;
border-radius:5px;
}
.agt-link-btn-container.agt-hotel .toggle-hook {
margin-bottom:-43px;
margin-top:-3px;
font-size:12px;
}
.agt-link-btn-container.agt-hotel .toggle-hook.is-active {
margin:0;
}
.agt-link-btn-container.agt-hotel .toggle-hook button{
width:97px;
padding-left:18px;
text-align:left;
background-position:0px 18px;
}
.agt-link-btn-container.agt-hotel .toggle-hook.is-active button{
margin-bottom:-57px;
}
@media screen and (max-width:360px){
.agt-link-btn-container.agt-hotel .toggle-hook.is-active button{
margin-bottom:-62px;
}
.agt-link-btn-list-01 > li a > .txt-ilb:first-child{
display:block;
}
.agt-link-btn-container.agt-hotel .toggle-hook button{
margin:12px 0 -12px;
}
}

/* .agt-link-btn-list-02
----------------------------------------------- */
.agt-link-btn-container.agt-hotel .toggle-hook{
padding:0;
font-size:12px;
margin:0;
}
.agt-link-btn-container .toggle-item{
margin-bottom:10px;
}
.agt-link-btn-container.agt-hotel .toggle-hook.is-active button{
margin-bottom:0;
}
@media screen and (max-width:360px){
.agt-link-btn-container.agt-hotel .toggle-hook button {
margin:0;
}
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:45px;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li:first-child{
width:96px;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li:last-child{
width:calc(100% - 96px) ;
padding-left:10px;
box-sizing:border-box;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li button{
border-radius:4px;
min-width:160px;
min-height:40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-position:left;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li .btn-toggle{
width:96px;
min-width:96px;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li .reservation-sticky-btn{
padding:2px 5px 3px;
color:#fff;
line-height:1.55;
font-size:16px;
font-weight:bold;
border:none;
background-color:var(--cmn-btn-color);
border-radius:4px;
width:100%;
margin:0 auto;
display:block;
text-align:center;
}

/* .search-result-item-header
----------------------------------------------- */
.dp-detail-plan .search-result-item-header{
margin-bottom:6px;
padding-top:10px;
position:relative;
}
.dp-detail-plan .search-result-item-header > a{
display:block;
position:relative;
}
.dp-detail-plan .search-result-item-header > .detail-header-hdg-btn-favorite{
margin:0;
padding:0;
color:transparent;
border:none;
position:absolute;
top:10px;
right:0;
width:22px;
height:20px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/sprite/sprite-icon-favorite.svg) no-repeat 0 -20px;
background-size:100% auto;
}
.dp-detail-plan .search-result-item-header > .detail-header-hdg-btn-favorite.is-active{
background-position:0 0;
}

/* .search-result-item-header-hdg
----------------------------------------------- */
.dp-detail-plan .search-result-item-header-hdg{
margin:0 0 4px;
font-size:14px;
font-weight:normal;
color: var(--cmn-font-color-link);
}

/* .search-result-item-header-icon
----------------------------------------------- */
.dp-detail-plan .search-result-item-header-icon{
padding:2px 5px 0;
color:#fff;
font-size:12px;
background-color:#666;
position:absolute;
top:-28px;
left:0;
}

/* .search-result-item-header-date
----------------------------------------------- */
.search-result-item-header-date{
margin:-24px 0 8px;
color:var(--cmn-font-color-base);
font-size:12px;
}
.search-result-item-header-date .num{
font-size:13px;
}

/* .search-result-item-note
----------------------------------------------- */
.search-result-item-note{
text-align:right;
color:var(--cmn-font-color-gray);
font-size:11px;
margin:0 0 12px;
}
.search-result-item-note > .note-brt{
padding-right:4px;
}

/* .search-result-item-mark
------------------------------------------------ */
.search-result-item-mark{
text-align:right;
margin-top:-16px;
font-size:12px
}
.search-result-item-mark .search-result-item-mark-01{
color:#af700a;
}

/* .search-result-item-header-list
----------------------------------------------- */
.dp-detail-plan .search-result-item-header-list{
margin:0 0 -2px 5px;
color:var(--cmn-font-color-base);
font-size:12px;
display:-webkit-box;
display:inline-block;
}
.dp-detail-plan .search-result-item-header-list > li{
position:relative;
}
.dp-detail-plan .search-result-item-header-list > li:not(:first-child){
padding-left:15px;
}
.dp-detail-plan .search-result-item-header-list > li{
display:-webkit-box;
display:flex;
}
.dp-detail-plan .search-result-item-header-list > li > div{
-webkit-box-align:stretch;
align-items:stretch;
}
.dp-detail-plan .search-result-item-header-list > li > div:first-child{
padding-right:5px;
}
.dp-detail-plan .search-result-item-header-list > li > div:first-child .cmn-tip-btn{
vertical-align:text-top;
}
.dp-detail-plan .search-result-item-header-list > li > div > b{
display:inline-block;
vertical-align:top;
}

/* .search-result-item-price
----------------------------------------------- */
.search-result-item-price-container{
border-top:1px solid #e9e9e9;
display:-webkit-box;
display:flex;
justify-content:flex-end;
}

/* .search-result-item-price-btn
----------------------------------------------- */
.search-result-item-price-btn{
padding:10px 0 0 0;
text-align:right;
min-width:100px;
vertical-align:middle;
}
@media screen and (max-width:360px){
.search-result-item-price-btn{
min-width:inherit;
}
}
.search-result-item-price-btn > button{
display:inline-block;
color:var(--cmn-font-color-gray);
background:#fff;
padding:4px 5px 3px;
font-size:12px;
border-radius:3px;
border:1px solid #bbb;
box-shadow:0 -1px 0 #bbb inset;
width:40px;
height:34px;
box-sizing:border-box;
}

/* .search-result-item-price-detail
----------------------------------------------- */
.search-result-item-price-detail{
font-size:11px;
box-sizing:border-box;
}
.search-result-item-price-detail .icon-pex{
text-align:center;
margin-top:3px;
padding:2px 2px 1px;
color:var(--cmn-font-color-base);
font-size:11px;
border:1px solid #ccc;
box-sizing:border-box;
line-height:1;
display:inline-block;
}

/* .search-result-item-price-container .price-detail
----------------------------------------------- */
.search-result-item-price-container .price-detail{
display:-webkit-box;
display:flex;
padding:0;
}
.search-result-item-price-container.no-resort-fee{
padding-left:12px;
}
.search-result-item-price-container.no-resort-fee .price-detail{
justify-content:flex-end;
}
.search-result-item-price-container .price-detail +.price-detail{
margin-top:2px;
}
.search-result-item-price-container .price-detail-tbl{
display:table;
float:right;
min-height:38px;
}
.search-result-item-price-container .price-detail.pex{
text-align:right;
justify-content:flex-end;
clear:both;
padding-top:8px;
}
.search-result-item-price-container .price-detail.pex .cmn-tip-btn{
margin:3px 0 0 0;
}
.search-result-item-price-container .price-detail.tax .price-detail-hdg{
width:auto;
text-align:right;
}
.search-result-item-price-container .price-detail-hdg{
width:95px;
font-size:11px;
}
.search-result-item-price-container .price-detail-hdg .search-result-item-mark-01{
color:#AF700A;
}
.search-result-item-price-container .price-detail.is-active .price-detail-hdg{
margin-top:3px;
}
.search-result-item-price-container .price-detail-hdg > .num{
font-size:12px;
}
.search-result-item-price-container .price-detail-tax,
.search-result-item-price-container .price-detail-num{
margin-left:auto;
text-align:right;
}
.search-result-item-price-container .price-detail-tax{
white-space:nowrap;
}
.search-result-item-price-container .price-detail-num{
-webkit-box-flex:1;
flex:1;
font-size:11px;
line-height:1.15;
margin-top:3px;
}
.search-result-item-price-container .price-detail-num > span{
display:inline-block;
}
.search-result-item-price-container .price-detail-num .num{
font-size:12px;
font-weight:normal;
}
.search-result-item-price-container .price-detail-note{
margin:6px 0 0;
font-size:11px;
}
.tax.include{
margin-left:2px;
color:#2b65a0;
}
.tax.extra{
margin-left:2px;
color:#af700a;
}

/* .search-result-item-price-note
----------------------------------------------- */
.search-result-item-price-note{
text-align:right;
margin:0;
}
.search-result-item-price-note > a{
color:#555;
font-size:11px;
}
.search-result-item-price-note > a > span{
position:relative;
display:inline-block;
padding-left:17px;
background:url(/element_sp/shared/images/icon/icon-caution.svg) no-repeat 0 50%;
background-size:14px 14px;
}

/* .search-result-item-btn-favorite
----------------------------------------------- */
.dp-detail-plan .search-result-item-btn-favorite{
margin:0;
padding:0;
color:transparent;
border:none;
position:absolute;
top:15px;
right:10px;
width:22px;
height:20px;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/sprite/sprite-icon-favorite.svg) no-repeat 0 -20px;
background-size:100% auto;
}
.dp-detail-plan .search-result-item-btn-favorite.is-active{
background-position:0 0;
}

/* .search-result-item-btn
----------------------------------------------- */
.search-result-item-btn-container{
display:-webkit-box;
display:flex;
justify-content:space-around;
-webkit-box-align:stretch;
align-items:stretch;
margin:10px 0 5px;
font-size:11px;
text-align:center;
}
.search-result-item-btn-hdg{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
font-size:12px;
line-height:1.18;
min-height:24px;
min-width:60px;
position:relative;
padding-right:12px;
}
.search-result-item-btn-hdg:after{
content:"";
width:1px;
height:28px;
position:absolute;
right:0;
top:50%;
margin-top:-14px;
background-color:#e5e5e5;
}
.pseudo-sticky .search-result-item-btn-hdg:after{
background-color:#ccc;
}
.search-result-item-btn-hdg > span > span{
display:block;
font-weight:normal;
}
.search-result-item-btn-icon{
position:relative;
width:22px;
height:100%;
padding-right:5px;
}
.search-result-item-btn-icon:before{
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
content:"";
width:22px;
height:22px;
border:2px solid var(--cmn-btn-color);
border-radius:100%;
box-sizing:border-box;
}
.search-result-item-btn-icon > span{
opacity:0;
}
.search-result-item-btn-note{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:left;
line-height:1.18;
max-width:123px;
text-align:left;
box-sizing:border-box;
padding:0 12px;
white-space:nowrap;
}
.search-result-item-btn-note > .search-result-item-btn-icon + span{
font-size:12px;
padding-left:5px;
text-align:left;
}
.search-result-item-btn{
padding:11px 0 10px;
color:#fff;
border-radius:4px;
display:block;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:normal;
text-align:center;
-webkit-box-flex:1;
flex:1;
min-height:45px;
}
.search-result-item-btn-container .search-result-item-btn{
padding:13px 0 10px;
}
.item-tour .search-result-item-btn{
min-height:37px;
}
.item-tour .search-result-item-btn-container .search-result-item-btn{
padding:9px 0;
}
.pseudo-content .search-result-item-btn-container .search-result-item-btn{
padding:10px 0;
font-size:16px;
}

/* .item-info
----------------------------------------------- */
.item-info-container{
margin:0;
}
.hdg-l2 + .item-info-container{
margin:-1px -10px;
}
.item-info-container + .item-info-container{
margin-top:15px;
}
.item-info{
display:table;
margin:0;
width:100%;
line-height:1.2;
border-collapse:collapse
}
.item-info .tbl-tr{
display:table-row;
}
.item-info .tbl-th,
.item-info .tbl-td{
display:table-cell;
}
.item-info tr,
.item-info .tbl-tr{
border-style:solid;
border-width:1px 0;
border-color:#e5e5e5;
}
.item-info .tbl-th,
.item-info th{
padding:6px 0 5px 5px;
width:75px;
font-size:12px;
font-weight:normal;
text-align:left;
background:#f5f5f5;
box-sizing:border-box;
}
.item-info .tbl-th span,
.item-info th span{
display:block;
}
.item-info .tbl-th > div,
.item-info th > div{
position:relative;
padding-right:20px;
}
.item-info .tbl-th > div > .cmn-tip-btn,
.item-info th > div > .cmn-tip-btn{
position:absolute;
right:4px;
top:50%;
margin-top:-8px;
}
.item-info .tbl-th > div > .icon-essential,
.item-info th > div > .icon-essential{
position:absolute;
display:inline-block;
right:10px;
top:50%;
margin-top:-9px;
padding:2px 5px 1px;
font-size:11px;
color:#e40101;
border:1px solid #e40101;
background-color:#fff;
box-sizing:border-box;
}
.item-info .tbl-thead .tbl-th,
.item-info thead th{
font-size:14px;
font-weight:bold;
text-align:left;
background:#f0f0f0;
}
.item-info .tbl-td,
.item-info td{
padding:10px;
font-size:13px;
line-height:1.4;
word-break:break-all;
background:#fff;
}
.item-info .tbl-td ul,
.item-info td ul{
margin:0;
}
.item-info .tbl-td .org-icon,
.item-info td .org-icon{
width:29px;
height:29px;
margin:2px 0 4px;
display:block;
}
.item-info .tbl-td .compnay-logo,
.item-info td .compnay-logo{
display:block;
}
.item-info .tbl-td .link-tel,
.item-info td .link-tel{
margin:0 auto 7px;
}
.item-info .item-info-link{
display:block;
color:#555;
position:relative;
padding-left:13px;
font-size:12px;
}
.item-info .item-info-link:before{
border-right:1px solid #555;
border-top:1px solid #555;
content:"";
display:block;
position:absolute;
top:4px;
left:0;
width:6px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.detail-header .item-info .item-info-link{
display:block;
font-size:12px;
}
.search-result-item .item-info .tbl-td,
.search-result-item .item-info td{
padding:5px 0 4px 5px ;
font-size:12px;
}
.detail-header .item-info .tbl-td,
.detail-header .item-info td{
padding:4px 10px 3px;
font-size:13px;
line-height:1.4;
}
.detail-header .item-info .tbl-td .link-tel,
.detail-header .item-info .tbl-td .link-tel-01,
.detail-header .item-info td .link-tel,
.detail-header .item-info td .link-tel-01{
margin:6px auto 7px;
}

/* .review-list
----------------------------------------------- */
.review-list{
margin:0;
font-size:11px;
}
.review-list > li{
display:-webkit-box;
display:flex;
}
.review-list > li:not(:first-child){
margin-top:5px;
}
.review-list > li > div:first-child{
min-width:6.5em;
position:relative;
box-sizing:border-box;
margin-right:5px;
}
.review-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.review-list .review-rate{
margin-top:-1px;
display:inline-block;
vertical-align:top;
}
.review-list .review-list-score{
font-size:12px;
}
.review-list .review-list-score > span{
padding-left:3px;
}
.info-list .review-list,
.item-info td .review-list,
.item-info .tbl-td .review-list{
margin-top:6px;
}

/* .info-list
----------------------------------------------- */
.info-list{
line-height:1.4;
}
.info-list > li{
margin-top:4px;
display:-webkit-box;
display:flex;

/*overflow:hidden;*/
}
.info-list > li > div:first-child{
position:relative;

/*float:left;*/
padding-right:20px;
margin-right:8px;
}
.info-list > li > div:first-child .cmn-tip-btn{
position:absolute;
right:0;
top:2px;
}
.info-list > li > div:first-child > span{
display:inline-block;
padding:2px 0 1px;
width:70px;
text-align:center;
line-height:1;
font-size:12px;
border:1px solid #ccc;
box-sizing:border-box;
}
.info-list > li > div:last-child{
/*overflow:hidden;*/
-webkit-box-flex:1;
flex:1;
}
.info-list > li > div:last-child .inner-list{
margin:0;
}
.info-list .review-list > li > div:first-child{
position:relative;
padding-right:20px;
box-sizing:content-box;
}
.info-list .review-list > li > div:first-child .cmn-tip-btn{
position:absolute;
right:5px;
top:0;
}

/* .meal-list
----------------------------------------------- */
.meal-list{
margin:0;
}
.meal-list > li{
display:inline;
}
.meal-list > li:not(:last-child){
margin-right:15px;
}

/* .time-list
----------------------------------------------- */
.time-list{
margin:0;
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
-o-display:flex;
display:-webkit-box;
display:flex;
font-size:12px;
}
.detail-header .item-info td .time-list,
.detail-header .item-info .tbl-td .time-list{
font-size:13px;
}
.time-list > li{
position:relative;
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
-o-display:flex;
display:-webkit-box;
display:flex;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
-webkit-box-align:center;
align-items:center;
}
.time-list > li:first-child{
padding-right:18px;
}
.time-list > li:first-child:after{
content:"\ff0f";
position:absolute;
right:3px;
}
.time-list > li > .place{
padding-right:3px;
}
.time-list > li > ul > li{
display:inline-block;
}
.time-list > li > ul > li > span:first-child{
width:2em;
display:inline-block;
}
.time-list > li > ul > li > span:after{
content:"\ff1a";
}
.time-list > li > ul > li > div{
width:3em;
display:inline-block;
}
.time-list .time-list-detail-btn{
display:inline-block;
color:#555;
margin-left:7px;
padding:4px 9px 3px;
font-size:12px;
border-radius:3px;
border:1px solid #bbb;
box-shadow:0 -1px 0 #bbb inset;
}

/* .feature-icon-list
----------------------------------------------- */
.item-info .feature-icon-list{
letter-spacing:-.4em;
margin:0;
}
.item-info .feature-icon-list{
margin-bottom:-2px;
}
.item-info .feature-icon-list > li{
display:inline-block;
margin:0 5px 2px 0;
padding:2px 3px 1px;
text-align:center;
letter-spacing:normal;
color:var(--cmn-font-color-base);
font-size:11px;
border:1px solid #aaa;
box-sizing:border-box;
}
.item-info .feature-icon-list > li:first-child{
margin-left:0;
}
.item-info .feature-icon-list > li.disabled{
opacity:.25;
}
.search-result-item .item-info .feature-icon-list{
margin-bottom:-1px;
}
.search-result-item .item-info .feature-icon-list > li{
margin:0 1px 1px 0
}

/* ----------------------------------------------------------------
  .company-info-container
----------------------------------------------------------------- */
.company-info-container{
margin:10px 0;
font-size:12px;
line-height: 1.6;
}
.company-info-container .cmn-tip-info-btn{
margin:0 2px;
}
.company-info-link a{
color:#666;
font-size:12px;
text-decoration:underline;
}
.num-setting-notice{
line-height:1;
}
.num-setting-notice > a{
font-size:11px;
color:var(--cmn-font-color-gray);
}
.company-info-container .company-info-note{
display:inline-block;
margin-left:3px;
}

/* .tab-dp-child .search-result-num
----------------------------------------------- */
.tab-dp-child-item .search-result-num{
padding:5px 10px;
color:#fff;
line-height:1.25;
background-color:#666;
font-size:12px;
margin:0 -10px;
}
.tab-dp-child-item .search-result-num > b{
font-size:14px;
font-weight:normal;
}

/* .tab-dp-child-item  .search-result-sort
----------------------------------------------- */
.tab-dp-child-item .search-result-sort{
padding:12px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}
.tab-dp-child-item .search-result-sort .select-custom {
position:relative;
display:block;
width:100%;
}
.tab-dp-child-item .search-result-sort .select-custom select{
border-radius:4px;
}
.tab-dp-child-item .search-result-sort .form-custom-select{
margin:0;
-webkit-box-flex:1;
flex:1;
}
.tab-dp-child-item .search-result-sort .search-result-sort-btn{
margin-left:7px;
border:1px solid #999;
border-radius:4px;
width:85px;
height:38px;
background-color:#fff;
font-size:14px;
}

/* ----------------------------------------------------------------
  pseudo-price
-------------------------------------------------------------------
.pseudo-price-tbl-hdg
----------------------------------------------------------------- */
.pseudo-price-tbl-hdg{
margin-top:10px;
padding:4px 11px;
font-size:11px;
color:#fff;
font-weight:normal;
background-color:#666;
}
.pseudo-price-tbl-hdg .num{
font-size:12px;
}

/* .pseudo-price-tbl-container
----------------------------------------------- */
.pseudo-price-tbl-container{
border-width:0 1px;
border-style:solid;
border-color:#999;
}
.pseudo-price-tbl-container +.pseudo-price-tbl-container{
margin-top:15px;
border-top:1px solid #999;
}

/* .pseudo-price-tbl-inner
----------------------------------------------- */
.pseudo-price-tbl-inner{
border-bottom:1px solid #999;
}
.pseudo-price-tbl-inner + .pseudo-price-tbl-inner{
border-top:1px solid #999;
margin-top:3px;
}

/* .pseudo-price-tbl
----------------------------------------------- */
.pseudo-content .pseudo-price-tbl-inner .pseudo-price-tbl{
display:table;
margin:0;
padding:0;
width:100%;
border-collapse:collapse
}
.pseudo-price-tbl .tbl-tbody{
display:table-row-group;
}
.pseudo-price-tbl .tbl-thead{
display:table-header-group;
}
.pseudo-price-tbl .tbl-tr{
display:table-row;
}
.pseudo-price-tbl .tbl-th,
.pseudo-price-tbl .tbl-td{
display:table-cell;
vertical-align:middle;
}
.pseudo-price-tbl .tbl-tr .tbl-th,
.pseudo-price-tbl .tbl-tr .tbl-td,
.pseudo-price-tbl tr th,
.pseudo-price-tbl tr td{
height:35px;
border-top:1px solid #ccc;
}
.pseudo-price-tbl .tbl-th,
.pseudo-price-tbl th{
padding-left:10px;
font-weight:normal;
text-align:left;
font-size:11px;
line-height:1.27;
width:51%;
}
.pseudo-price-tbl .tbl-tr:first-child .tbl-th,
.pseudo-price-tbl .tbl-tr:first-child .tbl-td,
.pseudo-price-tbl tr:first-child th,
.pseudo-price-tbl tr:first-child td{
border-top:0;
}
.pseudo-price-tbl .tbl-th,
.pseudo-price-tbl th{
border-right:1px solid #ccc;
}
.pseudo-price-tbl .tbl-th span:not([class]),
.pseudo-price-tbl th span:not([class]){
display:block;
}
.pseudo-price-tbl .tbl-th .num,
.pseudo-price-tbl th .num{
font-size:12px;
}
.pseudo-price-tbl .tbl-td,
.pseudo-price-tbl td{
text-align:right;
font-size:12px;
padding:0 8px 0 0;
width:49%;
line-height:1.1;
}
.pseudo-price-tbl .tbl-td span:not([class]),
.pseudo-price-tbl td span:not([class]){
display:inline-block;
}
.pseudo-price-tbl.price-br .tbl-td span:not([class]),
.pseudo-price-tbl.price-br td span:not([class]){
display:block;
}
.pseudo-price-tbl .tbl-td .num,
.pseudo-price-tbl td .num{
font-size:13px;
}

/* .pseudo-price-tbl.total
----------------------------------------------- */
.pseudo-price-tbl.total{
background:#f5f5f5;
margin:0;
}
.pseudo-price-tbl.total .tbl-th > div,
.pseudo-price-tbl.total th > div{
margin:8px 0;
}
.pseudo-price-tbl.total .tbl-td b.num,
.pseudo-price-tbl.total td b.num{
font-size:17px;
}

/* .pseudo-price-tbl.total
----------------------------------------------- */
.pseudo-price-tbl.agt{
margin-top:12px;
margin-right:0;
margin-left:0;
}
.pseudo-price-tbl.agt .tbl-th,
.pseudo-price-tbl.agt .tbl-td,
.pseudo-price-tbl.agt th,
.pseudo-price-tbl.agt td{
height:auto;
}
.pseudo-price-tbl.agt .tbl-th,
.pseudo-price-tbl.agt th{
border-right:0;
vertical-align:top;
width:11em;
white-space:nowrap;
}
.pseudo-price-tbl.agt .tbl-td,
.pseudo-price-tbl.agt td{
font-size:11px;
width:auto;
line-height:1.36;
}
.pseudo-price-tbl.agt .tbl-td > div,
.pseudo-price-tbl.agt td > div{
display:inline-block;
font-size:11px;
}
.pseudo-price-tbl.agt .tbl-td > div .num,
.pseudo-price-tbl.agt td > div .num{
font-size:12px;
}
.pseudo-price-tbl.agt .tbl-td > .price,
.pseudo-price-tbl.agt td > .price{
font-size:12px;
line-height:1;
display:block;
}
.pseudo-price-tbl.agt .tbl-td > .price .num,
.pseudo-price-tbl.agt td > .price .num{
font-size:14px;
}
.pseudo-price-tbl.agt .tbl-td > .price-tax,
.pseudo-price-tbl.agt td > .price-tax{
white-space:nowrap;
}

/* .pseudo-price-hdg
----------------------------------------------- */
.pseudo-price-hdg{
font-size:11px;
font-weight:normal;
margin:12px 0 6px;
}

/* .pseudo-notice
----------------------------------------------- */
.toggle-item p.pseudo-notice{
position:relative;
margin:10px 0;
padding-left:1em;
font-size:11px;
line-height:1.45;
text-indent:inherit;
}
.toggle-item p.pseudo-notice:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
.toggle-item  ul.pseudo-notice{
margin:10px 0;
}
ul.pseudo-notice > li{
position:relative;
margin:0;
padding-left:1em;
font-size:11px;
line-height:1.45;
}
ul.pseudo-notice > li:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
.pseudo-price-toggle > .toggle-item{
padding-bottom:10px;
}
.pseudo-price-toggle > .toggle-item >:first-child{
margin-top:0;
}

/* .pseudo-price-toggle-hook
----------------------------------------------- */
.pseudo-price-toggle-hook{
padding:12px 0 10px;
color:var(--cmn-font-color-gray);
display:block;
border-top:1px solid #e5e5e5;
}
.pseudo-price-toggle-hook:before{
content:"";
display:inline-block;
width:13px;
height:13px;
margin:-3px 7px 0 0;
vertical-align:middle;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
background-size:100%;
}
.toggle-container.is-active .pseudo-price-toggle-hook:before{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .modal-time-list
----------------------------------------------- */
.modal-time-list > li{
position:relative;
padding-left:45px;
}
.modal-time-list > li:not(:first-child){
margin-top:6px;
padding-top:10px;
border-top:1px solid #ddd;
}
.modal-time-list > li > b{
position:absolute;
left:0;
top:10px;
display:block;
padding:3px 6px 2px;
line-height:1;
color:#fff;
font-size:12px;
font-weight:normal;
background-color:#888;
}
.modal-time-list > li:first-child > b{
top:0;
}

/* .modal-time-list-detail
----------------------------------------------- */
.modal-time-list-detail{
font-size:13px;
}
.modal-time-list-detail > li{
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
-o-display:flex;
display:-webkit-box;
display:flex;
white-space:nowrap;
}
.modal-time-list-detail > li > .place{
padding-right:12px;
}
.modal-time-list-detail > li > .time{
width:2em;
}

/* .link-list-toggle.filter-dp
----------------------------------------------- */
.link-list-toggle.filter-dp .link-list-toggle-hook,
.link-list-toggle.filter-dp  li.is-active .link-list-toggle-hook{
position:relative;
background:none;
font-size:14px;
padding:14px 30px 14px 10px;
}
.link-list-toggle.filter-dp .link-list-toggle-hook::before{
position:absolute;
display:block;
content:'';
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:13px;
width:13px;
height:13px;
top:50%;
right:10px;
overflow:hidden;
margin-top:-7px;
}
.link-list-toggle.filter-dp li.is-active .link-list-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.link-list-toggle.filter-dp .link-list > li > a{
padding-left:34px;
}
.link-list-toggle.filter-dp .link-list > li > ul > li a{
padding-left:58px;
}
.pseudo-content .link-list-toggle.filter-dp li,
.pseudo-content .link-list-toggle.filter-dp > li > ul.link-list-toggle-item ul{
border:0;
}
.pseudo-content .link-list-toggle.filter-dp a{
border-bottom:1px solid #e9e9e9;
border-top:0;
}
.link-list-toggle.filter-dp > li.is-active > .link-list-toggle-item{
margin-top:0;
}

/* .pseudo-content .link-list
----------------------------------------------- */
.link-list > li a,
.link-list > li span.txt{
padding-left:14px;
position:relative;
padding:10px 20px 10px 10px;
display:block;
}
.link-list > li > ul > li:first-child{
border-top:0;
}
.link-list > li > ul{
border-bottom:1px solid #e9e9e9;
}
.link-list a:link,
.link-list a:visited,
.link-list a:active,
.link-list a:hover,
.link-list a:focus {
color:var(--cmn-font-color-base);
}
.link-list>li ul>li {
border-top: 1px solid #e9e9e9;
}
.pseudo-content .link-list > li > ul > li a,
.link-list-child > li > a {
padding-left:34px;
}
.pseudo-content .link-list > li > ul > li > ul > li a {
padding-left:58px;
}

/* .pseudo-input-word
----------------------------------------------- */
.pseudo-input-word{
margin:20px 0;
position:relative;
}

/* .pseudo-input-word-inner
----------------------------------------------- */
.pseudo-input-word .pseudo-input-word-inner{
position:relative;
z-index:2;
}
.pseudo-input-word .pseudo-input-word-inner input[type='text'],
.pseudo-input-word .pseudo-input-word-inner input[type='search']{
padding:0 30px 0 7px;
border:1px solid #999;
width:100%;
height:42px;
box-sizing:border-box;
}
.pseudo-input-word .pseudo-input-word-inner input[type='text']::-webkit-input-placeholder,
.pseudo-input-word .pseudo-input-word-inner input[type='search']::-webkit-input-placeholder{
font-size:12px;
color:#9e9e9e;
}
.pseudo-input-word .pseudo-input-word-inner input[type='text']::placeholder,
.pseudo-input-word .pseudo-input-word-inner input[type='search']::placeholder{
font-size:12px;
color:#9e9e9e;
}
.pseudo-input-word .pseudo-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .pseudo-input-word-suggest
----------------------------------------------- */
.pseudo-input-word .pseudo-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:1%;
z-index:2;
width:98%;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.pseudo-input-word .pseudo-input-word-suggest.is-active{
display:block;
}

/* .pseudo-input-word-suggest-hdg
----------------------------------------------- */
.pseudo-input-word .pseudo-input-word-suggest-hdg{
padding:5px 10px;
background-color:#e5e5e5;
font-size:13px;
}

/* .pseudo-input-word-suggest-list-keyword
----------------------------------------------- */
.pseudo-input-word .pseudo-input-word-suggest-list-keyword{
margin:0;
font-size:14px;
line-height:1.25;
}
.pseudo-input-word .pseudo-input-word-suggest-list-keyword > li{
position:relative;
}
.pseudo-input-word .pseudo-input-word-suggest-list-keyword > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.pseudo-input-word .pseudo-input-word-suggest-list-keyword > li a{
padding:0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
position:relative;
}
.pseudo-input-word .pseudo-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.pseudo-input-word .pseudo-input-word-suggest-list-keyword > li button:before{
content:'';
display:block;
width:11px;
height:100%;
position:absolute;
right:7px;
opacity:.9;
background:url(/element/shared/images/icon/icon-plus.svg) 50% 50% no-repeat;
}
.pseudo-input-word .error{
font-size:12px;
padding:10px;
margin:0;
}
.pseudo-input-word .error .sup{
display:block;
font-size:10px;
text-indent:-1em;
padding-left:1em;
margin-top:2px;
}

/* .input-word-bg
----------------------------------------------- */
.input-word-bg{
position:absolute;
width:calc(100% + 10px);
height:calc(100% + 75px);
background-color:rgba(0, 0, 0, 0.33);
z-index:1;
left:-10px;
bottom:-75px;
display:none;
}
.input-word-bg.is-active{
display:block;
}

/* .pseudo-input-word-info
----------------------------------------------- */
.pseudo-input-word-info{
font-size:14px;
margin:-7px 0 12px;
}
.pseudo-input-word-note{
display:block;
color:var(--cmn-font-color-gray);
font-size:11px;
}

/* .pseudo-distance-list-item
----------------------------------------------- */
.pseudo-distance-list-item .pseudo-distance-hdg{
display:table;
background:#888;
height:35px;
box-sizing:border-box;
width:calc(100% + 20px) ;
margin:0 -10px;
}
.pseudo-distance-list-item .pseudo-distance-hdg > .pseudo-hdg-l2{
display:table-cell;
}
.pseudo-distance-list-item .pseudo-distance-hdg > .txt-distance{
display:table-cell;
width:5em;
color:#fff;
font-size:11px;
line-height:1.3;
vertical-align:middle;
text-align:center;
padding:0 10px;
}
.pseudo-content .pseudo-distance-list-item .pseudo-link-list > li > a{
display:table;
width:100%;
box-sizing:border-box;
padding-right:10px;
}
.pseudo-distance-list-item .pseudo-link-list a > span{
display:table-cell;
vertical-align:middle;
}
.pseudo-distance-list-item .pseudo-link-list a > .item-name{
width:calc(100% - 75px) ;
}
.pseudo-distance-list-item .pseudo-link-list a > .item-distance{
width:75px;
text-align:right;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.pseudo-distance-list-item .pseudo-link-list a > .item-distance .num{
font-size:12px;
}
.pseudo-link-list-sup{
font-size:11px;
display:block;
}

/* tip-notes
------------------------------------------------ */
.tip-notes-02{
margin-bottom:10px;
margin-left:1em;
color:#949494;
text-indent:-1em;
font-size:11px;
}

/* tip-block
------------------------------------------------ */
.tip-block{
margin-bottom:10px;
border-bottom:1px solid #e5e5e5;
}
.tip-block > p{
margin-top:0;
}

/* tip-example
------------------------------------------------ */
.tip-example{
margin-left:2em;
text-indent:-2em;
font-size:11px;
}
.tip-example .tip-example-img{
margin-left:0;
vertical-align:middle;
text-indent:0;
}
.tip-example .tip-example-img span{
display:table-cell;
width:40px;
vertical-align:middle;
text-align:center;
}
.tip-example .tip-example-img span img{
max-width:30px;
max-height:15px;
}

/* tip-route
------------------------------------------------ */
.tip-route{
margin:-5px 10px 20px 20px;
}
.tip-route li{
margin-top:10px;
}
.tip-route .tip-item{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
width:100%;
-webkit-box-pack:center;
justify-content:center;
}
.tip-route .tip-item .tip-area{
padding:5px 3px;
border:1px solid #ccc;
font-size:12px;
}
.tip-route .tip-item .tip-mid{
position:relative;
flex:1;
margin:0 7px;
-webkit-box-flex:1;
}
.tip-route .tip-item .tip-mid > div{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:stretch;
align-items:stretch;
height:100%;
-webkit-box-pack:center;
justify-content:center;
}
.tip-route .tip-item .tip-mid > div::before{
display:block;
position:absolute;
top:7px;
right:1px;
width:calc(100% - 1px);
height:2px;
background-color:#aaa;
content:"";
}
.tip-route .tip-item .tip-mid > div::after{
display:block;
position:absolute;
bottom:7px;
left:1px;
width:calc(100% - 1px);
height:2px;
background-color:#aaa;
content:"";
}
.tip-route .tip-item .tip-mid > div > span{
display:-webkit-box;
display:flex;
z-index:10;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
padding:0 5px;
width:35px;
background:#fff;
}
.tip-route .tip-item .tip-mid > div > span > span{
display:table-cell;
width:100%;
text-align:center;
font-size:12px;
line-height:1;
}
.tip-route .tip-item .tip-mid > div > span > span img{
max-width:35px;
max-height:20px;
vertical-align:middle;
}
.tip-route .tip-item .tip-mid::before{
display:block;
position:absolute;
top:50%;
right:0px;
margin-top:-10px;
border-top:transparent 4px solid;
border-bottom:transparent 4px solid;
border-left:6px solid #aaa;
content:"";
}
.tip-route .tip-item .tip-mid::after{
display:block;
position:absolute;
top:50%;
left:0px;
margin-top:2px;
border-top:transparent 4px solid;
border-right:6px solid #aaa;
border-bottom:transparent 4px solid;
content:"";
}

/* .room-num-box
----------------------------------------------- */
.room-num-box .pseudo-hdg-l2-02{
background:#f5f5f5;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
margin:0 -10px;
padding:10px 12px;
line-height:1;
font-size:13px;
color:var(--cmn-font-color-base);
position:relative;
}
.room-num-box .pseudo-hdg-l2-02 .btn-delete{
color:#1e77d1;
font-size:13px;
height:100%;
padding:0 10px;
position:absolute;
right:0;
top:0;
background:none;
border:0;
}
.room-num-box .room-num-list{
margin:15px 0;
}
.room-num-box .room-num-list > li{
display:table;
width:100%;
box-sizing:border-box;
font-size:14px;
min-height:39px;
}
.room-num-box .room-num-list > li + li{
margin-top:15px;
}
.room-num-box .room-num-list > li .age-num:not(:first-child){
margin-top:15px;
}
.room-num-box .room-num-list > li > div{
display:table-cell;
}
.room-num-box .room-num-list > li > div:last-child{
width:120px;
text-align:right;
white-space:nowrap;
}
.room-num-box .room-num-list > li > div:last-child button{
width:30px;
height:30px;
border:0;
border-radius:3px;
}
.room-num-box .room-num-list > li > div:last-child .btn-plus{
background:url(/element_sp/w_hotel/shared/images/icon-plus.svg) no-repeat;
}
.room-num-box .room-num-list > li > div:last-child .btn-minus{
background:url(/element_sp/w_hotel/shared/images/icon-minus.svg) no-repeat;
}
.room-num-box .room-num-list>li>div:last-child .btn-minus.is-disabled,
.room-num-box .room-num-list > li > div:last-child .btn-plus.is-disabled{
opacity:.33;
}
.room-num-box .room-num-list > li > div:last-child button > span{
text-indent:-9999px;
text-align:left;
display:inline-block;
}
.room-num-box .room-num-list > li > div:last-child .num{
display:inline-block;
text-align:center;
width:50px;
font-weight:bold;
font-size:16px;
vertical-align:middle;
}
.room-num-box .room-num-list > li .age-num-hdg{
display:inline-block;
text-align:left;
line-height:1.2;
min-width:60px;
vertical-align:middle;
}
.room-num-box .room-num-list > li .age-num-hdg .txt-block{
font-size:11px;
}
.room-num-box .room-num-list > li .age-num-hdg .txt-block .num{
font-size:12px;
font-weight:normal;
padding:0;
width:auto;
}
.room-num-box .room-num-list > li > .room-num{
line-height:1.2;
}
.room-num-box .room-num-list > li > .room-num .txt-block{
font-size:14px;
}
.room-num-box .room-num-list > li > .room-num .txt-block .num{
font-size:14px;
}
.txt-block{
display:block;
}

/* .age-detail
----------------------------------------------- */
.age-detail{
display:none;
background:#f5f5f5;
border-radius:10px;
position:relative;
padding:12px 10px;
margin-top:10px;
}
.age-detail.is-active{
display:block;
}
.age-detail.is-active:after{
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:-8px;
right:47px;
transform:rotate(45deg);
background-color:#f5f5f5;
}

/* .pseudo-full-info
----------------------------------------------- */
.pseudo-full-info{
font-size:12px;
border-top:1px solid #ccc;
padding:10px;
margin:0 -10px 0 -10px;
}
.pseudo-full-info a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}

/* .child-age-container
----------------------------------------------- */
.child-age-container{
margin-top:15px;
padding-top:15px;
border-top:1px solid #e5e5e5;
display:none;
margin-bottom:15px;
}
.child-age-container.is-active{
display:block;
}
.child-age-container .hdg-child-age{
font-size:12px;
}
.child-age-container .hdg-child-age .sup{
color:#999;
font-size:10px;
padding-left:15px;
}
.age-detail .child-age-list:not(:first-child){
margin-top:10px;
}
.child-age-list > span{
font-size:12px;
display:block;
}
.age-detail .age-detail-item{
margin-top:5px;
width:100%;
background:#fff;
border-radius:3px;
height:46px;
box-sizing:border-box;
position:relative;
overflow:hidden;
border:1px solid #bbb;
border-top:0;
}
.child-age-list{
position:relative;
}
.child-age-list::before {
margin-left:-6px;
content:"";
border-width:0 1px 1px 0;
border-style:solid;
border-color:#bbb;
display:block;
width:10px;
height:10px;
position:absolute;
bottom:40px;
left:50%;
transform:rotate(45deg);
background-color:#f5f5f5;
z-index:1;
}
.child-age-list ul{
border-radius:3px;
position:absolute;
display:block;
width:100%;
font-size:0;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
box-sizing:border-box;
box-shadow:0 8px 0px -7px #bbbbbb inset;
}
.child-age-list ul::-webkit-scrollbar {
display:none;
}
.child-age-list ul > li{
display:inline-block;
width:20%;
height:44px;
white-space:nowrap;
position:relative;
background:#fff;
margin:1px 0;
box-sizing:border-box;
}
.child-age-list ul > li:not(:last-child){
border-right:1px solid #ddd;
}
.child-age-list ul > li.is-disabled + li:not([class^="is-"]){
border-left:1px solid #ddd;
border-radius:0;
}
.child-age-list ul > li.is-disabled{
border-right:0;
vertical-align:top;
border-left:0;
}
.child-age-list ul > li.is-disabled + .is-selected{
border-left:1px solid #ddd;
border-radius:0;
}
.room-num-box .room-num-list .child-age-list ul > li button{
width:100%;
height:44px;
border:0;
background:none;
font-size:16px;
font-family:Arial;
}
.room-num-box .room-num-list .child-age-list ul > li:first-child button{
border-radius:3px 0 0 3px;
}
.room-num-box .room-num-list .child-age-list ul > li:last-child button{
border-radius:0 3px 3px 0;
}
.room-num-box .room-num-list .child-age-list ul > li button.is-selected{
background:#E3F2FC;
position:relative;
outline:none;
}
.room-num-box + .room-num-box{
border-top:1px solid #ccc;
margin:25px -10px 0;
padding:5px 10px;
}

/* .pseudo-notice-list
----------------------------------------------- */
.pseudo-notice-list{
font-size:13px;
margin-bottom:12px;
}
.pseudo-notice-head .pseudo-notice-list + p{
font-size:12px;
}
.pseudo-notice-list li{
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px 12px;
padding-left:21px;
margin-bottom:5px;
font-size:12px;
}
.pseudo-sticky .pseudo-sticky .pseudo-notice-list li{
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 2px no-repeat;
background-size:14px 12px;
color:#fff;
text-align:left;
}
.pseudo-notice-head{
margin:15px 0;
}
.pseudo-notice-head p{
font-size:11px;
}
.pseudo-notice-head p a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.pseudo-notice-head p > span.ic-info{
padding-left:1em;
text-indent:-1em;
display:block;
color:var(--cmn-font-color-gray);
margin-top:10px;
}

/* .filter-dp
----------------------------------------------- */
.filter-dp{
padding-bottom:45px;
box-sizing:border-box;
min-height:100vh;
}
.filter-dp.filter-flight{
padding-bottom:0;
}

/* .filter-dp .form-search-pseudo
----------------------------------------------- */
.filter-dp .form-search-pseudo .form-input-word{
padding:0 10px;
margin:10px 0;
}
.filter-dp .form-search-pseudo .form-search-tbl .search-item ul{
margin:5px 0 0 0;
font-size:12px;
color:#999;
}
.filter-dp .form-search-pseudo .form-search-tbl .cmn-tip-btn{
position:absolute;
right:10px;
top:50%;
margin-top:-7px;
}
.filter-dp .form-search-pseudo .form-search-tbl .form-search-btn-arrow-01.is-unselected{
color:#9e9e9e;
font-size:14px;
}
.filter-dp .form-search-pseudo .form-search-tbl .form-search-btn-arrow-01{
margin:0;
padding:15px 25px 15px 10px;
}
.filter-dp .form-search-pseudo .form-search-tbl .search-item ul.col-2-list{
display:table;
margin:10px 0;
}
.filter-dp .form-search-pseudo .form-search-tbl .search-item ul.col-2-list > li{
width:33%;
display:table-cell;
padding-left:10px;
}

/* .filter-dp-list
----------------------------------------------- */
.filter-dp-list{
margin:5px -10px 0 -10px;
}
.filter-dp-list > li{
padding:8px 10px;
box-sizing:border-box;
display:block;
position:relative;
}
.filter-dp-list > li:first-child{
padding-top:12px;
}
.filter-dp-list.col-2 > li{
width:49.2%;
display:inline-block;
padding:8px 10px;
}
.filter-dp-list.col-2 > li:first-child{
padding-top:8px;
}
.filter-dp-list.col-2 > li.is-disabled{
opacity:.45;
}
.filter-dp-list > li input{
vertical-align:middle;
margin-top:-2px;
}
.filter-dp-list > li .ic-luggage{
display:inline-block;
text-indent:-9999px;
width:10px;
height:10px;
background:#000;
position:absolute;
right:10px;
top:50%;
margin-top:-5px;
}
.filter-dp-list > li.is-disabled{
opacity:.45;
}

/* .filter-tour-list
----------------------------------------------- */
.filter-tour-list{
margin:10px -10px 0 -10px;
font-size:15px;
}
.filter-tour-list > li{
padding:8px 10px;
box-sizing:border-box;
display:block;
position:relative;
}
.filter-tour-list.col-2 > li{
width:49.2%;
display:inline-block;
}
.filter-tour-list.col-2 > li.is-disabled{
opacity:.45;
}
.filter-tour-list > li input{
vertical-align:middle;
margin-top:-2px;
}
.filter-tour-list > li .ic-luggage{
display:inline-block;
text-indent:-9999px;
width:10px;
height:10px;
background:#000;
position:absolute;
right:10px;
top:50%;
margin-top:-5px;
}
.filter-tour-list input[type='checkbox'],
.filter-tour-list input[type='radio']{
margin-right:8px;
}

/* .filter-fights-head
----------------------------------------------- */
.filter-fights-head{
background:#e8e8e8;
padding:10px;
margin:0 -10px;
}
.filter-fights-btn-list{
display:flex;
}
.filter-fights-btn-list > li{
box-sizing:border-box;
font-size:13px;
width:25%;
}
.filter-fights-btn-list > li:not(:last-child){
margin-right:5px;
}
.filter-fights-btn-list > li > button{
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:100%;
height:35px;
color:#999;
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
}
.filter-fights-btn-list > li > button .filter-num{
color:#fff;
display:inline-block;
background:#0f7ded;
width:12px;
height:12px;
border-radius:6px;
font-size:8px;
vertical-align:middle;
margin-left:2px;
line-height:1.3;
}
.filter-select-list {
margin:7px 0 0;
}
.filter-select-list > li{
display:inline-block;
margin-right:3px;
}
.filter-select-list > li > button{
background:#fff;
border:0;
border-radius:2px;
font-size:10px;
color:#999;
padding:5px 16px 5px 5px;
line-height:1;
position:relative;
}
.filter-select-list > li > button:after{
content:"";
display:block;
width:7px;
height:100%;
position:absolute;
top:0;
right:5px;
background:url(/element_sp/w_hotel/map/images/icon-close.svg) no-repeat 50% 50%;
opacity:.7;
}
.num-line-item-hdg .filter-flight-sup{
position:absolute;
right:10px;
top:50%;
margin-top:-5px;
font-size:11px;
font-weight:normal;
line-height:1;
padding-left:15px;
}
.num-line-item-hdg .filter-flight-sup::before{
content:'■';
position:absolute;
left:0;
top:50%;
margin-top:-6px;
}

/* .filter-fights-tab
----------------------------------------------- */
.filter-fights-tab{
display:flex;
margin:0 -10px;
}
.filter-fights-tab li{
width:50%;
border-bottom:1px solid #bbb;
}
.filter-fights-tab li:not(:last-child){
border-right:1px solid #bbb;
}
.filter-fights-tab li.is-active{
border-bottom:0;
}
.filter-fights-tab li button{
width:100%;
height:45px;
background:#f5f5f5;
border:0;
}
.filter-fights-tab li.is-active button{
background:#fff;
font-weight:bold;
}
.filter-fights-tab li button > span{
font-size:12px;
font-weight:normal;
padding-left:6px;
}

/* flight-detail-head
----------------------------------------------- */
.flight-detail-head{
display:table;
width:100%;
margin:10px 0;
padding:0 10px;
box-sizing:border-box;
}
.flight-detail-head > div{
display:table-cell;
}
.flight-detail-head > .sort-item{
text-align:right;
}
.flight-detail-head > .sort-item button{
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:120px;
height:30px;
color:#555;
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
font-size:12px;
}
.flight-detail-head > .sort-item button > span{
position:relative;
padding-left:18px;
}
.flight-detail-head > .sort-item button > span::before{
content:'■';
position:absolute;
left:0;
top:50%;
margin-top:-9px;
}

/* .filter-fights-tab-container
----------------------------------------------- */
.filter-fights-tab-container{
margin:0 -10px;
}
.filter-fights-tab-container .flight-detail-item{
border-top:1px solid #e5e5e5;
}
.filter-fights-tab-container .flight-detail-item{
padding:0 10px;
}
.flight-detail-list .flight-detail-check{
width:35px;
}
.filter-fights-tab-container .flight-detail-item .airline-item{
padding-left:35px;
box-sizing:border-box;
}
.filter-fights-tab-container .product-other{
text-align:right;
font-size:10px;
margin:5px 0 8px;
}
.hdg-flight-disabled{
background:#444;
color:#fff;
text-align:center;
font-size:12px;
padding:4px 0;
}
.flight-disabled-container{
position:relative;
}
.flight-disabled-container:after{
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,0.4);
width:100%;
height:100%;
content:'';
z-index:1;
padding-bottom:10px;
}

/* .filter-dp-info
----------------------------------------------- */
.filter-dp-info{
padding:10px 0;
font-size:12px;
}
.filter-dp-info .tour-info{
padding-left:18px;
position:relative;
}
.filter-dp-info .tour-info::before{
content:'■';
position:absolute;
left:0;
top:50%;
margin-top:-9px;
}
.pseudo-hdg-l2-02 {
background:#f5f5f5;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
margin:0 -10px;
padding:8px 12px;
line-height:1;
font-size:13px;
color:var(--cmn-font-color-base);
position:relative;
}

/* .filter-time
----------------------------------------------- */
.filter-time{
padding:0 10px;
margin:0 -10px;
}
.filter-time .select-slider-container{
padding-bottom:5px;
}
.filter-time.return{
border-top:1px solid #e5e5e5;
}
.filter-time .filter-time-hdg{
font-weight:bold;
font-size:13px;
}
.filter-time .filter-time-hdg > .dpt{
position:relative;
padding-right:23px;
}
.filter-time .filter-time-hdg > .dpt:after{
content:'\02192';
position:absolute;
right:5px;
}
.select-slider-detail{
font-size:12px;
margin-top:3px;
}
.select-histogram-item + .select-slider-detail{
margin-top:25px;
}

/* .filter-transfer
----------------------------------------------- */
.filter-transfer{
padding:10px;
margin:0 -10px;
}

/* .filter-airport
----------------------------------------------- */
.filter-airport{
padding-left:0;
}
.filter-airport .hdg-l3{
margin:15px 0 -5px;
font-size:14px;
}
.filter-airport ul + .hdg-l3{
margin-top:12px;
}

/* select-slider-container
-----------------------------------------------*/
.select-slider-container .select-slider-item{
margin:18px 15px 15px;
}
.select-slider-container .select-slider-item + .select-slider-detail{
margin-top:30px;
}
.select-slider-container .select-slider{
position:relative;
width:100%;
height:2px;
background-color:#ccc;
}
.select-slider-container .select-slider div{
position:absolute;
top:0;
height:2px;
background-color:#78b405;
cursor:pointer;
}
.select-slider-container .select-slider .min,
.select-slider-container .select-slider .max{
display:block;
position:absolute;
top:50%;
margin-top:-16px;
margin-left:-16px;
border-radius:50%;
width:33px;
height:33px;
background-color:#fff;
z-index:1;
}
.select-slider-container .select-slider .min::before,
.select-slider-container .select-slider .max::before{
content:'';
display:block;
position:absolute;
top:50%;
margin-top:-15px;
margin-left:2px;
border:2px solid #78b405;
border-radius:50%;
width:25px;
height:25px;
background-color:#fff;
z-index:1;
}
.select-slider-container .select-slider .max{
float:right;
}

/* .select-histogram-item
-----------------------------------------------*/
.select-histogram-item{
position:relative;
padding-top:10px;
}
.select-histogram-item .histogram-item{
display:table;
width:100%;
height:80px;
padding:0 30px;
box-sizing:border-box;
margin-bottom:-20px;
}
.select-histogram-item .histogram-item > div{
display:table-cell;
width:4.16%;
border-right:1px solid #fff;
vertical-align:bottom;
}
.select-histogram-item .histogram-item > div > .histogram-inner{
width:100%;
background:#d5d5d5;
display:block;
}
.select-histogram-item .histogram-item > div > .histogram-inner.not-include{
background:#eee;
}

/* .filter-dp-invoice-item
----------------------------------------------- */
.filter-dp-invoice-item .filter-dp-name{
font-weight:bold;
margin-top:12px;
margin-bottom:-4px;
}

/* .filter-dp-airport
----------------------------------------------- */
.filter-dp-airport{
margin:0 -10px;
padding:10px;
border-top:1px solid #e5e5e5;
}
.filter-dp-airport .filter-dp-name{
font-weight:bold;
font-size:13px;
margin-bottom:-5px;
}
.filter-dp-airport .filter-dp-list{
margin-bottom:10px;
}
.filter-dp-airport .filter-dp-list > li{
padding:7px 10px;
font-size:14px;
}
.filter-dp-airport-item + .filter-dp-airport-item{
border-top:1px solid #e5e5e5;
padding-top:12px;
}
.filter-dp-airport .filter-dp-list li > .filter-dp-list{
margin:3px 0 -8px 16px;
}
.filter-dp-airport .filter-dp-list li > .filter-dp-list li{
padding:5px 10px;
}

/* .modal-filter-item
----------------------------------------------- */
.modal-filter-info{
font-size:16px;
font-weight:bold;
text-align:center;
margin:0 0 20px;
}
.modal-filter-item .form-search-tbl{
border-top:1px solid #e5e5e5;
}
.modal-filter-item .form-search-tbl > li {
margin:0;
border-bottom:1px solid #e5e5e5;
}
.modal-filter-item .form-search-tbl > li > .search-desc{
vertical-align:middle;
width:85px;
background-color:#f5f5f5;
padding:6px 7px;
white-space:nowrap;
box-sizing:border-box;
}
.modal-filter-item .form-search-tbl > li > .search-desc .cmn-tip-btn{
position:absolute;
right:10px;
top:50%;
margin-top:-8px;
}
.modal-filter-item .form-search-tbl > li.destination > .search-desc .cmn-tip-btn{
margin-top:-14px;
}
.modal-filter-item .form-search-tbl > li > .search-desc small{
display:block;
font-size:10px;
font-weight:normal;
}
.modal-filter-item .search-item-info{
padding:8px 7px 8px 0;
border-top:1px solid #e5e5e5;
margin-left:7px;
font-size:13px;
}
.modal-filter-item .form-search-tbl .form-search-btn-arrow-01{
padding:11px 12px 11px 7px;
margin:0;
font-size:14px;
}
.modal-filter-item .form-search-tbl .form-search-btn-arrow-01.is-unselected,
.modal-filter-item .form-search-tbl .form-search-btn-arrow-01.is-unselected b{
font-weight:normal;
}
.modal-filter-item .form-search-tbl .date .form-search-btn-arrow-01{
padding:4px 12px 4px 7px;
}
.modal-filter-item .form-search-tbl .date .form-search-btn-arrow-01 b{
font-size:14px;
}
.modal-filter-item .form-search-tbl .form-search-btn-arrow-01:before{
right:5px;
}
.modal-filter-item .form-search-tbl .search-item .form-custom-select{
margin:10px 0 10px 10px;
}
.modal-filter-item .form-search-tbl .search-item .form-search-checkbox{
margin-left:10px;
}
.modal-filter-item .form-search-tbl .search-item .btn-block{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
max-width:225px;
}
.modal-filter-item .form-search-tbl .search-item .btn-block .room-num{
font-size:11px;
display:inline-block;
vertical-align:middle;
margin-right:8px;
}
.modal-filter-item .form-search-tbl .search-item .btn-block .child:before{
content:'/';
margin:0 5px;
}
@media screen and (max-width:320px){
.modal-filter-item .form-search-tbl .search-item .btn-block{
max-width:170px;
}
}
.modal-filter-item .form-search-tbl > li.separate-item{
border:0;
}
.modal-filter-item .form-search-tbl > li.separate-item > div{
display:block;
}
.modal-filter-item .form-search-tbl > li.separate-item > .separate-item-info{
margin:10px;
}
.modal-filter-item .form-search-tbl > li.separate-item > .separate-item-info input{
vertical-align:middle;
}
.modal-filter-item .form-search-tbl > li.separate-item > .separate-item-info .cmn-tip-btn{
margin-left:5px;
}
.modal-filter-item .form-search-tbl > li.separate-item > .form-search-btn-arrow-01{
border:1px solid #bbb;
border-radius:3px;
padding:3px 15px 3px 5px;
box-sizing:border-box;
width:calc(100% - 20px);
margin:0 10px 6px;
}
.modal-filter-item .form-search-tbl li.separate-item .form-search-btn-arrow-01:before{
right:10px;
}
.modal-filter-item .stay-date-sup {
margin:0 10px 0 10px;
display:block;
font-size:11px;
line-height:1.3;
color:#808080;
text-indent:-1em;
padding-left:1em;
}
.modal-filter-btn{
margin-top:15px;
display:flex;
width:100%;
margin-bottom:-15px;
}
.modal-filter-btn > li.reset {
width:21.42857%;
}
.modal-filter-btn > li button {
padding:0;
border-radius:4px;
width:100%;
height:38px;
border:0;
}
.modal-filter-btn > li.reset button {
border:1px solid #bbb;
background-color:#fff;
font-size:14px;
color:var(--cmn-font-color-base);
}
.modal-filter-btn > li.search button{
color:#fff;
background-color:var(--cmn-btn-color);
font-weight:bold;
font-size:14px;
padding-bottom:3px;
}
.modal-filter-item .modal-filter-btn>li.search button {
padding-bottom:0;
}
.modal-filter-btn > li.back button{
background-color:#fff;
font-size:14px;
border:1px solid #bbb;
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-gray);
line-height:1.4;
}
.modal-filter-btn > li.search button.is-null{
opacity:.33;
}
.modal-filter-btn > li.search,
.modal-filter-btn > li.back {
margin-left:10px;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.modal-filter-info-txt{
font-size:14px;
margin:0 0 10px 0;
}
.brt-info{
font-size:12px;
text-indent:-1em;
padding-left:1em;
color:var(--cmn-font-color-gray);
display:block;
}
.info-note{
font-size:12px;
color:var(--cmn-font-color-gray);
display:block;
text-indent:-1em;
padding-left:1em;
margin-top:6px;
}
.info-note::before{
content:'\0203B';
}
.filter-modal-item{
margin-bottom:12px;
}
.filter-modal-item .filter-desc{
font-size:12px;
font-weight:bold;
}
.filter-modal-item .filter-desc .brt-info{
display:inline-block;
font-weight:normal;
}
.filter-modal-item .filter-desc .brt-info.right{
float:right;
}
.filter-modal-item .filter-desc .sup{
font-weight:normal;
}
.filter-modal-item .form-custom-select{
margin-top:8px;
}
.filter-modal-item .form-custom-select select{
font-size:16px;
font-weight:normal;
}
.filter-btn .filter-btn-date{
display:table;
}
.filter-btn .date-item{
line-height:1.3;
padding:5px 0px 2px;
display:table-cell;
}
.filter-btn .date-item:first-child {
padding-right:30px;
width:auto;
position:relative;
}
.filter-btn .str-date-01 .date-item:first-child {
padding-right:18px;
width:125px;
position:relative;
}
.filter-btn .date-item:first-child::after{
content:'\02015';
position:absolute;
right:10px;
top:11px;
font-size:12px;
}
.filter-btn .str-date-01 .date-item:first-child::after{
content:'\02015';
position:absolute;
right:1px;
bottom:0;
font-size:12px;
margin-top:8px;
}
.filter-btn .date-item:last-child {
padding-left:6px;
width:auto;
}
.filter-btn .date-item .date-hdg{
display:block;
font-size:12px;
line-height:1;
}
.filter-btn .date-item .date-num{
font-size:14px;
}
.filter-btn .date-item .date-num .num{
font-size:14px;
}
.filter-btn .date-item .date-year{
font-size:12px;
display:block;
line-height:1;
}
.filter-btn .date-item .date-year .num{
font-size:12px;
}
.filter-btn .date-item:nth-child(3){
vertical-align:bottom;
padding:0 0 0 15px;
}
.modal-filter-item .filter-check-item{
margin-bottom:10px;
font-size:15px;
}
.modal-filter-item .filter-check-item .form-list {
margin:0 10px -1px;
}
.modal-filter-item .filter-check-item .form-list > li > label {
display:-webkit-box;
display:flex;
position:relative;
min-height:35px;
padding:0 5px 0 27px;
font-size:14px;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
-webkit-box-flex:1;
flex:1;
border:0;
}
.modal-filter-item .filter-check-item .form-list > li > label .cmn-tip-btn{
margin-left:4px;
}
.modal-filter-item .form-list > li > label input[type='checkbox'] {
top:50%;
left:0;
margin-top:-10px;
}
.modal-filter-item .separate-item{
display:none;
}
.modal-filter-item .separate-item.is-active{
display:block;
}
.modal-filter-item .filter-btn{
margin-top:8px;
}
.modal-filter-item .filter-btn .room-num-btn-inner{
display:table;
width:100%;
margin:4px 0;
line-height:1;
}
.modal-filter-item .filter-btn .room-num-btn-inner + .room-num-btn-inner{
margin-top:-2px;
}
.modal-filter-item .filter-btn .room-num-btn-inner > span{
display:table-cell;
}
.modal-filter-item .filter-btn .room-num-btn-inner > .room{
font-size:11px;
color:var(--cmn-font-color-base);
width:52px;
}
.modal-filter-item .filter-btn .room-num-btn-inner > .room .num{
font-size:12px;
}
.modal-filter-item .filter-btn .room-num-btn-inner > .room-num{
color:#ccc;
font-size:14px;
}
.modal-filter-item .filter-btn .room-num-btn-inner > .room-num span{
color:var(--cmn-font-color-base);
}
.modal-filter-item .filter-btn .room-num-btn-inner > .room-num .num{
font-size:15px;
}

/* .fixed-btn-modal
----------------------------------------------- */
.fixed-btn-modal{
position:relative;
}
.fixed-btn-modal .modal-filter-item{
overflow-y:scroll;
box-sizing:border-box;
overflow-x:hidden;
padding-bottom:70px;
padding-right:10px;
margin-right:-10px;
max-height:400px;
}
.fixed-btn-modal .modal-filter-btn.fixed-btn-item{
position:absolute;
bottom:0;
left:0;
width:100%;
background:#f5f5f5;
padding:14px 10px;
box-sizing:border-box;
margin:0;
border-radius:0 0 5px 5px;
box-shadow:0px -7px 7px -4px rgba(0, 0, 0, 0.3);
}
.fixed-btn-modal .modal-filter-btn.fixed-btn-item .filter{
width:80%;
}

/* .detail-toggle-hook.modal-toggle
----------------------------------------------------------------- */
.detail-toggle-hook.modal-toggle{
text-align:right;
clear:both;
display:block;
margin:13px 0 0;
}
.detail-toggle-hook.modal-toggle > button{
padding:6px 0 6px 20px;
border:none;
color:#555;
font-size:12px;
display:inline-block;
margin:-14px 0 0;
position:relative;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:0 9px;
}
.detail-toggle-hook.modal-toggle.is-active > button{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:0 9px;
}
.detail-toggle-hook.modal-toggle > .payment-toggle-item{
display:none;
text-align:left;
margin-top:-7px;
}
.detail-toggle-hook.modal-toggle.is-active > .payment-toggle-item{
display:block;
}
.detail-toggle-hook.modal-toggle .detail-toggle-item{
display:none;
}
.detail-toggle-hook.modal-toggle.is-active .detail-toggle-item{
display:block;
}
.detail-toggle-hook.modal-toggle.is-active .detail-toggle-item .brt-info-num-lst li > .act_wdp_escape_string_overwrite_airhotel{
display:block;
text-indent:0;
}
.filter-dtl-tbl-item .detail-toggle-hook.modal-toggle{
margin-left:22px;
}

/* shared-url-container
------------------------------------------------ */
.shared-url-container{
margin:15px auto -20px;
width:240px;
}
.shared-url-container .shared-url-sns{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0 auto;
width:184px;
-webkit-box-pack:justify;
justify-content:center;
}
.shared-url-container .shared-url-sns > li{
margin:0 10px;
}
.shared-url-container .shared-url-sns button{
overflow:hidden;
display:block;
padding-top:40px;
border:none;
width:40px;
height:0;
background:none;
background-size:100%;
line-height:2;
}
.shared-url-container .shared-url-sns button.shared-url-btn-line{
background:url(/element/shared/images/icon/icon-sns-line.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-fb{
background:url(/element/shared/images/icon/icon-sns-fb.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-tw{
background:url(/element/shared/images/icon/icon-sns-twitter.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url{
margin-top:15px;
}
.shared-url-container .shared-url > li:not(:first-child){
margin-top:10px;
}
.shared-url-container .shared-url .shared-url-copy{
display:block;
margin-top:7px;
text-align:center;
font-size:11px;
}
.shared-url-container .shared-url button{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding-left:40px;
border:1px solid #bfbfbf;
border-radius:4px;
width:100%;
height:36px;
color:var(--cmn-font-color-gray);
background:none;
background-size:100%;
text-align:left;
font-size:13px;
}
.shared-url-container .shared-url button::before{
display:block;
position:absolute;
top:50%;
left:11px;
content:"";
}
.shared-url-container .shared-url button.shared-url-btn-mail::before{
margin-top:-6px;
width:18px;
height:12px;
background:url(/element_sp/w_hotel/shared/images/icon-mail.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url button.shared-url-btn-sms::before{
margin-top:-8px;
width:18px;
height:16px;
background:url(/element_sp/w_hotel/shared/images/icon-sms.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url button.shared-url-btn-copy::before{
margin-top:-8px;
width:15px;
height:19px;
background:url(/element_sp/w_hotel/shared/images/icon-copy.svg) 0 0 no-repeat;
}
.shared-url-note{
font-size:11px;
color:var(--cmn-font-color-gray);
display:block;
margin-top:12px;
}

/* .modal-filter-dtl
----------------------------------------------- */
.detail-toggle-hook.modal-toggle{
text-align:left;
font-size:12px;
}
.detail-toggle-hook.modal-toggle > button{
padding:6px 15px 6px 0;
color:var(--cmn-font-color-base);
}
.detail-toggle-hook.modal-toggle > button,
.detail-toggle-hook.modal-toggle.is-active > button {
background-position:100% 11px;
}
.detail-toggle-hook.modal-toggle .detail-toggle-item{
margin:0 0 10px;
}
.detail-toggle-hook.modal-toggle .modal-toggle-info{
display:table;
width:100%;
}
.detail-toggle-hook.modal-toggle .modal-toggle-info > div{
display:table-cell;
line-height:1.6;
}
.detail-toggle-hook.modal-toggle .modal-toggle-info > .info-hdg{
width:5em;
}
.detail-toggle-hook.modal-toggle .modal-toggle-info > .info-txt{
text-indent:-1em;
}
.detail-toggle-hook.modal-toggle .modal-toggle-info > .info-txt::before{
content:'=';
margin:0 5px;
}
.modal-filter-dtl .select-release{
text-align:right;
margin-right:-5px;
}
.filter-dtl-tbl .filter-dtl-th{
background:#888;
color:#fff;
display:table;
width:100%;
box-sizing:border-box;
padding:4px 5px;
}
.filter-dtl-tbl .filter-dtl-th > div{
display:table-cell;
padding:0;
}
.filter-dtl-tbl .filter-dtl-th > .col-dtl{
font-size:12px;
}
.filter-dtl-tbl .filter-dtl-th > .col-separate,
.filter-dtl-tbl .filter-dtl-th > .col-tour,
.filter-dtl-tbl .filter-dtl-th > .col-dp{
font-size:11px;
color:#fff;
}
.filter-dtl-tbl .filter-dtl-select{
display:table;
width:100%;
box-sizing:border-box;
padding:6px 0px 6px 5px;
}
.filter-dtl-select + .detail-toggle-hook.modal-toggle{
border-top:1px solid #ccc;
padding-top:15px;
margin-top:0px;
}
.filter-dtl-select + .detail-toggle-hook.modal-toggle.brt-toggle-info{
border:0;
padding:0;
margin:12px 0 0;
}
.filter-dtl-select + .detail-toggle-hook.modal-toggle.brt-toggle-info .brt-info-num-lst{
margin-top:0;
}
.filter-dtl-select + .detail-toggle-hook.modal-toggle.brt-toggle-info .detail-toggle-item{
margin-bottom:0;
}
.filter-dtl-tour .filter-dtl-select + .detail-toggle-hook.modal-toggle{
border-top:0;
}
.filter-dtl-tbl .col-dtl{
font-size:13px;
width:auto;
display:table-cell;
vertical-align:middle;
line-height:1.35;
padding:5px 0;
}
.filter-dtl-tbl .col-dtl .num{
font-size:14px;
}
.filter-dtl-tbl .col-dtl .flight-detail-list > .date-detail .date .num {
font-size:11px;
}
.filter-dtl-tbl .col-separate,
.filter-dtl-tbl .col-tour,
.filter-dtl-tbl .col-dp{
font-size:12px;
width:auto;
width:57px;
text-align:center;
display:table-cell;
vertical-align:middle;
color:var(--cmn-font-color-base);
line-height:1.3;
}
.filter-dtl-tbl .col-separate label,
.filter-dtl-tbl .col-tour label,
.filter-dtl-tbl .col-dp label{
position:relative;
display:inline-block;
}
.filter-dtl-tbl .col-separate .num,
.filter-dtl-tbl .col-tour .num,
.filter-dtl-tbl .col-dp .num{
font-size:13px;
}
.filter-dtl-tbl .col-both{
font-size:12px;
width:auto;
width:114px;
text-align:center;
display:table-cell;
vertical-align:middle;
color:var(--cmn-font-color-base);
line-height:1.3;
}
.filter-dtl-tbl .col-info{
text-align:right;
display:none;
}
.filter-dtl-tbl .col-info.is-active{
display:table-footer-group;
}
.filter-dtl-tbl .col-info .filter-info-ballon{
border-radius:5px;
background:#fff;
padding:9px 10px;
position:relative;
display:inline-block;
z-index:2;
border:1px solid #ccc;
margin:10px -108px 6px 0;
font-size:13px;
}
.filter-dtl-tbl .col-info .filter-info-ballon .sup{
font-size:11px;
}
.filter-dtl-tbl .col-info .filter-info-ballon .num{
font-size:14px;
}
.filter-dtl-tbl .col-info .filter-info-ballon::before {
content:"";
position:absolute;
top:-10px;
right:72px;
width:0;
height:0;
border-style:solid;
border-width:0 8px 10px 8px;
border-color:transparent transparent #ccc transparent;
z-index:-1;
}
.filter-dtl-tbl .col-info .filter-info-ballon::after {
content:"";
position:absolute;
top:-9px;
right:72px;
width:0;
height:0;
border-style:solid;
border-width:0 8px 10px 8px;
border-color:transparent transparent #fff transparent;
z-index:0;
}
.filter-dtl-tbl .col-info .filter-info-ballon.info-02::before,
.filter-dtl-tbl .col-info .filter-info-ballon.info-02::after {
right:20px;
}
.filter-dtl-tbl .col-info .filter-info-ballon.info-03::before,
.filter-dtl-tbl .col-info .filter-info-ballon.info-03::after {
right:48px;
}
.filter-dtl-tbl .col-info .filter-info-ballon .ballon-check-list{
text-align:left;
}
.filter-dtl-tbl .col-info .filter-info-ballon .ballon-check-list li{
line-height:1.1;
display:inline-block;
}
.filter-dtl-tbl .col-info .filter-info-ballon .ballon-check-list li > span{
display:block;
margin-bottom:8px;
}
.filter-dtl-tbl .col-info .filter-info-ballon .ballon-check-list li label{
position:relative;
padding-left:28px;
display:block;
}
.filter-dtl-tbl .col-info .filter-info-ballon .ballon-check-list li:nth-child(even){
margin-left:10px;
}
.filter-dtl-tbl .col-info .filter-info-ballon .ballon-check-list li input{
position:absolute;
top:50%;
left:0;
margin-top:-10px;
}
.filter-dtl-tbl .select-rcmnd{
position:relative;
}
.filter-dtl-tbl .select-rcmnd.is-selected{
color:#78AE0E;
font-weight:bold;
}
.filter-dtl-tbl .select-rcmnd::before{
content:'';
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:0 9px;
width:12px;
height:100%;
display:block;
position:absolute;
left:-15px;
top:50%;
margin-top:-50%;
}
.filter-dtl-tour.filter-dtl-tbl .select-rcmnd::before{
margin-top:-13px;
}
.filter-dtl-tbl .filter-dtl-hdg{
font-size:13px;
background:#f5f5f5;
padding:5px;
}
.filter-dtl-tbl .flight-detail-item .airline-item {
margin:2px 0;
}
.filter-dtl-tbl .flight-detail-list{
width:auto;
}
.filter-dtl-tbl .flight-detail-list > .time-detail{
width:97px;
}
.filter-dtl-tbl .flight-detail-list > .date-detail.dpt .date-detail-item{
float:none;
}
.filter-dtl-tbl .flight-detail-list > .time-detail .seat-class::after {
margin-left:-50%;
width:100%;
}
.filter-dtl-tbl .filter-dtl-tbl-item{
border:1px solid #ccc;
padding:10px 2px 10px 7px;
margin-top:4px;
}
.filter-dtl-tbl .filter-dtl-th > div:last-child{
padding-right:5px;
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select > div:last-child{
width:60px;
padding-right:5px;
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select{
padding:0;
font-size:11px;
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select:not(:first-child){
margin-top:3px;
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select b{
font-size:14px;
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select b + b::before{
content:'|';
font-weight:normal;
margin:0 5px;
vertical-align:text-bottom;
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select [class^="brt-info-0"],
.filter-dtl-tbl label[class^="brt-info-0"]{
position:relative;
line-height:1.2;
display:inline-block;
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select [class^="brt-info-0"]::after,
.filter-dtl-tbl label[class^="brt-info-0"]::after{
color:var(--cmn-font-color-gray);
position:absolute;
right:-22px;
top:50%;
display:inline-block;
margin-top:-6px;
font-size:11px;
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select .brt-info-01::after,
.filter-dtl-tbl label.brt-info-01::after{
content:'\0203B 1';
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select .brt-info-02::after,
.filter-dtl-tbl label.brt-info-02::after{
content:'\0203B 2';
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select .brt-info-03::after,
.filter-dtl-tbl label.brt-info-03::after{
content:'\0203B 3';
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select .brt-info-04::after,
.filter-dtl-tbl label.brt-info-04::after{
content:'\0203B 4';
}
.filter-dtl-tbl .filter-dtl-tbl-item .filter-dtl-select .brt-info-05::after,
.filter-dtl-tbl label.brt-info-05::after{
content:'\0203B 5';
}
.dtl-tbl-select-hdg{
position:relative;
padding-left:15px;
display:block;
font-size:12px;
}
.filter-dtl-tbl .col-dtl .dtl-tbl-select-hdg .num{
font-size:13px;
}
.dtl-tbl-select-hdg::before{
content:'';
background:#ccc;
width:8px;
height:1px;
position:absolute;
left:0;
top:50%;
}
.dtl-tbl-select-hdg span{
text-indent:0;
}
.brt-info-num-lst .dtl-tbl-select-hdg{
padding-left:0;
margin:5px 0;
}
.brt-info-num-lst .dtl-tbl-select-hdg::before{
display:none;
}
.brt-info-num-lst .dtl-tbl-select-hdg .flight-time .time-item > .time-01:before{
top:2px;
}
.dtl-tbl-select-hdg .flight-time{
position:relative;
display:block;
padding-left:40px;
}
.dtl-tbl-select-hdg .flight-time .logo-item{
position:absolute;
display:block;
max-width:32px;
left:0;
top:0;
}
.dtl-tbl-select-hdg .flight-time .logo-item img{
max-width:32px;
}
.dtl-tbl-select-hdg .flight-time .time-item > span{
display:inline-block;
position:relative;
}
.dtl-tbl-select-hdg .flight-time .time-item > .time-01{
padding-right:20px;
}
.dtl-tbl-select-hdg .flight-time .time-item > .time-01:before {
display:block;
position:absolute;
right:0;
margin-right:3px;
top:3px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
.dtl-tbl-select-hdg .flight-time .time-item > .time-01:after {
display:block;
position:absolute;
top:50%;
right:8px;
margin:-1px 0 0;
border-top:2px solid #aaa;
width:10px;
height:1px;
content:"";
}
.flight-detail-list > .time-detail .seat-class:before {
right:0;
margin-right:0;
}
.modal-filter-btn .filter,
.cmn-modal .modal-filter-btn{
width:80%;
margin:auto;
}
.cmn-modal .modal-filter-btn.btn-str-02{
width:100%;
}
.cmn-modal .modal-filter-btn .filter{
width:100%;
}
.cmn-modal .modal-filter-dtl + .modal-filter-btn{
margin-top:15px;
}
@media screen and (max-width:360px){
.modal-filter-btn .filter,
.cmn-modal .modal-filter-btn{
width:95%;
}
}
.modal-filter-btn > .filter button {
color:#fff;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:bold;
height:auto;
min-height:38px;
padding:5px;
box-sizing:border-box;
}
.modal-filter-btn > .filter button .num{
font-size:15px;
}
.modal-filter-btn > .filter button .loading-btn{
text-indent:-9999px;
background:url(/element_sp/w_hotel/shared/images/icon-spinner-02.gif) no-repeat;
width:12px;
height:12px;
display:inline-block;
background-size:12px 12px;
vertical-align:middle;
margin:-2px 5px 0;
}
.filter-dtl-tbl .flight-detail-list > .time-detail{
padding:0px 7px 0 3px;
}
.filter-dtl-tbl .airline-item .logo > span{
margin-left:0px;
}
.filter-dtl-tbl .txt-smlr{
font-size:11px;
}
.filter-dtl-tbl  .col-dtl .col-dtl-blk{
display:inline-block;
}
.filter-dtl-hdg-sup{
font-size:11px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
padding:10px 0 10px 1em;
margin-bottom:2px;
border-bottom:1px solid #ccc;
}
.detail-toggle-item.toggle-item-int{
padding-left:15px;
}
.brt-info-num-lst{
font-size:11px;
color:var(--cmn-font-color-gray);
margin:10px 0 0;
}
.brt-info-num-lst > li{
padding-left:22px;
text-indent:-22px;
}
.brt-info-num-lst > li:not(:first-child){
margin-top:4px;
}
.brt-info-num-lst > li .lst-info-box{
display:table;
width:100%;
box-sizing:border-box;
text-indent:0;
}
.brt-info-num-lst > li .lst-info-box .txt-ilb{
text-indent:0;
}
.brt-info-num-lst > li .lst-info-box > div{
display:table-cell;
text-indent:0;
vertical-align:top;
}
.brt-info-num-lst > li .lst-info-box > div:first-child{
width:106px;
text-indent:-22px;
position:relative;
}
.brt-info-num-lst.info-stay-num > li .lst-info-box > div:first-child{
width:80px;
}
.brt-info-num-lst > li .lst-info-box > div:first-child::after{
content:'\02192';
position:absolute;
right:-3px;
top:0;
}
@media screen and (max-width:340px){
.filter-dtl-tbl .col-separate,
.filter-dtl-tbl .col-tour,
.filter-dtl-tbl .col-dp{
width:47px;
}
.filter-dtl-tbl .col-info .filter-info-ballon {
margin:10px -94px 6px 0;
}
.filter-dtl-tbl .col-info .filter-info-ballon::after,
.filter-dtl-tbl .col-info .filter-info-ballon::before {
right:63px;
}
.filter-dtl-tbl .col-info .filter-info-ballon.info-02::after,
.filter-dtl-tbl .col-info .filter-info-ballon.info-02::before {
right:14px;
}
}

/* .filter-hotel-plan
----------------------------------------------- */
.ic-no-package{
background:url(/element_sp/w_hotel/shared/images/icon-no-luggage.svg) no-repeat;
display:inline-block;
width:15px;
height:16px;
font-size:1px;
text-indent:-9999px;
vertical-align:middle;
}
.ic-package{
background:url(/element_sp/w_hotel/shared/images/icon-no-luggage.svg) no-repeat;
display:inline-block;
width:15px;
height:16px;
font-size:1px;
text-indent:-9999px;
vertical-align:middle;
}
.ic-no-dp{
background:url(/element_sp/w_hotel/shared/images/icon-no-dp.svg) no-repeat;
display:inline-block;
width:18px;
height:19px;
font-size:1px;
text-indent:-9999px;
vertical-align:middle;
}
.ic-no-dp-02{
background:url(/element_sp/w_hotel/shared/images/icon-no-dp-02.svg) no-repeat;
display:inline-block;
width:30px;
height:18px;
font-size:1px;
text-indent:-9999px;
vertical-align:middle;
background-position:0 -8px;
}
.ic-dp{
background:url(/element_sp/w_hotel/shared/images/icon-dp.svg) no-repeat;
display:inline-block;
width:18px;
height:19px;
font-size:1px;
text-indent:-9999px;
vertical-align:middle;
}
.ic-hotel-check{
background:url(/element_sp/w_hotel/shared/images/icon-hotel-check.svg) no-repeat;
display:inline-block;
width:16px;
height:18px;
font-size:1px;
text-indent:-9999px;
vertical-align:middle;
}
.ic-flight-check{
background:url(/element_sp/w_hotel/shared/images/icon-flight-check.svg) no-repeat;
display:inline-block;
width:18px;
height:20px;
font-size:1px;
text-indent:-9999px;
vertical-align:middle;
}
.form-list [class^="ic-"]{
margin-left:5px;
}
.hotel-plan-sort{
padding:5px 0 65px;
}
.filter-dp .hotel-plan-sort,
.pseudo-filter-bg .hotel-plan-sort{
padding-top:0;
}
.hotel-plan-sort-info{
font-size:12px;
}
.fixed-hotel-plan-sort-list{
position:relative;
width:calc(100% + 10px);
margin:0 -10px 0 0;
}
.hotel-plan-sort > .fixed-hotel-plan-sort-list{
margin-top:10px;
min-height:50px;
}
.fixed-hotel-plan-sort-list::before{
content:'';
position:absolute;
left:-10px;
top:0;
height:45px;
width:10px;
z-index:2;
background:rgb(255,255,255);
background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.fixed-hotel-plan-sort-list::after{
content:'';
position:absolute;
right:0;
top:0;
height:45px;
width:10px;
z-index:1;
background:rgb(255,255,255);
background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%);
}
.fixed-hotel-plan-sort-list .ic-filter{
font-size:11px;
display:inline-block;
position:absolute;
left:0;
padding-top:17px;
top:50%;
margin-top:-15px;
}
.fixed-hotel-plan-sort-list .ic-filter::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-sort.png) no-repeat;
width:16px;
height:16px;
display:inline-block;
position:absolute;
left:50%;
top:0;
margin-left:-8px;
}
.fixed-hotel-plan-sort-list .filter-hotel-plan-tab li {
display:inline-block;
width:auto;
margin-right:18px;
font-size:14px;
line-height:1;
}
.fixed-hotel-plan-sort-list .filter-hotel-plan-tab li:last-child{
padding:0;
margin:0;
border:0;
}
.fixed-hotel-plan-sort-list .filter-hotel-plan-tab li.is-selected{
font-weight:bold;
}
.fixed-hotel-plan-sort-list .filter-hotel-plan-tab li input{
vertical-align:middle;
margin:-2px 10px 0 0;
}
.fixed-hotel-plan-sort-list .filter-hotel-plan-tab li .custom-inner{
position:relative;
height:36px;
border:1px solid #ccc;
border-bottom:0;
border-radius:5px 5px 0 0;
display:inline-block;
box-sizing:border-box;
line-height:36px;
padding:0 10px;
}
.fixed-hotel-plan-sort .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li .custom-inner{
border-radius:5px;
border:1px solid #ccc;
}
.fixed-hotel-plan-sort-list .filter-hotel-plan-tab li.is-selected .custom-inner{
background:#ddd;
}
.fixed-hotel-plan-sort-list .filter-hotel-plan-tab li .custom-inner .num{
font-size:15px;
}
.hotel-plan-sort-list{
padding:0;
position:absolute;
width:100%;
height:35px;
white-space:nowrap;
left:-10px;
top:0;
font-size:0;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
z-index:1;
padding-left:10px;
}
.ic-filter + .hotel-plan-sort-list{
padding:5px 0 0 34px;
}
.hotel-plan-sort-list li{
display:inline-block;
margin-right:6px;
white-space:nowrap;
position:relative;
}
.hotel-plan-sort-list li button{
color:var(--cmn-font-color-gray);
padding:0 13px 1px;
border:1px solid #bbb;
border-radius:3px;
height:35px;
color:#555;
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
font-size:12px;
position:relative;
}
.hotel-plan-sort-list li button.is-selected{
/*border:1px solid #78AE0E;
background-color:#F7FAF0;*/
color:#78AE0E;
font-weight:bold;
}
.hotel-plan-sort-list li > .num{
background:#78AE0E;
color:#fff;
font-size:10px;
display:inline-block;
width:14px;
height:14px;
border-radius:7px;
padding-top:1px;
box-sizing:border-box;
position:absolute;
right:-4px;
top:-5px;
text-align:center;
z-index:1;
}
.hotel-plan-sort-list li button.is-active{
font-weight:bold;
color:#78ae0e;
}
.filter-hotel-plan .filter-hotel-plan-item{
padding:0 10px;
}
.filter-hotel-plan .filter-hotel-plan-item .hotel-plan-hdg{
font-size:13px;
font-weight:bold;
margin-top:10px;
}
.filter-hotel-plan .filter-hotel-plan-item .hotel-plan-hdg + .filter-dp-list{
margin-top:0;
}
.pseudo-content .pseudo-sticky-btn-list > li.cv:first-child{
margin-left:0;
}
.filter-hotel-plan .form-search-list{
font-size:11px;
color:var(--cmn-font-color-gray);
text-align:left;
margin:0;
}
.filter-dp .form-search-pseudo .filter-hotel-plan  .form-input-word {
padding:0;
margin:5px 0 8px;
}
.hotel-plan-btn{
color:#9e9e9e;
font-size:16px;
width:100%;
border:1px solid #999;
border-radius:4px;
min-height:42px;
line-height:1.35;
box-sizing:border-box;
text-align:left;
background:#fff;
margin-top:0;
}
.hotel-plan-btn.is-active{
color:var(--cmn-font-color-base);
}
.filter-hotel-plan .filter-hotel-plan-item .filter-hotel-block{
display:table;
width:100%;
}
.filter-hotel-plan .filter-hotel-plan-item .filter-hotel-block > div,
.filter-hotel-plan .filter-hotel-plan-item .filter-hotel-block > ul{
display:table-cell;
}
.filter-hotel-plan .filter-hotel-plan-item .filter-hotel-block > .hotel-plan-hdg{
width:80px;
}
.filter-hotel-plan .filter-hotel-plan-item .filter-hotel-block > .hotel-plan-hdg.plan-name{
padding-top:2px;
vertical-align:top;
}
.filter-hotel-plan .filter-hotel-plan-item .filter-hotel-block .filter-dp-list.col-2 li{
width:48%;
padding-left:0;
}
.filter-hotel-plan .filter-hotel-plan-item .filter-hotel-block{
margin-top:10px;
}

/* .pseudo-hotel-plan-detail
----------------------------------------------- */
.pseudo-hotel-plan-detail{
padding:5px 10px 10px;
margin:0 -10px 0 -10px;
position:relative;
background:#fff;
box-shadow:0px 1px 7px rgba(0, 0, 0, 0.5);
}
.pseudo-hotel-plan-detail .airline-item .logo{
padding-right:90px;
}
.pseudo-hotel-plan-detail .flight-detail-list +  .airline-item .logo{
padding-right:0;
}
.btn-flight-detail{
height:20px;
min-width:86px;
box-sizing:border-box;
background:#fff;
box-shadow:0 -1px 0 #bbb inset;
border:1px solid #bbb;
border-radius:2px;
padding:1px 3px;
border-radius:3px;
font-size:11px;
position:absolute;
right:10px;
top:15px;
color:var(--cmn-font-color-gray);
}
.plan-flight-detail-item{
flex:1;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
font-size:11px;
padding-bottom:5px;
margin-bottom:5px;
}
.plan-flight-detail-item a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.plan-flight-detail-item .plan-flight-detail-item-cell{
flex-grow:1;
}
.plan-flight-detail-item .plan-flight-detail-item-cell:last-child{
width:80px;
text-align:right;
}
.plan-flight-detail-item .plan-flight-detail-item-cell:last-child .item-plan{
text-align:left;
margin-bottom:5px;
}
.plan-flight-detail-item .plan-flight-detail-item-cell:last-child .item-plan >span{
display:inline;
}
.plan-flight-detail-item-cell:first-child > div{
display:table;
width:100%;
}
.plan-flight-detail-item-cell:first-child > div.item-check-num{
display:block;
text-align:left;
font-size:12px;
}
.plan-flight-detail-item-cell:first-child > div.item-check-num .num{
font-size:13px;
}
.plan-flight-detail-item-cell:first-child > div.item-check-num > span{
display:inline;
}
.plan-flight-detail-item-cell:first-child > div > span{
display:table-cell;
text-align:left;
}
.plan-flight-detail-item-cell:first-child > div > span:first-child{
width:6em;
}
.pseudo-content .filter-dp-plan .payment-toggle-hook{
margin-top:-10px;
}
.pseudo-content .filter-dp-plan .agt-item{
font-size:12px;
}
.pseudo-content .filter-dp-plan .agt-item > a{
display:inline-block;
margin-right:8px;
}
.pseudo-content .filter-dp-plan .agt-item .txt-invoice{
display:inline-block;
font-size:12px;
margin-top:4px;
}

/* .fixed-hotel-plan-sort
----------------------------------------------- */
.fixed-hotel-plan-sort{
position:fixed;
background:#fff;
width:100%;
box-sizing:border-box;
margin:0 -10px;
padding:10px;
z-index:10;
top:0;
box-shadow:0px 1px 7px rgba(0, 0, 0, 0.5);
min-height:57px;
}
.pseudo-content-fixed .fixed-hotel-plan-sort{
top:35px;
z-index:7;
}
.filter-flight .fixed-hotel-plan-sort .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li:first-child{
margin:0 10px 0;
}
.filter-flight .fixed-hotel-plan-sort .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li button{
height:30px;
border-radius:5px;
border:1px solid #ccc;
}
.fixed-hotel-plan-sort .top-link-btn{
width:44px;
height:22px;
position:absolute;
bottom:-32px;
right:0;
background:none;
border:0;
text-indent:-9999px;
z-index:2;
}
.fixed-hotel-plan-sort::after{
content:'';
display:block;
width:44px;
height:44px;
background:#fff;
border-radius:44px;
position:absolute;
bottom:-22px;
right:0;
border:0;
box-shadow:0px 7px 7px -4px rgba(0, 0, 0, 0.5);
}
.fixed-hotel-plan-sort::before {
content:'';
width:12px;
height:7px;
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
position:absolute;
bottom:-10px;
right:16px;
z-index:5;
}
.fixed-hotel-plan-sort.is-active::before {
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
}
.fixed-hotel-plan-sort .dsp-n{
display:none;
}
.fixed-hotel-plan-sort .toggle-sort-btn-right{
width:44px;
height:22px;
background:none;
border-radius:44px;
position:absolute;
border:0;
text-indent:-9999px;
z-index:2;
right:0;
bottom:-31px;
}
.fixed-hotel-plan-sort .dsp-n + .toggle-sort-btn-right{
bottom:-69px;
right:0px;
}

/* .filter-hotel-plan-list
----------------------------------------------- */
.filter-hotel-plan-list{
display:block;
background:#ddd;
padding:10px;
margin:0 -10px -185px;
padding-bottom:185px;
}
.filter-hotel-plan-list .plan-sort{
text-align:right;
margin-bottom:8px;
}

/* .hotel-plan-sort-item
----------------------------------------------- */
.hotel-plan-sort-item > .hotel-plan-sort-info{
margin-top:7px;
text-indent:-40px;
padding-left:40px;
line-height:1.2;
}
.hotel-plan-sort-item > .hotel-plan-sort-info .ic-no-package{
margin-right:8px;
}
.hotel-plan-sort-item > .hotel-plan-sort-info .ic-no-dp{
margin-right:5px;
}

/* .hdg-hotel-plan-list
----------------------------------------------- */
.hdg-hotel-plan-list{
margin:0 -10px 0;
padding:4px 10px;
line-height:1;
width:100%;
display:table;
}
.hdg-hotel-plan-list > div{
display:table-cell;
width:auto;
vertical-align:middle;
font-size:11px;
}
.hdg-hotel-plan-list > div .num{
font-size:13px;
}
.hdg-hotel-plan-list > .hdg-hotel-plan{
font-size:13px;
font-weight:bold;
}
.hdg-hotel-plan-list > .hotel-plan-num{
width:65px;
text-align:right;
padding-right:10px;
}
.hdg-hotel-plan-list > .plan-sort{
width:58px;
}
.btn-plan-sort{
height:27px;
min-width:78px;
box-sizing:border-box;
background:#fff;
box-shadow:0 -1px 0 #bbb inset;
border:1px solid #bbb;
border-radius:2px;
padding:1px 3px;
border-radius:3px;
font-size:12px;
}
.btn-plan-sort span{
padding-left:17px;
background:url(/element_sp/w_hotel/shared/images/icon-sort.svg) no-repeat;
background-size:15px 13px;
}

/* .hotel-plan-select-list
----------------------------------------------- */
.hotel-plan-select-list .error-item{
padding-bottom:0;
}
.hotel-plan-select-list .plan-select-item{
background:#fff;
box-shadow:0px 0px 3px 1px #bbb;
border-radius:5px;
overflow:hidden;
margin:0 0 10px 0;
padding:10px;
}
.hotel-plan-select-list .plan-select-item.is-disabled{
box-shadow:0px 0px 3px 1px #ddd;
}
.hotel-plan-select-list .plan-select-item.is-disabled .plan-select-item-list,
.hotel-plan-select-list .plan-select-item.is-disabled .payment-toggle-hook{
opacity:.4;
}
.hotel-plan-select-list .plan-select-item-list {
margin-bottom:5px;
position:relative;
padding-left:25px;
box-sizing:border-box;
}
.hotel-plan-select-list .plan-select-item-list {
width:100%;
}
.hotel-plan-select-list .plan-select-item-list .plan-select-tbl{
display:table;
width:100%;
}
.hotel-plan-select-list .plan-select-item-list .fee-txt-item{
text-align:right;
font-size:11px;
display:initial;
width:138px;
}
.hotel-plan-select-list .plan-select-item-list .fee-txt > span{
white-space:nowrap;
}
.hotel-plan-select-list .plan-select-item-list .plan-select-tbl + .plan-select-tbl{
margin-top:5px;
}
.hotel-plan-select-list .plan-select-item-list .plan-select-tbl > div{
vertical-align:top;
display:table-cell;
}
.hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .agt-item,
.hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .btn-book{
vertical-align:middle;
}
@media screen and (max-width:330px){
.hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .btn-book,
.hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .agt-item{
display:block;
}
}
.hotel-plan-select-list .plan-select-item-list .item-select{
width:15px;
position:absolute;
left:10px;
top:50%;
margin-top:-8px;
}
.hotel-plan-select-list .plan-select-item-list .item-plan{
line-height:1.3;
font-size:12px;
padding-right:16px;
}
.hotel-plan-select-list .plan-select-item-list .item-plan .meal::before{
content:'|';
margin:0 3px;
}
.hotel-plan-select-list .plan-select-item-list .btn-item{
width:30px;
}
.hotel-plan-select-list .plan-select-item-list .btn-item button {
width:30px;
height:28px;
}
.hotel-plan-select-list .plan-select-item-list .item-price{
max-width:138px;
min-width:110px;
width:auto;
text-align:right;
position:relative;
line-height:1;
}
.hotel-plan-select-list .plan-select-item-list .item-price .btn-item{
position:absolute;
left:0;
top:0;
}
.hotel-plan-select-list .plan-select-item-list .item-price > span{
display:block;
font-size:11px;
line-height:1.3;
}
.hotel-plan-select-list .plan-select-item-list .item-price > .price-num{
font-weight:bold;
}
.hotel-plan-select-list .plan-select-item-list .item-price > .price-num .num{
font-size:15px;
}
.hotel-plan-select-list .plan-select-item-list .item-price > span .num{
font-size:12px;
}
.hotel-plan-select-list .plan-select-item-list .item-price > .num-diff{
color:var(--cmn-font-color-red);
font-size:12px;
}
.hotel-plan-select-list .plan-select-item-list .item-price > .num-diff .num{
font-size:15px;
}
.hotel-plan-select-list .plan-select-item-list .agt-item a {
display:inline-block;
font-size:12px;
margin-right:8px;
}
.hotel-plan-select-list .plan-select-item-list .agt-item .txt-invoice{
font-size:12px;
}
@media screen and (max-width:360px){
.hotel-plan-select-list .plan-select-item-list .agt-item .txt-invoice{
display:block;
}
}
.hotel-plan-select-list .plan-select-item-list .btn-book{
width:53px;
text-align:right;
}
.hotel-plan-select-list .plan-select-item-list .btn-book button{
color:#fff;
border-radius:4px;
display:block;
padding:0 10px 1px;
width:53px;
box-sizing:border-box;
height:30px;
background-color:var(--cmn-btn-color);
font-size:13px;
font-weight:bold;
text-align:center;
border:0;
}
.plan-select-item .payment-toggle-item{
padding-left:25px;
}
.hotel-plan-select-list .payment-toggle-hook{
margin:-5px 0 0 0;
text-align:left;
}
.plan-select-item .payment-toggle-item .dp-info-item.hotel-plan{
border-top:1px solid #ccc;
padding-top:7px;
margin-top:5px;
}
.hotel-plan-select-list .payment-toggle-hook > button{
margin:0 0 0 25px;
}
.filter-hotel-plan-tab{
margin:5px 0 0;
display:table;
width:100%;
}
.fixed-hotel-plan-sort .filter-hotel-plan-tab{
margin-top:0;
}
.hotel-plan-sort-list + .filter-hotel-plan-tab{
padding-top:50px;
}
.fixed-hotel-plan-sort .hotel-plan-sort-list + .filter-hotel-plan-tab{
padding-top:45px;
}
.filter-hotel-plan-tab li{
display:table-cell;
width:50%;
}
.filter-hotel-plan-tab li:first-child .staying-num-btn{
border-radius:14px 0 0 14px;
}
.filter-hotel-plan-tab li:last-child .staying-num-btn{
border-radius:0 14px 14px 0;
}
.filter-hotel-plan-tab li .staying-num-btn{
height:28px;
border:1px solid #666;
background:#F3F3F3;
text-align:center;
font-size:12px;
width:100%;
}
.filter-hotel-plan-tab li .staying-num-btn.is-selected{
background:#666;
color:#fff;
}
.filter-hotel-plan-tab li .staying-num-btn b.num{
font-size:14px;
padding:10px;
}
.filter-dp .filter-hotel-plan-list .plan-select-item{
position:relative;
}
.filter-dp .filter-hotel-plan-list .plan-select-item .plan-select-item-list{
position:initial;
}

/* .filter-flight .filter-hotel-plan-tab
----------------------------------------------- */
.filter-flight .fixed-hotel-plan-sort-list .filter-hotel-plan-tab{
margin:0 0 0 -10px;
position:relative;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li{
display:inline-block;
width:auto;
line-height:1;
padding:0;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li:first-child{
margin:0 -1px 0 0;
padding:0;
border-right:0;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li button{
background:none;
color:var(--cmn-font-color-gray);
font-size:14px;
border:0;
padding:0;
height:auto;
line-height:1;
vertical-align:middle;
position:relative;
width:90px;
height:36px;
border:1px solid #ccc;
border-bottom:0;
border-radius:5px 5px 0 0;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li button .filter-num{
font-size:11px;
font-weight:normal;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li button .filter-num .num{
font-size:12px;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-hotel-plan-tab li .is-selected{
color:var(--cmn-font-color-base);
font-weight:bold;
padding:0;
background:#ddd;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-check{
display:inline-block;
float:right;
font-size:14px;
padding-right:10px;
margin-bottom:-21px;
position:relative;
z-index:1;
}
.filter-flight .fixed-hotel-plan-sort-list .hotel-plan-sort-list + .filter-check{
margin-top:50px;
}
.filter-flight .fixed-hotel-plan-sort-list .hotel-plan-sort-list + .filter-check > .checkbox-custom{
display:block;
margin-bottom:-7px;
margin-top:7px;
}
.filter-flight .fixed-hotel-plan-sort .fixed-hotel-plan-sort-list .hotel-plan-sort-list + .filter-check{
margin-top:45px;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-check input{
vertical-align:text-top;
margin:-1px 4px 0 0;
}
.filter-flight .fixed-hotel-plan-sort-list .filter-check .is-disabled {
opacity:.45;
}

/* .filter-num-list
----------------------------------------------- */
.filter-num-list{
margin:4px 0 14px 0;
}
.filter-num-list > li{
display:inline-block;
margin-right:20px;
font-size:14px;
}
.filter-num-list > li input{
vertical-align:middle;
margin-right:5px;
margin-top:-2px;
}
.filter-num-list > li .num{
font-size:15px;
}

/* .hotel-plan-select-list
----------------------------------------------- */
.filter-dp-plan .plan-sort{
margin:0 0 10px 0;
text-align:right;
}
.plan-sort .btn-plan-sort{
width:auto;
padding:1px 15px;
color:var(--cmn-font-color-gray);
}
.plan-sort .btn-plan-sort.is-disabled span{
opacity:.33;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item{
padding:10px;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list{
padding-left:0;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl {
width:100%;
}
.filter-dp-plan .hotel-plan-select-list .payment-toggle-hook > button {
margin:3px 0 -3px 0;
font-size:11px;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list div.btn-book {
width:auto;
margin-top:5px;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan{
vertical-align:top;
padding:1px 5px 12px 0;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan .seat-item{
margin-bottom:4px;
display:table;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan .luggage-item{
display:table;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan .seat-item > span,
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan .luggage-item > span{
display:table-cell;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan .seat-item > .cmn-tip-caution-btn{
margin-left:4px;
display:inline-block;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan .seat-item > span:first-child,
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan .luggage-item > span:first-child{
white-space:nowrap;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl > .item-plan .luggage-item a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
display:inline-block;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item div.btn-book > button{
margin:0 0 0 auto;
min-width:68px;
max-width:110px;
width:auto;
padding:0 7px;
font-size:12px;
font-weight:normal;
white-space:nowrap;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .item-price {
vertical-align:top;
}
.filter-dp-plan .hotel-plan-select-list .plan-select-item-list .item-price span:first-child .num{
font-size:12px;
}
.filter-dp-plan .plan-select-item > .payment-toggle-hook .payment-toggle-item{
padding-left:0;
}
.filter-dp-plan .price-sum{
font-size:11px;
display:table;
width:100%;
}
.filter-dp-plan .price-sum > span{
display:block;
}
.filter-dp-plan .price-sum > span + span{
margin-top:4px;
}
.filter-dp-plan .price-sum .num{
font-size:15px;
}
.filter-dp-plan .payment-toggle-hook{
font-size:11px;
}
.filter-dp-plan .flight-detail-item{
border-top:1px solid #ccc;
}

/* .select-hotel-plan
----------------------------------------------- */
.filter-dp-plan.select-hotel-plan .hotel-plan-select-list .plan-select-item-list .item-price{
width:118px;
position:relative;
}
.filter-dp-plan.select-hotel-plan .hotel-plan-select-list .plan-select-item-list div.btn-book > button{
width:68px;
}
.select-hotel-plan .btn-dtl{
position:absolute;
width:30px;
height:28px;
left:0;
}
.filter-dp-plan.select-hotel-plan .price-sum > span{
display:block;
}
.filter-dp-plan.select-hotel-plan .payment-toggle-hook{
text-align:left;
}
.select-hotel-plan .hotel-plan-select-list .plan-select-item-list .plan-select-tbl + .plan-select-tbl{
margin-bottom:15px;
}
.filter-dp-plan.select-hotel-plan .price-sum{
margin-bottom:5px;
}
.select-hotel-plan .dp-info-item.hotel-plan{
border-top:1px solid #ccc;
padding-top:7px;
margin-top:5px;
}

/* .filter-flight
----------------------------------------------- */
.filter-flight .hotel-plan-sort{
padding-bottom:0;
}
.filter-flight .flight-list-info{
text-align:right;
margin-top:-23px;
}
.filter-flight .flight-list-info .flight-list-info-item{
text-align:left;
}
.filter-flight .flight-list-info .btn-ex-icon{
border:1px solid #bbb;
border-radius:5px;
background:#fff;
font-size:12px;
height:28px;
padding:0 7px 0 20px;
position:relative;
margin-bottom:-1px;
z-index:1;
}
.filter-flight .flight-list-info.is-active .btn-ex-icon{
border-radius:5px 5px 0 0;
border-bottom:1px solid #fff;
}
.filter-flight .flight-list-info .btn-ex-icon::before{
content:'';
margin-top:-5px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:'';
display:block;
width:5px;
height:5px;
position:absolute;
top:50%;
left:7px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.filter-flight .flight-list-info.is-active .btn-ex-icon::before {
margin-top:-2px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.filter-flight .flight-list-info .flight-list-info-item{
display:none;
border:1px solid #bbb;
border-radius:5px 0 5px 5px;
background:#fff;
padding:8px 7px 6px;
font-size:12px;
}
.filter-flight .flight-list-info.is-active .flight-list-info-item{
display:block;
}
.filter-flight .flight-list-hdg{
line-height:1.2;
text-indent:-45px;
padding-left:45px;
}
.filter-flight .flight-list-hdg .ic-no-dp-02{
margin-right:3px;
}
.filter-flight .flight-list-info .flight-list-txt{
display:table;
margin-top:5px;
}
.filter-flight .flight-list-info .flight-list-txt > div{
display:table-cell;
vertical-align:top;
}
.filter-flight .flight-list-info .flight-list-txt > .ic-ex{
width:100px;
padding-right:3px;
}
.filter-flight .flight-list-info .flight-list-txt > .ic-ex .btn-dtl{
padding:3px 5px;
box-shadow:none;
border-radius:0;
}
.filter-flight .flight-list-info .flight-list-txt > .ic-txt span{
display:block;
text-indent:-1em;
padding-left:1em;
}
.filter-flight .filter-hotel-plan-tab{
margin:10px 0 8px;
}
.filter-flight .filter-hotel-plan-tab button{
font-size:14px;
padding:0 0 2px;
}
.filter-flight .plan-sort{
text-align:right;
margin-bottom:8px;
}
.filter-flight .flight-detail-item .airline-item{
margin:3px 0 ;
}
.filter-flight .flight-detail-list{
width:260px;
}
.item-price-box{
display:table;
width:100%;
}
.item-price-box > div{
display:table-cell;
}
.item-price-box > div .btn-dtl{
padding:4px 5px 3px;
box-shadow:none;
border-radius:0;
color:var(--cmn-font-color-base);
white-space:nowrap;
line-height:1;
}
.item-price-box > div .btn-dtl .num{
font-size:11px;
}
.item-price-box > .item-flight{
font-size:11px;
padding-left:5px;
text-align:right;
}
.item-price-box > .item-flight .num{
font-size:12px;
}

/* .no-combined-container
----------------------------------------------- */
.no-combined-container .no-combined-hdg{
font-size:12px;
text-align:center;
margin:20px 0;
}
.no-combined-container .no-combined-item .plan-select-item{
box-shadow:0px 0px 3px 1px #ddd;
}
.no-combined-container .no-combined-item .plan-select-item-list,
.no-combined-container .no-combined-item .item-price-box{
color:#ccc;
}
.no-combined-container .no-combined-item .plan-select-item-list img,
.no-combined-container .no-combined-item .item-price-box img{
opacity:.45;
}
.no-combined-container .airline-item .txt-name .alliance-logo,
.no-combined-container .airline-item .logo > .alliance-logo{
border:1px solid #eee;
}
.no-combined-container .flight-detail-list > .time-detail .seat-class::after{
border-top:2px solid #eee;
}
.no-combined-container .flight-detail-list > .time-detail .seat-class:before{
border-color:transparent transparent transparent #eee;
}

/* .pseudo-sticky hotel-plan
----------------------------------------------- */
.pseudo-sticky.hotel-plan{
border-radius:10px 10px 0 0;
}
.sticky-hotel-plan-hdg{
color:#fff;
font-size:13px;
padding-left:15px;
position:relative;
margin-bottom:8px;
text-align:left;
display:block;
cursor:pointer;
}
.pseudo-sticky.hotel-plan.is-active .sticky-hotel-plan-hdg::before{
margin-top:-7px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.pseudo-sticky.hotel-plan.is-active .sticky-hotel-plan-item{
display:block;
}
.sticky-hotel-plan-hdg::before{
content:'';
border-width:2px 2px 0 0;
border-style:solid;
border-color:#fff;
content:'';
display:block;
width:5px;
height:5px;
position:absolute;
top:50%;
left:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
margin-top:-2px;
}
.sticky-hotel-plan-item{
background:#fff;
padding:10px;
position:relative;
margin-top:5px;
line-height:1;
display:none;
}
.pseudo-content .sticky-hotel-plan-item button{
position:absolute;
top:50%;
right:10px;
margin-top:-21px;
font-size:15px;
width:78px;
height:42px;
border:0;
}
.staying-plan-dtl{
display:table;
width:100%;
}
.staying-plan-dtl +.staying-plan-dtl{
border-top:1px solid #ddd;
margin-top:10px;
padding-top:10px;
}
.staying-plan-dtl > div{
display:table-cell;
vertical-align:middle;
font-size:12px;
}
.staying-plan-dtl > .staying-num{
width:25px;
white-space:nowrap;
}
.staying-plan-dtl > .staying-num .num{
font-size:13px;
}
.staying-plan-dtl > .item-plan-hide{
text-align:center;
}
.staying-plan-dtl > .item-plan > span{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:140px;
}
.staying-plan-dtl > .item-price{
width:155px;
text-align:right;
font-size:11px;
white-space:nowrap;
}
.staying-plan-dtl > .item-price .num{
font-size:12px;
}
.staying-plan-dtl > .item-price b.num{
font-size:15px;
}
.staying-plan-dtl > .item-price .price-sep{
text-align:right;
}
.staying-plan-dtl > .item-price .stay-num > span:first-child{
float:left;
display:inline-block;
margin-top:3px;
}
@media screen and (max-width:340px){
.staying-plan-dtl > .item-plan > span{
width:100px;
}
}

/* .pseudo-content
----------------------------------------------- */
.pseudo-content .hotel-plan .pseudo-sticky-btn-list > li.cv{
margin-left:0;
}
.pseudo-sticky.hotel-plan .hotel-plan-price-detail{
display:table;
margin:0 0 5px 0;
width:100%;
}
.pseudo-sticky.hotel-plan > .search-result-item-btn{
border:0;
font-size:11px;
position:absolute;
padding:1px 11px 3px;
right:10px;
top:8px;
}
.pseudo-sticky.hotel-plan > .sticky-hotel-plan-hdg + .search-result-item-btn{
height:24px;
min-height:auto;
}
.pseudo-sticky.hotel-plan > .search-result-item-btn.is-disabled{
opacity:.33;
}
.pseudo-sticky.hotel-plan .hotel-plan-price-detail > div{
display:table-cell;
color:#fff;
vertical-align:middle;
}
.pseudo-sticky.hotel-plan .hotel-plan-price-detail > .item-logo{
width:43px;
}
.pseudo-sticky.hotel-plan .hotel-plan-price-detail > .item-logo img{
max-width:43px;
}
.pseudo-sticky.hotel-plan .hotel-plan-price-detail > .item-price{
width:auto;
text-align:right;
font-size:11px;
font-weight:normal;
}
.pseudo-sticky.hotel-plan .hotel-plan-price-detail > .item-price b{
padding:0 5px;
}
.pseudo-sticky.hotel-plan .hotel-plan-price-detail > .item-price b .num{
font-size:19px;
}

/* .filter-hotel
----------------------------------------------- */
.filter-info{
padding:8px 10px;
}
.filter-info.plan-name{
padding:15px 10px 0;
}
.filter-info.info-str-02{
padding:15px 0 0;
}
.filter-dp .form-search-tbl{
border-top:1px solid #e5e5e5;
}
.filter-dp .search-desc .ic-no-package{
position:absolute;
top:50%;
margin-top:-8px;
right:4px;
opacity:.6;
}
.filter-dp .plan-name-item{
position:relative;
}
.filter-dp .plan-name-item .hotel-name-sup {
margin:7px 0 0 0;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.filter-dp .plan-name-item .ic-no-package{
position:absolute;
right:-28px;
top:12px;
}

/* .filter-toggle-container
----------------------------------------------- */
.filter-toggle-container{
margin-bottom:11px;
}
.filter-toggle-container .toggle-hdg-l2{
font-size:14px;
position:relative;
border:0;
border-top:1px solid #e5e5e5;
line-height:1;
padding-top:12px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:right 14px;
width:100%;
text-align:left;
}
.filter-dp > div > .filter-toggle-container:first-child .toggle-hdg-l2{
border-top:0;
}
.filter-toggle-container.is-active .toggle-hdg-l2{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:right 14px;
}
.filter-toggle-container .filter-toggle-item{
display:none;
margin-top:5px;
padding:0 10px;
}
.filter-toggle-container.is-active .filter-toggle-item{
display:block;
}
.filter-toggle-container .filter-toggle-item .filter-toggle-hdg{
font-size:13px;
font-weight:bold;
}
.filter-toggle-container .filter-toggle-item .filter-toggle-hdg .item-dep::after{
content:'\02192';
}
.filter-toggle-container .time-list-item{
margin-top:5px;
position:relative;
padding-left:45px;
}
.filter-toggle-container .time-list-item + .filter-toggle-hdg{
margin-top:10px;
}
.filter-tour .filter-toggle-container .time-list-item{
padding-left:0;
}
.filter-toggle-container .time-list-item .dep,
.filter-toggle-container .time-list-item .arv{
position:absolute;
font-size:11px;
display:inline-block;
padding-top:20px;
left:0;
top:50%;
margin-top:-21px;
}
.filter-toggle-container .time-list-item .dep.no-tour,
.filter-toggle-container .time-list-item .arv.no-tour{
padding:20px 0 18px;
margin-top:-28px;
}
.filter-toggle-container .time-list-item .dep.no-tour:after,
.filter-toggle-container .time-list-item .arv.no-tour:after{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-no-luggage.svg) no-repeat;
display:inline-block;
width:15px;
height:16px;
position:absolute;
bottom:0;
left:50%;
margin-left:-7px;
}
.filter-toggle-container .time-list-item .dep::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-dpt.svg) no-repeat;
width:24px;
height:17px;
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-12px;
}
.filter-toggle-container .time-list-item .arv::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-arv.svg) no-repeat;
width:24px;
height:17px;
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-12px;
}
.flight-time-list{
font-size:0;
margin-left:-8px;
}
.flight-time-list li{
display:inline-block;
font-size:12px;
margin-left:10px;
margin-bottom:5px;
width :-webkit-calc(33% - 10px) ;
width :calc(33% - 10px) ;
box-sizing:border-box;
}
.flight-time-list li .time{
display:block;
font-size:11px;
}
.flight-time-list li .time .time-block{
display:inline-block;
}
.flight-time-list li .time .num{
font-size:12px;
}
.flight-time-list li button{
background:#fff;
border:1px solid #bbb;
border-radius:4px;
width:100%;
min-height:38px;
box-sizing:border-box;
text-align:left;
line-height:1.33;
color:var(--cmn-font-color-gray);
padding:0 6px;
position:relative;
}
.flight-time-list li button.is-selected{
color:#78AE0E;
font-weight:bold;
}
.flight-time-list li button .item-num{
color:var(--cmn-font-color-gray);
font-size:11px;
position:absolute;
right:4px;
top:3px;
font-family:Arial;
}
.flight-time-list li button.is-disabled{
color:#ccc;
border-color:#ccc;
}
.flight-time-list li button.is-disabled .item-num{
color:#ccc;
}
.flight-time-list li button.is-selected .item-num{
color:#78AE0E;
font-weight:normal;
}

/* ----------------------------------------------------------------
  pseudo-tour
----------------------------------------------------------------- */
.pseudo-faq-3d .pseudo-header,
.pseudo-faq-3d .pseudo-header-hdg {
position: relative;
top: 0;
width: 100%;
z-index: 10;
margin: 0;
padding: 0;
display: block;
}
.pseudo-faq-3d .pseudo-hdg-l1,
.pseudo-faq-3d .pseudo-header-hdg > h2 {
padding: 8px 10px 8px 10px;
color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
min-height: 45px;
box-sizing: border-box;
position: relative;
background-color: #111;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
text-align: center;
-webkit-box-pack: center;
justify-content: center;
}
.pseudo-faq-3d.pseudo .pseudo-header-btn-prev,
.pseudo-faq-3d.pseudo .pseudo-header-hdg-btn-close {
margin: 0;
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element_sp/shared/images/icon/icon-close-wht.svg) no-repeat 12px 50%;
background-size: 16px auto;
}
.pseudo-faq-3d.pseudo.pseudo-wrap > .pseudo-contents {
margin: 0;
padding: 0;
-webkit-box-flex: 1;
flex: 1;
overflow-y: scroll;
overflow-x: hidden;
background-color: #fff;
padding: 16px 10px !important;
}
.pseudo-faq-3d .pseudo-hdg-l3{
margin: 0 0 12px;
padding-bottom: 12px;
border-bottom: 1px solid #e5e5e5;
}
.pseudo-faq-3d .pseudo-contents p + .pseudo-hdg-l3{
margin-top:24px;
}
.pseudo-faq-3d .pseudo-contents p + p {
margin-top: 8px;
}

/* ----------------------------------------------------------------
  Filter tour
----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.filter-tour .pseudo-content{
position:relative;
box-sizing:border-box;
padding:0 10px 10px;
}
.filter-tour .cmn-tip-link-list-01,
.filter-tour .cmn-tip-search-box{
margin:0 -10px;
}
.filter-tour .cmn-tip-link{
margin:0 -10px 15px;
}

/* .filter-tour .pseudo-sticky
----------------------------------------------- */
.pseudo-content .pseudo-sticky{
text-align:center;
}
.pseudo-content .pseudo-sticky > .btn-filter-01{
border:none;
color:#fff;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:normal;
padding:0;
border-radius:4px;
width:60%;
height:45px;
margin:0 auto;
}
.pseudo-content .pseudo-sticky > .pseudo-notice-list + .btn-filter-01{
font-size:16px;
}
@media screen and (max-width:320px){
.pseudo-content .pseudo-sticky > .btn-filter-01{
width:90%;
}
}
.pseudo-content .pseudo-sticky > .btn-filter-01 .num{
font-size:17px;
}
.pseudo-content .pseudo-sticky-btn-list > li .btn-filter-01{
border:none;
color:#fff;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:normal;
padding:3px 5px 5px 5px;
border-radius:6px;
width:100%;
min-height:45px;
line-height:1.1;
height:100%;
}
.pseudo-content .pseudo-sticky-btn-list > li .btn-filter-02{
border:none;
color:#fff;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:normal;
padding:3px 5px 5px 5px;
border-radius:6px;
width:100%;
min-height:45px;
line-height:1.1;
height:100%;
}
.pseudo-content .pseudo-sticky > .btn-filter-01.is-disabled,
.pseudo-content .pseudo-sticky-btn-list > li .btn-filter-01.is-disabled,
.pseudo-content .pseudo-sticky-btn-list > li .btn-filter-02.is-disabled{
opacity:.33;
}
.pseudo-content .pseudo-sticky-btn-list > li .btn-filter-01 .num{
font-size:16px;
}
.pseudo-content .pseudo-sticky-btn-list > li {
margin-left:10px;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
justify-content:space-between;
flex-direction:column;
}
.pseudo-content .pseudo-sticky-btn-list > li:first-child {
margin-left:0;
}
.txt-ilb,
.pseudo-content .pseudo-sticky-btn-list > li .txt-ilb,
.agt-link-btn-list-01 > li a > .txt-ilb{
display:inline-block;
line-height:1.4;
}
.pseudo-content .pseudo-sticky-btn-list > li .btn-filter-02 .num{
font-size:16px;
}
.pseudo-content .pseudo-sticky .loading-btn {
text-indent:-9999px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat;
width:12px;
height:12px;
display:inline-block;
background-size:12px 12px;
vertical-align:middle;
margin:-2px 5px 0;
}
.btn-inner-serach{
padding-left:17px;
}

/* .pseudo-content-overlay
----------------------------------------------- */
.filter-tour .pseudo-content-overlay{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#fff;
opacity:.75;
z-index:1;
}
.filter-tour .pseudo-content.is-disabled .pseudo-content-overlay{
display:block;
}

/* .pseudo-header
----------------------------------------------- */
.filter-tour .pseudo-header{
position:relative;
box-sizing:border-box;
min-height:35px;
margin:0 -10px;
padding:5px 55px 4px;
line-height:1.55;
color:#fff;
background-color:#444;
z-index:3;
}
.filter-tour .pseudo-header .pseudo-hdg{
font-size:17px;
font-weight:bold;
text-align:center;
}
.filter-tour .pseudo-header [class*="pseudo-btn"]{
font-weight:bold;
position:absolute;
top:0;
height:100%;
width:50px;
padding:0 5px;
color:#fff;
border:none;
box-sizing:border-box;
background:#111;
font-size:13px;
}
.filter-tour .pseudo-header [class*="pseudo-btn"]:disabled{
color:#a4a4a4;
}
.filter-tour .pseudo-header .pseudo-btn-prev{
left:0;
border-right:1px solid #000;
}
.pseudo-header .pseudo-btn-prev {
margin: 0;
padding: 0;
border: none;
color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element_sp/j_hotel/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}
.filter-tour .pseudo-header .pseudo-btn-clear{
right:0;
border-left:1px solid #000;
}
.filter-tour .pseudo-header .pseudo-btn-condition{
right:0;
width:64px;
border-left:1px solid #000;
line-height:1.2;
font-size:11px;
}
.filter-tour .pseudo-header + p{
margin-top:10px;
}
main > .pseudo-header{
margin-top:-10px;
}
.filter-tour .pseudo-header.is-fixed{
position:fixed;
width:100%;
z-index:2;
top:0;
left:0;
margin:0;
}

/* .pseudo-hdg-01
----------------------------------------------- */
.filter-tour .pseudo-hdg-01{
font-weight:normal;
margin-top:16px;
font-size:14px;
}
.filter-tour .pseudo-hdg-01:before{
display:inline-block;
content:"";
background-color:#333;
width:11px;
height:11px;
margin-right:2px;
}
.filter-tour .pseudo-hdg-01:first-child{
margin-top:11px;
}

/* .pseudo-hdg-02
----------------------------------------------- */
.filter-tour .pseudo-hdg-02{
margin-top:12px;
font-size:14px;
color:var(--cmn-font-color-base);
}
.filter-tour .pseudo-hdg-02 .cmn-tip-btn{
margin-bottom:2px;
}

/* .pseudo-hankyu
----------------------------------------------- */
.pseudo-hankyu.pseudo .pseudo-header {
top: 0;
width: 100%;
z-index: 10;
margin: 0;
padding: 0;
display: block;
-webkit-box-align: center;
align-items: center;
min-height: 45px;
box-sizing: border-box;
position: fixed;
background-color: #111;
}
.pseudo-hankyu.pseudo .pseudo-header-hdg {
padding: 8px 10px 8px 10px;
color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
min-height: 45px;
box-sizing: border-box;
position: relative;
background-color: #111;
}
.pseudo-hankyu.pseudo .pseudo-header-hdg h2 {
padding: 0;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
text-align: center;
-webkit-box-flex: 1;
flex: 1;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.pseudo-hankyu.pseudo .pseudo-header-hdg-btn-close {
margin: 0;
padding: 0;
border: none;
color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element_sp/shared/images/icon/icon-close-wht.svg) no-repeat 12px 50%;
background-size: 16px auto;
}
.pseudo-hankyu.pseudo.pseudo-wrap>.pseudo-contents {
margin: 0;
height: 100%;
background-color: #fff;
padding: 61px 10px 16px !important;
box-sizing:border-box;
}
.pseudo-hankyu .pseudo-contents .hankyu-plan{
padding-bottom:20px;
}
.pseudo-hankyu .pseudo-contents .hankyu-plan li{
margin-top:16px;
padding-top:16px;
border-top:1px solid #E5E5E5;
}
.pseudo-hankyu .pseudo-contents .hankyu-plan li .hankyu-plan-hdg{
font-weight:bold;
}
.pseudo-hankyu .pseudo-contents .hankyu-plan img{
width:100%;
margin:12px 0;
}
.pseudo-hankyu .pseudo-contents>p>strong {
color:var(--cmn-font-color-red);
font-weight: normal;
}

/* faq-about-container
------------------------------------------------ */
.pseudo-content .faq-about-container{
margin:0;
padding-top:0;
line-height:1.4;
}
.pseudo-content .faq-about-container >:first-child{
margin-top:0;
}
.pseudo-content .faq-about-container p{
margin:8px 0 0;
}

.pseudo-content .faq-about-container .pseudo-list{
margin-top:12px;
}
.pseudo-content .faq-about-container .pseudo-list li{
position:relative;
padding-left:15px;
}
.pseudo-content .pseudo-list.col-02 li{
margin-top:4px;
width:49%;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
}
.pseudo-content .faq-about-container .pseudo-list li:not(:first-child){
margin-top:4px;
}
.pseudo-content .faq-about-container .pseudo-list li::before{
content:"\30FB";
display:block;
position:absolute;
left:0;
top:0;
}
.pseudo-content .faq-about-container .pseudo-list-02{
margin-top:16px;
}
.pseudo-content .faq-about-container .pseudo-list-02 li{
position:relative;
padding-left:15px;
}
.pseudo-content .faq-about-container .pseudo-list-02 li:not(:first-child){
margin-top:8px;
}
.pseudo-content .faq-about-container .pseudo-list-02 li::before{
content:"\30FB";
display:block;
position:absolute;
left:0;
top:0;
}
.pseudo-content .faq-about-container .pseudo-note-list-02{
margin-top:4px;
}
.pseudo-content .faq-about-container .pseudo-note-list-02 li{
position:relative;
margin-left:1.3em;
text-indent:-1.3em;
line-height:1.45;
color:var(--cmn-font-color-gray);
}
.pseudo-content .faq-about-container .pseudo-note-list-02 li:not(:first-child){
margin-top:8px;
}
.pseudo-content .faq-about-container .pseudo-note-list-02 li .mark{
margin-right:4px;
}
.pseudo-content .faq-about-container .pseudo-link-02 {
margin-top:24px;
text-align:right;
}

/* icon-blank
------------------------------------------------ */
.icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */
.filter-tour .toggle-container > .toggle-item,
.filter-tour .toggle-container.branch.is-active > :first-child,
.filter-tour .toggle-container > .filter-keyword-delete,
.filter-tour .toggle-container.is-active > .filter-keyword-add{
display:none;
}
.filter-tour .toggle-container.is-active > .toggle-item,
.filter-tour .toggle-container.is-active > .filter-keyword-delete{
display:block;
}

/* .toggle-box
----------------------------------------------- */
.filter-tour .toggle-container.toggle-box{
margin-bottom:25px;
padding:0 10px;
border-radius:3px;
border:1px solid #bbb;
}

/* .toggle-box
----------------------------------------------- */
.filter-tour .toggle-container.toggle-box-01{
margin-bottom:25px;
padding:0 10px;
border-radius:0 0 3px 3px;
border:1px solid #bbb;
}
.filter-tour .hdg-l2 +.toggle-box-01{
margin-top:15px;
}

/* .toggle-btn
----------------------------------------------- */
.filter-tour .toggle-btn{
font-size:14px;
position:relative;
padding:9px 0;
text-align:left;
border:none;
width:100%;
background-color:transparent;
}
.filter-tour .toggle-btn:before{
content:"";
display:inline-block;
vertical-align:middle;
margin:-3px 7px 0 0;
width:13px;
height:13px;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
background-size:100%;
}
.toggle-container.active > .toggle-btn:before{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .toggle-btn-01
----------------------------------------------- */
.filter-tour .toggle-btn-01{
margin:-1px -10px 0;
padding:10px;
color:#555;
border-width:1px 0 0;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:13px;
text-align:center;
background-color:#fff;
box-sizing:border-box;
}
.filter-tour .toggle-btn-01:before{
content:"";
margin-right:8px;
display:inline-block;
width:12px;
height:12px;
vertical-align:middle;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
background-size:100%;
}
.filter-tour .toggle-container.active > .toggle-btn-01:before{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}
.filter-tour .toggle-container.toggle-box .toggle-btn-01{
border:0;
margin-top:0;
border-radius:3px;
}
.filter-tour .toggle-container.toggle-box.active .toggle-btn-01{
border-bottom:1px solid #bbb;
border-radius:3px 3px 0 0;
}
.filter-tour .toggle-container.toggle-box-01 .toggle-btn-01{
border-top-color:#bbb;
border-radius:0 0 3px 3px;
box-shadow:0 -2px 0 #bbb inset;
}

/* input[type="checkbox"]
----------------------------------------------- */
.filter-tour input[type="checkbox"],
.pseudo-content .form-list-airline > li label input[type="checkbox"]{
position:absolute;
left:0;
top:0;
bottom:0;
margin:auto 0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
background-size:100%;
}
.filter-tour .form-list > li > label input[type='checkbox']{
top:0;
left:0;
}
.filter-tour input[type="checkbox"]:checked,
.pseudo-content .form-list-airline > li label input[type="checkbox"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}
.filter-tour input[type="checkbox"]:disabled,
.pseudo-content .form-list-airline > li label input[type="checkbox"]:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}
.filter-tour .checkbox-custom input[type="checkbox"]:disabled + span,
.pseudo-content .form-list-airline > li label input[type="checkbox"]:disabled + span{
color:#ccc;
}
.filter-tour .checkbox-custom{
display:block;
position:relative;
padding:10px 10px 10px 40px;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
}
.filter-tour .checkbox-custom > span{
display:block;
}
.filter-tour .checkbox-custom.branch{
display:inline-block;
}

/* input[type="radio"]
----------------------------------------------- */
.filter-tour input[type="radio"]{
position:absolute;
left:13px;
margin:0;
padding:0;
border:none;
border-radius:0;
width:15px;
height:15px;
-webkit-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
background-size:100%;
}
.filter-tour input[type="radio"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
.filter-tour input[type="radio"]:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
}
.filter-tour .radio-custom,
.filter-dp .radio-custom{
display:block;
position:relative;
padding-left:18px;
font-size:14px;
line-height:1.2;
}
.filter-tour .radio-custom input[type="radio"],
.filter-dp .radio-custom input[type="radio"]{
position:absolute;
left:0;
top:50%;
margin-top:-8px;
}

/* select
----------------------------------------------- */
.filter-tour .select-custom{
position:relative;
display:block;
width:100%;
}
.filter-tour .select-custom:before{
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#888 transparent transparent transparent;
}
.filter-tour .select-custom > select{
padding:5px 20px 6px 7px;
-webkit-appearance:none;
-moz-appearance:none;
}
.filter-tour .select-custom.is-selected > select{
color:var(--cmn-font-color-base);
}
.filter-tour .select-custom select[disabled]{
color:#ccc;
}
.filter-tour .search-index-form .select-custom > select{
border-color:#999;
}

/* .pseudo-faq-container
----------------------------------------------- */
.filter-tour .pseudo-faq-container,
.filter-tour .pseudo-tel-container{
margin:10px 0;
}

/* .pseudo-content .form-btn-container
----------------------------------------------- */
.filter-tour .form-btn-container{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
box-sizing:border-box;
width:100%;
background-color:#444;
}
.filter-tour .form-btn-container > * + *{
margin-left:10px;
}
.filter-tour .important {
color:var(--cmn-font-color-red);
}

/* .sticky-btn-list
----------------------------------------------- */
.filter-tour .form-sticky-btn-list{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
-webkit-box-align:center;
align-items:center;
margin:0;
}
.filter-tour .form-sticky-btn-list > li:last-child{
-webkit-box-flex:1;
flex:1;
}
.filter-tour .form-sticky-btn-list > li + li{
margin-left:10px;
}
.filter-tour .form-sticky-btn-list.branch > li{
-webkit-box-flex:1;
flex:1;
}
.filter-tour .form-sticky-btn-list > li a{
display:block;
border-radius:5px;
text-align:center;
box-sizing:border-box;
}
.filter-tour .form-sticky-btn-list .search-sticky-btn{
padding:6px 0 8px;
color:#fff;
font-size:20px;
font-weight:bold;
border:none;
box-shadow:0 -4px 0 #333 inset;
background-color:#444;
}
.filter-tour .form-sticky-btn-list .set-sticky-btn{
padding:5px 0 9px;
color:#fff;
line-height:1.55;
font-size:20px;
font-weight:bold;
border:none;
background-color:var(--cmn-btn-color);
}
.filter-tour .form-sticky-btn-list .clear-sticky-btn{
padding:11px 8px;
color:var(--cmn-font-color-base);
font-size:14px;
white-space:nowrap;
background-color:#fff;
border:1px solid #bbb;
line-height:1.55;
}
.filter-tour .form-sticky-btn-list .exclusion-sticky-btn{
padding:5px 0 9px;
color:#555;
line-height:1.55;
font-size:20px;
border:none;
box-shadow:0 -4px 0 #ccc inset;
background-color:#fff;
}
.filter-tour .form-btn-container .form-sticky-btn-list .clear-sticky-btn{
border-color:#fff;
}

/* .pseudo-sticky
----------------------------------------------- */
.filter-tour .pseudo-sticky,
.filter-dp .pseudo-sticky{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:12px 10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
font-size:12px;
color:#fff;
box-sizing:border-box;
width:100%;
background-color:#444;
}
.filter-tour .pseudo-sticky > * + *,
.filter-dp .pseudo-sticky > * + *{
margin-left:10px;
}
.pseudo-content .pseudo-sticky.no-result{
background:#fff;
}
.pseudo-content .pseudo-sticky.no-result .no-result-txt{
position:absolute;
width:100%;
background-color:#444;
text-align:center;
margin:-10px;
padding:14px;
font-size:14px;
box-sizing:border-box;
font-weight:bold;
color:#fff;
}
.pseudo-content .pseudo-sticky.no-result .no-result-txt .num{
font-size:15px;
}
.pseudo-content .pseudo-sticky.no-result button{
text-indent:-9999px;
}
.filter-tour .pseudo-sticky .pseudo-sticky-inner{
white-space:nowrap;
}

/* .pseudo-sticky-form-list
----------------------------------------------- */
.filter-tour .pseudo-sticky-form-list,
.filter-dp .pseudo-sticky-form-list{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
margin-top:7px;
}

/* .pseudo-sticky-btn-list
----------------------------------------------- */
.filter-tour .pseudo-sticky-btn-list,
.filter-dp .pseudo-sticky-btn-list{
-webkit-box-align:center;
width:100%;
margin:0 auto;
}
@media screen and (max-width:320px){
.filter-tour .pseudo-sticky-btn-list,
.filter-dp .pseudo-sticky-btn-list{
width:90%;
}
}
.filter-tour .pseudo-sticky-btn-list > li:last-child,
.filter-dp .pseudo-sticky-btn-list > li:last-child{
-webkit-box-flex:1;
flex:1;
}
.filter-tour .pseudo-sticky-btn-list > li + li,
.filter-dp .pseudo-sticky-btn-list > li + li{
margin-left:10px;
}
.filter-tour .pseudo-sticky-btn-list > li > a,
.filter-dp .pseudo-sticky-btn-list > li > a{
display:block;
border-radius:5px;
text-align:center;
box-sizing:border-box;
}
.filter-tour .pseudo-sticky-btn-list > li.set > a,
.filter-dp .pseudo-sticky-btn-list > li.set > a{
padding:10px 0 9px;
color:#fff;
line-height:1.55;
font-size:16px;
font-weight:normal;
border:none;
background-color:var(--cmn-btn-color);
}
.filter-tour .pseudo-sticky-btn-list > li.clear > a,
.filter-dp .pseudo-sticky-btn-list > li.clear > a{
padding:11px 8px;
color:var(--cmn-font-color-base);
font-size:14px;
white-space:nowrap;
background-color:#fff;
border:1px solid #bbb;
line-height:1.55;
}
.filter-tour .pseudo-sticky-btn-list>li:only-child {
width: 60%;
flex: inherit;
}

/* .search-result-item-btn
----------------------------------------------- */
.filter-tour .search-result .search-result-item-btn-container{
display:-webkit-box;
display:flex;
justify-content:space-around;
-webkit-box-align:stretch;
align-items:stretch;
margin:8px 0 0;
font-size:11px;
text-align:center;
}
.filter-tour .search-result .search-result-item-btn-hdg{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-weight:bold;
box-sizing:border-box;
font-size:12px;
line-height:1.18;
min-height:24px;
min-width:63px;
position:relative;
}
.filter-tour .search-result .search-result-item-btn-hdg:after{
content:"";
width:1px;
height:100%;
position:absolute;
right:0;
top:0;
background-color:#e5e5e5;
}
.filter-tour .search-result .search-result-item-btn-hdg > span{
padding-left:3px;
}
.filter-tour .search-result .search-result-item-btn-hdg > span > span{
display:block;
font-weight:normal;
}
.filter-tour .search-result .search-result-item-btn-icon{
position:relative;
width:22px;
height:100%;
padding-right:8px;
}
.filter-tour .search-result .search-result-item-btn-icon:before{
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
content:"";
width:22px;
height:22px;
border:2px solid var(--cmn-btn-color);
border-radius:100%;
box-sizing:border-box;
}
.filter-tour .search-result .search-result-item-btn-icon > span{
opacity:0;
}
.filter-tour .search-result .search-result-item-btn-note{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
line-height:1.18;
width:112px;
text-align:center;
box-sizing:border-box;
}
.filter-tour .search-result .search-result-item-btn-note > .search-result-item-btn-icon + span{
font-size:12px;
}
.filter-tour .search-result-item-btn{
padding:9px 0 10px;
color:#fff;
border-radius:4px;
display:block;
box-sizing:border-box;
box-shadow:0 -2px 0 #608b0b inset;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
}
.filter-tour .search-result-item-btn{
font-size:18px;
}

/* ----------------------------------------------------------------
  pseudo-price
-------------------------------------------------------------------
.filter-tour .pseudo-price-tbl-hdg
----------------------------------------------------------------- */
.filter-tour .pseudo-price-tbl-hdg{
margin-top:10px;
padding:4px 11px;
font-size:11px;
color:#fff;
font-weight:normal;
background-color:#666;
}
.filter-tour .pseudo-price-tbl-hdg .num{
font-size:12px;
}

/* .pseudo-price-tbl-container
----------------------------------------------- */
.filter-tour .pseudo-price-tbl-container{
border-width:0 1px;
border-style:solid;
border-color:#999;
}
.filter-tour .pseudo-price-tbl-container +.pseudo-price-tbl-container{
margin-top:15px;
border-top:1px solid #999;
}

/* .pseudo-price-tbl-inner
----------------------------------------------- */
.filter-tour .pseudo-price-tbl-inner{
border-bottom:1px solid #999;
}
.filter-tour .pseudo-price-tbl-inner + .pseudo-price-tbl-inner{
border-top:1px solid #999;
margin-top:3px;
}

/* .pseudo-price-tbl
----------------------------------------------- */
.filter-tour .pseudo-price-tbl{
display:table;
margin:0;
padding:0;
width:100%;
border-collapse:collapse
}
.filter-tour .pseudo-price-tbl .tbl-tbody{
display:table-row-group;
}
.filter-tour .pseudo-price-tbl .tbl-thead{
display:table-header-group;
}
.filter-tour .pseudo-price-tbl .tbl-tr{
display:table-row;
}
.filter-tour .pseudo-price-tbl .tbl-th,
.filter-tour .pseudo-price-tbl .tbl-td{
display:table-cell;
vertical-align:middle;
}
.filter-tour .pseudo-price-tbl .tbl-tr .tbl-th,
.filter-tour .pseudo-price-tbl .tbl-tr .tbl-td,
.filter-tour .pseudo-price-tbl tr th,
.filter-tour .pseudo-price-tbl tr td{
height:35px;
border-top:1px solid #ccc;
}
.filter-tour .pseudo-price-tbl .tbl-th,
.filter-tour .pseudo-price-tbl th{
padding-left:10px;
font-weight:normal;
text-align:left;
font-size:11px;
line-height:1.27;
width:51%;
}
.filter-tour .pseudo-price-tbl .tbl-tr:first-child .tbl-th,
.filter-tour .pseudo-price-tbl .tbl-tr:first-child .tbl-td,
.filter-tour .pseudo-price-tbl tr:first-child th,
.filter-tour .pseudo-price-tbl tr:first-child td{
border-top:0;
}
.filter-tour .pseudo-price-tbl .tbl-th,
.filter-tour .pseudo-price-tbl th{
border-right:1px solid #ccc;
}
.filter-tour .pseudo-price-tbl .tbl-th span:not([class]),
.filter-tour .pseudo-price-tbl th span:not([class]){
display:block;
}
.filter-tour .pseudo-price-tbl .tbl-th .num,
.filter-tour .pseudo-price-tbl th .num{
font-size:12px;
}
.filter-tour .pseudo-price-tbl .tbl-td,
.filter-tour .pseudo-price-tbl td{
text-align:right;
font-size:12px;
padding:0 8px 0 0;
width:49%;
line-height:1.1;
}
.filter-tour .pseudo-price-tbl .tbl-td span:not([class]),
.filter-tour .pseudo-price-tbl td span:not([class]){
display:inline-block;
}
.filter-tour .pseudo-price-tbl.price-br .tbl-td span:not([class]),
.filter-tour .pseudo-price-tbl.price-br td span:not([class]){
display:block;
}
.filter-tour .pseudo-price-tbl .tbl-td .num,
.filter-tour .pseudo-price-tbl td .num{
font-size:13px;
}

/* .pseudo-price-tbl.total
----------------------------------------------- */
.filter-tour .pseudo-price-tbl.total{
background:#f5f5f5;
}
.filter-tour .pseudo-price-tbl.total .tbl-th > div,
.filter-tour .pseudo-price-tbl.total th > div{
margin:8px 0;
}
.filter-tour .pseudo-price-tbl.total .tbl-td b.num,
.filter-tour .pseudo-price-tbl.total td b.num{
font-size:17px;
}

/* .pseudo-price-tbl.total
----------------------------------------------- */
.filter-tour .pseudo-price-tbl.agt{
margin-top:12px;
}
.filter-tour .pseudo-price-tbl.agt .tbl-th,
.filter-tour .pseudo-price-tbl.agt .tbl-td,
.filter-tour .pseudo-price-tbl.agt th,
.filter-tour .pseudo-price-tbl.agt td{
height:auto;
}
.filter-tour .pseudo-price-tbl.agt .tbl-th,
.filter-tour .pseudo-price-tbl.agt th{
border-right:0;
vertical-align:top;
width:11em;
white-space:nowrap;
}
.filter-tour .pseudo-price-tbl.agt .tbl-td,
.filter-tour .pseudo-price-tbl.agt td{
font-size:11px;
width:auto;
line-height:1.36;
}
.filter-tour .pseudo-price-tbl.agt .tbl-td > div,
.filter-tour .pseudo-price-tbl.agt td > div{
display:inline-block;
font-size:11px;
}
.filter-tour .pseudo-price-tbl.agt .tbl-td > div .num,
.filter-tour .pseudo-price-tbl.agt td > div .num{
font-size:12px;
}
.filter-tour .pseudo-price-tbl.agt .tbl-td > .price,
.filter-tour .pseudo-price-tbl.agt td > .price{
font-size:12px;
line-height:1;
display:block;
}
.filter-tour .pseudo-price-tbl.agt .tbl-td > .price .num,
.filter-tour .pseudo-price-tbl.agt td > .price .num{
font-size:14px;
}
.filter-tour .pseudo-price-tbl.agt .tbl-td > .price-tax,
.filter-tour .pseudo-price-tbl.agt td > .price-tax{
white-space:nowrap;
}

/* .pseudo-price-hdg
----------------------------------------------- */
.filter-tour .pseudo-price-hdg{
font-size:11px;
font-weight:normal;
margin:12px 0 6px;
}

/* .pseudo-notice
----------------------------------------------- */
p.pseudo-notice{
position:relative;
margin:10px 0;
padding-left:1em;
font-size:11px;
line-height:1.45;
}
p.pseudo-notice:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
ul.pseudo-notice{
margin:10px 0;
}
ul.pseudo-notice > li{
position:relative;
margin:0;
padding-left:1em;
font-size:11px;
line-height:1.45;
}
ul.pseudo-notice > li:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
.filter-tour .pseudo-price-toggle > .toggle-item{
padding-bottom:10px;
}
.filter-tour .pseudo-price-toggle > .toggle-item >:first-child{
margin-top:0;
}

/* .pseudo-price-toggle-hook
----------------------------------------------- */
.filter-tour .pseudo-price-toggle-hook{
padding:12px 0 10px;
color:var(--cmn-font-color-gray);
display:block;
border-top:1px solid #e5e5e5;
}
.filter-tour .pseudo-price-toggle-hook:before{
content:"";
display:inline-block;
width:13px;
height:13px;
margin:-3px 7px 0 0;
vertical-align:middle;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
background-size:100%;
}
.filter-tour .toggle-container.active .pseudo-price-toggle-hook:before{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .pseudo-container
----------------------------------------------- */
.filter-tour .pseudo-container{
margin:11px 0 26px;
}
.filter-tour .pseudo-container > hr{
background-color:#e5e5e5;
width:100%;
height:1px;
border:none;
margin:10px 0;
}
.filter-tour .pseudo-price-toggle .pseudo-hdg-01{
font-size:13px;
}

/* .pseudo-list-bullet
----------------------------------------------- */
.filter-tour .pseudo-list-bullet{
margin-top:9px;
}
.filter-tour .pseudo-list-bullet > li{
padding-left:1em;
position:relative;
}
.filter-tour .pseudo-list-bullet > li:not(:first-child){
margin-top:3px;
}
.filter-tour .pseudo-list-bullet > li:before{
content:"\30fb";
position:absolute;
left:0;
top:0;
}
.filter-tour .pseudo-list-bullet > li > div{
margin-bottom:15px;
}
.filter-tour .pseudo-list-bullet > li > span:not([class]){
font-size:12px;
}
.filter-tour .pseudo-showrate-note{
font-size:11px;
position:relative;
padding-left:1em;
}
.filter-tour .pseudo-showrate-note:before{
position:absolute;
content:"\203b";
left:0;
top:0;
}

/* .pseudo-link
----------------------------------------------- */
.filter-tour .pseudo-link{
margin:0 0 15px;
color:var(--cmn-font-color-gray);
display:block;
text-align:right;
font-size:13px;
line-height:1.45;
}
.filter-tour .pseudo-link:before{
margin:-3px 5px 0 0;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#555;
content:"";
height:5px;
width:5px;
display:inline-block;
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .pseudo-list-bullet
----------------------------------------------- */
.pseudo-list-bullet{
margin-top:9px;
}
.pseudo-list-bullet > li{
padding-left:1em;
position:relative;
}
.pseudo-list-bullet > li:not(:first-child){
margin-top:3px;
}
.pseudo-list-bullet > li:before{
content:"\30fb";
position:absolute;
left:0;
top:0;
}
.pseudo-list-bullet > li > div{
margin-bottom:15px;
}
.pseudo-list-bullet > li > span:not([class]){
font-size:12px;
}
.pseudo-showrate-note{
font-size:11px;
position:relative;
padding-left:1em;
color:var(--cmn-font-color-gray);
}
.pseudo-showrate-note:before{
position:absolute;
content:"\203b";
left:0;
top:0;
}

/* ----------------------------------------------------------------
  .info-departure-time
----------------------------------------------------------------- */

/* .info-departure-time-detail
----------------------------------------------- */
.filter-tour .info-departure-time{
margin:10px 0;
}
.filter-tour .modal-info-area .info-departure-time{
padding:0 3px 0;
font-size:12px;
}

/* .info-departure-time-hdg
----------------------------------------------- */
.filter-tour .info-departure-time-hdg{
margin:0 0 12px;
font-size:14px;
font-weight:bold;
text-align:center;
}

/* .info-departure-time-hdg-01
----------------------------------------------- */
.filter-tour .info-departure-time-hdg-01{
padding:4px 0 3px;
margin-top:17px;
font-size:12px;
font-weight:normal;
text-align:center;
background-color:#f5f5f5;
}

/* .info-departure-time-text
----------------------------------------------- */
.filter-tour .modal-info-area .info-departure-time-text{
font-size:13px;
line-height:1.7;
}

/* .info-departure-time-list
----------------------------------------------- */
.filter-tour .info-departure-time-list{
margin-bottom:15px;
font-size:13px;
border-bottom:1px solid #ddd;
}
.filter-tour .info-departure-time-list > li{
position:relative;
padding-left:20px;
margin:6px 0 4px;
}
.filter-tour .info-departure-time-list > li:before{
position:absolute;
left:5px;
top:0;
}
.filter-tour .info-departure-time-list > li:nth-child(1):before{
content:"\2460";
}
.filter-tour .info-departure-time-list > li:nth-child(2):before{
content:"\2461";
}

/* .info-departure-time-list-ex
----------------------------------------------- */
.filter-tour .info-departure-time-list-ex-container{
margin:8px 0 12px;
}

/* .info-departure-time-img
----------------------------------------------- */
.filter-tour .info-departure-time-img{
position:relative;
padding-bottom:15.92%;
margin:0 auto;
color:#023570;
text-align:center;
background:url(/element_sp/w_tour/shared/images/img-departure-time.svg) no-repeat;
background-size:100% auto;
}
.filter-tour .info-departure-time-img-date{
position:absolute;
top:100%;
left:0%;
margin-top:7px;
padding-top:1px;
width:20%;
text-align:center;
font-size:11px;
border:1px solid #396eaa;
}
.filter-tour .info-departure-time-img-date:last-of-type{
left:inherit;
right:18.095%;
}
.filter-tour .info-departure-time-img-date:before,
.filter-tour .info-departure-time-img-date:after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:-6px;
left:50%;
margin-left:-4px;
border-width:0 4px 6px 4px;
border-color:transparent transparent #396eaa transparent;
border-style:solid;
}
.filter-tour .info-departure-time-img-date:after{
top:-5px;
margin-left:-4px;
border-width:0 4px 6px 4px;
border-color:transparent transparent #fff transparent;
}
.filter-tour .info-departure-time-img-date:first-child:before,
.filter-tour .info-departure-time-img-date:first-child:after{
left:43%;
}
.filter-tour .info-departure-time-img + p{
margin-top:40px;
}

/* .info-departure-time-note
----------------------------------------------- */
.filter-tour .info-departure-time-note > li{
padding-left:1em;
text-indent:-1em;
}
.filter-tour .info-departure-time-note > li:before{
content:"\203b";
}

/* .info-departure-time-btn-box
----------------------------------------------- */
.filter-tour .info-departure-time-btn-box{
margin-top:20px;
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
}
.filter-tour .info-departure-time-btn-box >li{
box-sizing:border-box;
padding-left:10px;
-webkit-box-flex:1;
flex:1;
}
.filter-tour .info-departure-time-btn-box >li:first-child{
padding-left:0;
}
.filter-tour .info-departure-time-btn-box .info-btn{
display:block;
border-radius:4px;
cursor:pointer;
font-family:var(--cmn-font-family);
font-weight:bold;
line-height:1.3;
text-align:center;
box-sizing:border-box;
width:100%;
height:100%;
background-color:var(--cmn-btn-color);
box-shadow:inset 0 -3px rgba(0, 0, 0, .2);
text-shadow:1px 1px 0 rgba(0, 0, 0, .1);
color:#fff;
border:none;
font-size:14px;
padding:10px 5px;
min-height:37px;
}
.filter-tour .info-departure-time-btn-box .cancel-btn{
display:block;
border-radius:4px;
cursor:pointer;
font-family:var(--cmn-font-family);
font-weight:bold;
line-height:1.3;
text-align:center;
box-sizing:border-box;
width:100%;
height:100%;
background-color:#fff;
color:#555;
font-size:14px;
padding:9px 3px;
border:1px solid #bbb;
}

/* .search-container
----------------------------------------------- */
.filter-tour .search-container{
position:relative;
margin:0 -10px;
}

/* .search-container > .search-form
----------------------------------------------- */
.filter-tour .search-container .search-form{
border-spacing:0;
width:100%;
margin:0;
border-collapse:collapse;
table-layout:fixed;
}
.filter-tour .search-container .form-inner-01{
padding:10px;
}
.filter-tour .search-container .search-form th,
.filter-tour .search-container .search-form td{
padding:0;
border-bottom:1px solid #e5e5e5;
}
.filter-tour .search-container .search-form th{
vertical-align:middle;
font-size:13px;
text-align:left;
color:var(--cmn-font-color-base);
width:85px;
padding-left:10px;
line-height:1;
box-sizing:border-box;
background-color:#f5f5f5;
}
.filter-tour .search-container .search-form tr > th span{
display:block;
}
.filter-tour .search-container .search-form tr > th span.sup{
margin-top:6px;
font-weight:normal;
font-size:11px;
}
.filter-tour .search-container .search-form tr > th > div{
position:relative;
}
.filter-tour .search-container .search-form tr > th > div > .cmn-tip-btn{
position:absolute;
right:4px;
top:50%;
margin-top:-8px;
}
.filter-tour .search-container .search-form tr > th .note{
font-size:10px;
margin-top:2px;
}
.filter-tour .search-container .search-form td{
overflow:hidden;
}
.filter-tour .search-container .search-form td > .checkbox-custom input[type="checkbox"]{
left:10px;
}
.filter-tour .search-container .search-form tr.is-disabled{
display:none;
}
.filter-tour .search-container .search-form .toggle-btn{
padding:9px 10px;
}
.filter-tour .search-container .tbl-form-btn,
.filter-tour .search-container .tbl-form-btn-s{
border:0;
width:auto;
line-height:1.2;
}
.filter-tour .search-container .tbl-form-container .tbl-form-btn,
.filter-tour .search-container .tbl-form-container .tbl-form-btn-s{
margin:-10px;
}
.filter-tour .search-container .tbl-form-btn{
padding:16px 20px 15px 8px;
}
.filter-tour .search-container .tbl-form-btn-s{
font-size:14px;
padding:10px 20px 10px 8px;
}
.filter-tour .search-container .tbl-form-container .tbl-form-btn.is-selected,
.filter-tour .search-container .tbl-form-container .tbl-form-btn-s.is-selected{
padding-left:60px;
}
.filter-tour .search-container .tbl-form-container .tbl-form-btn-del{
left:10px;
}
.filter-tour .search-container .toggle-container{
margin-top:-10px;
}
.filter-tour .search-container .toggle-container.active{
margin-bottom:0;
}
.filter-tour .search-container .toggle-item .form-inner-01{
padding-top:0;
}
.filter-tour .search-container .tbl-form-btn.disabled,
.filter-tour .search-container .tbl-form-btn-s.disabled{
opacity:.5;
}

/* .form-inner-01
----------------------------------------------- */
.filter-tour .form-inner-01{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
align-items:center;
}
.filter-tour .form-inner-01 + .form-inner-01{
margin-top:10px;
}
.filter-tour .form-inner-01 > *{
margin:0 2px;
}
.filter-tour .form-inner-01 > .form-inner-item{
display:inline-block;
width:calc(100% - 50px) ;
}
.filter-tour .form-inner-01 > :first-child input[type="text"]{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.filter-tour .form-inner-01 > :first-child{
margin-left:0;
}
.filter-tour .form-inner-01 > :last-child{
margin-right:0;
}
.filter-tour .form-inner-01 > span{
font-size:14px;
letter-spacing:-.05em;
}
.filter-tour .filter-item .form-inner-01.suggest-container{
margin:0;
}
.filter-tour .form-inner-01 > span.form-sup{
width:auto;
text-align:left;
}
.filter-tour .form-inner-01 > span.form-sup-tilde{
width:2em;
margin:0;
}


/* .form-search-list
----------------------------------------------- */
.filter-tour .form-search-list{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.filter-tour .form-search-list > li:first-child{
width:43%;
}
.filter-tour .form-search-list > li label{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
height:100%;
min-height:30px;
padding:10px 5px 10px 38px;
box-sizing:border-box;
font-size:14px;
letter-spacing:-.07em;
line-height:1.3;
}

/* .form-list-rank
----------------------------------------------- */
.filter-tour .form-list-rank{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
line-height:1;
margin:5px 0 10px;
font-family:Arial;
}
.filter-tour .form-list-rank > li{
-webkit-box-flex:1;
flex:1;
width:20%;
}
.filter-tour .form-list-rank > li label{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
height:100%;
min-height:35px;
box-sizing:border-box;
font-size:15px;
padding-left:34px;
}
.filter-tour .form-list-rank input[type="checkbox"]{
position:absolute;
left:0;
top:50%;
margin:-2px 0 0;
padding:0;
border:none;
border-radius:0;
width:24px;
height:24px;
-webkit-appearance:none;
appearance:none;
display:inline-block;
vertical-align:middle;
background:url(/element_sp/w_tour/shared/images/icon/icon-rate-checkbox.svg) 0 0 no-repeat;
background-size:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.filter-tour .form-list-rank input[type="checkbox"]:checked{
background-image:url(/element_sp/w_tour/shared/images/icon/icon-rate-checkbox-on.svg);
}
.filter-tour .form-list-rank > li.is-disabled{
color:#ccc;
}
.filter-tour .form-search-col .form-list-rank{
margin:3px 0 0 0;
}
.filter-tour .form-search-col .form-list-rank > li label{
min-height:20px;
padding:0 0 0 22px;
}
.filter-tour .form-search-col .form-list-rank input[type="checkbox"]{
width:20px;
height:20px;
}

/* .form-search-col
----------------------------------------------- */
.filter-tour .search-form .form-search-col{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
color:var(--cmn-font-color-base);
box-sizing:border-box;
padding:10px
}
.filter-tour .search-form .form-search-col.form-search-col-split{
border-top:1px solid #e5e5e5;
margin:0 10px;
padding-left:0;
padding-right:0;
}
.filter-tour .search-form .form-search-col + .form-search-col:not([class*="form-search-col-split"]){
padding:2px 10px 10px;
}
.filter-tour .search-form .form-search-col > div:first-child{
width:52px;
font-size:12px;
line-height:1.25;
}
.filter-tour .search-form .form-search-col > div:last-child{
-webkit-box-flex:1;
flex:1;
font-size:14px;
box-sizing:border-box;
}

/* .form-search-btn
----------------------------------------------- */
.filter-tour .search-form .form-search-btn{
display:-webkit-box;
display:flex;

/* align-items:flex-start; */
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
flex-wrap:wrap;
position:relative;
width:100%;
color:var(--cmn-font-color-base);
box-sizing:border-box;
padding:15px 30px 14px 10px;
min-height:47px;
}
.filter-tour .search-form .form-search-col .form-search-btn{
margin:-10px;
padding:6px 30px 8px 10px;
}
.filter-tour .search-form .form-search-btn:after{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:9px;
width:6px;
height:6px;
margin-top:-5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.filter-tour .search-form .form-search-btn > div:first-child:not(:last-child){
width:52px;
font-size:12px;
}
.filter-tour .search-form .form-search-btn > div:last-child{
-webkit-box-flex:1;
flex:1;
font-size:14px;
overflow:hidden;
box-sizing:border-box;
}
.filter-tour .search-form .form-search-btn .form-search-btn-col{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.3;
width:100%;
padding-top:1px;
}
.filter-tour .search-form .form-search-btn .form-search-btn-col:not(:first-child){
margin-top:4px;
}
.filter-tour .search-form .form-search-btn .form-search-btn-col:empty{
display:none;
}
.filter-tour .search-form .form-search-btn .form-search-btn-icon{
position:relative;
top:-1px;
display:inline-block;
margin:0 5px 0 0;
padding:2px 3px 0;
height:17px;
box-sizing:border-box;
font-size:11px;
line-height:1;
border:1px solid #ccc;
vertical-align:middle;
}
.filter-tour .search-form .form-search-btn.is-disabled .form-search-btn-col{
color:#bbb;
}
/* .disp-selectitem
----------------------------------------------- */
.filter-tour .disp-selectitem{
display:table;
margin-left:50px;
min-height:30px;
}
.filter-tour .disp-selectitem .list-selectitem{
display:table-cell;
vertical-align:middle;
}
.filter-tour .search-container .tbl-form-container{
margin-top:0;
border-bottom:1px solid #e5e5e5;
}
.filter-tour .search-container .tbl-form-container:last-child{
border-bottom:0;
}
.filter-tour .search-container .form-inner-item .tbl-form-container{
padding:0;
}

/* .tbl-form-container
----------------------------------------------- */
.filter-tour .tbl-form-container{
position:relative;
}
.filter-tour .search-container .tbl-form-container{
padding:10px;
}
.filter-tour .tbl-form-container + .tbl-form-container{
margin-top:8px;
}
.filter-tour .tbl-form-container .form-sup{
display:block;
font-size:13px;
color:#808080;
line-height:1.25;
}
.filter-tour .tbl-form-btn,
.filter-tour .tbl-form-btn-s{
font-size:16px;
width:100%;
height:100%;
min-height:38px;
color:var(--cmn-font-color-base);
padding:7px 20px 5px 8px;
border:1px solid #999;
text-align:left;
border-radius:4px;
display:block;
box-sizing:border-box;
position:relative;
background:#fff;
}
.filter-tour .tbl-form-btn-s{
padding-top:9px;
font-size:13px;
}
.filter-tour .tbl-form-btn:before,
.filter-tour .tbl-form-btn-s:before{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:9px;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}
.filter-tour .tbl-form-btn.is-unselected,
.filter-tour .tbl-form-btn-s.is-unselected{
font-weight:normal;
}
.filter-tour .tbl-form-btn.is-selected,
.filter-tour .tbl-form-btn-s.is-selected{
font-weight:bold;
}
.filter-tour .tbl-form-container .tbl-form-btn.is-selected,
.filter-tour .tbl-form-container .tbl-form-btn-s.is-selected{
padding-left:55px;
}

/* .tbl-form-btn-del
----------------------------------------------- */
.filter-tour .tbl-form-btn-del{
position:absolute;
top:50%;
left:7px;
font-size:12px;
min-height:24px;
width:42px;
padding:2px 8px;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
display:none;
color:#555;
line-height:1.2;
box-sizing:border-box;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.filter-tour .search-index-form .tbl-form-btn-del{
font-size:12px;
height:20px;
width:40px;
min-height:auto;
padding:0;
color:#555;
line-height:1.2;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
box-sizing:border-box;
}
.filter-tour .tbl-form-btn.is-selected + .tbl-form-btn-del,
.filter-tour .tbl-form-btn-s.is-selected + .tbl-form-btn-del,
.filter-tour .search-word-btn-s.is-selected + .tbl-form-btn-del,
.filter-tour .disp-selectitem.active .tbl-form-btn-del{
display:block;
}

/* .tbl-form-area-list
----------------------------------------------- */
.filter-tour .tbl-form-area-list{
margin:4px 0;
}
.filter-tour .tbl-form-area-list > li{
min-height:30px;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
-webkit-box-align:center;
align-items:center;
}
.filter-tour .tbl-form-area-list > li > a{
position:relative;
display:block;
padding:6px 20px 6px 10px;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:bold;
line-height:1.2;
-webkit-box-flex:1;
flex:1;
}
.filter-tour .tbl-form-area-list > li > a:before{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:10px;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}

/* .tbl-form-area-list.is-unselected
----------------------------------------------- */
.filter-tour .tbl-form-area-list.is-unselected{
margin:0;
}
.filter-tour .tbl-form-area-list.is-unselected > li:first-child > a{
padding:16px 20px 15px 10px;
font-weight:normal;
}

/* .tbl-form-area-tour-type
----------------------------------------------- */
.filter-tour .tbl-form-area-tour-type{
display:-webkit-box;
display:flex;
}
.filter-tour .tbl-form-area-tour-type > li{
margin-left:10px;
}
.filter-tour .tbl-form-area-tour-type > li:not(:first-child){
margin-left:5.6%;
}
.filter-tour .tbl-form-area-tour-type > li > label{
padding:7px 0 7px 20px;
}

/* .tbl-form-area-exclude
----------------------------------------------- */
.filter-tour .tbl-form-area-exclude{
display:none;
margin:1px 10px 0;
padding-top:10px;
font-size:14px;
border-top:1px solid #e5e5e5;
}
.filter-tour .tbl-form-area-exclude .tbl-form-area-exclude-inner{
margin-bottom:8px;
display:-webkit-box;
display:flex;
}
.filter-tour .tbl-form-area-exclude-hdg{
position:relative;
width:45px;
padding-right:1em;
box-sizing:border-box;
}
.filter-tour .tbl-form-area-exclude-hdg:after{
content:"\ff1a";
position:absolute;
right:0;
top:0;
color:var(--cmn-font-color-base);
}
.filter-tour .tbl-form-area-exclude.is-selected{
display:block;
}

/* .tbl-form-area-list-exclude
----------------------------------------------- */
.filter-tour .tbl-form-area-list-exclude{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
}
.filter-tour .tbl-form-area-list-exclude > li{
float:left;
margin-right:11px;
}
.filter-tour .tbl-form-area-list-exclude > li:last-child{
margin-right:0;
}
.filter-tour .tbl-form-area-list-exclude > li > button{
position:relative;
color:#555;
font-size:14px;
padding-left:20px;
background:transparent;
border:none;
line-height:1;
text-align-last:left;
}
.filter-tour .tbl-form-area-list-exclude > li > button:after{
position:absolute;
left:0;
top:0;
width:13px;
height:13px;
content:"";
background-image:url(/element_sp/shared/images/icon/icon-del.svg);
background-size:13px 13px;
opacity:.5;
}

/* .tbl-form-area-list-btn-del
----------------------------------------------- */
.filter-tour .tbl-form-area-list .tbl-form-area-list-btn-del{
font-size:12px;
height:20px;
width:40px;
margin-left:10px;
color:#555;
line-height:1.2;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
box-sizing:border-box;
}
.filter-tour .tbl-form-area-list.is-unselected .tbl-form-area-list-btn-del{
display:none;
}

/* .tbl-form-area-list-btn-add
----------------------------------------------- */
.filter-tour .tbl-form-area-list-btn-add{
display:block;
padding:5px 10px 8px;
color:#555;
font-size:13px;
text-align:right;
}
.filter-tour .tbl-form-area-list-btn-add > span{
position:relative;
padding-left:20px;
}
.filter-tour .tbl-form-area-list-btn-add > span:after{
position:absolute;
left:0;
top:50%;
width:14px;
height:14px;
content:"";
background-image:url(/element_sp/w_tour/shared/images/icon-add.svg);
background-size:14px 14px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.filter-tour .checkbox-custom + .tbl-form-area-list-btn-add{
padding-top:1px;
}
.filter-tour .tbl-form-area-exclude .tbl-form-area-list-btn-add{
padding:1px 0 8px 10px;
}

/* .form-list
----------------------------------------------- */
.filter-tour .form-list{
margin:10px 0 3px;
}
.filter-tour .filter-toggle-container .form-list{
margin:0 0 -1px;
}
.filter-tour .form-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0;
}
.filter-tour .form-list > li .form-list-tip-container{
position:relative;
padding:0 5px 0 37px
}
.filter-tour .form-list > li .form-list-tip-container label{
display:inline;
min-height:32px;
}
.filter-tour .form-list > li > label{
display:-webkit-box;
display:flex;
position:relative;
min-height:44px;
padding:0 5px 0 27px;
font-size:15px;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
-webkit-box-flex:1;
flex:1;
border:0;
}
.filter-tour .form-list > li > label input[type="radio"]{
left:13px;
}
.filter-tour .form-list > li > label span:not([class]){
font-size:11px;
display:block;
}
.filter-tour .form-list > li > label .sup{
font-size:14px;
margin-left:.3em;
}
.filter-tour .form-list > li.is-disabled label{
color:#ccc;
}
.filter-tour .form-list[class*="form-list-col-"]{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}
.filter-tour .form-list.form-list-col-2 > li{
width:50%
}
.filter-tour .form-list.form-list-col-2 > li:nth-last-child(-n+2):last-child{
border-bottom:none;
}
.filter-tour .form-list.form-list-col-2 > li:nth-last-child(-n+2):nth-child(2n+1){
border-bottom:none;
}
.filter-tour .form-list.form-list-col-3 > li{
width:33.33%
}
.filter-tour .form-list.form-list-col-3 > li:last-child{
border-bottom:none;
}
.filter-tour .form-list.form-list-col-3 > li:nth-last-child(2):not(:nth-child(3n)):nth-child(3n+1){
border-bottom:none;
}
.filter-tour .form-list.form-list-col-3 > li:nth-last-child(2):not(:nth-child(3n)):nth-child(2n+1){
border-bottom:none;
}
.filter-tour .form-list.form-list-col-3 > li:nth-last-child(2):not(:nth-child(3n)):nth-child(2n){
border-bottom:none;
}
.filter-tour .form-list.form-list-col-3 > li:nth-last-child(3):nth-child(3n+1){
border-bottom:none;
}
.filter-tour .form-list.form-list-line > li{
display:inline-block;
}
.filter-tour .pseudo-toggle-list .form-list,
.filter-tour .pseudo-toggle-list .form-list > li,
.filter-tour .pseudo-tab-item .form-list,
.filter-tour .pseudo-tab-item .form-list > li{
border:none;
}
.filter-tour .pseudo-toggle-list .form-list > li > label,
.filter-tour .pseudo-tab-item .form-list > li > label{
min-height:35px;
}
.filter-tour.condition .filter-info{
margin-bottom:15px;
}
.filter-tour.condition .form-list > li{
margin:0 0 3px 0;
}
.filter-tour.condition .form-list > li > label span:not([class]){
font-size:15px;
}
.filter-tour.condition .form-list > li > label .sup{
font-size:11px;
display:block;
}
.filter-tour .filter-item-info{
font-size:14px;
margin:0 0 5px 0;
}

/* .form-list-airline
----------------------------------------------- */
.pseudo-content .form-list-airline{
margin:-8px -10px 0;
}
.pseudo-content .form-list-airline > li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.pseudo-content .form-list-airline > li label{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:40px;
padding:0 10px 0 40px;
}
.pseudo-content .form-list-airline > li.is-disabled label{
color:#999;
}
.pseudo-content .form-list-airline > li label input[type="checkbox"]{
left:10px;
}
.pseudo-content .form-list-airline .name{
-webkit-box-flex:1;
flex:1;
font-size:14px;
}
.pseudo-content .form-list-airline .name .num{
font-size:11px;
display:inline-block;
vertical-align:middle;
margin:-3px 0 0 5px;
color:var(--cmn-font-color-gray);
}
.pseudo-content .form-list-airline .logo{
width:40px;
text-align:center;
margin-right:10px;
}
.pseudo-content .form-list-airline .logo img{
max-width:40px;
max-height:20px;
}
.pseudo-content .form-list-airline .alliance{
margin-left:10px;
width:25px;
text-align:center;
font-size:11px;
}
.pseudo-content .form-list-airline .price{
margin-left:10px;
width:96px;
text-align:right;
font-size:14px;
}
.pseudo-content .form-list-airline .price .num{
font-size:15px;
}
.pseudo-content .form-list-airline .alliance img{
max-width:25px;
height:auto;
}

/* .form-list-hotel
----------------------------------------------- */
.filter-tour .form-list-hotel{
margin:-8px -10px 0;
}
.filter-tour .form-list-hotel > li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.filter-tour .form-list-hotel > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
min-height:50px;
}
.filter-tour .form-list-hotel > li label{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
-webkit-box-align:center;
align-items:center;
padding-left:40px;
padding-right:10px;
}
.filter-tour .form-list-hotel > li.is-disabled label{
color:#999;
}
.filter-tour .form-list-hotel > li > a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:0 12px;
}
.filter-tour .form-list-hotel .name{
-webkit-box-flex:1;
flex:1;
font-size:14px;
line-height:1.2;
padding:11px 0 10px;
}
.filter-tour .form-list-hotel .name > .num{
font-size:11px;
}
.filter-tour .form-list-hotel .name > .sup{
display:block;
font-size:11px;
color:#a4a4a4;
}
.filter-tour .form-list-hotel .score{
margin-left:10px;
width:48px;
}
.filter-tour .form-list-hotel .score > span{
position:relative;
display:block;
margin-top:2px;
padding-left:20px;
font-size:13px;
line-height:1.4;
font-family:Arial;
}
.filter-tour .form-list-hotel .score > .icon-r-hotel::before{
content:"";
width:15px;
height:15px;
display:block;
position:absolute;
left:0;
top:0;
background:url(/element_sp/w_tour/shared/images/icon/icon-rate-checkbox-on.svg) no-repeat 0 0;
background-size:100%;
}
.filter-tour .form-list-hotel .score > .icon-r-review::before{
content:"";
width:14px;
height:14px;
display:block;
position:absolute;
left:1px;
top:1px;
background:url(/element/w_tour/shared/images/icon/icon-r-review.svg) no-repeat 0 0;
background-size:100%;
}

/* .time-list-item
----------------------------------------------- */
.filter-tour .time-list-item{
margin:5px 0 ;
padding:0 10px;
}

/* .form-list-agent
----------------------------------------------- */
.form-list-agent{
margin:-8px -4px 0 -10px;
}
.form-list-agent > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}
.form-list-agent > li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.form-list-agent > li label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
position:relative;
min-height:44px;
padding:0 10px 0 40px;
line-height:1.14;
box-sizing:border-box;
}
.form-list-agent > li label input[type="checkbox"]{
left:10px;
}
.form-list-agent > li.is-disabled label{
opacity:.25;
}
.form-list-agent .name{
-webkit-box-flex:1;
flex:1;
padding:8px 0 7px;
}
.form-list-agent .name .num,
.filter-dp-list .num{
font-size:11px;
display:inline-block;
vertical-align:middle;
margin:-3px 0 0 5px;
color:var(--cmn-font-color-gray);
}
.form-list-agent .association{
margin-left:10px;
width:45px;
text-align:center;
}
.form-list-agent .association img{
max-width:45px;
max-height:40px;
}
.form-list-agent > li .detail{
width:40px;
}
.form-list-agent > li .detail a{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
height:100%;
font-size:13px;
}
.filter-tour .form-list-hotel .hotel-detail{
width:52px;
}
.filter-tour .fitel-agent-head{
margin:15px 0 10px 0;
}
.filter-tour .fitel-agent-head .btn-fitel-agent{
font-size:13px;
border:1px solid #bbb;
color:var(--cmn-font-color-gray);
height:35px;
padding:0 15px;
background:#fff;
border-radius:4px;
}
.filter-tour .fitel-agent-head .filter-agent-info{
font-size:11px;
margin-top:5px;
color:var(--cmn-font-color-gray);
}
.filter-tour .fitel-agent-head .select-release{
text-align:right;
margin-right:-5px;
}
.filter-tour .fitel-agent-head .select-release button{
font-size:13px;
}
.filter-agent .form-list-agent > li{
border:0;
}
.filter-agent .form-list-agent > li label{
padding-left:10px;
}
.filter-agent .form-list-agent > li label input[type="checkbox"] {
left:10px;
margin-right:10px;
}

/* .filter-agent-head
----------------------------------------------- */
.filter-agent-head{
margin:0 -10px 10px;
padding:15px 10px ;
border-bottom:1px solid #e5e5e5;
}
.filter-agent-head .filter-agent-head-info{
font-size:12px;
}
.filter-agent-head .filter-agent-check{
font-size:14px;
}
.filter-agent-head .filter-agent-check input{
vertical-align:middle;
margin-right:5px;
}
.filter-agent-head .filter-agent-check .num{
font-size:11px;
color:var(--cmn-font-color-gray);
display:inline-block;
vertical-align:middle;
margin:-2px 0 0 0;
}
.filter-agent-head .filter-agent-check .cmn-tip-btn{
margin-left:4px;
}

/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */

/* .hdg-l2-container
----------------------------------------------- */
.filter-tour .hdg-l2-container{
position:relative;
padding:inherit;
}

/* .hdg-l2-btn
----------------------------------------------- */
.filter-tour .hdg-l2-btn{
margin:0;
padding:0 6px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
position:absolute;
bottom:50%;
right:10px;
line-height:21px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
font-size:12px;
background-color:transparent;
}

/* .hdg-l2
----------------------------------------------- */
.filter-tour .hdg-l2{
position:relative;
font-size:14px;
padding:12px 10px 0 10px;
font-size:14px;
background:none;
color:var(--cmn-font-color-base);
}
.filter-tour .hdg-l2 .num{
font-size:15px;
}
.filter-tour .hdg-l2 .hdg-l2-sup{
font-size:12px;
font-weight:normal;
}

/* .hdg-l2-link
----------------------------------------------- */
.filter-tour .hdg-l2-link{
position:absolute;
right:0;
top:50%;
padding-left:10px;
font-size:13px;
color:#fff;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.filter-tour .hdg-l2-link:before{
content:"";
position:absolute;
top:50%;
left:-5px;
display:block;
width:6px;
height:6px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#fff;
-webkit-transform:rotate(45deg) translateY(-50%);
transform:rotate(45deg) translateY(-50%);
}

/* .hdg-l2-01
----------------------------------------------- */
.filter-tour .hdg-l2-01{
margin: 0 -10px;
padding: 8px 10px;
color: #fff;
background-color: #444;
font-size: 14px;
font-weight: normal;
line-height: 1;
}
.filter-tour .cmn-ad-bnr + .hdg-l2-01{
margin-top:20px;
}

/* .hdg-l2-02
----------------------------------------------- */
.filter-tour .hdg-l2-02{
margin:15px 0 5px;
color:var(--cmn-font-color-base);
font-size:13px;
}

/* .pseudo-hdg-l2-container
----------------------------------------------- */
.filter-tour .pseudo-hdg-l2-container{
margin:0 -10px;
padding:7px 135px 7px 10px;
position:relative;
background-color:#888;
}
.filter-tour .pseudo-hdg-l2-container .hdg-l2{
margin:0;
padding:0;
color:#fff;
}

/* .hdg-l2-container presentation
----------------------------------------------- */
.filter-tour .hdg-l2-container [role="presentation"]{
line-height:1.18;
position:absolute;
right:0;
top:50%;
font-size:11px;
text-align:center;
color:#fff;
box-sizing:border-box;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.filter-tour .hdg-l2-container [role="presentation"] > span{
display:block;
}
.filter-tour .hdg-l2-container.hotel:after{
right:87px;
}
.filter-tour .hdg-l2-container.hotel [role="presentation"]{
width:87px;
}
.filter-tour .hdg-l2-container.agt:after{
right:75px;
}
.filter-tour .hdg-l2-container.agt [role="presentation"]{
width:75px;
}
.filter-tour .hdg-l2-container.airline:after{
right:42px;
}
.filter-tour .hdg-l2-container.airline [role="presentation"]{
width:42px;
}

/* .hdg-l3
----------------------------------------------- */
.filter-tour .hdg-l3{
font-size:14px;
margin:16px 0 5px;
}
.filter-tour .link-list-image + .hdg-l3{
margin-top:12px;
}
.filter-tour .hdg-l2-01 + .hdg-l3{
margin-top:10px;
}

/* .hdg-l3-01
----------------------------------------------- */
.filter-tour .hdg-l3-01{
position:relative;
font-size:13px;
margin:0 -10px;
padding:5px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
}

/* .hdg-l3-02
----------------------------------------------- */
.filter-tour .hdg-l3-02{
margin:12px 0 11px;
line-height:1.35;
font-size:13px;
}

/* .hdg-l3-03
----------------------------------------------- */
.filter-tour .hdg-l3-03{
margin:12px 0;
padding:3px 10px;
font-size:14px;
background-color:#eee;
}
.filter-tour .toggle-container .hdg-l3-03{
margin:0 -10px 12px;
}

/* .hdg-l3-04
----------------------------------------------- */
.filter-tour .hdg-l3-04{
margin:7px 0;
font-size:14px;
}
.filter-tour .hdg-l3-04-sup{
display:block;
font-size:12px;
font-weight:normal;
}

/* ----------------------------------------------------------------
  .form-input-word
----------------------------------------------------------------- */

/* .form-input-word
----------------------------------------------- */
.filter-tour .form-input-word{
margin:15px 0;
position:relative;
}

/* .form-input-word-inner
----------------------------------------------- */
.filter-tour .form-input-word .form-input-word-inner{
position:relative;
z-index:1;
}
.filter-tour .form-input-word .form-input-word-inner input[type="text"],
.filter-tour .form-input-word .form-input-word-inner input[type="search"]{
padding:0 30px 0 7px;
border:1px solid #999;
height:42px;
}
.filter-tour .form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder,
.filter-tour .form-input-word .form-input-word-inner input[type="text"]::placeholder{
font-size:12px;
color:#9e9e9e;
}
.filter-tour .form-input-word .form-input-word-inner input[type="search"]::-webkit-input-placeholder,
.filter-tour .form-input-word .form-input-word-inner input[type="search"]::placeholder{
font-size:12px;
color:#9e9e9e;
}
.filter-tour .form-input-word .form-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .form-input-word-suggest
----------------------------------------------- */
.filter-tour .form-input-word .form-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:1%;
z-index:2;
width:98%;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.filter-tour .form-input-word .form-input-word-suggest.is-active{
display:block;
}

/* .form-input-word-suggest-hdg
----------------------------------------------- */
.filter-tour .form-input-word .form-input-word-suggest-hdg{
padding:5px 10px;
background-color:#e5e5e5;
font-size:13px;
}

/* .form-input-word-suggest-sup
----------------------------------------------- */
.filter-tour .form-input-word .form-input-word-suggest-sup{
padding:10px;
font-size:13px;
}

/* .form-input-word-suggest-list
----------------------------------------------- */
.filter-tour .form-input-word .form-input-word-suggest-list{
font-size:14px;
line-height:1.25;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li a{
padding:0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li[class] a{
padding-left:35px;
position:relative;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li[class] a:before{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:35px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li.area a:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:11px 16px;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li.spot a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li.airport a:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:18px 18px;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li.station a:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.filter-tour .form-input-word .form-input-word-suggest-list > li.hotel a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:18px 14px;
opacity:.75;
}

/* .form-input-word-suggest-list-keyword
----------------------------------------------- */
.filter-tour .form-input-word .form-input-word-suggest-list-keyword{
font-size:14px;
line-height:1.25;
}
.filter-tour .form-input-word .form-input-word-suggest-list-keyword > li{
position:relative;
}
.filter-tour .form-input-word .form-input-word-suggest-list-keyword > li:not(:last-child){
border-bottom:0;
}
.filter-tour .form-input-word .form-input-word-suggest-list-keyword > li a{
padding:0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
position:relative;
}
.filter-tour .form-input-word .form-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.filter-tour .form-input-word .form-input-word-suggest-list-keyword > li button:before{
content:"";
display:block;
width:13px;
height:100%;
position:absolute;
right:10px;
opacity:.9;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-slanting.svg) 50% 50% no-repeat;
}

/* .form-input-word-suggest-category
----------------------------------------------- */
.filter-tour .form-input-word .form-input-word-suggest-category{
padding:5px 10px;
background-color:#f5f5f5;
border-top:1px solid #e5e5e5;
}

/* .form-input-word-suggest-category-hdg
----------------------------------------------- */
.filter-tour .form-input-word .form-input-word-suggest-category-hdg{
font-size:11px;
font-weight:normal;
}

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

/* .search-word-btn
----------------------------------------------- */
.filter-tour .search-word-btn,
.filter-tour .search-word-btn-s{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:16px;
width:100%;
height:100%;
min-height:38px;
color:var(--cmn-font-color-base);
padding:3px 20px 3px 8px;
border:1px solid #999;
text-align:left;
line-height:1.25;
border-radius:4px;
box-sizing:border-box;
position:relative;
background:#fff;
}
.filter-tour .search-word-btn-s{
font-size:12px;
color:#9e9e9e;
}
.filter-tour .search-word-btn-s.is-selected{
color:var(--cmn-font-color-base);
}
.filter-tour .search-word-btn-s > span{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.filter-tour .search-word-btn.is-unselected,
.filter-tour .search-word-btn-s.is-unselected{
font-weight:normal;
}
.filter-tour .search-word-btn.is-selected,
.filter-tour .search-word-btn-s.is-selected{
padding-left:55px;
}
.filter-tour .search-word-btn-s.is-selected{
font-size:12px;
}
.filter-tour .search-index-form .search-word-btn,
.filter-tour .search-index-form .search-word-btn-s{
border-color:#999;
}

/* ----------------------------------------------------------------
  Pseudo Components
-------------------------------------------------------------------
/* .pseudo-tab-container
----------------------------------------------- */
.filter-tour .pseudo-tab-container .pseudo-tab-item{
display:none;
}
.filter-tour .pseudo-tab-container .pseudo-tab-item.is-active{
display:block;
}
.filter-tour .pseudo-tab-container.is-tab-fixed{
padding-top:88px;
}
.filter-tour .pseudo-tab-container.is-area-active.is-tab-fixed{
padding-top:135px;
}

/* .pseudo-tab
----------------------------------------------- */
.filter-tour .pseudo-tab,
.filter-dp .pseudo-tab{
margin:0 -10px;
}
.filter-tour .pseudo-tab-container.is-tab-fixed .pseudo-tab{
position:fixed;
width:100%;
z-index:1;
margin-top:-42px;
}
.filter-tour .pseudo-tab-container.is-area-active.is-tab-fixed .pseudo-tab{
margin-top:-100px;
}

/* .pseudo-category-tab
----------------------------------------------- */
.pseudo-category-tab{
display:-webkit-box;
display:flex;
}
.pseudo-category-tab > li{
-webkit-box-flex:1;
flex:1;
}
.pseudo-category-tab > li:not(:first-child){
border-left:1px solid #bbb;
}
.pseudo-category-tab > li button{
width:100%;
height:42px;
font-size:14px;
color:var(--cmn-font-color-gray);
border:none;
border-bottom:1px solid #bbb;
background-color:#f5f5f5;
}
.pseudo-category-tab > li button .sup{
font-weight:normal;
padding-left:3px;
font-size:11px;
}
.pseudo-category-tab > li button .sup .num{
font-size:12px;
}
.pseudo-category-tab > li button:disabled{
color:var(--cmn-font-color-base);
font-weight:bold;
border-bottom-color:#fff;
background-color:#fff;
}
.pseudo-tab-container.is-tab-fixed .pseudo-category-tab > li button:disabled{
border-bottom-color:#bbb;
}

/* .pseudo-area-tab
----------------------------------------------- */
.filter-tour .pseudo-area-tab-container{
display:none;
padding:15px 10px;
background:#666;
}
.filter-tour .pseudo-area-tab-container.is-slide-active{
padding:15px 0;
}
.filter-tour .pseudo-tab-container.is-area-active .pseudo-area-tab-container{
display:block;
}
.filter-tour .pseudo-area-tab{
height:28px;
overflow:hidden;
position:relative;
z-index:1;
background:#666;
}
.filter-tour .pseudo-area-tab .pseudo-area-tab-list{
display:table;
table-layout:fixed;
width:100%;
}
.filter-tour .pseudo-area-tab .pseudo-area-tab-list > li{
display:table-cell;
}
.filter-tour .pseudo-area-tab-list > li button{
padding:0 6px;
height:28px;
width:100%;
font-size:14px;
color:#fff;
background-color:transparent;
border:1px solid #fff;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.filter-tour .pseudo-area-tab .pseudo-area-tab-list > li.is-current button{
color:var(--cmn-font-color-base);
background-color:#fff;
}
.filter-tour .pseudo-area-tab .pseudo-area-tab-list > li:not(:first-child) button{
border-left:none;
}
.filter-tour .pseudo-area-tab .pseudo-area-tab-list > li:first-child button{
border-radius:4px 0 0 4px;
}
.filter-tour .pseudo-area-tab .pseudo-area-tab-list > li:last-child button{
border-radius:0 4px 4px 0;
}
.filter-tour .pseudo-area-tab-container.is-slide-active .pseudo-area-tab-inner{
-webkit-user-select:none;
user-select:none;
display:block;
height:48px;
overflow-y:hidden;
position:relative;
-webkit-overflow-scrolling:touch;
overflow-x:scroll;
}
.filter-tour .pseudo-area-tab-container.is-slide-active .pseudo-area-tab-list{
display:inline-block;
position:relative;
white-space:nowrap;
overflow:hidden;
font-size:0;
margin:0 10px;
width:auto;
}
.filter-tour .pseudo-area-tab-container.is-slide-active .pseudo-area-tab-list > li{
display:inline-block;
margin:0;
text-align:center;
font-size:14px;
position:relative;
}
.filter-tour .pseudo-area-tab-container.is-slide-active .pseudo-area-tab-list > li{
width:110px;
}
/* .pseudo-airline-num
----------------------------------------------- */
.filter-tour .pseudo-airline-num{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
margin:10px -10px;
padding:4px 10px;
color:#fff;
font-size:11px;
background-color:#888;
}

/* .pseudo-hotel-hdg
----------------------------------------------- */
.filter-tour .pseudo-hotel-hdg{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
margin:10px -10px;
padding:4px 10px;
color:#fff;
font-size:11px;
background-color:#888;
}

/* .pseudo-agent-num
----------------------------------------------- */
.filter-tour .pseudo-agent-num{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
margin:0 -10px 10px;
padding:4px 10px;
color:#fff;
font-size:11px;
background-color:#888;
}

/* .pseudo-toggle-list
----------------------------------------------- */
.filter-tour .pseudo-toggle-list{
margin:0 -10px;
line-height:1.35;
}
.filter-tour .pseudo-toggle-list > li{
border-bottom:1px solid #e9e9e9;
}
.filter-tour .pseudo-toggle-list > li .pseudo-toggle-list-hook{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:3px 10px 3px 30px;
min-height:45px;
font-size:14px;
color:var(--cmn-font-color-base);
font-weight:bold;
box-sizing:border-box;
}
.filter-tour .pseudo-toggle-list > li .pseudo-toggle-list-hook:before{
content:"";
display:block;
position:absolute;
left:10px;
top:50%;
margin-top:-7px;
width:13px;
height:13px;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
background-size:100%;
}
.filter-tour .pseudo-toggle-list > li.is-active .pseudo-toggle-list-hook:before{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .pseudo-toggle-list-item
----------------------------------------------- */
.filter-tour .pseudo-toggle-list > li > .pseudo-toggle-list-item{
display:none;
padding:0 30px 10px;
}
.filter-tour .pseudo-toggle-list > li.is-active > .pseudo-toggle-list-item{
display:block;
}
.filter-tour .pseudo-toggle-list > li > .pseudo-toggle-list-item >:first-child{
margin-top:0;
}
.filter-tour .pseudo-toggle-list > li > .pseudo-toggle-list-item > p > .cmn-tip-btn{
margin-bottom:1px;
}
.filter-tour .pseudo-toggle-list > li > .pseudo-toggle-list-item > .pseudo-toggle-guide{
margin-top:5px;
}

/* .pseudo-del-header
----------------------------------------------- */
.filter-tour .pseudo-del-header{
position:relative;
margin:0 -10px;
padding:13px 90px 13px 10px;
}
.filter-tour .pseudo-del-header-hdg{
font-size:14px;
}
.filter-tour .pseudo-del-header-btn{
position:absolute;
right:10px;
top:10px;
width:70px;
height:25px;
font-size:11px;
color:var(--cmn-font-color-gray);
border-radius:4px;
border:1px solid #bbb;
background-color:#fff;
}
.filter-tour .pseudo-del-list + .pseudo-del-header{
border-top:6px solid #666;
}

/* .pseudo-del-list
----------------------------------------------- */
.filter-tour .pseudo-del-list{
margin:15px 0 10px;
}
.filter-tour .pseudo-del-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}
.filter-tour .pseudo-del-list > li button{
position:relative;
padding:3px 25px 3px 6px;
min-height:34px;
height:100%;
font-size:13px;
color:var(--cmn-font-color-gray);
text-align:left;
line-height:1;
border:none;
border-radius:2px;
background-color:#f3f3f3;
}
.filter-tour .pseudo-del-list > li button:after{
content:"";
position:absolute;
right:9px;
top:50%;
margin-top:-4px;
display:block;
width:7px;
height:7px;
background:url(/element/shared/images/icon/icon-reset-line.svg) right center no-repeat;
}
.filter-tour .pseudo-del-list > li > button{
width:80px;
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:bold;
}
.filter-tour .pseudo-del-list > li > button >span{
display:block;
}
.filter-tour .pseudo-del-list-item{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-flex:1;
flex:1;
margin:0 0 0 10px;
}
.filter-tour .pseudo-del-list-item > li{
margin-bottom:6px;
}
.filter-tour .pseudo-del-list-item > li:not(:last-child){
margin-right:6px;
}

/* .notice-list
----------------------------------------------- */
.filter-tour .notice-list{
font-size:11px;
color:var(--cmn-font-color-gray);
margin:8px 10px;
}
.filter-tour .notice-list > li{
position:relative;
padding-left:1em;
}
.filter-tour .notice-list > li:not(:first-child){
margin-top:5px;
}
.filter-tour .notice-list > li:before{
position:absolute;
left:0;
top:0;
content:"\203b";
}
.filter-tour .notice-list > li .mark{
display:none;
}
.filter-tour .notice-list > li > strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.filter-tour .search-result-item .notice-list,
.filter-tour .detail-header .notice-list{
font-size:11px;
}
.filter-tour .notice-list.branch{
color:var(--cmn-font-color-base);
}
.filter-tour .notice-list .notice-list .cmn-tip-caution-btn{
vertical-align:top;
}

/* .notice-list-01
----------------------------------------------- */
.filter-tour .notice-list-01{
font-size:12px;
color:var(--cmn-font-color-base);
margin:8px 0;
}
.filter-tour .notice-list-01 > li{
position:relative;
padding-left:1em;
}
.filter-tour .notice-list-01 > li:not(:first-child){
margin-top:5px;
}
.filter-tour .notice-list-01 > li:before{
position:absolute;
left:0;
top:0;
content:"\203b";
}
.filter-tour .notice-list-01 > li > .mark{
display:none;
}

/* .item-info
----------------------------------------------- */
.filter-tour .item-info-container{
margin:0 -10px;
}
.filter-tour .hdg-l2 + .item-info-container{
margin:-1px -10px;
}
.filter-tour .item-info-container + .item-info-container{
margin-top:15px;
}
.filter-tour .item-info{
display:table;
margin:0;
width:100%;
line-height:1.2;
border-collapse:collapse
}
.filter-tour .item-info .tbl-tr{
display:table-row;
}
.filter-tour .item-info .tbl-th,
.filter-tour .item-info .tbl-td{
display:table-cell;
}
.filter-tour .item-info tr,
.filter-tour .item-info .tbl-tr{
border-style:solid;
border-width:1px 0;
border-color:#e5e5e5;
}
.filter-tour .item-info .tbl-th,
.filter-tour .item-info th{
padding:6px 0 5px 10px;
width:80px;
font-size:12px;
font-weight:normal;
text-align:left;
background:#f5f5f5;
box-sizing:border-box;
}
.filter-tour .item-info .tbl-th span,
.filter-tour .item-info th span{
display:block;
}
.filter-tour .item-info .tbl-th > div,
.filter-tour .item-info th > div{
position:relative;
padding-right:20px;
}
.filter-tour .item-info .tbl-th > div > .cmn-tip-btn,
.filter-tour .item-info th > div > .cmn-tip-btn{
position:absolute;
right:4px;
top:50%;
margin-top:-8px;
}
.filter-tour .item-info .tbl-th > div > .icon-essential,
.filter-tour .item-info th > div > .icon-essential{
position:absolute;
display:inline-block;
right:10px;
top:50%;
margin-top:-9px;
padding:2px 5px 1px;
font-size:11px;
color:#e40101;
border:1px solid #e40101;
background-color:#fff;
box-sizing:border-box;
}
.filter-tour .item-info .tbl-thead .tbl-th,
.filter-tour .item-info thead th{
font-size:14px;
font-weight:bold;
text-align:left;
background:#f0f0f0;
}
.filter-tour .item-info .tbl-td,
.filter-tour .item-info td{
padding:10px;
font-size:13px;
line-height:1.4;
word-break:break-all;
background:#fff;
}
.filter-tour .item-info .tbl-td ul,
.filter-tour .item-info td ul{
margin:0;
}
.filter-tour .item-info .tbl-td .org-icon,
.filter-tour .item-info td .org-icon{
width:29px;
height:29px;
margin:2px 0 4px;
display:block;
}
.filter-tour .item-info .tbl-td .compnay-logo,
.filter-tour .item-info td .compnay-logo{
display:block;
}
.filter-tour .item-info .tbl-td .link-tel,
.filter-tour .item-info td .link-tel{
margin:0 auto 7px;
}
.filter-tour .item-info .item-info-link{
display:block;
color:#555;
position:relative;
padding-left:13px;
font-size:12px;
}
.filter-tour .item-info .item-info-link:before{
border-right:1px solid #555;
border-top:1px solid #555;
content:"";
display:block;
position:absolute;
top:4px;
left:0;
width:6px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.filter-tour .detail-header .item-info .item-info-link{
display:block;
font-size:12px;
}
.filter-tour .search-result-item .item-info .tbl-td,
.filter-tour .search-result-item .item-info td{
padding:5px 10px 4px;
font-size:12px;
}
.filter-tour .detail-header .item-info .tbl-td,
.filter-tour .detail-header .item-info td{
padding:4px 10px 3px;
font-size:13px;
line-height:1.4;
}
.filter-tour .detail-header .item-info .tbl-td .link-tel,
.filter-tour .detail-header .item-info .tbl-td .link-tel-01,
.filter-tour .detail-header .item-info td .link-tel,
.filter-tour .detail-header .item-info td .link-tel-01{
margin:6px auto 7px;
}

/* .item-info-agt-link-container
----------------------------------------------- */
.filter-tour .item-info-agt-link-container{
margin:20px 0;
}
.filter-tour .item-info-agt-link-container > p{
text-align:center;
font-size:12px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-th,
.filter-tour .item-info-agt-link-container .item-info th{
width:105px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-th > div,
.filter-tour .item-info-agt-link-container .item-info th > div{
padding-right:50px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-th > span,
.filter-tour .item-info-agt-link-container .item-info th > span{
font-size:11px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-td,
.filter-tour .item-info-agt-link-container .item-info td{
font-size:14px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-td .form-inner-01,
.filter-tour .item-info-agt-link-container .item-info td .form-inner-01{
font-size:12px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-td .num,
.filter-tour .item-info-agt-link-container .item-info td .num{
font-size:16px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-td .note,
.filter-tour .item-info-agt-link-container .item-info td .note{
display:block;
font-size:11px;
margin-top:8px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-td .sup,
.filter-tour .item-info-agt-link-container .item-info td .sup{
font-size:11px;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-td .departure-btn,
.filter-tour .item-info-agt-link-container .item-info td .departure-btn{
font-size:16px;
width:100%;
height:100%;
min-height:38px;
color:#a4a4a4;
padding:6px 0 6px 6px;
border:2px solid #bbb;
text-align:left;
border-radius:4px;
display:block;
box-sizing:border-box;
position:relative;
background:#fff5f5;
}
.filter-tour .item-info-agt-link-container .item-info .tbl-td .departure-btn.active,
.filter-tour .item-info-agt-link-container .item-info td .departure-btn.active{
padding:8px 0 7px 6px;
font-weight:bold;
color:var(--cmn-font-color-base);
font-size:14px;
border-width:1px;
background-color:#fff;
}

/* .feature-icon-list
----------------------------------------------- */
.filter-tour .item-info .feature-icon-list{
letter-spacing:-.4em;
margin:0;
}
.filter-tour .item-info .feature-icon-list{
margin-bottom:-2px;
}
.filter-tour .item-info .feature-icon-list > li{
display:inline-block;
margin:0 5px 2px 0;
padding:2px 3px 1px;
text-align:center;
letter-spacing:normal;
color:var(--cmn-font-color-base);
font-size:10px;
border:1px solid #aaa;
box-sizing:border-box;
}
.filter-tour .item-info .feature-icon-list > li:first-child{
margin-left:0;
}
.filter-tour .item-info .feature-icon-list > li.disabled{
opacity:.25;
}
.filter-tour .search-result-item .item-info .feature-icon-list{
margin-bottom:-1px;
}
.filter-tour .search-result-item .item-info .feature-icon-list > li{
margin:0 1px 1px 0
}

/* .link-tel
----------------------------------------------- */
.filter-tour .link-tel{
margin:0 auto;
padding:11px 15px 10px 35px;
color:#555;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:200px;
text-align:center;
box-sizing:border-box;
box-shadow:0 -1px 0 #bbb inset;
line-height:1;
font-size:16px;
font-weight:bold;
background:#fff url(/element_sp/shared/images/icon/icon-phone.svg) 10px 50% no-repeat;
background-size:20px auto;
}

/* .link-tel-01
----------------------------------------------- */
.filter-tour .link-tel-01{
margin:0 auto;
padding:11px 10px;
color:#555;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:200px;
text-align:center;
box-sizing:border-box;
box-shadow:0 -1px 0 #bbb inset;
line-height:1;
font-size:16px;
font-weight:bold;
}
.filter-tour .link-tel-container .link-tel,
.filter-tour .link-tel-container .link-tel-01{
border:0;
box-shadow:0 -2px 0 #bbb inset;
}

/* .link-tel-container
----------------------------------------------- */
.filter-tour .link-tel-container{
margin-top:0;
padding:10px;
width:100%;
box-sizing:border-box;
background-color:#444;
position:fixed;
z-index:1;
bottom:0;
left:0;
color:#fff;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.filter-tour .link-tel-container .tel-info-list{
margin:7px 0 0;
font-size:11px;
}
.filter-tour .link-tel-container .tel-info-list > li:not(:first-child){
overflow:hidden;
margin-top:3px;
}
.filter-tour .link-tel-container .tel-info-list > li > span{
float:left;
display:block;
width:5em;
}
.filter-tour .link-tel-container .tel-info-list > li > div{
overflow:hidden;
}

/* .filter-tour condition
----------------------------------------------- */
.filter-tour.condition{
margin-top:25px;
}

/* .filter-airline-head
----------------------------------------------- */
.filter-airline-head{
margin:15px 0;
}
.filter-airline-head-info{
font-size:16px;
}
.airline-select-item,
.select-all-item{
display:table;
margin-top:10px;
width:100%;
}
.airline-select-item > div,
.select-all-item > div{
display:table-cell;
}
.airline-select-item > .airline-multiple{
position:relative;
padding-left:32px;
font-size:13px;
line-height:1.3;
}
.airline-select-item > .airline-multiple input[type="checkbox"]{
position:absolute;
left:0;
top:0;
bottom:0;
margin:auto 0;
display:inline-block;
vertical-align:baseline;
}
.airline-select-item > .select-release,
.select-all-item > .select-release{
vertical-align:bottom;
text-align:right;
}
.select-release button,
.select-all-item button{
color:var(--cmn-font-color-link);
font-size:11px;
border:0;
padding:4px 5px;
line-height:1;
background:none;
position:relative;
}
.select-release button:last-child::before,
.select-all-item button:last-child::before{
content:'';
position:absolute;
width:1px;
height:10px;
background:#ccc;
left:-3px;
}
.select-release button.disabled,
.select-all-item button.disabled{
color:#ccc;
}
.alliance-select-list{
display:table;
margin:8px 0 5px -5px;
width :-webkit-calc(100% + 10px) ;
width :calc(100% + 10px) ;
border-collapse:separate;
border-spacing:5px 0;
}
.alliance-select-list li{
display:table-cell;
border:1px solid #bbb;
border-radius:5px;
font-size:12px;
color:var(--cmn-font-color-gray);
width:33.3%;
box-sizing:border-box;
text-align:center;
vertical-align:top;
}
.alliance-select-list .alliance-txt{
height:38px;
line-height:38px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
}
.alliance-select-list .staralliance .alliance-txt{
line-height:1.2;
padding-top:4px;
}
.alliance-select-list li .select-release button{
width:50%;
}
.filter-airline-head .filter-airline-info{
font-size:11px;
color:var(--cmn-font-color-gray);
}
.alliance-select-list.exclude{
display:flex;
width:100%;
flex-wrap:wrap;
}
.alliance-select-list.exclude li{
width :-webkit-calc(50% - 5px) ;
width :calc(50% - 5px) ;
box-sizing:border-box;
margin-right:5px;
margin-bottom:5px;
}
.alliance-select-list.exclude li:nth-child(even){
margin-left:5px;
margin-right:0;
}
.alliance-select-list.exclude .alliance-txt{
height:21px;
line-height:21px;
}
.alliance-select-list.exclude .staralliance .alliance-txt{
padding-top:0;
}
.alliance-select-list.exclude .select-release{
padding:0 20px;
}

/* .release-select-list
----------------------------------------------- */
.release-select-list{
display:table;
margin:8px 0 5px -5px;
width :-webkit-calc(100% + 10px) ;
width :calc(100% + 10px) ;
border-collapse:separate;
border-spacing:5px 0;
}
.release-select-list li{
display:table-cell;
border:1px solid #bbb;
border-radius:5px;
font-size:12px;
color:var(--cmn-font-color-gray);
width:33.3%;
box-sizing:border-box;
text-align:center;
vertical-align:top;
}
.release-select-list .release-select-txt{
height:38px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
line-height:1.2;
padding-top:5px;
font-size:12px;
}
.filter-note-list{
color:var(--cmn-font-color-gray);
margin:15px 0 10px;
}
.filter-note-list li{
font-size:11px;
text-indent:-1em;
padding-left:1em;
}

/* .form-list-agent
----------------------------------------------- */
.pseudo-content .form-list-agent{
margin:10px -10px 0;
}
.pseudo-content .select-all-item + .form-list-agent{
margin-top:0;
}
.pseudo-content .form-list-agent > li{
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .form-list-agent > li label{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:40px;
padding:0 10px 0;
}
.pseudo-content .filter-tour .form-list-agent > li label{
padding-left:40px;
}
.pseudo-content .form-list-agent > li.is-disabled label{
color:#999;
}
.pseudo-content .form-list-agent > li label input[type="checkbox"]{
left:10px;
}
.pseudo-content .form-list-agent .name{
-webkit-box-flex:1;
flex:1;
font-size:14px;
}
.pseudo-content .form-list-agent .name .num{
font-size:11px;
display:inline-block;
vertical-align:middle;
margin:-3px 0 0 5px;
color:var(--cmn-font-color-gray);
}
.pseudo-content .form-list-agent .name .name-note{
display:block;
font-size:11px;
color:var(--cmn-font-color-gray);
margin-top:3px;
}
.pseudo-content .form-list-agent .name .name-note .cmn-tip-caution-btn{
margin-left:3px;
}

/* .filter-tour-container
----------------------------------------------- */
.filter-tour-container{
margin:10px 0;
width:100%;
}
.filter-tour-container .filter-toggle-container{
margin-bottom:30px;
}
.filter-tour-container .filter-toggle-container:last-child{
padding-bottom:80px;
}
.filter-tour-item{
display:table;
width:100%;
margin-bottom:10px;
table-layout:fixed;
}
.filter-tour-item .filter-desc{
font-weight:bold;
font-size:13px;
line-height:1.35;
display:table-cell;
width:75px;
vertical-align:middle;
padding-top:3px;
}
.filter-tour-item .filter-desc .desc-sml{
font-size:12px;
}
.filter-tour-item .filter-desc.desc-top{
vertical-align:top;
padding-top:13px;
}
.filter-tour-item > .filter-item .form-list > li{
margin-top:0;
}
.filter-tour-item .filter-desc .cmn-tip-btn{
vertical-align:top;
margin:0px 0 7px 0;
}
.filter-tour-item .filter-select.col-02{
display:flex;
}
.filter-tour-item .filter-select.col-02 > div{
flex-basis:50%;
}
.filter-tour-item .filter-select.col-02 > div:first-child{
padding-right:10px;
position:relative;
}
.filter-tour-item .filter-select.col-02 > div:last-child{
padding-left:10px;
}
.filter-tour-item.item-price-select .filter-select.col-02 > div:first-child::after{
content:'\0301C';
position:absolute;
right:-5px;
top:12px;
font-size:12px;
}
.filter-tour-item > .filter-item{
display:table-cell;
}
.filter-tour-item > .filter-item .filter-btn{
margin-top:0;
}
.filter-tour-item > .filter-item .filter-item-sup{
font-size:11px;
padding-left:4px;
}
.filter-tour-item > .filter-item .form-list > li > label{
font-size:14px;
}
.filter-tour-item > .filter-item.keyword{
display:table-cell;
}
.select-custom.is-selected > select,
.filter-tour .select-custom.is-selected > select{
color:var(--cmn-font-color-base);
}
.filter-btn {
color:#9e9e9e;
font-size:16px;
width:100%;
border:1px solid #999;
border-radius:4px;
min-height:38px;
box-sizing:border-box;
text-align:left;
background:#fff;
margin-top:5px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.filter-btn.is-selected{
color:var(--cmn-font-color-base);
font-size:16px;
}
.filter-btn.is-selected .num{
font-size:17px;
}
.filter-btn.is-null{
border-color: rgba(var(--color-red-rgb), .35);
box-shadow: 0 0 0 1px rgba(var(--color-red-rgb), .35) inset;
background-color: rgba(var(--color-red-rgb), .1);
}
.filter-btn .filter-btn-airline{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:1;
margin:4px 0;
font-size:14px;
}
.filter-btn .filter-btn-airline > span{
font-size:11px;
}
.filter-tour-item .keyword-item + .keyword-item{
margin-bottom:5px;
}
.filter-tour-item .filter-keyword-add,
.filter-tour-item .filter-keyword-delete{
margin:2px 0;
}
.filter-tour-item .btn-keyword-add,
.filter-tour-item .btn-keyword-delete{
background:none;
border:none;
color:var(--cmn-font-color-gray);
font-size:12px;
padding:3px 5px 3px 20px;
position:relative;
}
.filter-tour-item .btn-keyword-add::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-add.svg) no-repeat;;
height:14px;
width:14px;
position:absolute;
left:0;
top:50%;
margin-top:-7px;
}
.filter-tour-item .btn-keyword-delete::before{
content:'';
background:url(/element_sp/w_hotel/shared/images/icon-kw-delete.svg) no-repeat;;
height:14px;
width:14px;
position:absolute;
left:0;
top:50%;
margin-top:-7px;
}
.filter-tour-item .keyword-item .filter-btn,
.filter-tour-item .keyword-item input[type=text]{
width :-webkit-calc(100% - 52px) ;
width :calc(100% - 52px) ;
}
.filter-tour-item .keyword-item input[type=text]::placeholder {
font-size:13px;
color:#bbb;
}
.filter-tour-check-item{
margin-bottom:10px;
font-size:15px;
}
.filter-tour-container .filter-toggle-container:nth-child(2) .filter-toggle-item,
.filter-tour-container .filter-toggle-container:nth-child(3) .filter-toggle-item{
margin-top:15px;
}

/* .filter-info-brt
----------------------------------------------- */
.filter-info-brt{
margin:15px 0 -7px ;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.condition .filter-info-brt{
margin:-10px 0 5px;
}
.filter-tour .form-list-col-2 > li > label > span.num{
font-size:11px;
vertical-align:middle;
display:inline-block;
margin-left:3px;
}

/* .is-btn-del
----------------------------------------------- */
.is-btn-del{
position:relative;
}
.filter-tour-item .keyword-item .is-btn-del input[type="text"],
.filter-tour-item .keyword-item .is-btn-del input[type="search"]{
padding-left:55px;
}
.is-btn-del .btn-del{
border:1px solid #bbb;
color:var(--cmn-font-color-gray);
border-radius:3px;
font-size:12px;
position:absolute;
left:8px;
top:50%;
width:40px;
height:20px;
background:#fff;
margin-top:-10px;
}

/* ----------------------------------------------------------------
  for new year
----------------------------------------------------------------- */
.filter-tour .newyear-txt{
margin:5px 0 0;
line-height:1.2;
font-size:12px;
}
.filter-tour .search-container .newyear-txt{
margin:-5px 10px 10px;
}
.filter-tour input[type="text"],
.filter-tour input[type="search"],
.filter-tour input[type="tel"],
.filter-tour input[type="url"],
.filter-tour input[type="email"],
.filter-tour textarea,
.filter-tour select{
border:1px solid #999;
border-radius:4px;
font-size:16px;
box-sizing:border-box;
width:100%;
height:38px;
padding:5px;
background-color:#fff;
color:var(--cmn-font-color-base);
}

/* .pseudo-keyword
----------------------------------------------- */
[data-role='dialog'].active.pseudo-keyword,
.is-ios [role=dialog].active.pseudo-keyword,
.is-ios [data-role=dialog].active.pseudo-keyword{
display:flex;
flex-flow:column;
height:100%;
justify-content: space-around;
}
.pseudo-keyword > .pseudo-header{
min-height:45px;
}
.pseudo-keyword > .filter-tour{
height:100%;
overflow-y:scroll;
margin-left:-10px;
margin-right:-10px;
}
.pseudo-keyword .pseudo-footer{
padding: 12px 10px;
box-sizing: border-box;
background-color: #444;
position: relative;
width:calc(100% + 20px);
text-align: center;
height:66px;
margin:0 -10px -10px;
}
.pseudo-keyword > .filter-tour .form-input-word {
margin: 15px 10px;
}
.pseudo-keyword > .filter-tour .pseudo-hdg-l2-container,
.pseudo-keyword > .filter-tour .link-list {
margin:0;
}

/* .pseudo-footer-btn-list
----------------------------------------------- */
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list{
margin:0 auto;
display:inline-flex;
-webkit-box-pack:center;
justify-content: center;
gap:0 8px;
min-width: calc((100% + 20px) * .6);
max-width: calc((100% + 20px) * .8);
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list .cmn-loading-spinner-dot-wht{
margin:0 4px 0 0;
display:inline-block;
width:12px;
height:12px;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list li{
-webkit-box-flex:1;
flex:1;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list > li:first-child:not(:last-child),
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list > li:not(:first-child){
width:40vw;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list li .br{
display:block;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list button{
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:42px;
line-height:1.25;
font-size:16px;
box-sizing:border-box;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list button >span{
display:block;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list > li.cv button{
color:#fff;
background-color:var(--cmn-btn-color);
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list > li.cv.search button{
font-size:16px;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list > li.cv button:disabled,
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list > li.cv.search button:disabled{
opacity:.4;
color: transparent;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list button:disabled{
opacity:.4;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-btn-list button b{
font-weight:normal;
font-size:17px;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-error{
position:relative;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-error .pseudo-footer-error-inner{
color: #fff;
box-sizing: border-box;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
text-align: center;
font-weight: bold;
}
.pseudo-keyword .pseudo-footer .pseudo-footer-error .pseudo-footer-error-inner .br{
display:block;
}


/* .pseudo-content dp tour
----------------------------------------------- */
.pseudo-content > .price-info-item{
border-bottom:1px solid #e9e9e9;
padding-bottom:10px;
margin:10px 0;
}
.pseudo-content > .price-info-item .price-info-list{
margin:5px 0 0;
padding:0 10px;
}
.pseudo-content > .price-info-item .price-info-list .fee-list{
background:#f5f5f5;
display:block;
margin:5px 0 0;
padding:8px;
font-size:12px;
}
.pseudo-content > .price-info-item .price-info-list .fee-list .fee-area-list{
margin:0;
font-size:0;
padding:0 13px;
}
.pseudo-content > .price-info-item .price-info-list .fee-list .fee-area-list li{
width:49.5%;
font-size:12px;
display:inline-block;
}
.pseudo-content > .price-info-list-item{
margin-bottom:20px;
}
.pseudo-content > .price-info-list-item li{
text-indent:-1em;
padding-left:1em;
}
.pseudo-content > .price-info-list-item li:before{
content:'\030FB';
}
.notice{
color:var(--cmn-font-color-red);
}

/* .pseudo
----------------------------------------------- */
.pseudo-pex{
padding-top:16px;
padding-bottom:65px;
}

.pseudo-pex strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

.pseudo-pex p{
margin-bottom:6px;
}

.pseudo-pex .terms-and-conditions-tbl + .pseudo-pex-hdg{
margin-top:20px;
}

/* .terms-and-conditions-tbl
----------------------------------------------- */
.terms-and-conditions-tbl{
border:1px solid #ccc;
border-spacing: 0;
border-collapse: collapse;
font-size:13px;
margin:20px 0 10px;
width:100%;
}

.terms-and-conditions-tbl th{
background-color:#F5F5F5;
border-left:1px solid #ccc;
box-sizing:border-box;
font-weight:normal;
padding:8px 10px;
text-align:left;
}

.terms-and-conditions-tbl th:first-of-type{
min-width:100px;
}

.terms-and-conditions-tbl th:last-of-type{
min-width:75px;
}

.terms-and-conditions-tbl td{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:8px 10px;
}

/* .pseudo-content .cmn-tip-container
------------------------------------------------ */
.pseudo-content .cmn-tip-container {
margin:0 -10px;
line-height:1.4;
padding-top:16px;
}
.pseudo-content .cmn-tip-container p:not(:first-child){
margin:10px 0;
}
.cmn-tip-container.tip-infomation .cmn-tip-hdg-01 {
margin-top:10px;
}
.cmn-tip-container .cmn-tip-hdg-01 + p {
margin-top:0;
}

/* tip-tbl
------------------------------------------------ */
.pseudo-content .cmn-tip-container .tip-tbl{
display:table;
margin:5px 0 10px;
border-collapse:collapse;
border-top:1px solid #e5e5e5;
width:100%;
table-layout:fixed;
}
.pseudo-content .cmn-tip-container .tip-tbl .tbl-tr{
display:table-row;
}
.pseudo-content .cmn-tip-container .tip-tbl .tbl-th{
width:75px;
background-color:#f5f5f5;
text-align:left;
font-weight:normal;
font-size:12px;
}
.pseudo-content .cmn-tip-container .tip-tbl .tbl-th,
.pseudo-content .cmn-tip-container .tip-tbl .tbl-td{
display:table-cell;
padding:7px 10px;
border-bottom:1px solid #e5e5e5;
}

/* .pseudo-hdg-01
----------------------------------------------- */
.pseudo-content .pseudo-hdg-01{
font-weight:normal;
margin-top:16px;
font-size:14px;
}
.pseudo-content .pseudo-hdg-01:before{
display:inline-block;
content:"";
background-color:#333;
width:11px;
height:11px;
margin-right:2px;
}
.pseudo-content .pseudo-hdg-01:first-child{
margin-top:11px;
}
.important {
color:var(--cmn-font-color-red);
}
.m-top-40 .search-result-item-btn{
height:auto;
}

/* .pseudo-link
----------------------------------------------- */
.pseudo-link{
margin:0 0 15px;
color:var(--cmn-font-color-gray);
display:block;
text-align:right;
font-size:13px;
line-height:1.45;
}
.pseudo-link:before{
margin:-3px 5px 0 0;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#555;
content:"";
height:5px;
width:5px;
display:inline-block;
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* tip-list-num
------------------------------------------------ */
.cmn-tip-container .tip-list-num{
margin:10px 0 10px 20px;
}
.cmn-tip-container .tip-list-num li{
list-style-type:decimal;
}

/* carrier-link-external
------------------------------------------------ */
.carrier-link-external a{
font-weight:normal;
font-size:11px;
}
.carrier-link-external a:link,
.carrier-link-external a:visited,
.carrier-link-external a:hover,
.carrier-link-external a:active{
color:#555;
}
.carrier-link-external a:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #555;
border-right:1px solid #555;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.carrier-link-external a:after{
display:inline-block;
position:relative;
top:1px;
margin-left:3px;
width:12px;
height:11px;
background:url(/element/shared/images/icon/icon-external.svg);
content:"";
}

/* ticket-header-container
------------------------------------------------ */
.ticket-header-container{
margin:0 -10px;
margin-bottom:10px;
padding:0 10px;
}
.ticket-header-container .ticket-header{
display:-webkit-box;
display:flex;
margin:0 -10px;
margin-bottom:10px;
padding:10px;
background-color:#f5f5f5;
}
.ticket-header-container .ticket-header .ticket-header-sup{
display:-webkit-box;
display:flex;
flex:1;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex-flow: column;
align-items:start;
}
.ticket-header-container .ticket-header .ticket-header-sup > span{
font-weight:bold;
font-size:12px;
}
.ticket-header-container .ticket-header .ticket-header-sup .txt-invoice{
font-weight:normal;
}
.ticket-header-container .ticket-header .ticket-header-detail{
display:-webkit-box;
display:flex;
width:220px;
-webkit-box-pack:end;
justify-content:flex-end;
}
.ticket-header-container .ticket-header .ticket-header-detail > div:last-child{
text-align:right;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-price{
color:var(--cmn-font-color-red);
font-size:11px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-price .font-num{
font-weight:bold;
font-size:17px;
font-family:Arial;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-sup{
display:inline-block;
font-size:11px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-note{
display:block;
font-size:11px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-btn{
padding:1px 0;
border:1px solid #bbb;
border-radius:3px;
width:30px;
height:24px;
background:none;
background-color:#fff;
box-shadow:inset 0 -2px 0 0 rgba(187, 187, 187, 1);
font-size:11px;
line-height:1;
}
.ticket-header-container .ticket-header-att{
position:relative;
margin-bottom:5px;
padding-left:18px;
font-size:12px;
}
.ticket-header-container .ticket-header-att::before{
display:block;
position:absolute;
top:0;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:top;
}
.ticket-header-container .ticket-header-notes > li{
margin-left:1em;
font-size:11px;
}
.ticket-header-container .ticket-header-notes > li::before{
display:inline-block;
content:"\30FB";
text-indent:-1em;
}
.ticket-header-container .ticket-header-notes > li:not(:first-child){
margin-top:3px;
}
.ticket-header-container .ticket-header-notes > li em{
color:var(--cmn-font-color-red);
}

/* .sch-add
----------------------------------------------- */
.sch-add{
padding:10px 0;
}
.sch-add .sch-add-guide > li{
font-size:11px;
}
.sch-add .sch-add-notes{
margin:0;
font-size:10px;
}
.sch-add .sch-add-notes .cmn-tip-btn{
position:relative;
top:1px;
}

/* sch-container
------------------------------------------------ */
.sch-container .sch-item{
padding:8px 10px 10px;
border:1px solid #bbb;
border-radius:6px;
}
.sch-container .sch-item .sch-header{
display:-webkit-box;
display:flex;
margin-bottom:7px;
}
.sch-container .sch-item .sch-header > div:first-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sch-container .sch-item .sch-header > div:last-child{
flex:1;
text-align:right;
-webkit-box-flex:1;
}
.sch-container .sch-item .sch-header .sch-header-hdg{
margin-right:5px;
font-weight:normal;
font-size:14px;
}
.sch-container .sch-item .sch-header .sch-header-req{
padding-top:1px;
font-size:11px;
}
.sch-container .sch-item .sch-header .sch-header-req .font-num{
font-size:12px;
font-family:Arial;
}
.sch-container .sch-item .sch-header .sch-header-note{
color:var(--cmn-font-color-gray);
font-size:11px;
}
.sch-container .sch-stay-item{
margin:5px 0;
padding:5px 10px;
border:1px solid #bbb;
border-radius:6px;
}
.sch-container .sch-stay-item .sch-stay-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:27px;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-hdg{
margin-right:10px;
white-space:nowrap;
font-weight:normal;
font-size:12px;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-length{
font-size:11px;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-length .font-num{
font-size:12px;
font-family:Arial;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-req{
font-size:11px;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-req .font-num{
font-size:12px;
font-family:Arial;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-blank{
font-size:11px;
}

/* .sch-list for LCC NEW
----------------------------------------------- */
.sch-list{
margin:0;
}
.sch-list::after{
display:table;
clear:both;
content:"";
}
.sch-list li{
position:relative;
}
.sch-list li:last-child:before{
display:none;
}
.sch-list li:last-child .sch-required-01 .sch-sub .ico-add{
position:relative;
top:-3px;
right:5px;
left:auto;
text-align:center;
}
.sch-list li::after{
box-sizing:border-box;
display:block;
position:absolute;
top:3px;
left:92px;
border:2px solid #898989;
border-radius:50%;
width:10px;
height:10px;
background-color:#fff;
content:"";
}
.sch-list li::before{
position:absolute;
top:10px;
left:95px;
border-right:2px solid #898989;
width:1px;
height:100%;
content:"";
}
.sch-list li .sch-required-01{
display:table;
width:100%;
table-layout:fixed;
}
.sch-list li .sch-required-01 .sch-sub{
box-sizing:border-box;
display:table-cell;
position:relative;
padding-top:1px;
padding-right:20px;
width:107px;
vertical-align:top;
text-align:right;
font-size:11px;
}
.sch-list li .sch-required-01 .sch-sub .date-num{
font-size:12px;
font-family:Arial;
}
.sch-list li .sch-required-01 .sch-sub b{
display:inline-block;
vertical-align:middle;
font-weight:normal;
font-size:11px;
}
.sch-list li .sch-required-01 .sch-sub b:not(.sch-info){
font-size:13px;
font-family:Arial;
}
.sch-list li .sch-required-01 .sch-sub .ico-add{
display:block;
position:absolute;
top:12px;
left:26%;
text-align:center;
}
.sch-list li .sch-required-01 .sch-desc{
display:table-cell;
vertical-align:top;
word-break:break-all;
font-size:13px;
}
.sch-list li .sch-required-01 .sch-desc .sch-desc-air-code{
margin-right:3px;
vertical-align:middle;
font-size:14px;
font-family:Arial;
}
.sch-list li .sch-required-01 .sch-desc .sch-desc-undecided{
position:relative;
top:-8px;
}
.sch-list li .sch-required-01 .sch-desc b{
margin-right:3px;
font-weight:normal;
}
.sch-list li .sch-required-02{
display:table;
width:100%;
table-layout:fixed;
}
.sch-list li .sch-required-02 .sch-sub{
box-sizing:border-box;
display:table-cell;
position:relative;
padding-top:15px;
padding-right:20px;
padding-bottom:15px;
width:107px;
vertical-align:middle;
text-align:right;
font-size:12px;
}
.sch-list li .sch-required-02 .sch-sub .font-num{
font-family:Arial;
font-size:13px;
}
.sch-list li .sch-required-02 .sch-desc{
display:table-cell;
position:relative;
padding:10px 0;
width:100%;
vertical-align:middle;
word-break:break-all;
font-size:12px;
}
.sch-list li .sch-required-02 .sch-desc .alliance-logo{
position:relative;
top:-2px;
}
.sch-list li .sch-required-02 .sch-desc .sch-desc-flt-code{
margin-left:3px;
font-size:13px;
font-family:Arial;
}
.sch-list li .sch-required-02 .sch-desc .sch-desc-undecided{
position:relative;
top:-8px;
}
.sch-list li .sch-required-02 .sch-desc .sch-desc-info{
display:block;
margin-top:-15px;
}
.sch-list li .sch-required-02 .sch-desc b{
display:inline-block;
font-weight:normal;
font-size:12px;
}
.sch-list li .sch-required-02 .sch-desc b .ico-transit-01{
top:-2px;
margin-left:0;
}
.sch-list li .sch-required-02 .sch-desc b .sch-desc-transit{
margin-right:8px;
font-size:12px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-notes{
display:block;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info{
display:block;
margin-top:2px;
line-height:1.3;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info::after{
display:table;
clear:both;
content:"";
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-internal{
display:inline-block;
position:relative;
float:right;
margin-top:0;
margin-left:3px;
padding-right:18px;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-internal .cmn-tip-caution-btn-icon{
position:absolute;
top:-1px;
right:0;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-external{
display:inline-block;
float:right;
margin-top:0;
margin-left:3px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-external a{
position:relative;
padding-right:13px;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-external a::before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #666;
border-right:1px solid #666;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-external a::after{
display:inline-block;
position:absolute;
top:0;
right:0;
margin-left:3px;
width:11px;
height:12px;
background:url(/element/shared/images/icon/icon-external.svg);
background-repeat:no-repeat;
content:"";
}
.sch-list li .sch-required-02 .sch-desc .carrier-info-notes{
display:block;
margin-top:2px;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .luggage-info{
font-size:11px;
display:block;
color:var(--cmn-font-color-base);
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class{
display:inline-block;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class.carrier-seat-class-att::before{
display:inline-block;
margin-right:2px;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class-note{
display:block;
color:var(--cmn-font-color-gray);
font-size:12px;
margin-top:2px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class-note .ic-brt{
padding-right:4px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class-note .cmn-tip-caution-btn{
margin-left:4px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules{
display:block;
margin-top:3px;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules > span{
display:-webkit-box;
display:flex;
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:first-child{
white-space:nowrap;
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:first-child::after{
display:inline-block;
margin:0 2px 0 3px;
content:":";
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span::last-child{
flex:1;
-webkit-box-flex:1;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-att{
display:block;
position:relative;
margin-top:3px;
padding-left:15px;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-att::before{
display:block;
position:absolute;
top:2px;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.sch-list li .sch-required-02 .sch-desc .carrier-link-external{
display:block;
margin-top:3px;
text-align:right;
}
.sch-list li .sch-required-02 .sch-desc .carrier-link-internal{
display:block;
position:absolute;
right:0;
bottom:-1px;
color:#555;
font-weight:normal;
}
.sch-list li.sch-transit::before{
border-right-style:dotted;
}

/* alliance-logo
------------------------------------------------ */
.alliance-container{
position:relative;
padding-right:18px;
}
.alliance-container .alliance-logo{
position:absolute;
top:0;
right:0;
}
.alliance-logo{
display:inline-block;
margin-left:4px;
vertical-align:middle;
line-height:1;
}
.alliance-logo span{
box-sizing:border-box;
display:table-cell;
padding:1px;
border:1px solid #d2d2d2;
width:13px;
height:13px;
background-color:#fff;
}
.alliance-logo img{
display:table-cell;
max-width:12px;
max-height:12px;
vertical-align:middle;
}

/* sticky-sch
------------------------------------------------ */
.sticky-sch{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sticky-sch > div:first-child{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
margin-right:10px;
width:140px;
color:#fff;
}
.sticky-sch > div:last-child{
flex:1;
text-align:right;
-webkit-box-flex:1;
}
.sticky-sch .sticky-sch-sup{
margin-top:2px;
font-size:11px;
}
.sticky-sch .sticky-sch-note{
display:block;
width:100%;
text-align:right;
font-size:11px;
}
.sticky-sch .sticky-sch-price{
flex:1;
text-align:right;
font-size:11px;
-webkit-box-flex:1;
}
.sticky-sch .sticky-sch-price .font-num{
font-weight:bold;
font-size:18px;
font-family:Arial;
}
.sticky-sch .sticky-sch-btn{
display:block;
padding:5px 3px 8px;
border:none;
border-radius:4px;
width:100%;
min-height:45px;
color:#fff;
background-color:var(--cmn-btn-color);
text-align:center;
font-size:16px;
line-height:1.2;
}

/* .reference-item
------------------------------------------------ */
.reference-item{
font-size:12px;
margin-top:10px;
}
.reference-item > .reference-info{
font-size:14px;
font-weight:bold;
}
.reference-item > .reference-info .cmn-tip-btn{
vertical-align:middle;
margin:-4px 2px 0 3px;
}
.reference-item .detail-plan-item{
margin:10px 0 15px;
}
.reference-btn-item{
text-align:center;
padding:0 5px;
}
.reference-btn-item .reference-btn{
border:1px solid #ccc;
border-radius:6px;
background:#fff;
font-size:13px;
min-height:30px;
padding:0 15px;
text-align:center;
color:var(--cmn-font-color-gray);
}
.reference-item-info{
margin-top:20px;
}

/* .dsp-plan
------------------------------------------------ */
.dp-detail-plan-tab-list.dsp-plan{
overflow:hidden;
position:relative;
}
.dp-detail-plan-tab-list.dsp-plan > li button{
padding-bottom:20px;
min-height:52px;
}
.dp-detail-plan-tab-list.dsp-plan > .tab-price{
padding-bottom:20px;
}
.dp-detail-plan-tab-list.dsp-plan > .tab-hotels button::before{
margin-top:-15px;
}
.dp-detail-plan-tab-list.dsp-plan > li.dsp-plan-list{
position:absolute;
left:25%;
bottom:0;
width:100%;
overflow:hidden;
box-sizing:border-box;
height:20px;
font-size:11px;
padding:0;
width :-webkit-calc(100% - 25%) ;
width :calc(100% - 25%) ;
border-radius:0;
z-index:2;
}
.dp-detail-plan-tab-list.dsp-plan > li .dsp-plan-item{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
background:#fff;
padding:2px 5px;
width:100%;
box-sizing:border-box;
position:relative;
}
.dp-detail-plan-tab-list.dsp-plan > li.tab-price::before{
content:'';
width:100%;
height:6px;
background:#fff;
position:absolute;
box-shadow:0 -2px 3px #ddd;
right:0;
bottom:14px;
}
.filter-dp.filter-bg .list-toggle.toggle-container .toggle-hook.is-active button{
max-width:50%;
text-align:left;
}
.filter-dp.filter-bg .list-toggle.toggle-container .toggle-hook.is-active .toggle-item{
padding-top:15px;
}

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading-item
----------------------------------------------- */
.loading-item{
text-align:center;
margin-bottom:50px;
}
.loader {
color:transparent;
width:10px;
height:10px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/w_hotel/shared/images/loading-01.gif) 0 0 no-repeat;
background-size:100%;
text-align:center;
margin:0 auto;
}
.tab-dp-child-list .loading-spinner{
margin:3px 0 0 ;
display:inline-block;
}
.tab-dp-child-list .loader{
width:10px;
height:10px;
margin-bottom:-2px;
}
.tab-dp-child-list .cmn-loading-spinner-dot{
margin:0;
width:10px;
height:10px;
margin-bottom:-2px;
display:inline-block;
}

@keyframes fin {
0% {
transform:translateX(0px);
}

100% {
transform:translateX(10px);
}
}
.loading-box-item{
text-align:center;
}
.loading-spinner {
width:24px;
height:24px;
display:inline-block;
}
.tab-dp-child-item .loading-box-item{
margin:20px 0 ;
}
.filter-hotel-plan-list .loading-spinner{
margin:40px 0 20px;
}
.tab-dp-child-container ul li .loading-spinner {
width:10px;
height:10px;
display:inline-block;
margin:0 0 0 3px;
}
.circular {
animation:rotate 2s linear infinite;
height:100%;
position:relative;
width:100%;
margin-bottom:-1px;
}
.path {
stroke-dasharray:1, 200;
stroke-dashoffset:0;
animation:dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
stroke-linecap:round;
}

@keyframes rotate {
100% {
transform:rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray:1, 200;
stroke-dashoffset:0;
}
50% {
stroke-dasharray:89, 200;
stroke-dashoffset:-35;
}
100% {
stroke-dasharray:89, 200;
stroke-dashoffset:-124;
}
}

@keyframes color {
0% {stroke:#0eabe6;}
10% {stroke:#649dd7;}
24% {stroke:#c68ae0;}
26% {stroke:#f76e76;}
38% {stroke:#fd786b;}
40% {stroke:#fb754f;}
44% {stroke:#f7a62f;}
54% {stroke:#f2bc29;}
62% {stroke:#bacf4a;}
64% {stroke:#7cbf51;}
78% {stroke:#53b555;}
84% {stroke:#30c39a;}
90% {stroke:#22c5cb;}
100% {stroke:#0eabe6;}
}

/* Progress Bar
----------------------------------------------- */
.loading-progress-item{
display:table;
width:100%;
}
.loading-progress-item > .progress-col{
display:block;
padding-left:5px;
width:50%;
box-sizing:border-box;
float:right;
}
.loading-progress-item > .progress-col:first-child{
padding:0 5px 0 0;
float:left;
}
.loading-progress-item .loading-info{
font-size:11px;
margin:5px 0 -5px;
display:flex;
overflow:hidden;
}
.ic-flights{
background:url(/element_sp/w_hotel/shared/images/icon-air-on.svg) no-repeat;
width:14px;
height:15px;
display:inline-block;
text-indent:-9999px;
vertical-align:middle;
margin:-2px 2px 0 0;
}
.ic-hotels{
background:url(/element_sp/w_hotel/shared/images/icon-htl-on.svg) no-repeat;
width:10px;
height:14px;
display:inline-block;
text-indent:-9999px;
vertical-align:middle;
margin:-2px 6px 0 0;
}
.loading-progress-item .hotels.loading-info > span:first-child{
width:1.2em;
}
.loading-progress-item .dp.loading-info > span:first-child{
width:4em;
white-space:nowrap;
}
.loading-progress-item .loading-info > span.loading-search,
.loading-progress-item .hotels.loading-info > span.loading-search{
width:5.5em;
white-space:nowrap;
}
.loading-progress-item .loading-info > span:last-child{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.progress-item {
position:relative;
height:4px;
display:block;
width:100%;
background-color:#f5f5f5;
background-clip:padding-box;
margin:0.5rem 0 1rem 0;
overflow:hidden;
}
.progress-item .determinate-item {
position:absolute;
background-color:inherit;
top:0;
bottom:0;
background:url(/element_sp/w_hotel/shared/images/progress-bar.gif) no-repeat top right;
background-size:30px 4px;
background-color:#57A2EF;
overflow:hidden;
text-indent:-9999px;
}
.loading-detail-plan{
display:none;
}
.loading-detail-plan.is-active{
display:block;
}
.loading-detail-plan .loading-progress-item .loading-info{
margin-top:0;
}
.loading-detail-plan .loading-progress-item .loading-info span{
font-size:11px;
}
.loading-detail-plan .loading-progress-item .loading-info > span:first-child{
padding-right:10px;
font-size:12px;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:25px 0;
text-align:center;
}
.error .error-catch{
margin:10px 0;
font-size:14px;
font-weight:bold;
}
.error .error-catch strong{
color:var(--cmn-font-color-red);
}
.error p{
margin:0;
}
.dp-detail-plan .error{
margin:25px 10px;
}
.error .error-btn-item{
text-align:center;
}
.error .error-btn-item .btn-error {
border:1px solid #bbb;
border-radius:5px;
font-size:13px;
background:#fff;
color:var(--cmn-font-color-gray);
text-align:center;
padding:6px 8px;
font-weight:bold;
min-width:220px;
background:#fff;
}
.error.detail-plan{
margin:0 -12px -30px;
padding-bottom:145px;
}

/* .error-result
----------------------------------------------- */
.error-result{
margin:30px 10px;
text-align:center;
}
.error-result strong{
color:var(--cmn-font-color-red);
}
.error-result p{
margin:0;
}
.error_Txt > .previous{
color:var(--cmn-font-color-base);
display:inline-block;
border:1px solid #bbb;
border-radius:4px;
padding:8px 40px;
margin-top:20px;
font-size:13px;
}

/* ----------------------------------------------------------------
  loading
----------------------------------------------------------------- */
@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
.loading{
margin:20px auto 40px;
color:transparent;
width:40px;
height:40px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.search-result-item-btn .loading{
margin:0 auto 16px;
color:transparent;
width:16px;
height:16px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading-wht.svg) 0 0 no-repeat;
background-size:16px;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
display:inline-block;
text-indent:-9999px;
overflow:hidden;
vertical-align:middle;
margin:-2px 0 0 7px;
}
.agt-link-loading .loading{
margin:0 auto 20px;
width:25px;
height:25px;
}

/* .loading-container
----------------------------------------------- */
.loading-container{
min-height:650px;
}
.loading-container .cmn-loading-spinner {
text-indent:-9999px;
}

/* ----------------------------------------------------------------
  loading-bar
----------------------------------------------------------------- */
.loading-bar-item{
display:flex;
flex-wrap:nowrap;
width:100%;
gap:8px;
align-items:center;
margin:-3px 0 7px;
}
.loading-bar-txt{
display:flex;
flex-wrap:nowrap;
font-size:12px;
line-height:1.35;
white-space:nowrap;
}
.loading-bar-item .searching-progressbar{
flex:1;
background:#fff;
overflow:hidden;
height:4px;
border:1px solid #ddd;
}
.searching-progressbar-inner {
height:4px;
background: url(/element_sp/w_hotel/shared/images/progress-bar.gif) no-repeat top right;
text-indent:-9999px;
background-size: 30px 4px;
background-color: #57A2EF;
}
.list-loading-agt{
overflow:hidden;
}
.loading-detail-plan .loading-bar-item{
margin:-2px 0 0;
padding-bottom:5px;
}
.list-loading-search > span{
letter-spacing:.05em;
padding-left:2px;
}
.search-result-dtl-header{
background-color:#cfcfcf;
padding:5px 10px 22px;
margin:0 -10px 0;
}

.loading-bar-item.is-fixed{
background:rgba(0,0,0,.8);
margin:0;
padding:8px 10px;
color:#fff;
width:100%;
box-sizing:border-box;
position:fixed;
top:0;
left:0;
z-index:10;
justify-content:space-between;
gap:8px;
}
.loading-bar-item.is-fixed .loading-bar-txt,
.loading-bar-item.is-fixed .list-loading-agt{
width:auto;
gap:0;
}
.loading-bar-item.is-fixed .searching-progressbar{
border:0;
}

.loading-detail-plan .loading-bar-item{
display:flex;
color:#fff;
margin:8px 0 0 0;
}

.loading-detail-plan .loading-bar-item .searching-progressbar{
border:0;
}

/* .loading-dots
----------------------------------------------- */
@keyframes loading-dots{
to{
width:16px;
}
}

.loading-dots{
margin:0 0 0 3px;
display:inline-block;
width:12px;
position:relative;
white-space:nowrap;
vertical-align:baseline;
}

.loading-dots > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:3px;
width:0;
height:1px;
white-space:nowrap;
overflow:hidden;
animation:loading-dots steps(4, end) 1.5s infinite;
}

.loading-dots i{
border-radius:50%;
min-width:1px;
width:1px;
height:1px;
background-color:var(--cmn-font-color-base);
}

.loading-bar-item.is-fixed .loading-dots i{
background-color:#fff;
min-width:2px;
width:2px;
height:2px;
}

.loading-detail-plan .loading-bar-item .loading-dots i{
background-color:#fff;
min-width:1px;
width:1px;
height:1px;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
z-index:101;
}
.loading-modal .loading-modal-inner{
padding:10px 20px 8px;
position:absolute;
border-radius:8px;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-color:#fff;
font-weight:bold;
}
.loading-modal .cmn-loading-spinner {
margin: 5px auto;
}

/* .detail-bg-hdg
----------------------------------------------- */
.detail-bg-hdg{
padding:8px 0;
color:#fff;
border-bottom:1px solid #000;
font-size:14px;
}

/* for App Modules
----------------------------------------------------------------- */
/* a.link-history-back
----------------------------------------------- */
a.link-history-back{
margin: -1px -10px;
padding: 4px 10px 4px 34px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
min-height:45px;
position:relative;
line-height:1.35;
text-align:left;
font-size:16px;
background-color: rgba(0, 0, 0, .3);
}

a.link-history-back > span{
white-space:nowrap;
}

a.link-history-back > span:first-child{
overflow:hidden;
text-overflow:ellipsis;
}

a.link-history-back > span:last-child{
-webkit-box-flex:1;
flex:1;
}

a.link-history-back::before{
margin-top: -8px;
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left:10px;
background: url(/element_sp/w_hotel/shared/images/icon-arrow-prev-wht.svg) no-repeat 0 0;
}

a.link-history-back.link-history-under{
border-bottom:0;
border-top: 1px solid #000;
}

a.link-history-back:last-child {
margin: -1px 0;
padding: 4px 0 4px 24px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-color: transparent;
}

a.link-history-back:last-child::before {
left: 0;
}

/* .detail-header > .link-history-back
----------------------------- */
.detail-header .link-history-back{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:12px;
left:2px;
width:40px;
height:40px;
overflow:hidden;
z-index:1;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-prev-01.svg) no-repeat 0 0;
}

.detail-header .link-history-back::before{
display:none;
}

/* ----------------------------------------------------------------
  .detail-review
----------------------------------------------------------------- */
/* .detail-review
----------------------------------------------- */
.detail-review{
background-color:#f5f5f5;
margin: 0 -10px 0;
padding: 0 10px 30px;
}

.detail-review-head{
margin:0 -10px -10px;
padding:0 10px 10px;
background-color:#fff;
}

/* .detail-review-overall-rating
----------------------------------------------- */
.detail-review .detail-review-overall-rating{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
margin-bottom:5px;
}

/* .detail-review-overall-rating-list
----------------------------------------------- */
.detail-review .detail-review-overall-rating-list{
margin:0;
font-size:14px;
}
.detail-review .detail-review-overall-rating-list dt,
.detail-review .detail-review-overall-rating-list dd{
display:inline-block;
vertical-align:middle;
}
.detail-review .detail-review-overall-rating-list dt .cmn-tip-btn{
margin:-1px 6px 1px 3px;
display:inline-block;
}
.detail-review .detail-review-overall-rating-list dt > span{
font-weight:normal;
font-size:11px;
display:inline-block;
vertical-align:middle;
}
.detail-review .detail-review-overall-rating-list dd > b{
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:middle;
font-family:Arial;
font-size:15px;
margin-top:-2px;
font-weight:normal;
}

@media screen and (max-width:374px){
.detail-review .detail-review-overall-rating-list dt > span{
margin-top:3px;
display:block;
}
}

/* .detail-review-detail-review-overall-rating-num
----------------------------------------------- */
.detail-review .detail-review-overall-rating-num{
color:rgba(0, 0, 0, 0);
display:inline-block;
width:75px;
height:12px;
overflow:hidden;
user-select:none;
background-position:0 50%;
background-repeat:no-repeat;
background-size:100% auto;
vertical-align:middle;
}
.detail-review .detail-review-overall-rating-num.rank-0{
background-image:url(/element/shared/images/icon/icon-review-0.svg);
}
.detail-review .detail-review-overall-rating-num.rank-0h{
background-image:url(/element/shared/images/icon/icon-review-0h.svg);
}
.detail-review .detail-review-overall-rating-num.rank-1{
background-image:url(/element/shared/images/icon/icon-review-1.svg);
}
.detail-review .detail-review-overall-rating-num.rank-1h{
background-image:url(/element/shared/images/icon/icon-review-1h.svg);
}
.detail-review .detail-review-overall-rating-num.rank-2{
background-image:url(/element/shared/images/icon/icon-review-2.svg);
}
.detail-review .detail-review-overall-rating-num.rank-2h{
background-image:url(/element/shared/images/icon/icon-review-2h.svg);
}
.detail-review .detail-review-overall-rating-num.rank-3{
background-image:url(/element/shared/images/icon/icon-review-3.svg);
}
.detail-review .detail-review-overall-rating-num.rank-3h{
background-image:url(/element/shared/images/icon/icon-review-3h.svg);
}
.detail-review .detail-review-overall-rating-num.rank-4{
background-image:url(/element/shared/images/icon/icon-review-4.svg);
}
.detail-review .detail-review-overall-rating-num.rank-4h{
background-image:url(/element/shared/images/icon/icon-review-4h.svg);
}
.detail-review .detail-review-overall-rating-num.rank-5{
background-image:url(/element/shared/images/icon/icon-review-5.svg);
}

/* .detail-review-overall-rating-sup
----------------------------------------------- */
.detail-review .detail-review-overall-rating-sup{
font-size:11px;
padding:3px 0 0 5px;
}

/* .detail-review-site
----------------------------------------------- */
.detail-review .detail-review-site{
margin:15px -10px 2px;
padding:0 10px 5px;
overflow:hidden;
position:relative;
font-size:12px;
}
.detail-review .detail-review-site::before{
content:"";
display:block;
width:100%;
height:1px;
background-color:#e5e5e5;
position:absolute;
left:0;
bottom:5px;
}

/* .detail-review-site-list
----------------------------------------------- */
.detail-review .detail-review-site-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
white-space:nowrap;
line-height:1;
}
.detail-review .detail-review-site-list > li{
position:relative;
text-align:center;
}
.detail-review .detail-review-site-list > li:not(:first-child)::before{
content:"";
display:block;
width:1px;
height:80%;
background-color:#e5e5e5;
position:absolute;
top:0;
left:0;
}
.detail-review .detail-review-site-list a{
padding:0 8px 7px;
color:var(--cmn-font-color-base);
display:block;
}
.detail-review .detail-review-site-list .rating-num{
margin-top:5px;
display:block;
font-size:11px;
font-weight:normal;
}
.detail-review .detail-review-site-list > li.is-active a{
font-weight:bold;
}
.detail-review .detail-review-site-list > li.is-active a::before{
content:"";
display:block;
width:100%;
height:3px;
position:absolute;
bottom:0;
left:0;
background-color:#666;
}
.detail-review .detail-review-site-list > li.is-active a::after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
left:calc(50% - 4px);
bottom:-5px;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}

/* .detail-review-rating
----------------------------------------------- */
.detail-review .detail-review-rating{
padding:0 10px;
}

/* .detail-review-rating-hook
----------------------------------------------- */
.detail-review .detail-review-rating-hook{
padding:8px 0 8px 15px;
position:relative;
line-height:1;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size:11px 11px;
font-size:13px;
}
.detail-review .detail-review-rating-hook h2{
font-weight:normal;
}
.detail-review .is-active .detail-review-rating-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .detail-review-rating-hook-btn
----------------------------------------------- */
.detail-review .detail-review-rating-hook-btn{
padding:0;
border:none;
color:rgba(0, 0, 0, 0);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:none;
overflow:hidden;
}
.pseudo-content .detail-review-rating-hdg{
font-weight:normal;
font-size:12px;
color:var(--cmn-font-color-gray);
}

/* .detail-review-rating-content
----------------------------------------------- */
.detail-review .detail-review-rating-content{
margin-bottom:15px;
display:none;
}
.detail-review .is-active .detail-review-rating-content{
display:block;
}

/* .detail-review-rating-list
----------------------------------------------- */
.detail-review .detail-review-rating-list{
margin:3px 0 0;
font-size:12px;
}
.detail-review .detail-review-rating-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.detail-review .detail-review-rating-list > li:not(:first-child){
margin-top:7px;
}
.detail-review .detail-review-rating-list .filter{
width:100px;
}
.detail-review .detail-review-rating-list .filter > label{
padding-left:25px;
display:block;
position:relative;
cursor:pointer;
}
.detail-review .detail-review-rating-list .filter input[type="checkbox"]{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:0;
cursor:pointer;
}
.detail-review .detail-review-rating-list .chart{
border:1px solid #d7d7d7;
color:rgba(0, 0, 0, 0);
position:relative;
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
height:14px;
overflow:hidden;
background-color:#fff;
}
.detail-review .detail-review-rating-list .chart > div{
-webkit-user-select:none;
user-select:none;
background-color:#2d7bc1;
}
.detail-review .detail-review-rating-list .num{
margin-left:15px;
}
.detail-review .detail-review-rating-list > .is-disabled{
color:#ccc;
}

/* .detail-review-article
----------------------------------------------- */
.detail-review .detail-review-article{
margin:0 -10px;
padding: 0 10px;
background-color:#f5f5f5;
}

.detail-review .detail-review-article .info-list{
color:var(--cmn-font-color-gray);
margin: 10px 0;
font-size: 12px;
}

.detail-review .detail-review-article .info-list li{
display:block;
text-indent:-15px;
padding-left:15px;
}

.info-list .cmn-dashed{
color: #777!important;
}

.icon-note {
display:inline;
padding-right:4px;
}

/* .detail-review-article-header
----------------------------------------------- */
.detail-review .detail-review-article-header{
margin:5px -10px 0;
padding:5px 10px;
color:#fff;
line-height:1.35;
font-size:14px;
background-color:#444;
}
.detail-review .detail-review-article-header > h2{
font-weight:normal;
}

/* .detail-review-article-header-note
----------------------------------------------- */
.detail-review .detail-review-article-header-note{
margin:0;
padding-left:1.15em;
position:relative;
font-size:10px;
}
.detail-review .detail-review-article-header-note::before{
content:"\203b";
position:absolute;
top:0;
left:0;
}
.detail-review .detail-review-article-header-note a{
color:#fff;
text-decoration:underline;
}

/* .detail-review-article-content
----------------------------------------------- */
.detail-review .detail-review-article-content{
margin-top: 12px;
padding: 12px;
border-radius: 6px;
box-shadow: 0 0 4px rgb(0 0 0 / 30%);
background-color: #fff;
}

/* .detail-review-article-content-header
----------------------------------------------- */
.detail-review .detail-review-article-content-header{
line-height:1.35;
}

/* .detail-review-article-content-header-hdg
----------------------------------------------- */
.detail-review .detail-review-article-content-header-hdg{
font-size:14px;
font-weight:normal;
}

/* .detail-review-article-content-header-sup
----------------------------------------------- */
.detail-review .detail-review-article-content-header-sup{
margin-top:6px;
font-size:12px;
}

/* .detail-review-article-content-header-list
----------------------------------------------- */
.detail-review .detail-review-article-content-header-list{
margin:3px 0 5px;
padding-bottom:5px;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
}
.detail-review .detail-review-article-content-header-list .agt{
margin-left:10px;
-webkit-box-flex:1;
flex:1;
text-align:right;
}
.detail-review .detail-review-article-content-header-list .agt-logo{
max-width:80px;
max-height:20px;
vertical-align:middle;
}
.detail-review .detail-review-article-content-header-list .agt-logo img{
max-width:50px;
max-height:100%;
vertical-align:middle;
}

/* .detail-review-article-content-header-review-num
----------------------------------------------- */
.detail-review .detail-review-article-content-header-review-num{
font-size:12px;
}
.detail-review .detail-review-article-content-header-review-num > b{
font-weight: normal;
font-size: 14px;
vertical-align: middle;
padding-left: 4px;
display: inline-block;
}
.detail-review .detail-review-article-content-header-review-num > span{
margin-left:2px;
padding:6px 2px;
border-radius:4px 4px 4px 0;
color:#fff;
line-height:1;
display:inline-block;
min-width:25px;
box-sizing:border-box;
background:#003580;
font-size:13px;
text-align:center;
}
.detail-review .detail-review-article-content-header-review-num .review-rate{
display:inline-block;
margin-left:5px;
vertical-align:middle;
}

/* .detail-review-article-content-list
----------------------------------------------- */
.detail-review .detail-review-article-content-list{
line-height:1.65;
font-size:13px;
}
.detail-review .detail-review-article-content-list > li{
padding-left:20px;
position:relative;
background-position:0 1px;
background-repeat:no-repeat;
background-size:16px 15px;
}
.detail-review .detail-review-article-content-list > li:not(:first-child){
margin-top:10px;
}
.detail-review .detail-review-article-content-list > .good{
background-image:url(/element/w_hotel/shared/images/icon-detail-review-plus.svg);
}
.detail-review .detail-review-article-content-list > .bad{
background-image:url(/element/w_hotel/shared/images/icon-detail-review-minus.svg);
}

/* .detail-review-article-content-btn-more
----------------------------------------------- */
.detail-review .detail-review-article-content-btn-more,
.detail-review .toggle-btn-open{
display:inline-block;
font-weight:normal;
color:#a4a4a4;
border:0;
background:none;
}
.detail-review .detail-review-article-content-btn-more::before,
.detail-review .toggle-btn-open::before{
margin-right:5px;
content:'...';
color:#a4a4a4;
display:inline-block;
vertical-align:bottom
}

/* .detail-review-article-content-btn-close
----------------------------------------------- */
.detail-review .detail-review-article-content-btn-close,
.detail-review .toggle-btn-close{
margin:10px 0 15px auto;
padding:0 0 0 17px;
border:none;
color:#a4a4a4;
position:relative;
line-height:1;
display:table;
background:0 0;
border:0;
background-color:none;
}
.detail-review .detail-review-article-content-btn-close::before,
.detail-review .toggle-btn-close::before{
content:'';
display:block;
width:12px;
height:12px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 center no-repeat;
opacity:.6;
}

/* .detail-review-more
----------------------------------------------- */
.detail-review .detail-review-more{
margin:15px -10px 0;
font-size:14px;
}
.detail-review .detail-review-more.is-loading{
border-bottom:none;
}

/* .detail-review-more-btn
----------------------------------------------- */
.detail-review .detail-review-more-btn{
border:none;
width:100%;
height:40px;
background:none;
}

/* .detail-review-btn
----------------------------------------------- */
.detail-review .detail-review-btn{
margin-top:20px;
text-align:center;
}
.detail-review .detail-review-btn > a{
margin:0 auto;
padding:12px 10px;
color:var(--cmn-font-color-base);
display:block;
max-width:295px;
line-height:1.25;
font-size:14px;
border-radius: 6px;
box-shadow: 0 0 4px rgb(0 0 0 / 30%);
background-color: #fff;
}
.detail-review .detail-review-btn > span{
margin-top:8px;
color:var(--cmn-font-color-gray);
display:block;
font-size:11px;
}

/* other
----------------------------------------------------------------- */
.cmn-tip-container p + .cmn-tip-hdg-faq{
margin-top:20px;
}
.toggle + .cmn-tip-hdg-faq{
margin-top:-1px;
}
.plan-sup button.cmn-tip-btn{
border:0;
}
.txt-imp{
color:var(--cmn-font-color-red);
}

/* ----------------------------------------------------------------
  b and b
-------------------------------------------------------------------

/* .bnb-hdg-tab
----------------------------------------------------------------- */
.bnb-hdg-tab{
margin:0 -10px 10px;
padding:0 10px;
border-bottom:1px solid #cce3fb;
}
.bnb-hdg-tab-list{
margin:0 0 -1px 0;
font-size:0;
}
.bnb-hdg-tab-list li{
display:inline-block;
margin-right:6px;
}
.bnb-hdg-tab-list button{
height:30px;
border:0;
background:#cce3fb;
font-size:15px;
border-radius:4px 4px 0 0;
border:1px solid #cce3fb;
min-width:110px;
text-align:center;
box-sizing:border-box;
color:var(--cmn-font-color-gray);
}
.bnb-hdg-tab-list button.is-selected{
border-bottom:1px solid #0f7ded;
background:none;
}
.bnb-hdg-tab-list button.is-selected .form-search-index-hdg{
color:#fff;
text-shadow:0 1px 2px rgba(0, 0, 0, 0.8);
font-size:15px;
font-weight:bold;
line-height:1.2;
}

/* .search-result-bnb-container
----------------------------------------------------------------- */
.search-result-bnb-container{
background:#999;
padding:10px;
position:relative;
}
.search-result-bnb-container:before {
position:absolute;
top:-4px;
content:'';
display:block;
width:100%;
height:4px;
left:0;
box-shadow:0 2px 2px 0.1px rgba(0, 0, 0, .4);
z-index:2;
}

/* .search-result-bnb-item
----------------------------------------------------------------- */
.search-result-bnb-item{
padding:0 12px;
border-radius:8px;
box-shadow:0 2px 1px rgba(0, 0, 0, 0.15);
background-color:#fff;
}
.search-result-bnb-container > .search-result-bnb-item:not(:last-child){
margin-bottom:10px;
}

/* .search-result-bnb-item .detail-header-hdg-btn-favorite
----------------------------------------------------------------- */
.carousel-image .detail-header-hdg-btn-favorite{
position:absolute;
right:8px;
bottom:6px;
background:none;
border:0;
margin:0;
padding:0;
color:transparent;
border:none;
position:absolute;
width:22px;
height:20px;
overflow:hidden;
z-index:6;
background:url(/element_sp/w_hotel/vacation-stay/images/icon-favorite-line-wht.svg) no-repeat ;
background-size:19px auto;
filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
}
.carousel-image .detail-header-hdg-btn-favorite.is-active{
background:url(/element_sp/shared/images/sprite/sprite-icon-favorite.svg) no-repeat 0 -20px;
background-size:19px auto;
background-position:0 0;
height:17px;
bottom:8px;
filter:none;
}

/* .search-result-bnb-item .carousel-image
----------------------------------------------------------------- */
.carousel-image .slick-list{
position:relative;
max-height:150px;
display:inline-block;
}
.carousel-image .slick-slider img {
max-width:100%;
max-height:150px;
}
.carousel-image .slick-slide{
position:relative;
}
.carousel-image .slick-slide:not(:last-child) {
margin-right:4px;
}
.carousel-image .slick-slide:after {
content:'';
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:linear-gradient(transparent 5%, rgba(0,0,0,.0) 25%, rgba(0,0,0,.3) 70%, rgba(0,0,0,.4) 100%);
z-index:1;
}
.carousel-image .slick-arrow,
.carousel-image .slick-dots{
display:none;
}
.photo-bnb-page .carousel .slider-single {
margin:30px -10px 110px;
text-align:center;
}
.photo-bnb-page .carousel .slider-single > div{
padding:0 10px;
}
.photo-bnb-page .carousel .slider-single img{
padding:0;
position:static;
max-height:460px;
max-width:100%;
}
.carousel-thumb-item{
position:fixed;
bottom:30px;
width:100%;
height:90px;
}
.carousel-thumb-item .slider-nav {
margin-top:10px;
}
.carousel-thumb-item .slider-nav .slick-track > div{
max-width:65px;
}
.carousel-thumb-item .slider-nav .slick-track > div:not(:first-child) {
margin-left:10px;
}
.carousel-thumb-item .slider-nav .slick-slide img{
max-width:65px;
max-height:65px;
}
.carousel-thumb-item .slick-arrow,
.carousel-thumb-item .slick-dots{
display:none!important;
}
.carousel .slider-single > div:nth-child(1n+2) {
display:none;
}
.carousel .slider-single.slick-initialized > div:nth-child(1n+2) {
display:block;
}
.carousel .slider-nav .slick-slide {
cursor:pointer;
}
@media screen and (max-width:360px){
.photo-bnb-page .carousel .slider-single{
height:360px;
}
.photo-bnb-page .carousel .slider-single img{
max-height:360px;
}
}

/* .detail-header-hdg-btn-share
----------------------------------------------------------------- */
.detail-header-hdg-btn-share{
position:absolute;
right:40px;
bottom:7px;
background:none;
border:0;
margin:0;
padding:0;
color:transparent;
border:none;
position:absolute;
width:15px;
height:20px;
overflow:hidden;
z-index:6;
background:url(/element_sp/w_hotel/vacation-stay/images/icon-share-wht.svg) no-repeat ;
filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
background-size:100% auto;
}

/* .bnb-detail-item
----------------------------------------------------------------- */
.bnb-detail-item{
padding:10px 0 20px;
}
.bnb-detail-item > .name-bnb{
font-size:18px;
font-family:Arial;
line-height:1.3;
}

/* .place-bnb
----------------------------------------------------------------- */
.place-bnb{
font-size:12px;
margin:0 0 1px 0;
}

/* .ic-map
----------------------------------------------------------------- */
.ic-map{
color:var(--cmn-font-color-gray);
padding-left:13px;
display:inline-block;
margin-left:5px;
position:relative;
}
.ic-map::before{
content:'';
display:inline-block;
width:10px;
height:15px;
background:url(/element_sp/shared/images/icon/icon-pin.png) 0 0 no-repeat;
background-size:100%;
position:absolute;
left:0;
top:50%;
margin-top:-7px;
}


/* .bnb-review-list
----------------------------------------------------------------- */
.bnb-review-list{
margin-bottom:1px;
}
.bnb-review-list > ul{
margin:0 ;
}
.bnb-review-list > ul > li{
display:inline-block;
margin-right:5px;
position:relative;
font-size:12px;
color:#555;
}
.bnb-review-list .rank{
padding-left:15px;
}
.bnb-review-list .reviews{
padding-left:15px;
}
.bnb-review-list .reviews .link-review{
color:var(--cmn-font-color-gray);
text-decoration:underline;
font-size:11px;
}
.bnb-review-list .rank::before{
content:'';
background:url(/element_sp/w_hotel/vacation-stay/images/icon-vocationalrental-01.svg);
width:13px;
height:13px;
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-8px;
}
.bnb-review-list .reviews::before{
content:'';
background:url(/element_sp/w_hotel/vacation-stay/images/icon-vocationalrental-02.svg);
width:11px;
height:11px;
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-6px;
}

/* .bnb-category
----------------------------------------------------------------- */
.bnb-category{
font-size:11px;
color:#555;
}
.bnb-category > span:not(:first-child){
padding-left:10px;
}

/* .bnb-detail-list
----------------------------------------------------------------- */
.bnb-detail-list{
margin:1px 0 0 ;
font-size:0;
}
.bnb-detail-list li{
width:33%;
font-size:11px;
display:inline-block;
padding-left:20px;
box-sizing:border-box;
position:relative;
color:#555;
line-height:1.6;
}
.bnb-detail-list li::before{
content:'';
width:16px;
height:14px;
background-repeat:no-repeat;
background-position:center center;
position:absolute;
left:0;
top:50%;
margin-top:-7px;
}
.bnb-detail-list .capacity::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-capacity.svg);
}
.bnb-detail-list .size::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-roomsize.svg);
}
.bnb-detail-list .bedroom::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-room.svg);
}
.bnb-detail-list .bedding::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-bed.svg);
}
.bnb-detail-list .bathroom::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-bath.svg);
}


/* .price-detail-item
----------------------------------------------------------------- */
.price-detail-item{
display:table;
line-height:1.4;
width:100%;
margin-top:6px;
position:relative;
}
.price-detail-item > div{
display:table-cell;
vertical-align:top;
text-align:right;
white-space:nowrap;
}
.price-detail-item.date-nofix{
margin-bottom:5px;
}
.price-detail-item.date-nofix > div{
vertical-align:middle;
}
.price-detail-item.date-nofix > div .btn-request-book{
min-width:118px;
}
.price-detail-item > .item-detail{
font-size:11px;
padding-right:17px;
position:relative;
white-space:nowrap;
}
.price-detail-item > .item-detail > .item-detail-info{
display:block;
}
.price-detail-item > .item-detail > .cmn-tip-info-btn{
position:absolute;
right:5px;
top:0;
}
.price-detail-item > .item-price{
font-size:11px;
padding-right:8px;
width:80px;
max-width:120px;
}
.price-detail-item > .item-price .total{
display:block;
font-weight:bold;
margin-top:-3px;
}
.price-detail-item > .item-price .total .num{
font-size:18px;
}
.price-detail-item > .item-price .total.no-price .num{
font-weight:normal;
font-size:16px;
vertical-align:middle;
}
.price-detail-item > .item-price .subtotal{
line-height:1;
display:block;
margin-top:-3px;
}
.price-detail-item > .item-price .subtotal .num{
font-size:12px;
}
.price-detail-item > .item-btn{
width:120px;
text-align:right;
}
.btn-request-book{
padding:0 10px;
color:#fff;
border-radius:4px;
display:block;
max-width:120px;
height:33px;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:bold;
text-align:center;
border:0;
white-space:nowrap;
}
.bnb-detail-item .btn-book,
.price-detail-item .btn-book{
color:#fff;
border-radius:4px;
display:block;
max-width:120px;
height:33px;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:bold;
text-align:center;
border:0;
white-space:nowrap;
padding-left:13px;
padding-right:18px;
}
.bnb-detail-item .btn-book span,
.price-detail-item .btn-book span{
padding-left:17px;
position:relative;
}
.bnb-detail-item .btn-book span::before,
.price-detail-item .btn-book span::before{
content:'';
background:url(/element_sp/w_hotel/vacation-stay/images/icon-book-btn.svg);
width:12px;
height:18px;
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-9px;
}
@media screen and (max-width:340px){
.price-detail-item{
padding-bottom:37px;
}
.fixed-search-detail .price-detail-item{
padding-bottom:0;
}
.price-detail-item > .item-btn{
position:absolute;
bottom:0;
right:0;
}
.price-detail-item > .item-price{
padding-right:80px;
}
.fixed-search-detail .price-detail-item > .item-btn{
position:inherit;
bottom:inherit;
right:inherit;
}
.fixed-search-detail .price-detail-item > .item-price{
padding-right:5px;
}
}
/* .detail-toggle-hook
----------------------------------------------------------------- */
.detail-toggle-hook{
text-align:right;
clear:both;
display:block;
margin:13px 0 0;
}
.detail-toggle-hook > button{
padding:6px 0 6px 20px;
border:none;
color:#555;
font-size:11px;
display:inline-block;
margin:-14px 0 0;
position:relative;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:0 9px;
}
.detail-toggle-hook.is-active > button{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:0 9px;
}
.detail-toggle-hook > .payment-toggle-item{
display:none;
text-align:left;
margin-top:-7px;
}
.detail-toggle-hook.is-active > .payment-toggle-item{
display:block;
}
.detail-toggle-hook .detail-toggle-item{
display:none;
}
.detail-toggle-hook.is-active .detail-toggle-item{
display:block;
}

/* .payment-info-header
----------------------------------------------- */
.detail-toggle-hook .payment-info{
margin-top:0;
}
.detail-toggle-hook .payment-info .payment-info-header{
margin:0;
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-rows:1fr 1fr;
background-color:#f5f5f5;
text-align:center;
}
.detail-toggle-hook .payment-info .payment-info-header li{
padding:1px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
line-height:1.2;
}
.detail-toggle-hook .payment-info .payment-info-header li:first-child{
border-right:1px solid #ddd;
grid-area:1 / 1 / 3 / 2;
}
.detail-toggle-hook .payment-info .payment-info-header li:nth-child(2){
border:0;
border-right:1px solid #ddd;
grid-area:1 / 2 / 3 / 3;
}
.detail-toggle-hook .payment-info .payment-info-header li:nth-child(3){
border-bottom:1px solid #ddd;
grid-area:1 / 3 / 2 / 5;
}
.detail-toggle-hook .payment-info .payment-info-header li:nth-child(4){
grid-area:2 / 3 / 3 / 4;
border-left:0;
}
.detail-toggle-hook .payment-info .payment-info-header li:nth-child(5){
border-left:1px solid #ddd;
grid-area:2 / 4 / 3 / 5;
}
.detail-toggle-hook .payment-info .payment-info-list-credit > li:not(:last-child){
margin:0;
}

/* .attached-list
----------------------------------------------- */
.attached-list{
font-size:11px;
text-align:left;
margin:2px 0 3px;
}
.detail-bnb-item .attached-list{
font-size:13px;
}
.attached-list > li{
display:inline-block;
}
.attached-list > li:not(:last-child)::after{
content:'\0FF0F';
}
.attached-list > li.is-disabled{
color:#ccc;
}

/* .detail-toggle-hook  .toggle-container
----------------------------------------------- */
.detail-toggle-hook .toggle-container{
text-align:left;
font-size:12px;
}

/* .detail-list-02
----------------------------------------------- */
.detail-list-02{
text-align:left;
font-size:11px;
margin:4px 0 0;
}
.detail-bnb-item .detail-list-02{
font-size:12px;
margin:0;
}
.detail-list-02 > li{
display:table;
width:100%;
}
.detail-list-02 > li > div{
display:table-cell;
}
.detail-list-02 > li.maximum > div{
white-space:nowrap;
}
.detail-list-02 > li > div:first-child{
width:96px;
padding-right:1em;
box-sizing:border-box;
white-space:nowrap;
}
.detail-list-02 > li > div:last-child::before{
content:'\0FF1A';
margin-left:-1em;
}
.detail-list-02 > .check-in,
.detail-list-02 > .check-out{
margin:2px 0 -5px;
}
.detail-list-02 > .smoking-info,
.detail-list-02 > .meal{
margin:0 0 -3px;
}
.detail-list-02 > .check-in,
.detail-list-02 > .smoking-info{
display:inline-block;
width:58%;
}
.detail-list-02 > .check-out,
.detail-list-02 > .meal{
display:inline-block;
width:40%;
}
@media screen and (max-width:370px){
.detail-list-02 > .check-in,
.detail-list-02 > .smoking-info,
.detail-list-02 > .check-out,
.detail-list-02 > .meal{
width:100%;
display:block;
margin:0;
}
}
.detail-list-sup{
color:#949494;
font-size:10px;
text-align:left;
padding-left:1em;
text-indent:-1em;
}
.detail-list-sup-02{
color:#949494;
font-size:11px;
text-align:right;
padding-left:1em;
text-indent:-1em;
}
.detail-list-02 + .detail-list-sup{
margin-top:3px;
}
.ic-smoking,
.ic-nosmoking,
.ic-unfixed{
position:relative;
padding-left:15px;
white-space:nowrap;
}
.ic-smoking::before,
.ic-nosmoking::before,
.ic-unfixed::before{
content:'';
width:13px;
height:13px;
left:0;
top:50%;
margin-top:-7px;
background-size:13px 13px;
background-repeat:no-repeat;
display:inline-block;
position:absolute;
}
.ic-smoking::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-smoking.svg);
}
.ic-nosmoking::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-smoking-non.svg);
}
.ic-unfixed::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-smoking-unfixed.svg);
}


/* .bnb-btn-list
----------------------------------------------- */
.bnb-btn-list{
margin:12px 0 15px;
}
.bnb-btn-list li{
display:inline-block;
margin-left:6px;
vertical-align:top;
}
.bnb-btn-list .btn-detail{
border:1px solid #bbb;
color:var(--cmn-font-color-gray);
border-radius:4px;
display:block;
width:110px;
height:33px;
box-sizing:border-box;
background:#fff;
font-size:12px;
}

/* .plan-link
----------------------------------------------- */
.plan-link{
margin:-2px 0 0 0;
text-align:center;
}
.plan-link > a{
color:var(--cmn-font-color-gray);
font-size:13px;
text-decoration:underline;
}

/* .anchor-fixed-list
----------------------------------------------- */
.anchor-fixed-list{
display:table;
width:calc(100% + 20px);
margin:0 ;
position:relative;
margin-left:-10px;
border-bottom:1px solid #ccc;
line-height:1;
box-sizing:border-box;
}
.anchor-fixed-list::after {
position:absolute;
bottom:-1px;
content:'';
display:block;
width:100%;
height:4px;
left:0;
box-shadow:0 2px 2px 0.1px rgba(0, 0, 0, .2);
z-index:2;
}
.anchor-fixed-list > li{
display:table-cell;
padding:0 3px;
font-size:13px;
vertical-align:middle;
text-align:center;
}
.anchor-fixed-list > li:first-child{
padding-left:6px;
}
.anchor-fixed-list > li:last-child{
padding-right:6px;
}
.anchor-fixed-list > li a{
color:var(--cmn-font-color-gray);
padding:5px 2px ;
display:inline-block;
position:relative;
white-space:nowrap;
}
.anchor-fixed-list > li a.is-active{
color:var(--cmn-font-color-base);
}
.anchor-fixed-list > li a.is-active::after{
content:'';
background:#333;
display:block;
height:3px;
width:100%;
position:absolute;
left:0;
bottom:-2px;
}
.anchor-fixed-list.is-active{
position:fixed;
top:0;
left:0;
background:#fff;
padding:10px 10px 0 ;
z-index:6;
}

/* .detail-bnb-item
----------------------------------------------- */
.detail-bnb-item{
margin:10px 0 0;
}
.detail-bnb-item:first-child{
margin:15px -10px 0;
padding:0 10px;
}
.detail-bnb-item:not(:first-child){
border-top:1px solid #bbb;
margin:30px -10px 0;
padding:14px 10px 0;
}
.detail-bnb-item ul,
.detail-header .detail-bnb-item  .toggle-container{
margin:6px 0 20px;
}
.detail-header .bnb-detail-item{
padding-top:0;
}
.pseudo-content .detail-bnb-item{
padding-top:0;
border:0;
margin-top:15px;
}
.detail-bnb-item > h2{
font-size:14px;
}
.detail-bnb-item .form-search-pseudo{
padding:0 10px;
}
.detail-bnb-item .form-search-tbl{
border-top:1px solid #e5e5e5;
margin:0;
}
.detail-bnb-item .search-submit-container{
padding:10px 10px 0;
}
.detail-bnb-item .search-submit-container .btn-container li:first-child{
padding-left:0;
}
.detail-bnb-item .form-search-tbl .form-search-btn-arrow-01.is-unselected {
color:#ccc;
font-size:15px;
}
.detail-bnb-item .date-nofix-info{
font-size:12px;
margin:8px 0 8px;
}
.detail-bnb-item .date-nofix-info .ic-info {
display:block;
position:relative;
padding-left:18px;
}
.detail-bnb-item .date-nofix-info .ic-info:before {
content:'';
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) left top no-repeat;
width:14px;
height:12px;
position:absolute;
left:0;
top:1px;
}
.detail-bnb-item .date-nofix-info .ic-info >span{
color:var(--cmn-font-color-red);
}
.detail-bnb-item .form-search-pseudo .form-search-tbl .date .search-desc{
padding:10px;
vertical-align:middle;
}

/* .bnb-search-plan
----------------------------------------------- */
.bnb-search-plan{
background:#e1e1e1;
padding:10px 10px 20px 10px;
margin:15px -10px -30px;
text-align:center;
}

/* .facility-list
----------------------------------------------- */
.facility-list > li{
display:inline-block;
text-align:center;
padding:25px 5px 0;
font-size:11px;
margin-bottom:5px;
position:relative;
}
.facility-list > li::before{
content:'';
position:absolute;
width:26px;
height:20px;
background-repeat:no-repeat;
background-position:center center;
display:block;
top:0;
left:50%;
margin-left:-13px;
}
.facility-list > .wifi::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-wifi.svg);
background-size:18px 14px;
}
.facility-list > .transfer::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-airport-transfer.svg);
background-size:13px 16px;
}
.facility-list > .pool::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-pool.svg);
background-size:20px 13px;
}
.facility-list > .parking::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-parking.svg);
background-size:10px 13px;
}
.facility-list > .kitchen::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-kitchen.svg);
background-size:22px 15px;
}
.facility-list > .gym::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-gym.svg);
background-size:21px 9px;
}
.facility-list > .air-conditioner::before{
background-image:url(/element_sp/w_hotel/vacation-stay/images/icon-aircon.svg);
background-size:17px 12px;
}
.facility-list > .list-toggle-hook{
display:block;
text-align:right;
padding:0;
}
.facility-list > .list-toggle-hook button{
padding:5px 5px 5px 20px;
border:none;
color:var(--cmn-font-color-base);
font-size:12px;
display:inline-block;
position:relative;
margin-top:-5px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:0 9px;
}
.facility-list > .list-toggle-hook:last-child button{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:0 9px;
}
.detail-bnb-item .detail-list-02 > li{
width:40%;
display:inline-block;
margin:0;
vertical-align:top;
}
.detail-bnb-item .detail-list-02 > li:nth-child(odd){
width:52%;
}
.detail-bnb-item .detail-list-02 > li.registration-number:nth-child(odd){
width:auto;
}
.facility-list > .list-toggle-hook > .list-toggle-item,
.facility-list > .list-toggle-hook:last-child{
display:none;
}
.facility-list > .list-toggle-hook.is-active > .list-toggle-item,
.facility-list > .list-toggle-hook.is-active + .list-toggle-hook{
display:block;
}
.facility-list > .list-toggle-hook.is-active > div > button{
display:none;
}
.facility-list > .list-toggle-hook.is-active + .list-toggle-hook{
margin-bottom:-10px;
}
.list-toggle-item{
text-align:left;
margin-top:15px;
}
.list-toggle-item li{
font-size:13px;
display:inline-block;
width:49%;
margin:0 0 4px;
}
.list-toggle-item li.is-disabled{
color:#ccc;
}
.list-toggle-item h2{
font-size:14px;
}

/* .host-info-item
----------------------------------------------- */
.host-info-item{
position:relative;
padding:5px 0 5px 75px;
}
.host-info-item > .host-img{
position:absolute;
left:0;
top:50%;
margin:-30px 0 0 0;
}
.host-info-item > .host-img img{
width:60px;
height:60px;
border-radius:50%;
}
.host-info-item > .host-info-list{
margin-bottom:4px;
}
.host-info-list > li{
font-size:11px;
display:block;
margin-top:5px;
}
.host-info-list > .name{
font-family:Arial;
}
.host-info-list > .name > span{
font-size:15px;
padding-right:5px;
}

/* .detail-bnb-item review
----------------------------------------------- */
.detail-bnb-item .detail-review-overall-rating{
margin:12px 0 10px;
}
.pseudo-content .detail-bnb-item .detail-review-overall-rating{
margin:12px 0 6px;
}
.detail-bnb-item .detail-review .detail-review-overall-rating-list dt{
font-weight:normal;
font-size:13px;
}
.detail-bnb-item .detail-review .detail-review-rating{
padding:0;
}
.detail-bnb-item .detail-review .detail-review-article-content {
padding:0;
margin:0 0 2px;
border:0;
border-top:0;
}
.pseudo-content .detail-bnb-item .detail-review .detail-review-article-content {
padding:15px 10px;
margin:0 -10px;
border:0;
border-top:1px solid #ddd;
}
.detail-bnb-item .detail-review .detail-review-article-content-header-hdg {
font-weight:normal;
}
.detail-bnb-item .detail-review .detail-review-article-content-header-list{
border:0;
margin:3px 0 0;
}
.detail-bnb-item .detail-review .detail-review-article-content-header-review-num,
.detail-bnb-item .detail-review .detail-review-article-content-header-sup{
font-size:11px;
}
.detail-bnb-item .detail-review .review-txt{
font-size:12px;
line-height:1.6;
margin-top:2px;
}
.detail-bnb-item .detail-review .detail-review-rating-hook{
position:relative;
padding-left:22px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:0 2px;
}
.detail-bnb-item .detail-review .detail-review-rating-hook > h2{
font-weight:normal;
color:var(--cmn-font-color-gray);
}
.detail-bnb-item .detail-review .toggle-btn-close {
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px;
background-position:0 2px;
}
.detail-review .toggle-btn-close::before{
display:none;
}
.detail-bnb-item .detail-review .link-item{
text-align:right;
}
.detail-bnb-item .detail-review .link-item .link-more{
padding-left:12px;
color:var(--cmn-font-color-gray);
font-size:13px;
position:relative;
text-decoration:underline;
}

/* .bnb-map-area
----------------------------------------------- */
.bnb-map-area{
width:100%;
height:180px;
position:relative;
margin-top:14px;
}
.bnb-map-area a{
position:absolute;
display:block;
width:100%;
height:180px;
}
.bnb-map-area::after{
content:'';
display:block;
width:80px;
height:80px;
border-radius:40px;
border:1px solid #287AC4;
background-color:rgba(40,122,196,0.25);
position:absolute;
top:50%;
left:50%;
margin:-40px 0 0 -40px;
}

/* .bnb-map-area
----------------------------------------------- */
.place-detail-item{
margin-top:10px;
font-size:12px;
}
.place-detail-item > .address{
display:block;
padding-left:3em;
text-indent:-3em;
}
.place-detail-item-list > li{
display:table;
width:100%;
box-sizing:border-box;
margin-bottom:5px;
}
.place-detail-item-list > li > span{
display:table-cell;
text-align:right;
}
.place-detail-item-list > li > span:first-child{
text-align:left;
padding-left:22px;
position:relative;
}
.place-detail-item-list > li > span:first-child::before{
content:'';
display:block;
width:17px;
height:16px;
background-repeat:no-repeat;
background-position:center center;
top:50%;
left:0;
margin-top:-8px;
position:absolute;
opacity:.5;
}
.place-detail-item-list > li > .airport:first-child::before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
}
.place-detail-item-list > li > .station:first-child::before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
}

/* .cancel-policy-tbl
----------------------------------------------- */
.cancel-policy-info{
font-size:11px;
margin:5px 0 20px;
}
.cancel-policy-tbl {
box-sizing:border-box;
border-bottom:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
margin-top:15px;
}
.cancel-policy-tbl li{
display:table;
width:100%;
box-sizing:border-box;
font-size:11px;
border-top:1px solid #ddd;
}
.cancel-policy-tbl li:first-child {
border-top:1px solid #999;
}
.cancel-policy-tbl li > div{
display:table-cell;
padding:6px 8px;
line-height:1.2;
}
.cancel-policy-tbl li > div:first-child{
width:40%;
}
.cancel-policy-tbl li > div:last-child {
border-left:1px solid #ddd;
text-align:right;
}

/* .photo-bnb-page
----------------------------------------------- */
.photo-bnb-page{
background:#000;
height:100%;
}
.photo-bnb-page .carousel{
margin-bottom:0;
}
.photo-bnb-page .carousel .carousel-list{
margin:30px -10px 110px;
}
.photo-bnb-page .carousel .carousel-list>li.is-active{
display:table;
width:100%;
text-align:center;
}
.photo-bnb-page .carousel .carousel-list>li .image{
background-color:#000;
display:table-cell;
height:460px;
vertical-align:middle;
position:static;
padding-top:0;
}
.photo-bnb-page .carousel .carousel-list>li .image img{
padding:0;
position:static;
max-height:460px;
}
.carousel-nav-item{
position:fixed;
bottom:30px;
width:100%;
height:90px;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li.is-active a:before {
border:2px solid #287AC4;
}
.photo-bnb-page .carousel-num-item {
display:table;
width:100%;
padding:0 15px;
margin:0 -10px;
color:#fff;
box-sizing:border-box;
}
.photo-bnb-page .carousel .carousel-nav>li.carousel-nav-thumb>ul>li a img,
.photo-bnb-page .carousel .carousel-nav>li.carousel-nav-thumb>ul>li{
min-width:65px;
max-width:65px;
}
.photo-bnb-page .carousel-num-item > div{
display:table-cell;
font-size:13px;
}
.photo-bnb-page .carousel .carousel-num{
color:#fff;
text-align:right;
}
.photo-bnb-page .carousel .carousel-nav {
margin:10px 0;
padding:0 0;
position:absolute;
}
.photo-bnb-page .carousel .carousel-nav>li.carousel-nav-thumb{
max-width:100%;
}
.photo-bnb-page .carousel .carousel-nav>li.carousel-nav-thumb>ul>li{
background:#000;
}
.photo-bnb-page .carousel .carousel-nav>li.carousel-nav-thumb>ul>li:first-child{
margin-left:5px;
}
.photo-bnb-page .carousel .carousel-nav>li.carousel-nav-thumb>ul>li:not(:first-child) {
margin-left:10px;
}
@media screen and (max-width:360px){
.photo-bnb-page .carousel .carousel-list>li .image{
height:360px;
}
.photo-bnb-page .carousel .carousel-list>li .image img{
max-height:360px;
}
}

/* .item-plan-search
----------------------------------------------- */
.item-plan-search{
display:table;
width:100%;
font-size:12px;
}
.item-plan-search > div{
display:table-cell;
box-sizing:border-box;
vertical-align:top;
}
.item-plan-search > .item-date{
width:auto;
font-size:13px;
}
.item-plan-search > .item-date .date{
display:table-cell;
position:relative;
}
.item-plan-search > .item-date .date .year{
display:block;
font-size:10px;
margin-bottom:2px;
}
.item-plan-search > .item-date .date:last-child{
padding-left:15px;
}
.item-plan-search > .item-date .date:last-child::before{
content:'-';
position:absolute;
bottom:0;
left:5px;
}
.item-plan-search > .item-num{
width:68px;
padding:0 5px;
font-size:13px;
white-space:nowrap;
}
.item-plan-search > .item-conditions{
width:40px;
white-space:nowrap;
}
.item-plan-search > div button{
border-radius:3px;
box-shadow:0 2px 1px rgba(0,0,0,.25);
background-color:#fff;
display:block;
width:100%;
border:1px solid #ccc;
min-height:38px;
box-sizing:border-box;
line-height:1.2;
text-align:left;
padding:1px 5px;
}
.item-plan-search > div button.btn-num{
line-height:1.4;
}
.item-plan-search > .item-conditions .btn-conditions{
text-align:center;
}
.item-plan-search > .item-date .name,
.item-plan-search > .item-num .name{
display:block;
font-size:10px;
margin-bottom:2px;
}
.detail-bnb-item .detail-list-02 > li.bedroom{
width:100%;
}
.detail-bnb-item .detail-list-02 > li.smoking-info:first-child{
width:58%;
}
.item-plan-search + .bnb-detail-list{
margin-bottom:0;
}

/* .bnb-search-plan-detail
----------------------------------------------- */
.bnb-search-plan-detail{
background:#fff;
padding:10px;
border-radius:5px;
box-shadow:1px 1px 4px 1px rgba(0,0,0,.2);
text-align:left;
margin-top:10px;
}
.detail-bnb-item .bnb-search-plan-detail ul{
margin:0 0 5px;
}
.bnb-plan-more-btn{
background:#fff;
padding:7px 10px;
color:var(--cmn-font-color-gray);
border:0;
border-radius:5px;
box-shadow:1px 1px 4px 1px rgba(0,0,0,.2);
width:180px;
margin:20px auto 0;
font-size:13px;
}
.bnb-plan-more-btn > span{
position:relative;
padding-left:15px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px;
background-position:0 5px;
}

/* .bnb-filter
----------------------------------------------- */
.bnb-filter .search-desc{
position:relative;
}
.bnb-filter .search-desc .cmn-tip-btn{
position:absolute;
right:5px;
top:50%;
margin:-10px 0 0 0;
}
.bnb-filter .form-search-tbl .form-search-btn-arrow-01{
color:var(--cmn-font-color-base);
font-weight:normal;
padding:10px 25px 10px 10px;
margin:0;
}
.bnb-filter .form-search-tbl .form-search-btn-arrow-01.is-unselected{
font-size:14px;
color:#bbb;
}
.bnb-filter .form-search-checkbox > li > label{
font-size:16px;
}
.bnb-filter .form-custom-select select{
color:var(--cmn-font-color-base);
font-weight:normal;
}
.bnb-filter .form-custom-select select.is-unselected{
color:#bbb;
}
.bnb-filter .agent-jp{
padding:12px 0;
margin:0 10px;
border-bottom:1px solid #e5e5e5;
font-size:14px;
}
.bnb-filter .agent-jp input[type=checkbox]{
vertical-align:middle;
}
.form-search-pseudo .bnb-filter .form-search-tbl .select-num-btn-list{
margin:0;
}
.select-num-btn-list{
display:flex;
align-items:center;
justify-content:flex-start;
}
.select-num-btn-list li{
display:inline-block;
width:auto;
margin-right:15px;
font-size:14px;
}
.select-num-btn-list li .num{
font-size:15px;
}
.select-num-btn-list .btn-minus{
background:url(/element_sp/w_hotel/shared/images/icon-minus-on.svg);
width:30px;
height:30px;
line-height:1;
border:0;
text-indent:-9999px;
}
.select-num-btn-list .btn-minus.is-disabled{
background:url(/element_sp/w_hotel/shared/images/icon-minus-off.svg);
}
.select-num-btn-list .btn-plus{
background:url(/element_sp/w_hotel/shared/images/icon-plus-on.svg);
width:30px;
height:30px;
line-height:1;
border:0;
text-indent:-9999px;
}
.select-num-btn-list .btn-plus.is-disabled{
background:url(/element_sp/w_hotel/shared/images/icon-plus-off.svg);
}
.form-search-tbl .form-search-btn-arrow-01.btn-staying-date{
font-size:12px;
font-weight:normal;
padding:3px 25px 3px 10px;
margin:0;
}
.form-search-tbl .form-search-btn-arrow-01.btn-staying-date + .form-search-checkbox{
margin-top:2px;
}
.form-search-tbl .form-search-btn-arrow-01.btn-staying-date .num{
font-size:13px;
}
.form-search-tbl .form-search-btn-arrow-01.btn-staying-date .date{
display:block;
font-size:14px;
}
.form-search-tbl .form-search-btn-arrow-01.btn-staying-date .date .num{
font-size:15px;
}
.form-search-tbl .form-search-btn-arrow-01.btn-staying-date .text-date-number{
font-weight:normal;
}
.persons-num-txt{
font-size:12px;
display:block;
font-weight:bold;
margin-bottom:2px;
}
.bnb-filter .form-search-col > div:first-child{
margin-right:8px;
}
.pseudo-content .form-search-pseudo .form-search-tbl .search-desc .sup{
display:block;
font-size:11px;
}
.pseudo-content .form-search-pseudo .form-search-tbl li.num .form-searcn-tip-container{
display:block;
position:relative;
}
.pseudo-content .form-search-pseudo .form-search-tbl li.num .form-searcn-tip-container .cmn-tip-btn{
position:absolute;
right:22px;
top:0;
}

/* .fixed-search-detail
----------------------------------------------- */
.fixed-search-detail{
position:fixed;
bottom:0;
width:100%;
background:#fff;
z-index:6;
margin:0 -10px;
padding:0 10px 10px;
box-sizing:border-box;
}
.modify-item{
background:#666;
display:table;
margin:0 0 10px -10px;
color:#fff;
padding:9px 10px 9px 56px;
line-height:1;
position:relative;
width:calc(100% + 20px) ;
box-sizing:border-box;
}
.modify-item > div{
display:table-cell;
}
.modify-item > .agt-name{
text-align:right;
font-size:11px;
}
.modify-item > .btn-modify{
position:absolute;
border:1px solid #fff;
background:none;
font-size:12px;
width:36px;
height:21px;
left:10px;
top:50%;
margin-top:-10px;
padding:1px 0 0 0;
border-radius:2px;
}
.modify-item .date{
font-size:13px;
font-family:Arial;
}
.modify-item .room-num{
font-size:12px;
padding-left:8px;
}
.modify-item .room-num .num{
font-size:13px;
}
.fixed-search-detail .plan-link{
text-align:left;
margin:2px 0 0 0;
}

/* .icon-blank
---------------------------------- */
.icon-blank {
margin:0 0 1px 4px;
padding-top: 10px;
overflow: hidden;
display:inline-block;
width: 10px;
height: 0;
position: relative;
top: 1px;
background: url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
}

/* ----------------------------------------------------------------
  Common
-------------------------------------------------------------------
margin / padding
----------------------------------------------------------------- */
.m-top-0{
margin-top:0 !important;
}
.m-right-0{
margin-right:0 !important;
}
.m-bottom-0{
margin-bottom:0 !important;
}
.m-left-0{
margin-left:0 !important;
}
.p-top-0{
padding-top:0 !important;
}
.p-right-0{
padding-right:0 !important;
}
.p-bottom-0{
padding-bottom:0 !important;
}
.p-left-0{
padding-left:0 !important;
}
.m-top-5{
margin-top:5px !important;
}
.m-right-5{
margin-right:5px !important;
}
.m-bottom-5{
margin-bottom:5px !important;
}
.m-left-5{
margin-left:5px !important;
}
.p-top-5{
padding-top:5px !important;
}
.p-right-5{
padding-right:5px !important;
}
.p-bottom-5{
padding-bottom:5px !important;
}
.p-left-5{
padding-left:5px !important;
}
.m-top-10{
margin-top:10px !important;
}
.m-right-10{
margin-right:10px !important;
}
.m-bottom-10{
margin-bottom:10px !important;
}
.m-left-10{
margin-left:10px !important;
}
.p-top-10{
padding-top:10px !important;
}
.p-right-10{
padding-right:10px !important;
}
.p-bottom-10{
padding-bottom:10px !important;
}
.p-left-10{
padding-left:10px !important;
}
.m-top-15{
margin-top:15px !important;
}
.m-right-15{
margin-right:15px !important;
}
.m-bottom-15{
margin-bottom:15px !important;
}
.m-left-15{
margin-left:15px !important;
}
.p-top-15{
padding-top:15px !important;
}
.p-right-15{
padding-right:15px !important;
}
.p-bottom-15{
padding-bottom:15px !important;
}
.p-left-15{
padding-left:15px !important;
}
.m-top-20{
margin-top:20px !important;
}
.m-right-20{
margin-right:20px !important;
}
.m-bottom-20{
margin-bottom:20px !important;
}
.m-left-20{
margin-left:20px !important;
}
.p-top-20{
padding-top:20px !important;
}
.p-right-20{
padding-right:20px !important;
}
.p-bottom-20{
padding-bottom:20px !important;
}
.p-left-20{
padding-left:20px !important;
}
.m-top-25{
margin-top:25px !important;
}
.m-right-25{
margin-right:25px !important;
}
.m-bottom-25{
margin-bottom:25px !important;
}
.m-left-25{
margin-left:25px !important;
}
.p-top-25{
padding-top:25px !important;
}
.p-right-25{
padding-right:25px !important;
}
.p-bottom-25{
padding-bottom:25px !important;
}
.p-left-25{
padding-left:25px !important;
}
.m-top-30{
margin-top:30px !important;
}
.m-right-30{
margin-right:30px !important;
}
.m-bottom-30{
margin-bottom:30px !important;
}
.m-left-30{
margin-left:30px !important;
}
.p-top-30{
padding-top:30px !important;
}
.p-right-30{
padding-right:30px !important;
}
.p-bottom-30{
padding-bottom:30px !important;
}
.p-left-30{
padding-left:30px !important;
}
.m-top-35{
margin-top:35px !important;
}
.m-right-35{
margin-right:35px !important;
}
.m-bottom-35{
margin-bottom:35px !important;
}
.m-left-35{
margin-left:35px !important;
}
.p-top-35{
padding-top:35px !important;
}
.p-right-35{
padding-right:35px !important;
}
.p-bottom-35{
padding-bottom:35px !important;
}
.p-left-35{
padding-left:35px !important;
}
.m-top-40{
margin-top:40px !important;
}
.m-right-40{
margin-right:40px !important;
}
.m-bottom-40{
margin-bottom:40px !important;
}
.m-left-40{
margin-left:40px !important;
}
.p-top-40{
padding-top:40px !important;
}
.p-right-40{
padding-right:40px !important;
}
.p-bottom-40{
padding-bottom:40px !important;
}
.p-left-40{
padding-left:40px !important;
}

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

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

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */

.map-outofsearch-inner > p:before,
.map-outofsearch-inner > p:after,
.hotel-detail-area:before,
.hotel-detail-area:after,
.map-view-area:before,
.map-view-area:after,
.spot-detail-area:before,
.spot-detail-area:after,
.review-agt-list .review-site-list:before,
.review-agt-list .review-site-list:after{
content:"";
display:table;
}
.map-outofsearch-inner > p:after,
.hotel-detail-area:after,
.map-view-area:after,
.spot-detail-area:after,
.review-agt-list .review-site-list:after{
clear:both;
}

/* for android app
---------------------------------- */
.is-app-android .sticky-box,
.is-app-android .pseudo-sticky,
.is-app-android .form-box-idx .form-submit-container,
.is-app-android .box-fixed,
.is-app-android .calendar-sticky-box,
.is-app-android .agt-link-btn-container,
.is-app-android .form-search-index .form-search-btn-act{
padding-bottom:57px!important;
}

/* for ios
---------------------------------- */
.is-ios [role=page],
.is-ios [role=dialog],
.is-ios [data-role=dialog],
.is-ios [data-role=page]{
display:none
}
.is-ios [role=page].is-active,
.is-ios [role=dialog].is-active,
.is-ios [data-role=dialog].is-active,
.is-ios [data-role=page].is-active,
.is-ios [role=page].active,
.is-ios [role=dialog].active,
.is-ios [data-role=dialog].active,
.is-ios [data-role=page].active{
display:block;
}

/* for Google App
----------------------------------------------------------------- */
.support-app-google .form-box-idx .form-submit-container,
.support-app-google .box-fixed,
.support-app-google .calendar-sticky-box,
.support-app-google .pseudo-sticky,
.support-app-google .sticky-box,
.support-app-google .agt-link-btn-container{
padding-bottom:70px;
}
.support-app-google.pseudo-content.pseudo-lyt-sticky,
.support-app-google[data-role='dialog'].is-active,
.support-app-google [data-role='dialog'].is-active{
padding-bottom:300px;
}
.support-app-google form.filter-list{
padding-bottom:70px;
}
.support-app-google .filter .box-fixed{
padding-bottom:10px;
}
.support-app-google .calendar-guide{
padding-bottom:70px;
}
#Area_calendar_page.support-app-google.pseudo-sticky[data-role='dialog'].is-active {
padding-bottom:70px;
}
.support-app-google .agt-link-btn-container{
padding-bottom:70px;
}
.support-app-google #Act_wtour_search_page .pseudo-sticky,
.support-app-google .filter-tour .pseudo-sticky,
.support-app-google .filter-tour + .pseudo-sticky{
padding-bottom:190px;
}
.support-app-google #Act_wtour_search_page,
.support-app-google .pseudo-content-fixed{
padding-bottom:260px;
}
.support-app-google #Act_wtour_search_page .filter-tour .pseudo-sticky{
display:block;
text-align:center;
}

/* .detail-bg
---------------------------------- */
.detail-bg {
margin: -10px -10px 0;
padding: 0 10px 1px;
border-top: 1px solid #2a2a2a;
background: #2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size: 100% auto;
}

/* special-info-nav
---------------------------------- */
.search-result .special-info-nav{
border-bottom:1px solid #ddd;
}
.special-info-nav{
margin:-10px -8px 10px;
}
.detail-bg + .special-info-nav{
margin:0 -10px 0;
border-bottom:1px solid #ddd;
}
.special-info-nav a{
display:block;
font-size:12px;
color:#333;
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 11px no-repeat #fff;
background-size:14px 12px;
padding:9px 10px 8px 28px;
min-height:36px;
box-sizing:border-box;
}

.detail-bg .special-info-nav{
margin:12px 0;
}

.detail-bg .special-info-nav a{
display:block;
font-size:12px;
color:#333;
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 11px no-repeat #fff;
background-size:14px 12px;
padding:9px 10px 8px 28px;
min-height:36px;
box-sizing:border-box;
border-radius:4px;
}

/* .pseudo-special-info
---------------------------------- */
.pseudo-special-info[role=dialog]{
display:none;
height:100%;
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
color:var(--cmn-font-color-base);
}
.pseudo-special-info[role=dialog].is-active{
display:-webkit-box;
display:flex;
}
.pseudo-special-info .pseudo-special-info-content{
margin:0;
padding:16px 10px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
color:var(--cmn-font-color-base);
}
.pseudo-special-info .pseudo-special-info-content > :first-child{
margin-top:0 !important;
}
.pseudo-special-info .pseudo-special-info-header-hdg{
padding:0 55px;
margin:0;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.pseudo-special-info .pseudo-special-info-header-hdg h2{
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
line-height:1.1;
}
.pseudo-special-info .pseudo-special-info-header-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}
.pseudo-special-info .special-info-point{
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-sup{
font-size:12px;
margin:0;
}
.pseudo-special-info .special-info-desc{
margin-top:8px;
}
.pseudo-special-info .special-info-desc p{
margin-top:4px;
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-desc p:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-hdg-l3{
font-size:18px;
line-height:calc(21 / 18);
}
.pseudo-special-info .special-info-hdg-l4{
margin-top:24px;
font-size:16px;
}
.pseudo-special-info .special-info-tabs{
margin:8px -10px 16px;
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
overflow:hidden;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr::-webkit-scrollbar{
display:none;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li.is-active button::after{
background-color:var(--cmn-font-color-base);
}
.pseudo-special-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:var(--cmn-font-color-base);
font-size:14px;
}
.pseudo-special-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;
}
.pseudo-special-info .special-info-tabs-content .special-info-status{
margin-top:12px;
}
.pseudo-special-info .special-info-status{
margin-top:24px;
}
.pseudo-special-info .special-info-status.branch{
margin-top:12px;
}
.pseudo-special-info .special-info-status .special-info-status-list{
font-size:0;
}
.pseudo-special-info .special-info-status .special-info-status-list > li{
font-size:12px;
display:inline-block;
}
.pseudo-special-info .special-info-status .special-info-status-list > li:not(:first-child){
margin-left:12px;
}
.pseudo-special-info .special-info-note-list{
margin-top:8px;
margin-bottom:0;
}
.pseudo-special-info .special-info-note-list li{
display:-webkit-inline-box;
display:inline-flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-note-list li > span{
margin-right:4px;
}
.pseudo-special-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:#777;
}
.pseudo-special-info .special-info-guide > li{
display:-webkit-box;
display:flex;
font-size:12px;
}
.pseudo-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.pseudo-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:13px;
}
.pseudo-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:2px;
right:4px;
content:":";
display:block;
}
.pseudo-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-link.right{
text-align:right;
}
.pseudo-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;
}
.pseudo-special-info .special-info-tgl{
margin-top:8px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item{
display:none;
margin-top:8px;
padding-bottom:4px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-hook{
display:inline-block;
cursor:pointer;
margin:0;
padding:0 0 0 13px;
border:none;
background:none;
background-image:url(/element_sp/w_hotel/shared/images/icon-arrow-01-down.svg);
background-position:0 7px;
background-repeat:no-repeat;
background-size:8px 5px;
font-size:12px;
font-weight:normal;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-item{
display:block;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-hook{
background-position:0 6px;
background-image:url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg);
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item{
display:none;
margin-bottom:12px;
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-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:16px;
border-bottom:1px solid #e5e5e5;
line-height:calc(20 / 16);
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] + .special-info-tbl-note-list{
margin-top:-4px;
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-item{
display:block;
}
.pseudo-special-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;
}
.pseudo-special-info .special-info-summary-tbl{
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-top:8px;
}
.pseudo-special-info .special-info-summary-tbl th{
font-size:12px;
font-weight:normal;
padding:8px;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-summary-tbl td{
font-size:12px;
padding:8px;
text-align:center;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl{
margin-top:8px;
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl th{
font-size:12px;
font-weight:normal;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:left;
padding:8px 6px 8px 8px;
width:100px;
box-sizing:border-box;
}
.pseudo-special-info .special-info-tbl td{
padding:8px;
font-size:12px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl td >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tbl-list{
margin:4px 0 0;
}
.pseudo-special-info .special-info-tbl-list li{
display:-webkit-box;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-tbl-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list{
margin:8px 0 0;
}
.pseudo-special-info .special-info-tbl-note-list li{
display:-webkit-inline-box;
display:inline-flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-tbl-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list li > span{
margin-right:4px;
white-space:nowrap;
}
.pseudo-special-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:#777;
}
.pseudo-special-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}


/* str-footer-nav-top
------------------------------------------------ */
.str-footer-nav-top.is-display-n{
display:none;
}

/* for special information
---------------------------------- */
.special-info{
background-color:rgba(0,76,154,.5);
text-align:center;
padding:8px 6px;
margin-bottom:10px;
border-radius:4px;
font-size:12px;
line-height:calc(17 / 12);
}
.special-info ul{
margin:0;
}
.special-info a .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}

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

card

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


/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:0 -10px;
padding:10px 8px 20px;
background-color:#f5f5f5;
min-height:600px;
}

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
margin-bottom:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
padding: 0;
min-height:34px;
}

/* .search-result-header-sticky > .search-result-sort
------------------------- */
.search-result-header-sticky .search-result-sort{
margin:12px 0 0;
display:none;
}

.search-result-header-sticky.is-sticky .search-result-sort{
display:-webkit-box;
display:flex;
}

/* .search-result-sort-btn
----------------------------------------------- */
.search-result .search-result-sort-btn{
margin:-4px 0 0 -3px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
background-color:transparent;
height:inherit;
width:inherit;
border:none;
}

.search-result-sort-btn > li{
margin:4px 0 0 4px;
position:relative;
}

.search-result-sort-btn button{
padding:0 8px 0 27px;
border:1px solid #ccc;
border-radius:17px;
height:34px;
max-width:164px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background-color:#fff;
background-position:10px 50%;
background-repeat:no-repeat;
background-size:15px auto;
font-size:14px;
}

.search-result-sort-btn button.is-disabled,
.search-result-sort-btn button:disabled{
opacity:.33;
}

.search-result-sort-btn .map button{
padding-left:25px;
background-image:url(/element_sp/w_hotel/shared/images/icon-map.svg);
background-position:11px 50%;
background-size:9px auto;
}

.search-result-sort-btn .sort button{
background-image:url(/element_sp/w_hotel/shared/images/icon-sort.svg);
}


/* ----------------------------------------------------------------
  .search-result-item
----------------------------------------------------------------- */
/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
padding:12px;
border-radius:6px;
line-height:1.42;
position:relative;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
font-size:12px;
border-top:0;
}

.search-result .search-result-item + .search-result-item,
.search-result .act_ad_manage + .search-result-item{
margin-top:12px;
}


/* ----------------------------------------------------------------
  .search-result-item-header
----------------------------------------------------------------- */
/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
display:grid;
grid-template-columns:108px 1fr;
grid-template-rows:auto auto;
-webkit-column-gap:12px;
column-gap:12px;
margin:0;
padding-left:0;
}

/* .search-result-item-header-basic
----------------------------------------------- */
.search-result .search-result-item-header-basic{
grid-column:2 / 3;
grid-row:1 / 2;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
min-width:0;
}

/* .search-result-item-header-basic-hdg
----------------------------------------------- */
.search-result .search-result-item-header-basic-hdg{
line-height:1.35;
font-weight:normal;
font-size:16px;
word-break:break-all;
word-wrap:break-word;
}

.search-result .search-result-item-header-basic-hdg a{
text-decoration:none;
color:var(--cmn-font-color-link);
}

.search-result .search-result-item-header-basic-hdg .search-result-item-header-hdg-sup {
display: block;
font-size: 12px;
font-weight: normal;
color:var(--cmn-font-color-gray);
text-decoration:none;
}


/* .search-result-item-header-basic-list
----------------------------------------------- */
.search-result .search-result-item-header-basic-list{
margin:0 0 5px;
}

.search-result .search-result-item-header-basic-list > li{
margin-top:8px;
padding-left:14px;
background-position:0 2px;
background-repeat:no-repeat;
}

.search-result .search-result-item-header-basic-list > li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

.search-result .search-result-item-header-basic-list .area{
background-image:url(/element_sp/w_hotel/shared/images/icon-map.svg);
background-size:9px auto;
}

.search-result .search-result-item-header-basic-list .area > span:first-child{
padding-right:8px;
}

/* .search-result-item-header-basic-bottom
----------------------------------------------- */
.search-result .search-result-item-header-basic-bottom{
margin-top:auto;
align-self:flex-end;
}

/* .search-result-item-header-link
----------------------------------------------- */
.search-result .search-result-item-header-link{
margin-top:4px;
text-align:right;
}

.search-result .search-result-item-header-link a{
text-decoration: none;
}

/* .search-result-item-header-toggle-hook
----------------------------------------------- */
.search-result .search-result-item-header-toggle-hook{
margin-top:8px;
padding:0 0 0 12px;
border:none;
font-size:12px;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
}

.search-result .search-result-item-header-toggle-hook.is-active{
background-image:url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg);
}

.search-result .search-result-item-header-toggle-hook.branch{
padding:0 0 0 16px;
background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px auto;
color: var(--cmn-font-color-link)
}

.search-result .search-result-item-header-toggle-hook.branch.is-active{
background: url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
background-size: 12px auto;
}

/* .search-result-item-header-toggle-detail
----------------------------------------------- */
.search-result .search-result-item-header-toggle-detail{
margin-top:8px;
grid-column:1 / 3;
grid-row:2 / 3;
display:none;
line-height:1.5;
}

.search-result .search-result-item-header-toggle-detail > :first-child{
margin-top:0;
}

.search-result .search-result-item-header-toggle-detail p{
margin:8px 0 0;
}

.search-result .search-result-item-header-toggle-detail.is-active{
display:block;
}

/* .search-result-item-header-thumb
----------------------------------------------- */
.search-result .search-result-item-header-thumb{
margin:-12px 0 0 -12px;
border-top-left-radius:6px;
border-bottom-right-radius:6px;
grid-column:1 / 2;
grid-row:1 / 2;
position:relative;
overflow:hidden;
height:156px;
width:auto;
}

.search-result .search-result-item-header-thumb::before{
content:'';
display:block;
width:100%;
height:30px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0, 0, 0, .4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.search-result .search-result-item-header-thumb img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
min-width:100%;
max-width:none;
height:100%;
}

.search-result .search-result-item-header-thumb button{
color:#fff;
border:none;
display:block;
position:absolute;
overflow:hidden;
font-size:10px;
z-index:1;
}

.search-result .search-result-item-header-thumb a,
.search-result .search-result-item-header-thumb span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:10px;
z-index:1;
text-decoration:none;
}

.search-result .search-result-item-header-thumb .favorite{
padding:0;
color:rgba(0,0,0,0);
width:25px;
height:23px;
top:2px;
left:4px;
background:url(/element_sp/w_hotel/shared/images/icon-favorite.png) no-repeat 50% 50%;
background-size:contain;
}

.search-result .search-result-item-header-thumb .favorite.is-active{
background-image:url(/element_sp/w_hotel/shared/images/icon-favorite-active.png);
}

.search-result .search-result-item-header-thumb .gallery{
padding:2px 18px 2px 3px;
border:none;
border-radius:3px;
overflow:hidden;
position:absolute;
top:6px;
right:6px;
min-height:20px;
min-width:40px;
background:rgba(0,0,0,.45) url(/element_sp/w_hotel/shared/images/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:10px auto;
font-size:10px;
text-align:center;
}

.search-result .search-result-item-header-thumb .gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

.search-result .search-result-item-header-thumb.no-photo::before{
display:none;
}

.search-result .search-result-item-header-thumb.no-photo{
background:#fcfcfc;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
}

.search-result .search-result-item-header-thumb.no-photo img{
margin-top:35px;
width:auto;
height:auto;
min-width:0;
max-width:80%;
}


/* ----------------------------------------------------------------
  .search-result-item-price
----------------------------------------------------------------- */
/* .search-result-item-price
----------------------------------------------- */
.search-result .search-result-item-price,
.detail-plan .search-result-item-price{
margin:12px 0 4px;
display:-webkit-box;
display:flex;
}

/* .search-result-item-price-detail
----------------------------------------------- */
.search-result .search-result-item-price-detail{
-webkit-box-flex:1;
flex:1;
padding:0;
font-size:12px;
min-height:auto;
}

.search-result .search-result-item-price-detail > span{
display:block;
}

.search-result .search-result-item-price-detail .sum{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result .search-result-item-price-detail .sum > span > span{
display:inline-block;
}

.search-result .search-result-item-price-detail .sum > span > span:first-child{
margin-right:5px;
}

.search-result .search-result-item-price-detail .sum b{
font-size:18px;
}

.search-result .search-result-item-price-detail .sum button{
margin-left:4px;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:36px;
height:22px;
background-color:#fff;
font-size:12px;
}

.search-result .search-result-item-price-detail .sup{
margin-top:2px;
}

.search-result .search-result-item-price-detail .sup > span{
display:inline-block;
}

/* .plan-price
----------------------------------------------- */
.search-result-item-price.plan{
padding-left:0;
margin:0;
}

.detail-plan .search-result-item-price.plan{
margin-top:10px;
}

.search-result-item-price.plan .plan-price{
float:inherit;
padding:0;
}

.plan .plan-price .plan-price-tbl {
margin:0;
}

.plan .plan-price .plan-price-tbl > li{
display: flex;
width: 100%;
align-items: baseline;
}

.plan .plan-price .plan-price-tbl > li:nth-child(n + 3) .plan-desc{
color:var(--cmn-font-color-gray);
}

.plan .plan-price .plan-price-tbl li.note{
position:relative;
padding-left: 15px;
box-sizing:border-box;
color:var(--cmn-font-color-gray);
text-align: left;
line-height: 1.35;
margin-top:4px;
}

.plan .plan-price .plan-price-tbl li.note::before{
content:'\0203B';
position:absolute;
top:0;
left:0;
}

.plan .plan-price .plan-price-tbl > li .cmn-faq-hook{
margin-top: -2px;
}

.plan .plan-price .plan-price-tbl > li > div {
font-size: 12px;
line-height: 1;
padding-bottom:4px;
flex-grow: 1;
}

.plan .plan-price .plan-price-tbl .plan-desc {
text-align: left;
font-weight: normal;
line-height:1.2;
}

.plan .plan-price .plan-price-tbl .plan-item {
text-align: right;
white-space: nowrap;
}

.plan .plan-price .plan-price-tbl .plan-item .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space:nowrap;
align-items: flex-end;
}

.plan .plan-price .plan-price-tbl .plan-item .price > span:not([class]) + * {
margin-left: 2px;
font-family:Arial;
}

.plan .plan-price .plan-price-tbl .plan-item .price > b:not([class]) {
font-size: 18px;
display: inline-block;
line-height: 1;
}

/* .search-result-item-plan-under
----------------------------------------------- */
.search-result-item-plan-under{
display: table;
width:100%;
margin-top: 3px;
}

.search-result-item-plan-under > div{
display:table-cell;
}

.search-result-item-plan-under .plan-price-btn {
text-align:left;
}

.search-result-item-plan-under .plan-price-btn button {
padding:1px 4px 0;
border: 1px solid #bbb;
border-radius: 3px;
color: var(--cmn-font-color-base);
height: 24px;
line-height: 1.25;
background-color: #fff;
font-size: 12px;
}

.search-result-item-plan-under > .plan-price-agt{
text-align:right;
white-space:nowrap;
vertical-align:top;
font-size:12px;
}

/* .search-result-item-price-branch
----------------------------------------------- */
.search-result-item-price-branch{
margin: 8px 0 0;
border-top: 1px solid #ebebeb;
}

.search-result-item-price-branch .search-result-item-price{
margin:8px 0 0;
min-height:inherit;
}

.search-result-item-price-branch .plan .plan-price .plan-price-tbl .plan-desc{
padding-right:10px;
}

.search-result-item-price-branch .plan .plan-price .plan-price-tbl .plan-desc .cmn-tip-btn{
margin-left:5px;
}

.search-result-item-price-branch .plan .plan-price .plan-price-tbl .plan-item .price > b + span{
padding-left:5px;
}

.search-result-item-price-branch .plan .plan-price .plan-price-tbl > li.item-error{
height: 32px;
align-items: center;
text-align:left;
line-height:1.35;
}

/* .search-result-item-price-cv
----------------------------------------------- */
.search-result .search-result-item-price-cv,
.detail-plan-item .search-result-item-price-cv{
margin-left:4px;

}

.search-result .search-result-item-price-cv > div,
.detail-plan-item .search-result-item-price-cv > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result .search-result-item-price-cv > div > div > span,
.detail-plan-item .search-result-item-price-cv > div > div > span{
display:block;
line-height:1.25;
text-align:right;
}

.search-result .search-result-item-price-cv > div > a,
.detail-plan-item .search-result-item-price-cv > div > a{
margin-left:4px;
color:#fff;
border-radius:4px;
width:70px;
height:36px;
background-color:var(--cmn-btn-color);
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.search-result .search-result-item-price-cv > span,
.detail-plan-item .search-result-item-price-cv > span{
margin-top:12px;
display:block;
text-align:right;
}

.detail-plan-item .search-result-item-price-detail{
-webkit-box-flex: 1;
flex: 1;
}

.tab-dp-child-item .detail-plan-item .search-result-item-price-detail {
font-size: 11px;
padding: 7px 0 9px 8px;
box-sizing: border-box;
min-height: 73px;
flex:inherit;
}

/* search-result-item-price-head
----------------------------------------------- */
.search-result .search-result-item-price-head{
margin:8px 0 9px;
padding-top:8px;
border-top:1px solid #ebebeb;
}

.search-result-item-name .plan-link-hdg{
font-size:14px;
font-weight:normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

.detail-plan .search-result-item-photo + .search-result-item-name .plan-link-hdg{
-webkit-line-clamp: 5;
}

/* .search-result-item-name .plan-detail
----------------------------------------------- */
.search-result-item-name .plan-detail {
margin: 6px 0 0;
font-size: 12px;
display:block;
}

.search-result-item-name .plan-detail > li{
display:inline-block;
}

.search-result-item-name .plan-detail > li:not(:last-child):after {
content: '/';
margin: 0 3px;
}

.search-result-item-name .plan-detail > li img {
width: 15px;
vertical-align: top;
}


/* ----------------------------------------------------------------
  .search-result-item-error
----------------------------------------------------------------- */
/* .search-result-item-error
----------------------------------------------- */
.search-result .search-result-item-error{
margin:8px 0 12px;
padding-top:12px;
border-top:1px solid #ebebeb;
text-align:center;
}

.search-result .search-result-item-error span{
display:inline-block;
}


/* ----------------------------------------------------------------
  .search-result-item-footer
----------------------------------------------------------------- */
/* .search-result-item-footer
----------------------------------------------- */
.search-result .search-result-item-footer{
padding-top:12px;
border-top:1px solid #ebebeb;
text-align:center;
margin-top:8px;
}

/* .search-result-item-footer-btn
----------------------------------------------- */
.search-result .search-result-item-footer-btn{
font-size:14px;
}
.search-result .search-result-item-footer-btn b{
font-size:16px;
}

/* .search-result-item-footer-sup
----------------------------------------------- */
.search-result .search-result-item-footer-sup{
margin-top:4px;
}

/* ----------------------------------------------------------------
  .review
----------------------------------------------------------------- */
/* .review
----------------------------------------------- */
.review{
margin:4px 0 0;
}

/*.detail-header > .review
--------------------- */
.detail-header .review{
margin-right:30px;
}

/* .review-list
----------------------------------------------- */
.review .review-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.review .review-list > li{
margin-right:12px;
position:relative;
}

.review .review-list button,
.review .review-list a{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 56%;
background-size:8px auto;
font-size:12px;
line-height:1;
}

.review .review-list button[aria-selected="true"]{
position:relative;
background-image:url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg);
}

.review .review-list button[aria-selected="true"]::before{
content:'';
display:block;
width:20px;
height:7px;
position:absolute;
bottom:-9px;
left:calc(50% - 10px);
background:url(/element_sp/w_hotel/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}

.review .review-list > .is-hidden{
visibility:hidden;
}

.review .review-list .user{
margin-right:0;
}

.detail-header .review .review-list .user{
margin-top:0;
}

.review .review-list .user button > span:first-child{
margin:0;
}

.review .review-list .user button > span:last-child > span,
.review .review-list .user a > span:last-child > span{
display:inline-block;
}

.detail-header .review .review-list .user a > span:last-child > span{
vertical-align:text-top;
}

.review .review-list a{
padding-left:0;
background:none;
}

.search-result-item .review .review-list > li:not(:first-child){
margin-top:0;
}

/* Media Queries
--------------------- */
@media screen and (max-width:359px){
.review .review-list button[aria-selected="true"]::before{
display:none;
}
}

/* .search-result-item-header-list
----------------------------------------------- */
.search-result .search-result-item-header-list {
margin: 1px 0 0;
font-size: 12px;
color:var(--cmn-font-color-base);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.search-result .search-result-item-header-list > li {
margin-top: 1px;
}

.search-result .search-result-item-header-list > li.is-disabled {
color:rgb(34, 34, 34, .33);
}

.search-result .search-result-item-header-list > li:not(:last-child):after {
content: '/';
margin: 0 3px;
color:var(--cmn-font-color-base);
}

.search-result .search-result-item-header-list > li .cmn-info-hook{
vertical-align: text-bottom;
}

/* .search-result-item-header / .detail-header > .review-list .icon-r-hotel
----------------------------------------------- */
.search-result-item-header .review .icon-r-hotel span,
.detail-header .review .icon-r-hotel span{
width:60px;
}

.search-result-item-header .review .icon-r-price span,
.detail-header .review .icon-r-price span{
width:48px;
}

/* .review > [role="tabpanel"]
----------------------------------------------- */
.review > [role="tabpanel"]{
margin-top:8px;
padding:8px;
border-radius:4px;
display:none;
background-color:#f5f5f5;
font-size:12px;
outline:none;
position: relative;
}

.review > [role="tabpanel"].is-active{
display:block;
}

.review > [role="tabpanel"] p{
margin:8px 0 0;
font-size:10px;
}

/* .review-content-catch
----------------------------------------------- */
.review .review-content-catch{
padding-bottom:4px;
border-bottom:1px solid #ddd;
line-height:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
}

.review .review-content-catch a,
.detail-header .review .review-content-list > li a{
color:var(--cmn-font-color-base);
text-decoration: none;
}

.review .review-content-catch > span{
min-width:7em;
}

.review .review-content-catch > span > span{
margin-left:4px;
display:inline-block;
}

.review .review-content-catch > span > span:not([class]){
margin-left:8px;
}

.review .review-content-catch > span + span{
padding-left:10px;
position:relative;
font-weight:normal;
}

.review .review-content-catch span + span::before{
content:':';
display:block;
position:absolute;
top:-1px;
left:3px;
}

.review > [role="tabpanel"] + [role="tabpanel"] .review-content-catch > span:first-child{
min-width:8.5em;
}

/* Media Queries
------------------------ */
@media screen and (max-width: 359px){
.review .review-content-catch > span,
.review > [role="tabpanel"] + [role="tabpanel"] .review-content-catch > span:first-child{
min-width:0;
}
}

/* .review-content-list
----------------------------------------------- */
.review .review-content-list{
margin:4px 0 0;
line-height:1.35;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:12px;
}

.review .review-content-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.review .review-content-list > li{
margin-top:4px;
display:-webkit-box;
display:flex;
min-width:168px;
}

.review .review-content-list > li > div:first-child{
min-width:7em;
}

.review .review-content-list > li > div:first-child a{
text-decoration:none;
}

.review .review-content-list > li > div:last-child{
padding-left:10px;
position:relative;
}

.review .review-content-list > li > div:last-child::before{
content:':';
display:block;
position:absolute;
top:-1px;
left:3px;
}

.review > [role="tabpanel"] + [role="tabpanel"] .review-content-list > li > div:first-child{
min-width:8.5em;
}

.detail-header .review .review-content-list > li{
min-width:50%;
}

/* Media Queries
------------------------ */
@media screen and (max-width:374px){
.detail-header .review .review-content-list > li{
min-width:100%;
}
}

@media screen and (max-width:340px){
.review .review-content-list{
display:block;
}

.review .review-content-list > li,
.review .review-content-list > li > div:first-child,
.review > [role="tabpanel"] + [role="tabpanel"] .review-content-list > li > div:first-child{
min-width:0;
}
}

/* .search-result-item-price-cv
----------------------------------------------- */
.search-result-item .search-result-item-price-cv{
margin-left:8px;
}

.search-result-item .search-result-item-price-cv > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-item .search-result-item-price-cv > div > div > span{
display:block;
line-height:1.25;
text-align:right;
}

.search-result-item .search-result-item-price-cv > div > a{
margin-left:0;
color:#fff;
border-radius:4px;
width:70px;
height:36px;
background-color:var(--cmn-btn-color);
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
text-decoration:none;
}

.search-result-item .search-result-item-price-cv > div > a > span{
font-size:12px;
display:inline-block;
text-align:center;
line-height:1.2;
}

.search-result-item .search-result-item-price-cv > span{
margin-top:8px;
display:block;
text-align:right;
}

/* .search-result-sort-num
----------------------------------------------- */
.search-result-sort-num{
-webkit-box-flex:1;
flex:1;
line-height:1.25;
min-width:105px;
}

.search-result-sort-num > span{
display:block;
font-size:12px;
}

.search-result-sort-num button{
padding:0 19px 0 0;
border:none;
min-height:15px;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 99% 25% no-repeat;
background-size:15px;
font-size:12px;
text-align:left;
}

.search-result-sort-num > label{
padding:3px 0 0 24px;
display:table;
position:relative;
min-height:20px;
box-sizing:border-box;
}

.search-result-sort-num > label input{
position:absolute;
top:0;
left:0;
}

.search-result-sort-num > label.is-disabled{
color:rgba(34,34,34,.33);
}


/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo-content-item .pseudo-hdg-l3{
margin:9px 0 9px;
padding:8px 0 0 0;
border-top:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size: 14px;
background:none;
}

.pseudo-content-item .pseudo-hdg-l3:first-child{
padding-top:0;
border:0;
margin-top:16px;
}

.pseudo-content-item .pseudo-hdg-l3 > h3{
-webkit-box-flex:1;
flex:1;
}

.pseudo-content-item .pseudo-hdg-l3 + p + p{
margin-top:14px;
}

.pseudo-content p{
font-size: 14px;
line-height: 1.5;
}

.pseudo-content-item .pseudo-hdg-l3.branch{
padding-bottom:0;
border-bottom:none;
}

.pseudo-content-item .pseudo-hdg-l3.rank,
.pseudo-content-item .pseudo-hdg-l3.budget,
.pseudo-content-item .pseudo-hdg-l3.review{
padding-left:20px;
color:rgba(0,0,0,0);
position:relative;
padding:9px 0 0 0;
}

.pseudo-content-item .pseudo-hdg-l3.rank::before,
.pseudo-content-item .pseudo-hdg-l3.budget::before,
.pseudo-content-item .pseudo-hdg-l3.review::before{
content:'';
display:block;
width:15px;
height:15px;
overflow:hidden;
position:absolute;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 15px;
}

.pseudo-content-item .pseudo-hdg-l3.rank::before{
background-image:url(/element/shared/images/icon/icon-review-star-5.svg);
}

.pseudo-content-item .pseudo-hdg-l3.review::before{
background-image:url(/element/shared/images/icon/icon-review-5.svg);
}

.pseudo-hdg-dash{
display:block;
position: relative;
}

.pseudo-hdg-dash::before{
content:'---';
color:#949494;
padding-right:5px;
}

.pseudo-hdg-dash::after{
content:'---';
color:#949494;
padding-left:5px;
}

.detail-contents-tab .detail-contents-tab-list > li.is-active.btn-photo{
font-weight:normal;
}

.detail-contents-tab .detail-contents-tab-list > li.is-active.btn-photo a {
box-shadow:0 0 0 0;
}

/* .detail-header-basic-list
----------------------------------------------- */
.detail-header .detail-header-basic-list{
margin:8px 30px 0 0;
font-size: 12px;
}

.detail-header .detail-header-basic-list > li{
margin-top:6px;
padding-left:14px;
background-position:0 2px;
background-repeat:no-repeat;
}

.detail-header .detail-header-basic-list > li a{
color:var(--cmn-font-color-base);
text-decoration: none;
}

.detail-header .detail-header-basic-list .area{
background-image:url(/element_sp/w_hotel/shared/images/icon-map.svg);
background-size:9px auto;
}

.detail-header .detail-header-basic-list .area > span:first-child{
padding-right:8px;
}

.detail-header .detail-header-basic-list .hours{
background-image:url(/element_sp/w_hotel/shared/images/icon-hours.svg);
background-size:11px;
}

/* .detail-header-toggle
----------------------------------------------- */
.detail-header .detail-header-toggle{
margin-top:12px;
font-size:12px;
}

/* .detail-header-toggle-hook
----------------------------------------------- */
.detail-header .detail-header-toggle-hook{
line-height:1.5;
}

.detail-header .detail-header-toggle[aria-expanded="true"] .detail-header-toggle-hook{
display:none;
}

/* .detail-header-toggle-hook-text
----------------------------------------------- */
.detail-header .detail-header-toggle-hook-text{
padding:0 0 0 12px;
border:none;
color:#a4a4a4;
line-height:1.5;
display:inline-block;
position:relative;
background:none;
font-weight:normal;
font-size:12px;
}

.detail-header .detail-header-toggle-hook-text::after{
content:'...';
color:var(--cmn-font-color-base);
display:block;
position:absolute;
bottom:0;
left:-3px;
}

/* .detail-header-toggle-content-btn-close
----------------------------------------------- */
.detail-header .detail-header-toggle-content{
display:none;
line-height:1.5;
}

.detail-header .detail-header-toggle[aria-expanded="true"] .detail-header-toggle-content{
display:block;
}

/* .detail-header-toggle-content-btn-close
----------------------------------------------- */
.detail-header .detail-header-toggle-content-btn-close{
margin:0 0 0 auto;
padding:0 0 0 12px;
border:none;
display:table;
background:url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
}

/* .search-result-item-price-head
----------------------------------------------- */
.detail-plan .search-result-item-price-head{
display:flex;
}

.detail-plan .search-result-item-photo{
width:130px;
min-height: 90px;
position:relative;
overflow:hidden;
margin-right: 10px;
}

.detail-plan .search-result-item-photo + .search-result-item-name{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
z-index: 1;
}

.detail-plan .search-result-item-photo::before{
content:'';
display:block;
width:100%;
height:30px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0, 0, 0, .4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.detail-plan .search-result-item-photo img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
min-width:100%;
max-width:none;
height:100%;
}

.detail-plan .search-result-item-photo button{
color:#fff;
border:none;
display:block;
position:absolute;
overflow:hidden;
font-size:10px;
z-index:1;
}

.detail-plan .search-result-item-photo a,
.detail-plan .search-result-item-photo span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:10px;
z-index:1;
text-decoration:none;
}

.detail-plan .search-result-item-photo .favorite{
padding:0;
color:rgba(0,0,0,0);
width:25px;
height:23px;
top:2px;
left:4px;
background:url(/element_sp/w_hotel/shared/images/icon-favorite.png) no-repeat 50% 50%;
background-size:contain;
}

.detail-plan .search-result-item-photo .favorite.is-active{
background-image:url(/element_sp/w_hotel/shared/images/icon-favorite-active.png);
}

.detail-plan .search-result-item-photo .gallery{
padding:2px 18px 2px 3px;
border:none;
border-radius:3px;
overflow:hidden;
position:absolute;
top:6px;
right:6px;
min-height:20px;
min-width:40px;
background:rgba(0,0,0,.45) url(/element_sp/w_hotel/shared/images/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:auto 8px;
font-size:10x;
text-align:center;
}

.detail-plan .search-result-item-photo .gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

.detail-plan .search-result-item-photo.no-photo::before{
display:none;
}

.detail-plan .search-result-item-photo.no-photo img{
margin-top:20px;
width:auto;
height:auto;
min-width:0;
max-width:80%;
}

/* ----------------------------------------------------------------
  .pseudo-gallery
----------------------------------------------------------------- */
/* .pseudo-lyt-gallery
----------------------------------------------- */
.pseudo-lyt-gallery{
background-color:#000;
}

/* .pseudo-gallery
----------------------------------------------- */
[role="dialog"].pseudo-gallery{
color:#fff;
min-height:100%;
box-sizing:border-box;
line-height:1.42;
font-size:12px;
display:none;
position:static;
min-height:0;
box-sizing:border-box;
}

.pseudo-lyt-gallery [role="dialog"].pseudo-gallery.is-active{
width:auto;
height:auto;
display:block;
position:static;
background-color:#000;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-lyt-gallery [role="dialog"].pseudo-gallery{
min-height:0;
}
}

/* .pseudo-gallery-header
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header{
padding:12px 10px 16px;
box-shadow:0 2px 6px rgba(0,0,0,.5);
box-sizing:border-box;
position:fixed;
top:0;
width:100%;
z-index:1;
font-size:12px;
background-color:#000;
display:none;
}

.pseudo-gallery.is-active .pseudo-gallery-header{
display:block;
}

.pseudo-gallery .pseudo-gallery-header > div:first-child{
position:relative;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin-top:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child > span{
-webkit-box-flex:1;
flex:1;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}

.pseudo-gallery .pseudo-gallery-header > div:first-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin:0 16px;
}
}

/* .pseudo-gallery-header-hdg
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-hdg{
margin:0 38px;
line-height:1.35;
font-weight:normal;
font-size:14px;
text-align:center;
}

.pseudo-gallery .pseudo-gallery-header-hdg >span{
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-hdg{
margin-right:0;
-webkit-line-clamp:1;
}
}

/* .pseudo-gallery-header-btn-prev
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-btn-prev{
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: -12px;
left: -10px;
width: 48px;
height: 45px;
background: url(/element_sp/w_hotel/shared/images/icon-pse-close-wht.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}

/* .pseudo-gallery-header-inquiry
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-inquiry{
margin-left:4px;
padding-left:12px;
border-left:1px solid #999;
}

/* .pseudo-gallery-header-btn-resize
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-btn-resize{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
padding:0;
border:none;
font-size:14px;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-btn-resize{
margin-left:20px;
}
}

/* .pseudo-gallery-header-filter
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter{
-webkit-box-flex:1;
flex:1;
position:relative;
}

.pseudo-gallery .pseudo-gallery-header-filter > button{
padding:0 12px 0 32px;
border:none;
border-radius:4px;
height:33px;
background:#fff url(/element_sp/w_hotel/shared/images/icon-filter.svg) no-repeat 12px 50%;
background-size:12px auto;
font-size:14px;
color: var(--cmn-font-color-base);
}

/* .pseudo-gallery-header-filter-pulldown
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter-pulldown{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
display:none;
position:absolute;
top:100%;
left:0;
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

.pseudo-gallery-header-filter[aria-expanded="true"] .pseudo-gallery-header-filter-pulldown{
display:block;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50px;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
left:50px;
background-color:#fff;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-filter-pulldown{
left:auto;
right:0;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown::before,
.pseudo-gallery .pseudo-gallery-header-filter-pulldown::after{
left:110px;
}
}

/* .pseudo-gallery-header-filter-pulldown-catch
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter-pulldown-catch{
margin-bottom:6px;
color:var(--cmn-font-color-base);
display:block;
font-weight:bold;
font-size:14px;
}

/* .pseudo-gallery-header-filter-pulldown-list
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter-pulldown-list{
margin:0;
line-height:1;
white-space:nowrap;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
}

.pseudo-gallery-header-filter-pulldown-list > li.is-active > a{
background:url(/element_sp/w_hotel/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .pseudo-gallery-header-filter-pulldown-btn
----------------------------------------------- */
.pseudo-gallery-header-filter-pulldown-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:24px;
position:absolute;
top:0;
right:0;
background:url(/element_sp/w_hotel/shared/images/icon-close.svg) 0 100% no-repeat;
background-size:12px;
}

/* .pseudo-gallery-content
----------------------------------------------- */
/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-content{
padding-left:env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
}

/* .pseudo-gallery-columns
----------------------------------------------- */
.pseudo-gallery-columns{
position:relative;
width:100%;
}

.pseudo-gallery-columns > li{
margin-bottom:12px;
width:50%;
box-sizing:border-box;
}

[class^="pseudo-gallery-columns"] a{
color:rgba(255,255,255,.6);
}

[class^="pseudo-gallery-columns"] a > span{
--cmn-dashed-color:rgba(255,255,255,.6);
--cmn-dashed-font-color:rgba(255,255,255,.6);
}

[class^="pseudo-gallery-columns"] img{
display:block;
width:auto;
height:auto;
width:100%;
}

[class^="pseudo-gallery-columns"] .image{
position:relative;
}

[class^="pseudo-gallery-columns"] .image::before{
content:'';
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0, 0, 0, .4) 50%, rgba(0,0,0,.7) 100%);
}

[class^="pseudo-gallery-columns"] .image a,
[class^="pseudo-gallery-columns"] .image span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
bottom:4px;
left:8px;
font-size:10px;
text-decoration:none;
}

[class^="pseudo-gallery-columns"] .note{
margin:8px 8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-wrap:wrap;
max-width:100%;
}

[class^="pseudo-gallery-columns"] .note > span,
[class^="pseudo-gallery-columns"] .note > a{
margin:0 8px;
text-decoration:none;
}

[class^="pseudo-gallery-columns"] .note > span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

[class^="pseudo-gallery-columns"] .no-photo > div{
background-color:#e6e6e6;
}


/* .pseudo-gallery-columns-wide
----------------------------------------------- */
.pseudo-gallery-columns-wide > li{
margin-bottom:16px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center;
}

.pseudo-gallery-columns-wide img{
width:auto;
max-width:100%;
max-height:539px;
}

.pseudo-gallery-columns-wide .note > span{
white-space:normal;
text-align:center;
}

/* .pseudo-gallery-columns-wide.is-landscape
-------------------------------- */
.pseudo-gallery-columns-wide.is-landscape > li{
display:grid;
grid-template-columns:auto;
grid-template-rows:1fr auto;
text-align:center;
}

.pseudo-gallery-columns-wide.is-landscape .image{
position:relative;
grid-column:1;
grid-row:1 / 2;
height:100%;
}

.pseudo-gallery-columns-wide.is-landscape .image > div{
position:absolute;
top:0;
right:50%;
height:100%;
transform:translateX(50%);
overflow:hidden;
}

.pseudo-gallery-columns-wide.is-landscape img{
height:100%;
max-width:none;
}

.pseudo-gallery-columns-wide.is-landscape .note{
grid-column:1;
grid-row:2 / 3;
}

/* ----------------------------------------------------------------
  Carousel Image
----------------------------------------------------------------- */
/* .carousel-image
----------------------------------------------- */
.carousel-image{
margin:0 -10px;
position:relative;
height:250px;
}

/* .carousel-image-inner
----------------------------------------------- */
.carousel-image .carousel-image-inner{
overflow:hidden;
position:relative;
}

/* .carousel-image-list
----------------------------------------------- */
.carousel-image .carousel-image-list{
margin:0;
overflow:hidden;
width:9999px;
}

.carousel-image .carousel-image-list > li{
float:left;
position:relative;
}

.carousel-image .carousel-image-list > li > span{
position:relative;
display:block;
height:250px;
overflow:hidden;
background-color:#f1f1f1;
}

.carousel-image .carousel-image-list > li > span img{
position:absolute;
bottom:50%;
right:50%;
width:100%;
height:auto;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}

.carousel-image .carousel-image-list::before{
content:'';
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 20%, rgba(0,0,0,.4) 60%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.carousel-image .carousel-image-list.no-photo > li > span{
background-color:#fff;
}

.carousel-image .carousel-image-list.no-photo > li > span img{
width:auto;
}

.carousel-image .carousel-image-list.no-photo::before{
display:none;
}

/* .carousel-image-dots
----------------------------------------------- */
.carousel-image .carousel-image-dots{
margin:0;
color:rgba(0,0,0,0);
position:absolute;
height:8px;
bottom:6px;
right:50%;
transform:translateX(50%);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
z-index:1;
}

.carousel-image .carousel-image-dots > li{
margin:0 4px;
border-radius:50%;
width:4px;
height:4px;
overflow:hidden;
background-color:rgba(255,255,255,.7);
}

.carousel-image .carousel-image-dots > .is-active{
background-color: rgba(255,255,255,.9);
}

.dots {
margin: auto;
border-radius: 50%;
width: 4px;
height: 4px;
position: absolute;
left: 0;
right: 0;
transition: .3s ease-in-out;
background-color: rgba(255,255,255,.6);
}


/* .carousel-image-gallery
----------------------------------------------- */
.carousel-image .carousel-image-gallery{
padding: 3px 28px 2px 8px;
border:none;
border-radius:3px;
color:#fff;
overflow:hidden;
position:absolute;
bottom:6px;
right:8px;
z-index:1;
min-height:22px;
min-width:50px;
background:rgba(0,0,0,.45) url(/element_sp/w_hotel/shared/images/icon-gallery-wht.svg) no-repeat calc(100% - 8px) 49%;
background-size:11px auto;
font-size:12px;
text-align:center;
}

.carousel-image .carousel-image-gallery > span:not([class]){
height:0;
overflow:hidden;
position:absolute;
}



/* .carousel-image-agt
----------------------------------------------- */
.carousel-image .carousel-image-agt{
position:absolute;
bottom:6px;
left:8px;
color:rgba(255,255,255,.7);
font-size:10px;
z-index:1;
max-width:30%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
text-decoration:none;
}


/* .carousel-hotel-notice
----------------------------------------------- */
.carousel-hotel-notice {
font-size: 12px;
}

/* .carousel-hotel
----------------------------------------------- */
.carousel-hotel {
margin: 10px -10px;
position: relative;
overflow: hidden;
line-height: 1.35;
}

/* .carousel-hotel-nav
----------------------------------------------- */
.carousel-hotel .carousel-hotel-nav {
margin: 0;
}

.carousel-hotel .carousel-hotel-nav button {
margin: 0;
padding: 0;
color: rgba(51, 51, 51, 0);
border: none;
position: absolute;
top: 15px;
left: 0;
z-index: 1;
width: 20px;
height: 55px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #888;
}

.carousel-hotel .carousel-hotel-nav button::before {
margin-top: -6px;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #fff;
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 7px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.carousel-hotel .carousel-hotel-nav button:disabled {
background-color: #dedede;
}

.carousel-hotel .carousel-hotel-nav .next button {
left: auto;
right: 0;
}

.carousel-hotel .carousel-hotel-nav .next button::before {
left: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* .detail-sticky-container
----------------------------------------------- */
.detail-sticky-container{
margin-top:-10px;
}

.detail-sticky-container > p{
line-height:1.5;
}

/* .search-result-sort
----------------------------------------------- */
.search-result-sort{
margin-bottom:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
min-height:36px;
}

/* .search-result-sort-num
----------------------------------------------- */
.search-result-sort-num{
-webkit-box-flex:1;
flex:1;
line-height:1.25;
min-width:105px;
}

.search-result-sort-num > span{
display:block;
font-size:12px;
}

.search-result-sort-num button{
padding:0 19px 0 0;
border:none;
min-height:15px;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 99% 50% no-repeat;
background-size:15px;
font-size:12px;
text-align:left;
line-height:1;
}

.search-result-sort-num > label{
padding:3px 0 0 24px;
display:table;
position:relative;
min-height:20px;
box-sizing:border-box;
}

.search-result-sort-num > label input{
position:absolute;
top:0;
left:0;
}

.search-result-sort-num > label.is-disabled{
color:rgba(34,34,34,.33);
}

/* .detail-plan > .search-result-sort-num
------------------------- */
.detail-plan .search-result-sort-num > span{
display:block;
}

/* .detail-sticky-detail > .search-result-sort-num
------------------------- */
.detail-sticky-detail .search-result-sort-num > span{
display:inline-block;
}

.detail-sticky-detail .search-result-sort-num > span + button::before{
content:' / ';
}

.detail-sticky-detail .search-result-sort-num > button + span{
display:block;
}

/* .detail-review > .search-result-sort-num
------------------------- */
.detail-review .search-result-sort-num{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-review .search-result-sort-num > span{
margin-right:8px;
}

.detail-review .search-result-sort-num > span:first-child{
margin-right:4px;
}

/* .search-result-sort-btn
----------------------------------------------- */
.search-result-sort-btn{
margin:-4px 0 0 -3px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.search-result-sort-btn > li{
margin:4px 0 0 4px;
position:relative;
}

.search-result-sort-btn button{
padding:0 10px 0 27px;
border:1px solid #ccc;
border-radius:17px;
height:34px;
background-color:#fff;
background-position:10px 50%;
background-repeat:no-repeat;
background-size:15px auto;
font-size:14px;
}

.search-result-sort-btn button.is-disabled,
.search-result-sort-btn button:disabled{
opacity:.33;
}

.search-result-sort-btn .map button{
padding-left:25px;
background-image:url(/element_sp/w_hotel/shared/images/icon-map.svg);
background-position:11px 50%;
background-size:9px auto;
}

.search-result-sort-btn .sort button{
background-image:url(/element_sp/w_hotel/shared/images/icon-sort.svg);
}

/* .detail > .search-result-sort-btn
---------------------- */
.detail .search-result-sort-btn button{
max-width:164px;
}

/* .search-result-sort-btn-pulldown
----------------------------------------------- */
.search-result-sort-btn-pulldown{
margin-top:8px;
padding:16px 16px 10px;
border-radius:4px;
display:none;
position:absolute;
top:100%;
right:50%;
max-width:210px;
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.4));
-webkit-filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.4));
-moz-filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.4));
transform: translateZ(0);
}

.sort[aria-expanded="true"] .search-result-sort-btn-pulldown{
display:block;
}

.search-result-sort-btn-pulldown::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50%;
background-color:#fff;
}

.search-result-sort-btn-pulldown::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
left:50%;
background-color:#fff;
}

.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown{
right:0;
transform: translateZ(0);
width:auto;
}

.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown::before,
.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown::after{
left:68%;
}

/* Media Queries */
@media screen and (max-width:359px){
.search-result-sort-btn-pulldown{
padding:16px 8px 8px;
}
}

/* .search-result-sort-btn-pulldown.is-realtime
---------------------- */
.detail .search-result-sort-btn-pulldown.is-realtime{
width:275px;
max-width:none;
right:-70px;
transform:none;
}

.detail .search-result-sort-btn-pulldown.is-realtime::before,
.detail .search-result-sort-btn-pulldown.is-realtime::after{
left:58%;
}

/* .search-result-sort-btn-pulldown-catch
----------------------------------------------- */
.search-result-sort-btn-pulldown-catch{
margin-bottom:6px;
display:block;
font-weight:bold;
font-size:14px;
}

/* .search-result-sort-btn-pulldown-list
----------------------------------------------- */
.search-result-sort-btn-pulldown-list{
margin:0;
line-height:1;
overflow:hidden;
}

.search-result-sort-btn-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
white-space:nowrap;
}

.search-result-sort-btn-pulldown-list > li.is-active > a{
background:url(/element_sp/w_hotel/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* AD
----------------------------------------------- */
main > .act_ad_manage:last-child .cmn-ad-bnr {
padding-left:8px;
padding-right: 8px;
}
.search-result-item + .act_ad_manage .cmn-ad-bnr{
padding:12px 0 0;
}

/* footer Info
----------------------------------------------- */
main >  .cmn-notice-list{
margin-bottom:14px;
}
.under-link-content-card-container .cmn-notice-list{
margin-bottom:14px;
}
.str-container .Area_f_item .cmn-notice-list{
background: #f5f5f5;
margin: 0 -10px;
padding: 20px 10px 24px;
}
.detail-tab-container .cmn-notice-list{
background: #f5f5f5;
margin: -4px -10px -10px;
padding: 0 10px 24px;
}
.detail-tab-container .tab-dp-child-item + .cmn-notice-list {
background:#ddd;
}