@charset "utf-8";

@media (min-width: 740px) {
    #latest {
        padding: 0;
    }
}
#optionClickpath.ctm_pageTtl {
    background-color: #CC0000;
    color: #ffffff;
}

.hotel-type--recommend .ctm_bdrColumn[class*="bc"] .colWrap .col {
    margin-top: 30px;
}
.hotel-type--recommend [class^="icon-type"]{
    max-width: 278px;
}

.hotel-type--recommend .hotel-info {
    padding-top: 2.4em;
}
.hotel-type--recommend .hotel-info dd {
    margin-top: 5px;
}
.hotel-type--recommend .col .hotel-info dd .txt-example {
    font-size: 1.5rem;
}

.hotel-type--recommend .col .hotel-info dd .price-guide li span b {
    font-size: 1.4rem;
}

.hotel-type--recommend .col .hotel-info dd .price-guide li .price {
    font-size: 2.4rem;
}
.hotel-type--recommend .col .hotel-info dd .price-guide li:not(:first-child) .price {
    font-size: 1.6rem;
}

#feature .column .colWrap .col {
    border: none;
}


.hotel-type--recommend .hotel-info dt [class^="icon-bath"] {
    top: 0;
}

/* 「ゆ」マーク */
.springMarkArea {margin: 20px 0;padding: 8px 12px 12px;border: 1px solid #ccc;}
.springMark {text-align:center;}
.springMark [class^="iconBath"]{text-align: center; font-size: 10px; font-weight: bold; color: #002060;}
.springMark [class^="iconBath"] i {display: block;font-size: 12px;color: #ffffff;font-weight: 700;border-radius: 50%;width: 2em;height: 2em;padding: 4px 0;margin: 0 auto;}
.springMark [class^="iconBath"][class*="Free"] i{background-color: #ff66b8;}
.springMark [class^="iconBath"][class*="Paid"] i{background-color: #ff66b8;}
.periodtext_02 {
    background-color: #7d0000;
    padding: 10px;
}
.periodtext_03 {
    background-color: #fff;
    padding: 20px;
}

@media (max-width: 739px){
    .springMarkArea {padding: 10px 12px 14px 2px;}
}