@charset "UTF-8";

/*--------------------------------------------
CSS for smart phone hotel plan top page 
--------------------------------------------*/
.HotelHeadNav header{
    background: #FFFFFF !important;
}

.hotel-name h1{
    font-size: 18px;
    line-height: 24px;
}

/* Hotel Summary */
.hotel-description{
    font-size: 14px;
    line-height: 20px;
}

#static-map{
    box-sizing: border-box;
    height: 44px;
    margin: 8px 0;
}

#static-map img{
    width: 100%;
}

.jump-to-address{
    display: flex;
    color: #54822B;
    justify-content: center;
    margin-top: 4px;
}

.jump-to-address p{
    font-size: 10px;
    line-height: 16px;
}

.jump-to-address .icon{
    background: url(//trvimg.r10s.jp/share/common/images/icon_arrow_down.svg) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    vertical-align: middle;
    flex-shrink: 0;
}

.hotel-summary hr{
    border: 1px solid #EAEAEA;
    margin: 0;
    border-bottom: 0 none;
}

.rvw-line{
    display: flex;
    align-items: center;
}

.rvw-line .review-score{
    color: #D7402E;
    margin-right: 8px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.rvw-line .kkm-total{
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}

.stars{
    font-size: 13px;
    letter-spacing: 3px;
    margin-right: 2.5px;
    width: 80px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.stars .review-base{
    padding-left: 1.5px;
    color: #F3F3F3;
    width: 100%;
    box-sizing: border-box;
}

.stars .review-rst{
    padding-left: 1.5px;
    color: #FFBA00;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    box-sizing: border-box;
}

.comment-box{
    position: relative;
    background: #F3F3F3;
    border-radius: 4px;
    margin: 8px 0 16px 0;
    padding: 4px 8px;

}

.comment-box::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 8px;
    border: 4px solid transparent;
    border-top: 8px solid #F3F3F3;
}

.comment-box .review-text{
    font-size: 12px;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    position: relative;
}

.comment-box .review-text::before{
    content: "...";
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    height: 18px;
    width: 32px;
    background: #F3F3F3;
    position: absolute;
    bottom: 0.2px;
    right: 0;
}

.comment-box .review-text::after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #F3F3F3;
    position: absolute;
}

.rvw-ft-line{
    display: flex;
    align-items: center;
}

.rvw-ft-line .post-time{
    font-size: 12px;
    line-height: 18px;
}

.post-time .icon{
    background: url(//trvimg.r10s.jp/share/common/images/icon_other_types_of_travel.svg) no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 4px;
}

a.all-review, a.all-review:visited{
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    margin:0 0 0 auto;
    color: #1D54A7;
    text-decoration: none;
}

.rvw-new-line{
    display: inline-flex;
    align-items: center;
}

.rvw-new-line .rvw-new-score{
    margin-right: 8px;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: #CE2B18;
    font-weight: bold;
    font-family: "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
}

.rvw-new-line .rvw-new-kkm-total{
    font-weight: normal;
    font-family: "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
    color: #333333;
    font-size: 12px;
    line-height: 18px;
}

.rvw-new-ft-line .rvw-new-post-time span{
    font-family: "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 12px;
    line-height: 18px;
    display: inline-flex;
    align-items: center;
}

.rvw-new-guest-score {
    padding:0px;
    margin:0px;
    display: inline-flex;
}

.rvw-new-stars{
    font-size: 13px;
    margin-right: 2.5px;
    display: inline-block;
    position: relative;
}

.stars-inline{
    display: inline-flex;
}


.rvw-new-stars .rvw-new-rst{
    width: 80px;
    height: 16px;
}

.rvw-new-stars .rst-rate00 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate00.svg) no-repeat;
}
.rvw-new-stars .rst-rate05 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate05.svg) no-repeat;
}
.rvw-new-stars .rst-rate10 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate10.svg) no-repeat;
}
.rvw-new-stars .rst-rate15 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate15.svg) no-repeat;
}
.rvw-new-stars .rst-rate20 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate20.svg) no-repeat;
}
.rvw-new-stars .rst-rate25 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate25.svg) no-repeat;
}
.rvw-new-stars .rst-rate30 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate30.svg) no-repeat;
}
.rvw-new-stars .rst-rate35 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate35.svg) no-repeat;
}
.rvw-new-stars .rst-rate40 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate40.svg) no-repeat;
}
.rvw-new-stars .rst-rate45 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate45.svg) no-repeat;
}
.rvw-new-stars .rst-rate50 {
    background: url(//trvimg.r10s.jp/share/smart/images/sp_hotel_top_review_rate50.svg) no-repeat;
}

.rvw-new-comment-box{
    position: relative;
    background: #F3F3F3;
    border-radius: 4px;
    margin: 16px 0 8px;
    padding: 4px 8px;
}

.rvw-new-comment-box::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 8px;
    border: 4px solid transparent;
    border-top: 8px solid #F3F3F3;
}

.rvw-new-comment-box .rvw-new-text{
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    position: relative;
    font-family: "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
    font-weight: normal;
}

.rvw-new-comment-box .rvw-new-text::before{
    content: "...";
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    height: 18px;
    width: 32px;
    background: #F3F3F3;
    position: absolute;
    bottom: 0.2px;
    right: 0;
}

.rvw-new-comment-box .rvw-new-text::after{
    content: "";
    display: inline-flex;
    width: 100%;
    height: 100%;
    background: #F3F3F3;
    position: absolute;
}

.rvw-new-head-line{
    height: 18px;
}

/*.rvw-new-ft-line{*/
/*    height: 24px;*/
/*    display: block;*/
/*    align-items: center;*/
/*    margin-bottom:8px;*/
/*}*/

.rvw-new-ft-line .rvw-new-post-time{
    display: inline-flex;
    font-size: 12px;
    gap: 8px;
}

.rvw-new-ft-line .rvw-new-post-time .score::before {
    content: "";
    background: url(//trvimg.r10s.jp/share/smart/images/star.svg) no-repeat;
    display: inline-flex;
    width: 9.75px;
    height: 12px;
    margin-right: 3.3px;
}

.rvw-new-ft-line .rvw-new-post-time .score {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-right: 8px;
    font-family:"Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
    color: #333333
}

.rvw-new-ft-line .rvw-new-post-time .icon{
    background: url(//trvimg.r10s.jp/share/smart/images/guestIcon.svg) no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.rvw-new-ft-line .rvw-new-post-time .icon_leisure{
    background: url(//trvimg.r10s.jp/share/smart/images/reviewer_default.svg) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-top: 2px;
}

.rvw-new-ft-line .rvw-new-post-time .icon_business{
    background: url(//trvimg.r10s.jp/share/smart/images/reviewer_business.svg) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.rvw-new-ft-line .rvw-new-post-time .icon_other{
    background: url(//trvimg.r10s.jp/share/smart/images/reviewer_default.svg) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

/*.rvw-new-ft-line {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    padding: 12px 0;*/
/*}*/

.rvw-new-user-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.rvw-new-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.rvw-new-user-details {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rvw-new-nickname-score {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.rvw-new-nickname {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.rvw-post-time {
    color: #6D6D6D;
}

/*.rvw-new-guest-score {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

.rvw-nickname-score-container {
    display: flex;
    flex-direction: column;

}

/*.rvw-new-guest-score .score {*/
/*    background: #ff6b35;*/
/*    color: white;*/
/*    padding: 2px 6px;*/
/*    border-radius: 4px;*/
/*    font-size: 12px;*/
/*    font-weight: bold;*/
/*}*/

.rvw-new-post-time {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
}

a.rvw-new-all-review, a.rvw-new-all-review:visited{
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    margin:0 0 0 auto;
    color: #1D54A7;
    text-decoration: none;
    font-family: "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

div.rvw-new-link{
    display: block;
    text-align: right;
    height: 20px;
    margin-top: 8px;
}

div.rvw-new-link .rvw-new-link-text{
    line-height: 20px;
    height: 20px;
}

a.rvw-new-all-review::after {
    content: "";
    background: url(//trvimg.r10s.jp/share/smart/images/icon_arrow_right_blue.svg) no-repeat center center;
    width: 16px;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    background-repeat: no-repeat;
}

/* Customized Page */

.yado-info .secondary-container{
    padding-bottom: 8px;
}

.customized-page-list .show-customized-page{
    padding: 8px 0;
    border-top: 1px dashed rgba(204, 204, 204, 0.7);
}

.customized-page-list .ctm-pg-name{
    display: flex;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.customized-page-list .ctm-pg-name::before{
    content: "";
    background: url(//trvimg.r10s.jp/share/common/images/icon_window.svg);
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Onsen */

.onsen-msg-box{
    background: #F3F3F3;
    padding: 8px;
}

.onsen-msg-box > *{
    margin: 8px 0;
}

.onsen-msg-box > *:first-child{
    margin-top: 0;
}

.onsen-msg-box > *:last-child{
    margin-bottom: 0;
}

.onsen-msg-box h3{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.information-list > .content{
    border-bottom:1px dashed rgba(204, 204, 204, 0.7);
}

.information-list > .content:last-child{
    border-bottom: none;
}

.htl-pg-acd-target .accordion-contents .two-columns{
    font-size: 0;
}

.htl-pg-acd-target .accordion-contents .two-columns > li{
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top;
}

.htl-pg-acd-target .accordion-contents .two-columns > li:nth-child(odd){
    padding-right: 4px;
}

.htl-pg-acd-target .accordion-contents .two-columns > li:nth-child(2n){
    padding-left: 4px;
}

.htl-pg-acd-target .accordion-contents .two-columns > li:nth-last-child(2),
.htl-pg-acd-target .accordion-contents .two-columns > li:last-child{
    margin-bottom: 0;
}

.htl-pg-acd-target .accordion-contents .onsen-acd-cnt p{
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}

.htl-pg-acd-target .accordion-contents .three-columns{
    font-size: 0;
}

.htl-pg-acd-target .accordion-contents .three-columns li {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    width: calc(100% / 3);
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top;
}

.htl-pg-acd-target .accordion-contents .three-columns > li:nth-child(3n+1){
    padding-right: 4px;
}

.htl-pg-acd-target .accordion-contents .three-columns > li:nth-child(3n+2){
    padding: 0 4px;
}

.htl-pg-acd-target .accordion-contents .three-columns > li:nth-child(3n){
    padding-left: 4px;
}

.htl-pg-acd-target .accordion-contents .three-columns li:nth-last-child(3),
.htl-pg-acd-target .accordion-contents .three-columns li:nth-last-child(2),
.htl-pg-acd-target .accordion-contents .three-columns li:last-child{
    margin-bottom: 0;
}


/* Access */
#ggmap{
    height: 180px;
}

.container.map-access .address{
    display: flex;
    font-size: 14px;
    line-height: 20px;
}

.container.map-access .address::before{
    content: "";
    background: url(//trvimg.r10s.jp/share/common/images/icon_location.svg) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    flex-shrink: 0;
}

.container.map-access .access{
    display: flex;
    font-size: 14px;
    line-height: 20px;
}

.container.map-access .access::before{
    content: "";
    background: url(//trvimg.r10s.jp/share/common/images/icon_station.svg) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    flex-shrink: 0;
}

.mpac-parking dt{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    display: inline;
    margin-right: 4px;
}

.mpac-parking dd{
    font-size: 14px;
    line-height: 20px;
    display: inline;
}

/* basic info */

table.bsif-check{
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}

table.bsif-check tr th{
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    background: #767676;
    color: #FFFFFF;
    padding: 4px;
    width: 50%;
}

table.bsif-check tr td{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background: #F3F3F3;
    padding: 4px;
    width: 50%;
}

.bsif-cnt dt{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    display: inline;
    margin-right: 4px;
}

.bsif-cnt dd{
    font-size: 14px;
    line-height: 20px;
    display: inline;
}


.list li{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    padding-left: 12px;
    position: relative;
}

.list li:last-child{
    margin-bottom: 0;
}

.list li::before{
    content: "・";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 100%;
    left: 0;
}

.privlist li{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    position: relative;
}

.privlist li:last-child{
    margin-bottom: 0;
}

.meal-place .ml-pc-dtl{
    display: flex;
    align-items: baseline;
}

.meal-place .ml-pc-dtl dt,
.meal-place .ml-pc-dtl dd{
    font-size: 12px;
    line-height: 18px;
    margin-right: 8px;
}

.meal-place .ml-pc-dtl:last-child{
    margin-bottom: 0;
}

.cdt-nt p{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

/* PRD198 */
.membership_benefit{
    width: 100%;
}

.membershipEntryBtn{
    display: block;
    background: #896C2B;
    border-radius: 39px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 8px;
    text-align: center;
}
.container.faq .faq-question{
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}

.container.faq .cnt-title{
    padding-bottom: 8px;
}

.container.faq .faq-answer{
    word-break: break-all;
    flex-direction: row;
    align-items: flex-start;
    background: #F3F3F3;
    padding: 8px;
    font-size: 12px;
    line-height: 18px;
}

.container.faq .last-update-date{
    flex-direction: row;
    align-items: flex-start;
    background: #F3F3F3;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    font-size: 10px;
    color: #6D6D6D;
    line-height: 16px;
}

.htl-faq-acd, .htl-faq-acd.open {
    text-align: center;
    color: #1D54A7;
    text-decoration: none;
    font-size: 14px;
}

.htl-faq-acd.open {
    padding-top: 16px;
    padding-bottom: 0;
}

.htl-faq-acd:active, .htl-faq-acd.open:active {
    text-align: center;
    color: #13366A;
    text-decoration: none;
}

.htl-faq-acd::after {
    content: '';
    background: url(//trvimg.r10s.jp/share/common/images/icon_expand_arrow_light_blue.svg) no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: 4px;
    margin-bottom: -3px;
    display: inline-block;
    vertical-align: bottom;
}

.htl-faq-acd.open::after {
    content: '';
    background: url(//trvimg.r10s.jp/share/common/images/icon_collapse_arrow_light_blue.svg) no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: 4px;
    margin-bottom: -3px;
    display: inline-block;
    vertical-align: bottom;
}

.htl-faq-acd:active:after {
    content: '';
    background: url(//trvimg.r10s.jp/share/common/images/icon_expand_arrow_dark_blue.svg) no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: 4px;
    margin-bottom: -3px;
    display: inline-block;
    vertical-align: bottom;
}

.htl-faq-acd.open:active:after {
    content: '';
    background: url(//trvimg.r10s.jp/share/common/images/icon_collapse_arrow_dark_blue.svg) no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: 4px;
    margin-bottom: -3px;
    display: inline-block;
    vertical-align: bottom;
}

.onsen-caroufredsel-wrapper {
    overflow: hidden;
}

.onsen-caroufredsel-wrapper .caroufredsel-wrapper > * {
    margin-right: 8px;
}

.onsen-caroufredsel-wrapper .caroufredsel-wrapper > *:last-child {
    margin-right: 0;
}

.item-box {
    margin: 8px 16px;
}

.google-map-link-wrapper {
    --icon-width: 9px;
    --line-height: 20px;
    --gap: 8px;

    display: flex;
    justify-content: flex-end;
    border-bottom: 1px dashed rgb(204 204 204 / 70%);
    padding-bottom: calc(var(--gap) * 2);
    padding-top: 0;
}

.google-map-link-wrapper > a {
    position: relative;
    display: block;
    color: #1D54A7;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: var(--line-height);
    margin-right: calc(var(--icon-width) + var(--gap));
}

.google-map-link-wrapper > a::after {
    position: absolute;
    content: '';
    background: url(//trvimg.r10s.jp/share/smart/images/icon_arrow_right_blue.svg) no-repeat center center;
    width: var(--icon-width);
    height: var(--line-height);
    margin-left: var(--gap);
}

#summary-section{
    width: 100%;
    margin-bottom: 8px;
    display: inline-block;
}

.summary-section hr{
    height: 1px;
    margin: 0px 16px 8px;
    border: 1px dashed #CCCCCC;
    border-bottom: 0 none;
}

.summary-section .summary-info {
    margin:0px 16px 9px;
    display: flex;
}

.summary-section .summary-icon {
    height: 24px;
    width: 24px;
    margin: auto 8px auto 0px;
}

.summary-section .summary-title {
    font-family: "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #1D54A7;
    margin: auto 8px auto 0px;
}

.summary-section .summary-arrow {
    margin: auto 0px;
    padding:0px;
    width: 16px;
    height:16px;
    vertical-align: middle;
}

.summary-section .jump-to-address {
    display: block;
    margin-top: 1px;
}

.sustainable__badge {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    padding: 16px 8px;
}
.sustainable__badge--certification-star2 {
    border: 1px solid #B3CF9B;
}
.sustainable__badge--certification-star1 {
    border: 1px solid #CCC;
}
.sustainable__description {
    margin: 16px;
}
.sustainable__feature {
    letter-spacing: 0;
}
.sustainable__feature--modal {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 16px;
    margin: 16px;
}
.sustainable__feature--modal:last-child {
    border-bottom: none;
}
.sustainable__badge--modal {
    margin: 16px 16px 0;
}
.sustainable__badge-icon {
    height: 48px;
    width: 48px;
}
.sustainable__badge-icon--certification-star2 {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_icon_certification_star2.svg) no-repeat;
}
.sustainable__badge-icon--certification-star1 {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_icon_certification_star1.svg) no-repeat;
}
.sustainable__badge-certification {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    margin-top: 11px;
}
.sustainable__badge-description {
    font-size: 12px;
    color: #6D6D6D;
    margin-top: 16px;
    text-align: left;
}
.sustainable__badge-note {
    font-size: 10px;
    color: #6D6D6D;
    margin-top: 8px;
    text-align: left;
}
.information-list > .sustainable__feature-wrapper {
    position: relative;
    border: none;
}
.sustainable__feature-wrapper--whiteout::before {
    content: "";
    width: 100%;
    height: 50%;
    display: block;
    background: linear-gradient(rgba(255,255,255,0) 0, #fff 100%);
    position: absolute;
    top: 50%;
    left: 0;
}
.sustainable__feature .sustainable__feature-title {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
    font-weight: bold;
    display: inline-flex;
    height: 32px;
    line-height: 32px;
}
.sustainable__feature .sustainable__feature-title::before {
    content: '';
    display: inline-block;
    height: 32px;
    width: 32px;
    margin: auto 4px auto 0;
}
.sustainable__feature-title--waste::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_waste.svg) center / 32px no-repeat;
}
.sustainable__feature-title--water-resources::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_water-resources.svg) center / 32px no-repeat;
}
.sustainable__feature-title--energy::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_energy.svg) center / 32px no-repeat;
}
.sustainable__feature-title--natural-environment::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_natural-environment.svg) center / 32px no-repeat;
}
.sustainable__feature-title--food::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_food.svg) center / 32px no-repeat;
}
.sustainable__feature-title--tradition::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_tradition.svg) center / 32px no-repeat;
}
.sustainable__feature-title--diversity::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_diversity.svg) center / 32px no-repeat;
}
.sustainable__feature-title--csr::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_csr.svg) center / 32px no-repeat;
}
.sustainable__feature-title--others::before {
    background: url(https://trvimg.r10s.jp/share/common/images/sustainable_others.svg) center / 32px no-repeat;
}
.sustainable__feature .sustainable__feature-item {
    display: inline-flex;
    margin: 4px 0 0 33px;
    font-size: 12px;
    line-height: 18px;
}
.sustainable__feature .sustainable__feature-item::before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    background: url(https://trvimg.r10s.jp/share/common/images/icon_checkmark_green.svg) center / 12px no-repeat;
    flex-shrink: 0;
}
.sustainable__feature-item--modal::before {
    margin: 2px 4px auto 4px;
}
.sustainable__feature-item--caption::before {
    margin: 3px 4px auto 4px;
}
.sustainable__feature-item-wrapper {
    display: flex;
    flex-direction: column;
}
.sustainable__link-wrapper {
    --icon-width: 9px;
    --line-height: 20px;
    --gap: 8px;
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}
.sustainable__link {
    position: relative;
    display: block;
    color: #1D54A7;
    font-size: 14px;
    line-height: var(--line-height);
    margin-right: calc(var(--icon-width) + var(--gap));
}
.sustainable__link::after {
    position: absolute;
    content: '';
    background: url(https://trvimg.r10s.jp/share/smart/images/icon_arrow_right_blue.svg) no-repeat center center;
    width: var(--icon-width);
    height: var(--line-height);
    margin-left: var(--gap);
}
.modal__window {
	position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 50%;
	-webkit-transform: translate3d(-50%, 100%, 0);
	-moz-transform: translate3d(-50%, 100%, 0);
	transform: translate3d(-50%, 100%, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	transition-delay: 0ms;
    z-index: 999;
    background: #FFF;
	width: 100%;
	height: 100%;
    max-height: 100%;
	overflow-y: scroll;
	word-break: break-all;
    font-size: 14px;
    visibility: hidden;
}
.modal__window--show {
	-webkit-transform: translate3d(-50%, 0%, 0);
	-moz-transform: translate3d(-50%, 0%, 0);
	transform: translate3d(-50%, 0%, 0);
    visibility: visible;
    animation-duration: 0.3s;
    animation-name: fade-in;
}
.modal__header {
    height: 56px;
	min-height: 56px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    padding: 8px 27px 8px 0;
	position: sticky;
    top: 0;
	cursor: pointer;
	opacity: 1.0;
	background: #FFF;
    font-size: 16px;
}
.close-icon {
    background: url(https://trvimg.r10s.jp/share/common/images/icon_close.svg) center / 24px no-repeat;
    display: block;
    height: 24px;
	width: 24px;
	margin: 10px 12px;
}

@keyframes fade-in {
    0% {
      visibility: hidden;
      opacity: 0;
    }
  
    50% {
      visibility: visible;
      opacity: 0.5;
    }
  
    100% {
      visibility: visible;
      opacity: 1;
    }
}

.qualified-issuer-info__text {
    font-size: 12px;
    line-height: 18px;
}

.container.hometown-tax__area {
    font-family: "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Sans", Meiryo, sans-serif;
    display: flex;
    align-items: center;
    padding: 16px;
}

.container.hometown-tax-promotion__area {
    padding: 0;
    border: none;
    box-sizing: border-box;
}

.container.hometown-tax__area::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(https://trvimg.r10s.jp/share/common/images/icon_hometown_tax.svg) center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    margin-right: 8px;
}

.container.hometown-tax__area::after {
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://trvimg.r10s.jp/share/common/images/icon_arrow_right_red.svg) center;
    background-repeat: no-repeat;
    background-position: center center;
}

.container.hometown-tax-promotion__area::before {
    width: 0;
    height: 0;
    background: none;
    margin-right: 0px;
}

.container.hometown-tax-promotion__area::after {
    width: 0;
    height: 0;
    background: none;
}

.hometown-tax__wrap {
    color: #B51F20;
    flex-grow: 1;
}

.hometown-tax-promotion__wrap {
    width: 100%;
}

.hometown-tax-promotion__img {
    width: 100%;
    height: 70px;
    float: left;
}

.hometown-tax__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.hometown-tax__discription {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
}

.hometown-tax__box {
    position: fixed;
    display: flex;
    flex-direction: column;
    background-color: #F3F3F3;
    z-index: 999;
    transform: initial;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hometown-tax__modal-title {
    box-sizing: border-box;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
    padding: 8px 8px 8px 0;
    z-index: 1;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.hometown-tax__btn-close {
    height: 40px;
    width: 40px;
    padding: 8px;
    box-sizing: border-box;
    cursor: pointer;
    background: url(https://trvimg.r10s.jp/share/common/images/icon_close.svg) no-repeat center;
    display: block;
}

.hometown-tax__contents {
    overflow-y: auto;
    height: inherit;
}

.hometown-tax__header {
    padding: 16px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hometown-tax__header--title {
    width: 256px;
    height: 56px;
}
.hometown-tax__header--description {
    margin-top: 16px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.hometown-tax__ichibaLink {
    padding: 16px 0;
    margin-top: 8px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hometown-tax__ichibaLink--titleImg {
    width: 187.46px;
    height: 20.73px;
}
.hometown-tax__ichibaLink--button {
    display: flex;
    justify-content: center;
    width: 300px;
    height: 44px;
    padding: 12px;
    margin: 8px;
    background: #B51F20;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.hometown-tax__ichibaLink--button::before {
    content: '';
    display: inline-block;
    fill: white;
    height: 20px;
    width: 20px;
    min-width: 20px;
    background: url(https://trvimg.r10s.jp/share/common/images/icon_hometown_tax_white.svg);
    margin-right: 4px;
}
.hometown-tax__ichibaLink--button > p {
    color: #FFFFFF;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.hometown-tax__ichibaLink--note {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #6D6D6D;
    text-indent: -1em;
    margin-left: 1em;
}
.hometown-tax__ichibaLink--note::before {
    content: "※";
}

.hometown-tax__features {
    padding: 24px 32px 32px;
    margin-top: 8px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hometown-tax__features--title {
    width: 293px;
    height: 32px;
}
.hometown-tax__features--feature:nth-of-type(1) .hometown-tax__features--featureImg {
    width: 128px;
    height: 131px;
}
.hometown-tax__features--feature:nth-of-type(2) .hometown-tax__features--featureImg {
    width: 224px;
    height: 131px;
}
.hometown-tax__features--feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
    text-align: center;
}
.hometown-tax__features--feature:first-child {
    margin-top: 32px;
}
.hometown-tax__features--description {
    margin-top: 16px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}
.hometown-tax__features--note {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #6D6D6D;
}
.hometown-tax__features--note::before {
    content: "※";
}

.hometown-tax__steps {
    padding: 16px;
    background: #FBEBEA;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hometown-tax__steps--step {
    width: 100%;
    padding: 24px 16px;
    background: #FFFFFF;
    display: flex;
    flex-direction: row;
}
.hometown-tax__steps--titleImg {
    margin-bottom: 16px;
    width: 198px;
    height: 60px;
}
.hometown-tax__steps--stepImg {
    margin-right: 16px;
    width: 48px;
    height: 48px;
}
.hometown-tax__steps--step-arrow {
    margin: 8px;
    width: 24px;
    height: 24px;
}
.hometown-tax__steps--title {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #B51F20;
}
.hometown-tax__steps--description {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}
.hometown-tax__steps--note {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #6D6D6D;
    text-indent: -1em;
    margin-left: 1em;
}
.hometown-tax__steps--note::before {
    content: "※";
}

.hometown-tax__detail {
    padding: 16px;
    background: #FFFFFF;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
}
.hometown-tax__detail > a {
    color: #1D54A7;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.hometown-tax__detail > a::after {
    margin-left: 4px;
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://trvimg.r10s.jp/share/smart/images/icon_arrow_right_blue.svg) no-repeat center center;
}

.hotel-feature-item-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    line-height: 18px;
}

.hotel-feature-group__description {
    flex-basis: 100%;
}

.hotel-feature-item__wrapper {
    display: flex;
    column-gap: 8px;
}

.hotel-feature-item__wrapper--no-child {
    flex-direction: column;
}

.hotel-feature-item {
    display: block;
    min-width: calc(50% - 4px);
}

.hotel-feature-item__contents {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.hotel-feature-item--has-child-or-description {
    flex-basis: 100%;
}

.hotel-feature-item__description {
    display: flex;
}

.hotel-feature-item__description--no-child {
    flex-basis: 100%;
}

.hotel-feature-item__description--no-child::before {
    content: "・";
}

.hotel-feature-item__description-child {
    display: flex;
}

.hotel-feature-item__description-child::before {
    content: "・";
}

.hotel-feature-item__name--has-child {
    max-width: calc(50% - 4px);
}

.hotel-feature-item__name--has-child::before {
    content: "[";
}

.hotel-feature-item__name--has-child::after {
    content: "]";
}

.hotel-feature-item__parent {
    width: 100%;
}

/* HometownTax Modal Revision */
.hometown-tax__modal--revision .hometown-tax__header--logo {
    height: 44px;
}

.hometown-tax__modal--revision .hometown-tax__header--title {
    width: auto;
    height: 28px;
}

.hometown-tax__modal--revision .hometown-tax__header--subtitle {
    width: 244px;
    height: 44px;
}

.hometown-tax__modal--revision .hometown-tax__header--description {
    text-align: center;
}

.hometown-tax__modal--revision .hometown-tax__ichibaLink {
    gap: 12px;
}

.hometown-tax__modal--revision .hometown-tax__ichibaLink--button-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hometown-tax__modal--revision .hometown-tax__ichibaLink--button {
    margin: 0;
    width: 358px;
}

.hometown-tax__modal--revision .hometown-tax__caution {
    padding: 24px 16px;
    margin-top: 8px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 26px;
    justify-content: center;
    align-items: center;
}

.hometown-tax__modal--revision .hometown-tax__caution--description {
    max-width: 358px;
    font-size: 0;
    line-height: 0;
    color: #333333;
    text-align: center;
}

.hometown-tax__modal--revision .hometown-tax__caution--description strong,
.hometown-tax__modal--revision .hometown-tax__caution--description span {
    font-size: 14px;
    line-height: 22px;
}

.hometown-tax__modal--revision .hometown-tax__caution--img {
    width: 288px;
}

.hometown-tax__modal--revision .hometown-tax__features {
    padding: 24px 32px;
    margin-top: 0;
    background: #F3F3F3;
    row-gap: 24px;
}

.hometown-tax__modal--revision .hometown-tax__features--title {
    width: auto;
    height: 18px;
}

.hometown-tax__modal--revision .hometown-tax__features--feature-list {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    justify-content: space-around;
    align-items: center;
}

.hometown-tax__modal--revision .hometown-tax__features--feature {
    margin-top: 0;
    flex: 1 1 auto;
    box-sizing: border-box;
}

.hometown-tax__modal--revision .hometown-tax__features--feature:first-child {
    margin-top: 0;
}

.hometown-tax__modal--revision .hometown-tax__features--feature:nth-of-type(1) .hometown-tax__features--featureImg {
    width: 311px;
    height: 148px;
}

.hometown-tax__modal--revision .hometown-tax__features--feature:nth-of-type(2) .hometown-tax__features--featureImg {
    width: 311px;
    height: 148px;
}

.hometown-tax__modal--revision .hometown-tax__features--description {
    font-weight: 400;
    line-height: 22px;
}

.hometown-tax__modal--revision .hometown-tax__features-notes {
    margin-top: 4px;
}

.hometown-tax__modal--revision .hometown-tax__features--note {
    font-weight: 400;
    line-height: 16px;
}

.hometown-tax__modal--revision .hometown-tax__steps {
    padding: 24px 16px;
    background: #FFF8E5;
}

.hometown-tax__modal--revision .hometown-tax__steps--titleImg {
    margin-bottom: 16px;
    width: auto;
    height: 18px;
}

.hometown-tax__modal--revision .hometown-tax__steps--step-arrow {
    color: #8C8C8C;
}

.hometown-tax__modal--revision .hometown-tax__steps--title {
    color: #333333;
    font-weight: 700;
    line-height: 24px;
}

.hometown-tax__modal--revision .hometown-tax__steps--description {
    font-size: 0;
	line-height: 0;
}

.hometown-tax__modal--revision .hometown-tax__steps--description span,
.hometown-tax__modal--revision .hometown-tax__steps--description-link {
    font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}

.hometown-tax__modal--revision a.hometown-tax__steps--description-link:link,
.hometown-tax__modal--revision a.hometown-tax__steps--description-link:visited {
    text-decoration: underline;
    font-weight: 700;
    color: #1D54A7;
}

.hometown-tax__modal--revision .hometown-tax__detail {
    display: flex;
    justify-content: center;
}

.hometown-tax__modal--revision a.hometown-tax__detail--button {
    display: flex;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid #B51F20;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    width: 358px;
}

.hometown-tax__modal--revision a.hometown-tax__detail--button:link,
.hometown-tax__modal--revision a.hometown-tax__detail--button:visited {
    text-decoration: none;
}

.hometown-tax__modal--revision a.hometown-tax__detail--button p {
    color: #B51F20;
    font-size: 16px;
    font-weight: 700;
}

.hometown-tax__modal--revision .hometown-tax__detail a::after {
    margin-left: 8px;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://trvimg.r10s.jp/share/common/images/icon_arrow_right_red.svg) no-repeat center center;
    background-size: contain;
}

.hometown-tax__modal--revision .hometown-tax__ichibaLink--note::before,
.hometown-tax__modal--revision .hometown-tax__features--note::before,
.hometown-tax__modal--revision .hometown-tax__steps--note::before {
    content: none;
}