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

  TDR Custom Properties

----------------------------------------------------------------- */
:root {
--tdr-color-d:#0071C1;
--tdr-color-o:#12A0A0;
--tdr-color-p:#ED9C00;
--tdr-color-g:#EB4B69;
--tdr-color-d-01:#E5F2FF;
--tdr-color-o-01:#E1F5F6;
--tdr-color-p-01:#F8F3DC;
--tdr-color-g-01:#FEEEF1;
}


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

  TDR LP Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .br
----------------------------------------------------------------- */
.br{
display:block;
}


/* ----------------------------------------------------------------
  .tdr-notice
----------------------------------------------------------------- */
.tdr-notice{
margin-top:8px;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.tdr-notice > li{
display:-webkit-box;
display:flex;
}

.tdr-notice > li:not(:first-child){
margin-top:4px;
}

.tdr-notice > li > span{
margin-right:4px;
}

.tdr-notice > li > div{
-webkit-box-flex:1;
flex:1;
}

/* .tdr-notice
----------------------------------------------------------------- */
.tdr-search-benefits-detail .tdr-notice{
margin-top:4px;
}



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

  tdr-header

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .tdr-header
----------------------------------------------------------------- */
/* .tdr-header
----------------------------------------------------------------- */
.tdr-header{
margin-bottom:16px;
font-size:14px;
}

/* .tdr-header-kv
----------------------------------------------------------------- */
.tdr-header-kv{
margin:0 0 12px;
}

.tdr-header-kv img{
width:100%;
height:auto;
vertical-align:bottom;
}

/* .tdr-header-nav
----------------------------------------------------------------- */
.tdr-header-nav{
margin:20px auto 0;
border-width:0 1px;
border-style:solid;
border-color:#108fd3;
width:fit-content;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
font-weight:bold;
font-size:16px;
}

.tdr-header-nav > li:not(:last-child){
border-right:1px solid #108fd3;
}

.tdr-header-nav > li > a{
padding:0 36px 8px;
width:100%;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:url(/element/j_hotel/special/tdr/images/icon-anchor.svg) 50% 100% no-repeat;
background-size:7px;
}

.tdr-header-nav > li > a:link{
text-decoration:none;
}



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

  .tdr-panel

----------------------------------------------------------------- */
/* .tdr-panel
----------------------------------------------------------------- */
.tdr-panel{
margin:12px 0 0;
padding:20px;
border-radius:6px;
box-shadow:0 1px 6px rgba(32,33,36,.28);
background-color:#fff;
font-size:14px;
}

.tdr-panel > :first-child{
margin-top:0;
}

.tdr-panel > :last-child{
margin-bottom:0;
}

/* .tdr-panel-hdg
----------------------------------------------------------------- */
.tdr-panel-hdg{
margin-bottom:12px;
line-height:1.25;
font-size:18px;
font-weight:bold;
}



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

  .tdr-benefits

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .tdr-benefits-tbl
----------------------------------------------------------------- */
/* .tdr-benefits-tbl
----------------------------------------------------------------- */
.tdr-benefits-tbl{
margin:12px 0 8px;
}

/* .tdr-benefits-tbl > table
----------------------------------------------------------------- */
.tdr-benefits-tbl > table{
width:100%;
border-spacing:0;
table-layout:fixed;
border-collapse:collapse;
line-height:1.42;
text-align:center;
font-size:12px;
letter-spacing:-.05em;
}

.tdr-benefits-tbl > table th,
.tdr-benefits-tbl > table td{
padding:8px 0;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#fff;
background-color:#eee;
font-weight:normal;
}

.tdr-benefits-tbl > table thead th{
color:#fff;
line-height:1;
font-weight:bold;
font-size:18px;
}

.tdr-benefits-tbl > table thead th:first-child{
width:18em;
font-size:14px;
}

.tdr-benefits-tbl > table thead th > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
height:2.5em;
line-height:1.35;
font-size:12px;
}

.tdr-benefits-tbl > table tbody th{
padding:8px 12px;
text-align:left;
font-size:14px;
}

.tdr-benefits-tbl > table .d{
background-color:var(--tdr-color-d);
}
.tdr-benefits-tbl > table .o{
background-color:var(--tdr-color-o);
}
.tdr-benefits-tbl > table .p{
background-color:var(--tdr-color-p);
}
.tdr-benefits-tbl > table .g{
background-color:var(--tdr-color-g);
}
.tdr-benefits-tbl > table tr > td:nth-of-type(1){
background-color:var(--tdr-color-d-01);
}
.tdr-benefits-tbl > table tr > td:nth-of-type(2){
background-color:var(--tdr-color-o-01);
}
.tdr-benefits-tbl > table tr > td:nth-of-type(3){
background-color:var(--tdr-color-p-01);
}
.tdr-benefits-tbl > table tr > td:nth-of-type(4){
background-color:var(--tdr-color-g-01);
}

.tdr-benefits-tbl .icon-circle,
.tdr-benefits-tbl .icon-triangle{
margin:2px auto;
color:rgba(0,0,0,0);
display:block;
box-sizing:border-box;
width:16px;
height:16px;
overflow:hidden;
background:url(/element/j_hotel/special/tdr/images/icon-circle.svg) 50% 50% no-repeat;
}

.tdr-benefits-tbl .icon-triangle{
background-image:url(/element/j_hotel/special/tdr/images/icon-triangle.svg);
}



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

  .tdr-search

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .tdr-search
----------------------------------------------------------------- */
/* .tdr-search
----------------------------------------------------------------- */
.tdr-search{
padding:0;
}


/* ----------------------------------------------------------------
  .tdr-search-toggle
----------------------------------------------------------------- */
/* .tdr-search-toggle-hook
----------------------------------------------------------------- */
.tdr-search-toggle-hook{
padding:4px 44px 4px 52px;
box-sizing:border-box;
min-height:58px;
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background:url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 28px) 50% no-repeat;
background-size:12px auto;
font-size:18px;
font-weight:bold;
cursor:pointer;
}

.tdr-search-toggle[aria-expanded="true"] .tdr-search-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

.tdr-search-toggle-hook::before{
margin-top:-12px;
content:'';
display:block;
width:24px;
height:24px;
overflow:hidden;
position:absolute;
top:50%;
left:20px;
background-position:0 0;
background-repeat:no-repeat;
}

.tdr-search-toggle.d .tdr-search-toggle-hook::before{
background-image:url(/element/j_hotel/special/tdr/images/icon-d.svg);
}
.tdr-search-toggle.o .tdr-search-toggle-hook::before{
background-image:url(/element/j_hotel/special/tdr/images/icon-o.svg);
}
.tdr-search-toggle.p .tdr-search-toggle-hook::before{
background-image:url(/element/j_hotel/special/tdr/images/icon-p.svg);
}
.tdr-search-toggle.g .tdr-search-toggle-hook::before{
background-image:url(/element/j_hotel/special/tdr/images/icon-g.svg);
}

/* .tdr-search-toggle-content
----------------------------------------------------------------- */
.tdr-search-toggle-content{
padding:0 20px 20px;
display: none;
}

.tdr-search-toggle[aria-expanded="true"] .tdr-search-toggle-content{
display:block;
}


/* ----------------------------------------------------------------
  .tdr-search-benefits
----------------------------------------------------------------- */
/* .tdr-search-benefits
----------------------------------------------------------------- */
.tdr-search-benefits{
margin-bottom:25px;
padding:12px 20px;
border-radius:6px;
position:relative;
}

.tdr-search-benefits::before{
content:'';
display:block;
width:100%;
height:4px;
overflow:hidden;
position:absolute;
bottom:-15px;
left:0;
background:linear-gradient(rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
}

.tdr-search-benefits > :first-child{
margin-top:0;
}

.tdr-search-benefits > :last-child{
margin-bottom:0;
}

.tdr-search-toggle.d .tdr-search-benefits{
background-color:var(--tdr-color-d-01);
}
.tdr-search-toggle.o .tdr-search-benefits{
background-color:var(--tdr-color-o-01);
}
.tdr-search-toggle.p .tdr-search-benefits{
background-color:var(--tdr-color-p-01);
}
.tdr-search-toggle.g .tdr-search-benefits{
background-color:var(--tdr-color-g-01);
}

/* .tdr-search-benefits-hdg
----------------------------------------------------------------- */
.tdr-search-benefits-hdg{
margin:12px 0 8px;
font-size:12px;
}

/* .tdr-search-benefits-list
----------------------------------------------------------------- */
.tdr-search-benefits-list{
margin:0 auto;
width:fit-content;
display:-webkit-box;
display:flex;
text-align:center;
line-height:1;
font-size:12px;
}

.tdr-search-benefits-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:27px;
background-position:0 50%;
background-repeat:no-repeat;
}

.tdr-search-benefits-list > li:not(:last-child){
margin-right:28px;
}

.tdr-search-benefits-list > li.ticket{
padding-left:36px;
background-size:28px auto;
}

.tdr-search-benefits-list > li.admission{
padding-left:37px;
background-size:29px auto;
}

.tdr-search-benefits-list > li.entry{
padding-left:34px;
background-size:26px auto;
}

.tdr-search-benefits-list > li.goods{
padding-left:33px;
background-size:25px auto;
}

.tdr-search-benefits-list > li.info{
padding-left:33px;
background-size:25px auto;
}

.tdr-search-benefits-list > li.bus{
padding-left:28px;
background-size:20px auto;
}

/* .d
--------------------------------------- */
.tdr-search-toggle.d .tdr-search-benefits-list > li.ticket{
background-image:url(/element/j_hotel/special/tdr/images/icon-ticket-d.svg);
}
.tdr-search-toggle.d .tdr-search-benefits-list > li.admission{
background-image:url(/element/j_hotel/special/tdr/images/icon-admission-d.svg);
}
.tdr-search-toggle.d .tdr-search-benefits-list > li.entry{
padding-left:42px;
background-image:url(/element/j_hotel/special/tdr/images/icon-entry-d.svg);
background-size:36px;
}
.tdr-search-toggle.d .tdr-search-benefits-list > li.goods{
padding-left:41px;
background-image:url(/element/j_hotel/special/tdr/images/icon-goods-d.svg);
background-size:35px;
}

/* .o
--------------------------------------- */
.tdr-search-toggle.o .tdr-search-benefits-list > li.ticket{
padding-left:42px;
background-image:url(/element/j_hotel/special/tdr/images/icon-ticket-o.svg);
background-size:36px;
}
.tdr-search-toggle.o .tdr-search-benefits-list > li.admission{
padding-left:42px;
background-image:url(/element/j_hotel/special/tdr/images/icon-admission-o.svg);
background-size:36px;
}
.tdr-search-toggle.o .tdr-search-benefits-list > li.goods{
background-image:url(/element/j_hotel/special/tdr/images/icon-goods-o.svg);
}

/* .p
--------------------------------------- */
.tdr-search-toggle.p .tdr-search-benefits-list > li.ticket{
padding-left:42px;
background-image:url(/element/j_hotel/special/tdr/images/icon-ticket-p.svg);
background-size:36px;
}
.tdr-search-toggle.p .tdr-search-benefits-list > li.info{
background-image:url(/element/j_hotel/special/tdr/images/icon-info-p.svg);
}
.tdr-search-toggle.p .tdr-search-benefits-list > li.bus{
background-image:url(/element/j_hotel/special/tdr/images/icon-bus-p.svg);
}

/* .g
--------------------------------------- */
.tdr-search-toggle.g .tdr-search-benefits-list > li.info{
background-image:url(/element/j_hotel/special/tdr/images/icon-info-g.svg);
}
.tdr-search-toggle.g .tdr-search-benefits-list > li.bus{
background-image:url(/element/j_hotel/special/tdr/images/icon-bus-g.svg);
}


/* ----------------------------------------------------------------
  .tdr-search-benefits-toggle
----------------------------------------------------------------- */
/* .tdr-search-benefits-toggle-hook
----------------------------------------------------------------- */
.tdr-search-benefits-toggle-hook{
margin:8px auto 0;
padding:0 0 0 12px;
border:none;
display:block;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:14px;
}

.tdr-search-benefits-toggle[aria-expanded="true"] .tdr-search-benefits-toggle-hook{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

/* .tdr-search-benefits-toggle-content
----------------------------------------------------------------- */
.tdr-search-benefits-toggle[aria-expanded="false"] .tdr-search-benefits-toggle-content{
display:none;
}

.tdr-search-benefits-toggle[aria-expanded="true"] .tdr-search-benefits-toggle-content{
display:block;
}


/* ----------------------------------------------------------------
  .tdr-search-benefits-detail
----------------------------------------------------------------- */
/* .tdr-search-benefits-detail
----------------------------------------------------------------- */
.tdr-search-benefits-detail{
margin-top:10px;
padding-top:12px;
border-top:1px solid #ccc;
}

.tdr-search-benefits-detail > :first-child{
margin-top:0;
}

.tdr-search-benefits-detail > :last-child{
margin-bottom:0;
}

/* .tdr-search-benefits-detail-col
----------------------------------------------------------------- */
.tdr-search-benefits-detail-col{
margin-bottom:16px;
display:-webkit-box;
display:flex;
}


/* .tdr-search-benefits-detail-col-item
----------------------------------------------------------------- */
.tdr-search-benefits-detail-col-item{
padding-left:22px;
-webkit-box-flex:1;
flex:1;
}

.tdr-search-benefits-detail-col-item:not(:last-child){
margin-right:20px;
}

.tdr-search-benefits-detail-col-item > :first-child{
margin-top:0;
}


.tdr-search-benefits-detail-col-item > :last-child{
margin-bottom:0;
}

/* .tdr-search-benefits-detail-hdg
----------------------------------------------------------------- */
.tdr-search-benefits-detail-hdg{
margin:12px 0 4px;
padding-left:22px;
background-repeat:no-repeat;
background-position:0 3px;
background-size:13px;
}

.tdr-search-benefits-detail-col-item > .tdr-search-benefits-detail-hdg{
margin-left:-22px;
}

.tdr-panel .tdr-search-toggle .tdr-search-benefits-detail-hdg.ticket{
background-size:15px auto;
}

.tdr-panel .tdr-search-toggle .tdr-search-benefits-detail-hdg.admission{
background-position:0 2px;
background-size:16px auto;
}

.tdr-panel .tdr-search-toggle .tdr-search-benefits-detail-hdg.entry{
background-size:20px auto;
}

.tdr-panel .tdr-search-toggle .tdr-search-benefits-detail-hdg.goods{
background-size:14px auto;
}

.tdr-panel .tdr-search-toggle .tdr-search-benefits-detail-hdg.info{
background-size:14px auto;
}

.tdr-panel .tdr-search-toggle .tdr-search-benefits-detail-hdg.bus{
background-size:12px auto;
}

/* .d
--------------------------------------- */
.tdr-search-toggle.d .tdr-search-benefits-detail-hdg{
background-image:url(/element/j_hotel/special/tdr/images/icon-benefit-d.svg);
}

.tdr-search-toggle.d .tdr-search-benefits-detail-hdg.ticket{
background-image:url(/element/j_hotel/special/tdr/images/icon-ticket-d.svg);
}

.tdr-search-toggle.d .tdr-search-benefits-detail-hdg.admission{
background-image:url(/element/j_hotel/special/tdr/images/icon-admission-d.svg);
}

.tdr-search-toggle.d .tdr-search-benefits-detail-hdg.entry{
background-image:url(/element/j_hotel/special/tdr/images/icon-entry-d.svg);
}

.tdr-search-toggle.d .tdr-search-benefits-detail-hdg.goods{
background-image:url(/element/j_hotel/special/tdr/images/icon-goods-d.svg);
background-size:20px auto;
}

/* .o
--------------------------------------- */
.tdr-search-toggle.o .tdr-search-benefits-detail-hdg{
background-image:url(/element/j_hotel/special/tdr/images/icon-benefit-o.svg);
}

.tdr-search-toggle.o .tdr-search-benefits-detail-hdg.ticket{
background-image:url(/element/j_hotel/special/tdr/images/icon-ticket-o.svg);
background-size:20px auto;
}

.tdr-search-toggle.o .tdr-search-benefits-detail-hdg.admission{
background-image:url(/element/j_hotel/special/tdr/images/icon-admission-o.svg);
background-size:20px auto;
}

.tdr-search-toggle.o .tdr-search-benefits-detail-hdg.goods{
background-image:url(/element/j_hotel/special/tdr/images/icon-goods-o.svg);
}

/* .p
--------------------------------------- */
.tdr-search-toggle.p .tdr-search-benefits-detail-hdg{
background-image:url(/element/j_hotel/special/tdr/images/icon-benefit-p.svg);
}

.tdr-search-toggle.p .tdr-search-benefits-detail-hdg.ticket{
background-image:url(/element/j_hotel/special/tdr/images/icon-ticket-p.svg);
background-size:20px auto;
}

.tdr-search-toggle.p .tdr-search-benefits-detail-hdg.info{
background-image:url(/element/j_hotel/special/tdr/images/icon-info-p.svg);
}

.tdr-search-toggle.p .tdr-search-benefits-detail-hdg.bus{
background-image:url(/element/j_hotel/special/tdr/images/icon-bus-p.svg);
}

/* .g
--------------------------------------- */
.tdr-search-toggle.g .tdr-search-benefits-detail-hdg{
background-image:url(/element/j_hotel/special/tdr/images/icon-benefit-g.svg);
}

.tdr-search-toggle.g .tdr-search-benefits-detail-hdg.info{
background-image:url(/element/j_hotel/special/tdr/images/icon-info-g.svg);
}

.tdr-search-toggle.g .tdr-search-benefits-detail-hdg.bus{
background-image:url(/element/j_hotel/special/tdr/images/icon-bus-g.svg);
}

/* .tdr-search-benefits-detail-list
----------------------------------------------------------------- */
.tdr-search-benefits-detail-list{
margin:0;
}

.tdr-search-benefits-detail-list > li{
padding-left:1em;
position:relative;
}

.tdr-search-benefits-detail-list>li::before{
content:'\30fb';
display:block;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

/* ----------------------------------------------------------------
  .tdr-search-hotel
----------------------------------------------------------------- */
/* .tdr-search-hotel
----------------------------------------------------------------- */
.tdr-search-hotel{
margin-top:12px;
padding:16px;
border:1px solid #aaa;
border-radius:6px;
}

/* .tdr-search-hotel-col
----------------------------------------------------------------- */
.tdr-search-hotel-col{
display:-webkit-box;
display:flex;
}

/* .tdr-search-hotel-col-item
----------------------------------------------------------------- */
.tdr-search-hotel-col-item:first-child{
margin-right:20px;
width:400px;
}

.tdr-search-hotel-col-item:last-child{
-webkit-box-flex:1;
flex:1;
}

.tdr-search-hotel-col-item > :first-child{
margin-top:0;
}

.tdr-search-hotel-col-item > :last-child{
margin-bottom:0;
}

/* .tdr-search-hotel-hdg
----------------------------------------------------------------- */
.tdr-search-hotel-hdg{
margin-bottom:8px;
line-height:1.25;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:18px;
}

.tdr-search-hotel-hdg > span:last-child{
-webkit-box-flex:1;
flex:1;
}

.tdr-search-hotel-hdg .icon-rank{
margin-right:8px;
border-radius:3px;
color:#fff;
min-width:40px;
line-height:23px;
background-color:var(--cmn-font-color-base);
font-weight:normal;
font-size:14px;
text-align:center;
}

/* .tdr-search-hotel-tag
----------------------------------------------------------------- */
.tdr-search-hotel-tag{
margin-bottom:16px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
font-size:12px;
}

.tdr-search-hotel-tag > li{
margin-right:4px;
padding:4px 8px;
border:1px solid #bbb;
border-radius:3px;
white-space:nowrap;
}

/* .tdr-search-hotel-tab-list
----------------------------------------------------------------- */
.tdr-search-hotel-tab-list{
margin:0 0 12px;
display:-webkit-box;
display:flex;
border-bottom:1px solid #ddd;
}

.tdr-search-hotel-tab-list > li{
margin-bottom:-1px;
}

.tdr-search-hotel-tab-list > li:not(:last-child){
margin-right:28px;
}

.tdr-search-hotel-tab-list button{
margin:0;
padding:0 0 8px;
border:none;
background-color:transparent;
font-size:14px;
line-height:1;
}

.tdr-search-hotel-tab-list > li.is-active{
box-shadow:0 -3px 0 var(--cmn-font-color-base) inset;
}

.tdr-search-hotel-tab-list > li.is-active button{
font-weight:bold;
}

/* .tdr-search-hotel-tab-content
----------------------------------------------------------------- */
.tdr-search-hotel-tab-content{
display:none;
}

.tdr-search-hotel-tab-content.is-active{
display:block;
}

.tdr-search-hotel-tab-content > :first-child{
margin-top:0;
}

.tdr-search-hotel-tab-content p{
margin-top:8px;
}

/* .tdr-search-hotel-tab-content-hdg
----------------------------------------------------------------- */
.tdr-search-hotel-tab-content-hdg{
margin:16px 0 8px;
}


/* .tdr-search-hotel-tab-content-hdg-01
----------------------------------------------------------------- */
.tdr-search-hotel-tab-content-hdg-01{
margin:16px 0 4px;
padding-top:8px;
border-top:1px solid #ddd;
font-size:12px;
}

/* .d
--------------------------------------- */
.tdr-search-toggle.d .tdr-search-hotel-tab-content-hdg-01{
color:var(--tdr-color-d);
}

/* .o
--------------------------------------- */
.tdr-search-toggle.o .tdr-search-hotel-tab-content-hdg-01{
color:var(--tdr-color-o);
}

/* .p
--------------------------------------- */
.tdr-search-toggle.p .tdr-search-hotel-tab-content-hdg-01{
color:var(--tdr-color-p);
}

/* .g
--------------------------------------- */
.tdr-search-toggle.g .tdr-search-hotel-tab-content-hdg-01{
color:var(--tdr-color-g);
}


/* .tdr-search-hotel-tab-content-list-bullet
----------------------------------------------------------------- */
.tdr-search-hotel-tab-content-list-bullet > li{
padding-left:9px;
position:relative;
}

.tdr-search-hotel-tab-content-list-bullet > li:not(:first-child){
margin-top:2px;
}

.tdr-search-hotel-tab-content-list-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:50%;
overflow:hidden;
position:absolute;
top:7px;
left:0;
background-color:var(--cmn-font-color-base);
}

/* .tdr-search-hotel-tab-content-list-separate
----------------------------------------------------------------- */
.tdr-search-hotel-tab-content-list-separate > li{
display:-webkit-box;
display:flex;
}

.tdr-search-hotel-tab-content-list-separate > li:not(:first-child){
margin-top:8px;
}

.tdr-search-hotel-tab-content-list-separate > li > div:first-child{
min-width:6em;
box-sizing:border-box;
}

.tdr-search-hotel-tab-content-list-separate > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.tdr-search-hotel-tab-content-list-separate > li > div > :first-child{
margin-top:0;
}

.tdr-search-hotel-tab-content-list-separate > li > div > :last-child{
margin-bottom:0;
}

/* .tdr-search-hotel-tab-content-list-separate.branch
------------------------------------------- */
.tdr-search-hotel-tab-content-list-separate.branch > li:not(:first-child){
margin-top:2px;
}

.tdr-search-hotel-tab-content-list-separate.branch > li > div:first-child{
padding-right:1em;
position:relative;
}

.tdr-search-hotel-tab-content-list-separate.branch > li > div:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

/* .tdr-search-hotel-tab-content-benefits
----------------------------------------------------------------- */
.tdr-search-hotel-tab-content-benefits{
position:relative;
background-color:#ccc;
}

.tdr-search-hotel-tab-content-benefits::before{
display:block;
position:absolute;
right:50%;
bottom:50%;
transform:translate(50%, 50%);
content:"未FIX";
color:var(--cmn-font-color-red);
font-size:22px;
font-weight:bold;
text-align:center;
}

.tdr-search-hotel-tab-content-benefits > li{
margin-top:8px;
padding-left:20px;
}

/* .tdr-search-hotel-tab-content-toggle-hook
----------------------------------------------------------------- */
.tdr-search-hotel-tab-content-toggle-hook{
margin:8px 0 0 auto;
padding:0 0 0 12px;
border:none;
display:block;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:14px;
}

.tdr-search-hotel-tab-content-toggle[aria-expanded="true"] .tdr-search-hotel-tab-content-toggle-hook{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

/* .tdr-search-hotel-cv
----------------------------------------------------------------- */
.tdr-search-hotel-cv{
margin-top:20px;
font-size:12px;
}

/* .tdr-search-hotel-cv-btn
----------------------------------------------------------------- */
.tdr-search-hotel-cv-btn{
margin:16px auto 0;
padding:4px;
border-radius:6px;
color:#fff;
box-sizing:border-box;
min-height:50px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
gap:0 12px;
line-height:1.45;
text-align:center;
font-size:14px;
}

.tdr-search-hotel-cv-btn:link{
text-decoration:none;
}

.tdr-search-hotel-cv-btn > span{
font-size:16px;
}

.tdr-search-toggle.d .tdr-search-hotel-cv-btn{
background-color:var(--tdr-color-d);
}
.tdr-search-toggle.o .tdr-search-hotel-cv-btn{
background-color:var(--tdr-color-o);
}
.tdr-search-toggle.p .tdr-search-hotel-cv-btn{
background-color:var(--tdr-color-p);
}
.tdr-search-toggle.g .tdr-search-hotel-cv-btn{
background-color:var(--tdr-color-g);
}

/* .tdr-search-hotel-cv-list
----------------------------------------------------------------- */
.tdr-search-hotel-cv-list{
margin:8px 0;
line-height:1.25;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
gap:0 8px;
}

.tdr-search-hotel-cv-list > li{
-webkit-box-flex:1;
flex:1;
}

.tdr-search-hotel-cv-list a{
padding:2px;
border-width:1px;
border-style:solid;
border-radius:6px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
min-height:42px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-direction:column;
text-decoration:none;
}

.tdr-search-hotel-cv-list a > span:last-child{
font-size:14px;
}

.tdr-search-toggle.d .tdr-search-hotel-cv-list a{
border-color:var(--tdr-color-d);
}
.tdr-search-toggle.o .tdr-search-hotel-cv-list a{
border-color:var(--tdr-color-o);
}
.tdr-search-toggle.p .tdr-search-hotel-cv-list a{
border-color:var(--tdr-color-p);
}
.tdr-search-toggle.g .tdr-search-hotel-cv-list a{
border-color:var(--tdr-color-g);
}




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

  .tdr-map

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .tdr-map-tab
----------------------------------------------------------------- */
/* .tdr-map-tab-list
----------------------------------------------------------------- */
.tdr-map-tab-list{
margin:0 0 16px;
display:-webkit-box;
display:flex;
border-bottom:1px solid #ddd;
}

.tdr-map-tab-list > li{
margin-bottom:-1px;
}

.tdr-map-tab-list > li:not(:last-child){
margin-right:20px;
}

.tdr-map-tab-list button{
margin:0;
padding:0 0 8px;
border:none;
background-color:transparent;
font-size:14px;
}

.tdr-map-tab-list > li.is-active{
box-shadow:0 -3px 0 var(--cmn-font-color-base) inset;
}

.tdr-map-tab-list > li.is-active button{
font-weight:bold;
}

/* .tdr-map-tab-content
----------------------------------------------------------------- */
.tdr-map-tab-content{
display:none;
}

.tdr-map-tab-content.is-active{
display:block;
}

/* .tdr-map-tab-content-list
----------------------------------------------------------------- */
.tdr-map-tab-content-list{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
line-height:1;
font-size:12px;
}

.tdr-map-tab-content-list > li{
padding-left:12px;
position:relative;
}

.tdr-map-tab-content-list > li:not(:last-child){
margin-right:8px;
}

.tdr-map-tab-content-list > li::before{
content:'';
border-radius:50%;
display:block;
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:1px;
left:0;
}

.tdr-map-tab-content-list .d::before{
background-color:var(--tdr-color-d);
}
.tdr-map-tab-content-list .o::before{
background-color:var(--tdr-color-o);
}
.tdr-map-tab-content-list .p::before{
background-color:var(--tdr-color-p);
}
.tdr-map-tab-content-list .g::before{
background-color:var(--tdr-color-g);
}



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

  Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .tdr-carousel
----------------------------------------------------------------- */
/* .tdr-carousel
----------------------------------------------------------------- */
.tdr-carousel{
margin:0 0 12px;
position:relative;
height:290px;
}

/* .tdr-carousel-inner
----------------------------------------------------------------- */
.tdr-carousel .tdr-carousel-inner{
overflow:hidden;
position:relative;
}

/* .tdr-carousel-list
----------------------------------------------------------------- */
.tdr-carousel .tdr-carousel-list{
margin:0;
overflow:hidden;
}

.tdr-carousel .tdr-carousel-list > li{
width:100%;
float:left;
position:relative;
}

.tdr-carousel .tdr-carousel-list > li > span{
position:relative;
display:block;
height:290px;
overflow:hidden;
background-color:#f1f1f1;
}

.tdr-carousel .tdr-carousel-list > li > span img{
width:100%;
height:100%;
object-fit:cover;
}

.tdr-carousel .tdr-carousel-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;
}

.tdr-carousel .tdr-carousel-list.no-photo > li > span{
background-color:#fff;
}

.tdr-carousel .tdr-carousel-list.no-photo > li > span img{
width:auto;
}

.tdr-carousel .tdr-carousel-list.no-photo::before{
display:none;
}

/* .tdr-carousel-dots
----------------------------------------------------------------- */
.tdr-carousel .tdr-carousel-dots{
margin:0;
position:absolute;
bottom:6px;
right:50%;
height:8px;
transform:translateX(50%);
z-index:1;
}

.tdr-carousel .tdr-carousel-dots > div{
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);
}

.tdr-carousel .tdr-carousel-dots > .is-active{
background-color:rgba(255,255,255,.9);
}

/* .tdr-carousel-gallery
----------------------------------------------------------------- */
.tdr-carousel .tdr-carousel-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/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat calc(100% - 8px) 50%;
background-size:11px auto;
font-size:12px;
text-align:center;
}

.tdr-carousel .tdr-carousel-gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .tdr-carousel-agt
----------------------------------------------------------------- */
.tdr-carousel .tdr-carousel-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;
}


/* ----------------------------------------------------------------
  .tdr-calendar-cheapest
----------------------------------------------------------------- */
/* .tdr-calendar-cheapest
----------------------------------------------------------------- */
.tdr-calendar-cheapest{
font-size:12px;
font-family: Arial;
}

/* .tdr-calendar-cheapest-filter
----------------------------------------------------------------- */
.tdr-calendar-cheapest .tdr-calendar-cheapest-filter{
margin:12px 0;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-filter > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-filter > label > span{
margin-left:4px;
}

/* .tdr-calendar-cheapest-header
----------------------------------------------------------------- */
.tdr-calendar-cheapest .tdr-calendar-cheapest-header{
margin:12px auto;
padding:0 52px;
width:fit-content;
min-width:280px;
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
box-sizing:border-box;
font-size:18px;
}

/* .tdr-calendar-cheapest-header-nav
----------------------------------------------------------------- */
.tdr-calendar-cheapest .tdr-calendar-cheapest-header-nav > li{
position:absolute;
bottom:50%;
transform:translateY(50%);
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-header-nav .prev{
left:0;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-header-nav .next{
right:0;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-header-nav button{
margin:0;
padding:0;
border:1px solid #bbb;
border-radius:4px;
width:52px;
height:28px;
background-color:#fff;
font-size:14px;
}

/* .tdr-calendar-cheapest-sup
----------------------------------------------------------------- */
.tdr-calendar-cheapest .tdr-calendar-cheapest-sup{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-sup > span:last-child{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

/* .tdr-calendar-cheapest-tbl
----------------------------------------------------------------- */
.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl{
position:relative;
min-height:267px;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl table{
width:100%;
border-spacing:0;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
line-height:1.1;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl th,
.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl td{
padding:0;
font-weight:normal;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl th{
padding-bottom:8px;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl th:nth-child(1){
color:var(--cmn-font-color-red);
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl td{
border-top:1px solid #e5e5e5;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl td > a,
.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl td > div{
padding:8px 0 2px;
color:var(--cmn-color-font-base);
box-sizing:border-box;
min-height:48px;
width:100%;
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-decoration:none;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl td:not(.no-room) > div{
color:var(--cmn-font-color-base);
opacity:.33;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl .date{
color:var(--cmn-font-color-gray);
width:42px;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl td:nth-child(1) .date,
.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl .holiday .date{
color:var(--cmn-font-color-red);
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl .price{
color:var(--cmn-font-color-link);
position:relative;
-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;
text-align:center;
width:100%;
font-size:14px;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl  td > a:active .price,
.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl  td > a:hover .price,
.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl  td > a:focus .price{
text-decoration:underline;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl .no-room .price{
opacity:.33;
color:rgba(0,0,0,0);
background:url(/element_sp/j_hotel/shared/images/icon-calendar-state-no.svg) no-repeat 50% 50%;
background-size:8px auto;
}

/* .calendar-cheapest-tbl-loading
----------------------------------------------------------------- */
.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl-loading{
display:none;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(255,255,255,.75);
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.tdr-calendar-cheapest .tdr-calendar-cheapest-tbl-loading.is-active{
display:-webkit-box;
display:flex;
}

.tdr-calendar-cheapest .calendar-cheapest-tbl-loading > div{
padding:18px;
border-radius:6px;
box-shadow:0 0 5px rgba(0,0,0,.2);
background-color:#fff;
}


/* ----------------------------------------------------------------
  .tdr-filter
----------------------------------------------------------------- */
/* .tdr-filter
----------------------------------------------------------------- */
.tdr-filter{
padding:12px 10px;
position:fixed;
left:0;
bottom:0;
z-index:2;
box-sizing:border-box;
width:100%;
background-color:#444;
}

/* .tdr-filter-hook
----------------------------------------------------------------- */
.tdr-filter .tdr-filter-hook button{
margin:0 auto;
padding:5px 16px 5px 40px;
border:none;
border-radius:4px;
display:block;
width:calc(calc(100% + 20px) * .8);
min-height:38px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:#fff url(/element_sp/j_hotel/shared/images/icon-search.svg) no-repeat 20px 50%;
background-size:14px auto;
text-align:left;
font-size:14px;
}

.tdr-filter[aria-expanded="true"] .tdr-filter-hook{
display:none;
}

/* .tdr-filter-content
----------------------------------------------------------------- */
.tdr-filter .tdr-filter-content{
display:none;
position:relative;
}

.tdr-filter[aria-expanded="true"] .tdr-filter-content{
display:block;
}

/* .tdr-filter-content-inner
----------------------------------------------------------------- */
.tdr-filter .tdr-filter-content-inner{
margin-top:12px;
padding:12px 8px;
border-radius:4px;
background-color:#fff;
}

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

/* .tdr-filter-hdg
----------------------------------------------------------------- */
.tdr-filter .tdr-filter-hdg{
margin-right:40px;
color:#fff;
line-height:1;
font-weight:normal;
}

/* .tdr-filter-list
----------------------------------------------------------------- */
.tdr-filter .tdr-filter-list{
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.tdr-filter .tdr-filter-list > li{
margin-top:12px;
}

.tdr-filter .tdr-filter-list > li:nth-child(2n+1){
margin-right:2%;
width:42%;
}

.tdr-filter .tdr-filter-list > li:nth-child(2n){
width:55%;
}

.tdr-filter .tdr-filter-list > li > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.tdr-filter .tdr-filter-list > li > label> span{
margin-left:4px;
}

/* .tdr-filter-btn-search
----------------------------------------------------------------- */
.tdr-filter .tdr-filter-btn-search{
margin:12px auto 0;
padding:0;
border:none;
border-radius:4px;
color:#fff;
display:block;
min-height:44px;
width:214px;
background-color:#444;
font-size:16px;
text-align:center;
}


/* ----------------------------------------------------------------
  Contents Footer Nav FAQ
----------------------------------------------------------------- */
/* .contents-footer-nav-faq
----------------------------------------------- */
.contents-footer-nav-faq{
font-size:14px;
}

.contents-footer-nav-faq > :first-child{
margin-top:0;
}

/* .contents-footer-nav-faq-item
----------------------------------------------- */
.contents-footer-nav-faq-item{
border-bottom:1px solid #ddd;
}

/* .contents-footer-nav-faq-item-hook
----------------------------------------------- */
.contents-footer-nav-faq-item-hook{
padding:4px 16px 4px 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:42px;
position:relative;
cursor:pointer;
background:url(/element/j_hotel/shared/images/icon-faq-q.svg) 0 50% no-repeat;
background-size:11px auto;
text-align:left;
font-size:14px;
font-weight:normal;
}

.contents-footer-nav-faq-item-hook::before{
margin-top:-4px;
content:'';
display:block;
width:12px;
height:7px;
overflow:hidden;
position:absolute;
top:50%;
right:0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
}

.contents-footer-nav-faq-item[aria-expanded="true"] > .contents-footer-nav-faq-item-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .contents-footer-nav-faq-item-content
----------------------------------------------- */
.contents-footer-nav-faq-item-content{
padding:0 0 12px 24px;
background:url(/element/j_hotel/shared/images/icon-faq-a.svg) 0 4px no-repeat;
background-size:11px auto;
}

.contents-footer-nav-faq-item[aria-expanded="false"] > .contents-footer-nav-faq-item-content{
display:none;
}

/* .contents-footer-nav-faq-item-content-date
----------------------------------------------- */
.contents-footer-nav-faq-item-content-date{
margin-top:8px;
color:#9e9e9e;
display:block;
text-align:right;
}

/* .contents-footer-nav-faq-toggle-hook
----------------------------------------------- */
.contents-footer-nav-faq-toggle-hook{
margin:12px auto 0;
padding:0 0 0 16px;
border:none;
display:block;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px auto;
font-size:14px;
}

.contents-footer-nav-faq-toggle[aria-expanded="true"] > .contents-footer-nav-faq-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .contents-footer-nav-faq-toggle-content
----------------------------------------------- */
.contents-footer-nav-faq-toggle[aria-expanded="false"] > .contents-footer-nav-faq-toggle-content{
display:none;
}