/* ===============================================================================
 *  2015.10.07
 * =============================================================================== */
.spwh5em:after, .spwh5em:before {
    content: " "
}
#recommend-domtour .res-main-box {
    margin-top: -30px
}
#recommend-domtour .res-coolumn-box {
    margin-top: 30px
}
#recommend-domtour .reco-arrow-icon {
    line-height: 1.3
}
#recommend-domtour .res-linkbox-text {
    margin-top: .4em;
    margin-left: 1.5em;
    font-size: 12px;
    font-size: 1.2rem
}
#recommend-domtour .pref-data {
    letter-spacing: -.4em;
    margin-left: -2.32183908%;
    padding-bottom: 2px
}
#recommend-domtour .pref-data li {
    border: 1px solid #5c5c5c;
    display: inline-block;
    letter-spacing: normal;
    width: 47.55172414%;
    margin-top: .4em;
    margin-left: 2.32183908%;
    vertical-align: middle;
    color: #5c5c5c;
    padding: 4px 0 2px;
    text-align: center;
    font-size: 10px;
    font-size: 1rem
}
.res-fare-box {
    display: table;
    border-right: 1px solid #c7c7c7;
    width: 100%;
    margin-top: 4px
}
.res-fare-box li {
    display: table-cell;
    border-left: 1px solid #c7c7c7;
    width: 25%;
    vertical-align: top;
    line-height: 1.3
}
.res-fare-box li .res-fare-block, .res-fare-box li a {
    text-decoration: none;
    display: block;
    padding: 4px 12px
}
.res-fare-box li a:hover .section {
    text-decoration: underline
}
.res-fare-box.box-2 li {
    width: 50%
}
.res-fare-box .section {
    color: #001d5f;
    font-weight: 700;
    padding-left: 1em;
    text-indent: -1em
}
.res-fare-box .price {
    background: url(/common-layout/images/circle_arrow_blu_24.png)right .6em no-repeat;
    background-size: 20px 20px;
    color: #001d5f;
    padding-right: 25px;
    margin-top: 2px;
    font-weight: 700
}
.res-fare-box .res-fare-block .price {
    background: 0 0
}
.res-fare-box .low-price {
    color: #ff5400;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700
}
.contents-L .res-fare-box li, .contents-R .res-fare-box li {
    font-size: 12px;
    font-size: 1.2rem
}
.contents-L .res-fare-box li .res-fare-block, .contents-L .res-fare-box li a, .contents-R .res-fare-box li .res-fare-block, .contents-R .res-fare-box li a {
    padding: 4px 8px
}
.contents-L .res-fare-box .price, .contents-R .res-fare-box .price {
    background-size: 17px 17px;
    background-position: right .4em
}
.contents-L .res-fare-box .res-fare-block .price, .contents-R .res-fare-box .res-fare-block .price {
    background: 0 0
}
.contents-L .res-fare-box .low-price, .contents-R .res-fare-box .low-price {
    font-size: 20px;
    font-size: 2rem
}
html.ie-old .res-fare-box .price {
    background: url(/common-layout/images/circle_arrow_blu_17.png)right .4em no-repeat
}
html.ie-old .res-fare-block .price {
    background: 0 0
}
.res-fare-box .nofare {
    background: #f9f9f9;
    padding: 4px 0
}
.res-fare-box .nofare .section {
    color: #999;
    margin: 0 12px
}
.res-fare-box .nofare .nofare-text {
    text-align: center;
    color: #999;
    font-weight: 700;
    margin-top: 1.2em
}
#recommend-tabiwari .tabiwari-period {
    color: #001d5f;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3
}
#recommend-tabiwari .tabiwari-ttl {
    width: 100%;
    padding: 0 2.100840336%;
    margin-top: 10px;
    display: table
}
#recommend-tabiwari .tabiwari-ttl .text, #recommend-tabiwari .tabiwari-ttl .title {
    display: table-cell;
    vertical-align: middle;
    padding: 8px 0
}
#recommend-tabiwari .tabiwari-ttl .title {
    width: 82px;
    line-height: 0;
    font-size: 0
}
#recommend-tabiwari .tabiwari-ttl .text {
    color: #fff;
    line-height: 1.3
}
#recommend-tabiwari .tabiwari-ttl.tabiwari-75 {
    margin-top: 2px;
    background: -moz-linear-gradient(top, #002a72 0, #001351 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #002a72), color-stop(100%, #001351));
    background: -webkit-linear-gradient(top, #002a72 0, #001351 100%);
    background: -o-linear-gradient(top, #002a72 0, #001351 100%);
    background: -ms-linear-gradient(top, #002a72 0, #001351 100%);
    background: linear-gradient(to bottom, #002a72 0, #001351 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a72', endColorstr='#001351', GradientType=0)
}
#recommend-tabiwari .tabiwari-ttl.tabiwari-55, #recommend-tabiwari .tabiwari-ttl.tabiwari-60 {
    background: -moz-linear-gradient(top, #2d61b4 0, #0a4299 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d61b4), color-stop(100%, #0a4299));
    background: -webkit-linear-gradient(top, #2d61b4 0, #0a4299 100%);
    background: -o-linear-gradient(top, #2d61b4 0, #0a4299 100%);
    background: -ms-linear-gradient(top, #2d61b4 0, #0a4299 100%);
    background: linear-gradient(to bottom, #2d61b4 0, #0a4299 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d61b4', endColorstr='#0a4299', GradientType=0)
}
#recommend-tabiwari .tabiwari-ttl.tabiwari-45 {
    background: -moz-linear-gradient(top, #64bce4 0, #40aede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #64bce4), color-stop(100%, #40aede));
    background: -webkit-linear-gradient(top, #64bce4 0, #40aede 100%);
    background: -o-linear-gradient(top, #64bce4 0, #40aede 100%);
    background: -ms-linear-gradient(top, #64bce4 0, #40aede 100%);
    background: linear-gradient(to bottom, #64bce4 0, #40aede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64bce4', endColorstr='#40aede', GradientType=0)
}
#recommend-tabiwari .tabiwari-ttl.tabiwari-28 {
    background: -moz-linear-gradient(top, #7fb114 0, #658e0b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7fb114), color-stop(100%, #658e0b));
    background: -webkit-linear-gradient(top, #7fb114 0, #658e0b 100%);
    background: -o-linear-gradient(top, #7fb114 0, #658e0b 100%);
    background: -ms-linear-gradient(top, #7fb114 0, #658e0b 100%);
    background: linear-gradient(to bottom, #7fb114 0, #658e0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fb114', endColorstr='#658e0b', GradientType=0)
}
#recommend-tabiwari .tabiwari-ttl.tabiwari-21 {
    background: -moz-linear-gradient(top, #7b5d8f 0, #614377 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7b5d8f), color-stop(100%, #614377));
    background: -webkit-linear-gradient(top, #7b5d8f 0, #614377 100%);
    background: -o-linear-gradient(top, #7b5d8f 0, #614377 100%);
    background: -ms-linear-gradient(top, #7b5d8f 0, #614377 100%);
    background: linear-gradient(to bottom, #7b5d8f 0, #614377 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b5d8f', endColorstr='#614377', GradientType=0)
}
#recommend-tokuwari .tokuwari-period {
    color: #001d5f;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3
}
#recommend-tokuwari .tokuwari-ttl {
    background: -moz-linear-gradient(top, #285fb2 0, #0b439a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #285fb2), color-stop(100%, #0b439a));
    background: -webkit-linear-gradient(top, #285fb2 0, #0b439a 100%);
    background: -o-linear-gradient(top, #285fb2 0, #0b439a 100%);
    background: -ms-linear-gradient(top, #285fb2 0, #0b439a 100%);
    background: linear-gradient(to bottom, #285fb2 0, #0b439a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#285fb2', endColorstr='#0b439a', GradientType=0);
    width: 100%;
    padding: 10px 2.100840336% 9px;
    margin-top: 10px
}
#recommend-tokuwari .tokuwari-3days {
    margin-top: 2px
}
#recommend-tokuwari .res-fare-box .nofare .nofare-text {
    margin-top: .8em
}
#recommend-transfer .transfer-period {
    color: #001d5f;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3
}
#recommend-transfer .transfer-ttl {
    border: 1px solid #ebebeb;
    width: 100%;
    padding: 0 2.100840336%;
    margin-top: 10px;
    display: table
}
#recommend-transfer .transfer-ttl .text, #recommend-transfer .transfer-ttl .title {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0
}
#recommend-transfer .transfer-ttl .title {
    padding: 5px 0 3px;
    width: 102px
}
#recommend-transfer .transfer-ttl .text {
    color: #001d5f;
    line-height: 1.3
}
#recommend-transfer .transfer-ttl span.orange {
    color: #ff5400 !important
}
#recommend-transfer .transfer-ttl.transfer-28 {
    margin-top: 2px;
    background: #d9e1b7
}
#recommend-transfer .transfer-ttl.transfer-oneway {
    background: #dee7e9
}
#recommend-business .business-period,
#recommend-business-01 .business-period,
#recommend-business-02 .business-period,
#recommend-business-03 .business-period,
#recommend-business-04 .business-period {
    color: #001d5f;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3
}
#recommend-business .business-ttl,
#recommend-business-01 .business-ttl,
#recommend-business-02 .business-ttl,
#recommend-business-03 .business-ttl,
#recommend-business-04 .business-ttl {
    width: 100%;
    padding: 0 2.100840336%;
    margin-top: 2px;
    background: -moz-linear-gradient(top, #70a3e4 0, #497dc6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #70a3e4), color-stop(100%, #497dc6));
    background: -webkit-linear-gradient(top, #70a3e4 0, #497dc6 100%);
    background: -o-linear-gradient(top, #70a3e4 0, #497dc6 100%);
    background: -ms-linear-gradient(top, #70a3e4 0, #497dc6 100%);
    background: linear-gradient(to bottom, #70a3e4 0, #497dc6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70a3e4', endColorstr='#497dc6', GradientType=0)
}
#recommend-business .business-ttl .title,
#recommend-business-01 .business-ttl .title,
#recommend-business-02 .business-ttl .title,
#recommend-business-03 .business-ttl .title,
#recommend-business-04 .business-ttl .title {
    padding: 13px 0 12px
}
@media (min-width:0px)and (max-width:830px)and (orientation:landscape) {
    #recommend-domtour .pref-data {
        display: table;
        width: 100%
    }
}
@media (max-width:1024px) {
    .contents-L .res-fare-box li a:hover .section, .contents-R .res-fare-box li a:hover .section, .res-fare-box li .res-fare-block:hover .section, .res-fare-box li a:hover .section {
        text-decoration: none
    }
    .contents-L .res-fare-box .section, .contents-R .res-fare-box .section, .res-fare-box .section {
        background-position: right center
    }
    .res-fare-box {
        margin-top: 4px !important
    }
    #recommend-tokuwari .res-fare-box .nofare .nofare-text, .res-fare-box .nofare .section {
        margin: 0
    }
    .res-fare-box li .res-fare-block, .res-fare-box li a {
        padding: 6px 8px 4px !important
    }
    .contents-L .res-fare-box li, .contents-R .res-fare-box li {
        font-size: 16px;
        font-size: 1.6rem
    }
    .contents-L .res-fare-box .low-price, .contents-R .res-fare-box .low-price {
        font-size: 28px;
        font-size: 2.8rem
    }
    .res-fare-box .nofare {
        padding: 4px 3.734439834% 2px
    }
    .res-fare-box .nofare .nofare-text {
        padding: .2em 0 0;
        margin: 0;
        text-align: left;
        font-size: 18px;
        font-size: 1.8rem
    }
    .res-fare-box.box-2 li {
        width: 100%
    }
    .contents-L .res-fare-box .price, .contents-R .res-fare-box .price {
        background-size: 20px 20px;
        background-position: right center
    }
}
@media (min-width:0px)and (max-width:570px) {
    #recommend-domtour .res-main-box {
        margin-top: 0
    }
    #recommend-domtour .reco-arrow-icon {
        margin-left: 7px;
        font-size: 14px;
        font-size: 1.4rem;
        text-indent: 0
    }
    #recommend-domtour .reco-arrow-icon:before {
        content: "";
        padding: 0;
        margin: 0
    }
    #recommend-domtour .res-linkbox-text {
        margin-left: 7px;
        margin-top: .4em;
        font-size: 14px;
        font-size: 12px;
        font-size: 1.2rem
    }
    #recommend-domtour .pref-data {
        margin-left: -4px;
        padding-bottom: 2px
    }
    #recommend-domtour .pref-data li {
        font-size: 12px;
        font-size: 1.2rem;
        width: 46.55172414%;
        margin-left: 4px
    }
    #recommend-tabiwari .tabiwari-ttl {
        width: 100%;
        margin-top: 10px;
        padding: 8px 10px;
        display: block
    }
    #recommend-tabiwari .tabiwari-ttl .text, #recommend-tabiwari .tabiwari-ttl .title {
        display: block;
        padding: 0
    }
    #recommend-tabiwari .tabiwari-ttl .title {
        width: 100%;
        line-height: 0;
        font-size: 0
    }
    #recommend-tabiwari .tabiwari-ttl .text {
        color: #fff;
        margin-top: 4px;
        line-height: 1.3
    }
    .res-fare-box {
        display: block;
        border-right: none;
        width: 100%;
        margin-top: 4px
    }
    .res-fare-box li {
        display: block;
        border-left: none;
        border-bottom: 1px solid #c7c7c7;
        width: 100%;
        line-height: 1.3;
        font-size: 16px;
        font-size: 1.6rem
    }
    .res-fare-box li a {
        text-decoration: none;
        display: block
    }
    .contents-L .res-fare-box .price, .contents-R .res-fare-box .price, .res-fare-box .price {
        background-size: 24px 24px
    }
    #recommend-tokuwari .tokuwari-ttl img {
        max-width: 100%;
        height: auto;
        display: block
    }
    #recommend-transfer .transfer-ttl {
        width: 100%;
        display: block;
        padding: 8px 10px 6px
    }
    #recommend-transfer .transfer-ttl .text, #recommend-transfer .transfer-ttl .title {
        padding: 0;
        display: block
    }
    #recommend-transfer .transfer-ttl .title {
        width: 102px
    }
    #recommend-transfer .transfer-ttl.transfer-28 h3 img {
        height: 32px;
        width: auto
    }
    #recommend-transfer .transfer-ttl.transfer-oneway {
        padding-top: 3px;
        padding-bottom: 9px
    }
    #recommend-transfer .transfer-ttl.transfer-oneway .text {
        margin-top: -8px
    }
}
@media (min-width:571px)and (max-width:1024px) {
    .res-fare-box {
        display: block;
        border-right: none;
        width: 100%;
        margin-top: 8px
    }
    .res-fare-box li {
        display: block;
        border-left: none;
        border-bottom: 1px solid #c7c7c7;
        width: 100%;
        line-height: 1.3;
        font-size: 16px;
        font-size: 1.6rem
    }
    .res-fare-box li a {
        text-decoration: none;
        display: block
    }
    .res-fare-box .tbsp5em {
        padding: 0 .5em
    }
    .res-fare-box .section {
        padding-left: 0;
        text-indent: 0
    }
}