@charset "utf-8";
/* CSS Document */
/* date 2018.02 */


.mt50{ margin-top: 50px;}

/* pre */


.mainTtl small{ font-size:82%;}
.subTtl_L_reverse.subTtl_LL_reverse{font-size: 30px;}
.subTtl_L_reverse.subTtl_LL_reverse img{padding-right:10px;}

.exp{ margin: 10px 0 0;}
.exp ul{ overflow: hidden;}
.exp ul li{ float: left; width: 33.33%; text-align: center; line-height: 0;}
.exp ul li img{width:90%; max-width: 350px; border-radius: 10px;}


.column_2.areapre li .price{ margin:0 0 10px; font-size: 14px; text-align: left;}
.column_2.areapre li .price big{font-size: 18px;}
.column_2.areapre li .price b{ color:#ca0b1a;font-size: 26px;}

.WHATS .mainTtl small{ font-size: 24px; padding-right: 20px;}
.WHATS .mainTtl small img{ padding-right: 5px;}

.column_3.align-center .column-list{ float:none; display: inline-block;}

/* index */
.kvBnr .kvSP_bg > h1 small{ font-size:45px; display:block;}
.kvBnr .kvSP_bg > h1 small .small{ font-size:30px;}

.tab_area.tab_area_6col li {width: 14.25%;}
#DpPre .tab_area.tab_area_6col li {width: 16.6%;}

.dpOtherBtn{background-color: #eee;padding: 20px 10px 10px;}
.dpOtherBtn h2 {color: #000;font-size: 24px; text-align: center;}

.all_area div.content_area{padding:0;}
.p-small{ font-size:82%;}


.content_area .tphoto img {width: 100%;}
.ajgrpbtn {text-align: center;}
.ajgrpbtn a img{width:80%;}
.wn {font-size: 11px; text-align: right; margin: 10px 0 0;}

.phBOX.a01{background-image:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/tabtop1_2.jpg) !important;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.phBOX.a02{background-image:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/tabtop2_2.jpg) !important;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.phBOX.a03{background-image:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/tabtop3_2.jpg) !important;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.phBOX.a04{background-image:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/tabtop4_2.jpg) !important;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.phBOX.a05{background-image:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/tabtop5_2.jpg) !important;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.phBOX.a06{background-image:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/tabtop6_2.jpg) !important;background-repeat: no-repeat;background-position: center center;background-size: cover;}


/* search */
#search-box.ver01 #searchTitle{ display: block; font-size: 30px; text-align: left; background: none; margin:10px 0 -15px 40px;}
#search-box .number ul li.adult{width:135px; float: left;}
#search-box.ver01 .number ul li.child{width:135px; float: left; margin: -3px 0 10px;}
#search-box.ver01 .pcFllft2{ top:225px;}
#search-box.ver01 .pcFllft3{ top:265px;}

/* coupon */
@media screen and (min-width:1741px){
	.dp_coupon .cpnholder li {width:calc(50% - 30px);}
	.dp_coupon .cpnholder .btmarea {margin-left: 12%;margin-right: 14%;}
}

.dp_coupon .ov008 .cpnholder .submenu{ position: fixed;}
.cpnholder .btmarea .overtime{ float: none; width: auto;}
.cpnholder .btmarea .overtime span {
    font-size: 13px;
    display: block;
    padding: 5px 0;
    margin-right: 5px;
    font-weight: bold;
	height: auto;
}
.cpnholder .btmarea .btn {
    width: calc(100% - 130px);
    float: right;
}

.cpnholder .btmarea .btn .main {
display: none;}

.dp1706otherph {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

@media screen and (min-width:1350px){
.column_2 .htl_one_column .right{ position: relative; min-height: 200px;}
.column_2 .htl_one_column.dpbox .linkbox{ position: absolute; left: 0; bottom:0; width: 100%;}
}


/* customize */
.ttlicon.off-icon:after{
    background-position: -200px -200px!important;
}

.ttlicon.first-icon:after{
    background-position: -50px 0px!important;
}

.tab_areaTop li.line2 b {
    padding-top: 14px!important;
}
/*.tab_areaTop li#tab6.line2 b {
    padding-top: 24px!important;
}*/

.areapre li {
    width: 33.3%;
    float: left;
    margin-bottom: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    padding: 0 30px;
    box-sizing: border-box;
}

.areapre li .chara span {
    display: inline-table;
    margin-right: 3px;
    background: #ff0;
    color: #ca0b1a;
    border-radius: 3px;
    padding: 3px 8px;
    margin-top:5px;
    margin-bottom:5px;
}

.areapre li .price span {
    color: #ca0b1a;
}

.areapre li .price span b {
    font-size: 26px;
}

ul.areapre {
    margin:40px 0 0;
} 

.selectBtnNew .typeRow {
    padding: 5px;
}

.selectBtnNew .rgt .ttl {
    top: 8px;
}
.kvBnr em {
    color: #ff0;
    font-style: normal;
}


p.photo img.lazy{
    width:100%;
}


#topBnrBox {
    width: 100%;
    background: #e9e9eb url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/kvbnr_pre.jpg) no-repeat top center;
    padding-top: 30px;
    margin-bottom: 20px;
    background-size: cover;
    min-width: 1050px;
    height: 227px;
    min-height: auto;
}

#topBnrBox.dp {
    width: 100%;
    background: #e9e9eb url(./images/keyvisual.jpg) no-repeat top center;
    padding-top: 30px;
    margin-bottom: 20px;
    background-size: cover;
    min-width: 1050px;
    height: 730px;
}

.kvBnr .kvSP_bg > h1 {
    padding-top: 0px;
}
.kvBnr .kvSP_bg > h1.sub {
    padding-top: 30px;
}

#moreDaily img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
}
#moreDaily p.btn_M.mt20 {
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
}

#moreDaily p.cpndetail {
    width: 20%;
    margin: 0 auto;
}

@media screen and (min-width: 1741px){
.cpnholder .btmarea {
    overflow: hidden;
    margin-left: 4%;
    margin-right: 3%;
}
}

.cpnholder .btmarea {
    overflow: hidden;
    margin-left: 16%;
    margin-right: 14%;
}


.htlBox .price em.p-small2 {
    color: #333;
    font-size: 14px;
}
.htlBox .basic .photo .htlImg img{
    width: 100%;
    height: auto;
}
ul.pre .htlBox .basic .photo .htlImg img{
    width: 100%;
    height:100%;
}
.tab_areaDown li span, .tab_areaTop li span {
    font-size: 18px;
}

ul.column_4.newHotel li.htlBox.column-list .htlNm{
    height: 55px;
}

.newHotel .htlBox  .basic .htlNm{
    font-size: 15px;
}

ul.column_4.newHotel li.htlBox.column-list .basic {
    height: 380px;
}
ul.column_4 .htlBox .basic .photo .htlImg img {
    width: 100%;
    height:auto;
    border-radius: 8px;
    transition: transform 0.5s linear;
}
ul.column_4 .htlBox .basic .photo .htlImg img:hover {
    transform: scale(1.2);
    border-radius: 8px;
    width: 100%;
    height: auto;
}
.htlBox .basic .photo .htlImg img {
    width: 100%;
    height:auto;
}
.htlBox .basic .htlNm{
    line-height: 1.3;
    height: 46px;
}
.htlBox .basic .pr{
    line-height: 1.5;
}
.subCopy{
    font-size:44px;
}
#grpLocationArea a:active,
#grpLocationArea a:hover,
.rc-f-standard.rc-f-liquid.rc-f-custom00 a:active,
.rc-f-standard.rc-f-liquid.rc-f-custom00 a:hover
{
    color: #BF0000;
}

.cpnholder {
    padding-bottom: 10px;
}
.column_2 .htl_one_column.dpbox .btnbox {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 10px;
}

#BNRbox .htlBox .basic .photo .htlImg img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.dpOtherBtn {
    display: block;
}

.btn_L .ss-btn{
    height: 100%;
    padding: 1em 0;
    font-size: 22px;
}

.btn_L {
    margin: 20px auto 0px;
}
.red_pre {
    color: #CE0000 !important;
}
.red_pre span {
    font-size: 80%;
    color: #000;
}
.selectBtnNew .checkedbg a.red_pre span {
    color: #fff!important;
}

.cpn-annotation {
    font-size: 14px;
    color: #888;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
}

.subTtl_M.display-inline.cpn-annotation {
    font-size: 14px;
    color: #888;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
    font-weight:bold;
}

.btn_M .ss-btn {
    height: 26px;
    padding: 1em 0;
    font-size: 24px!important;
}

#BNRbox #moreDaily {
    background-color: #e9e9eb;
    border-radius: 5px;
    padding: 20px;
}

.subTtl_L_DP {
    font-size: 28px;
    color: #333;
    font-weight: 700;
}

.subTtl_L_DP.display-inline.cpn-annotation {
    font-size: 18px;
    color: #444;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
    font-weight: normal;
}

#search-box.ver01 .explain {
    color: #bf0000;
    font-size: 14px;
    position: absolute;
    top: 12px;
    left: 490px;
    width: 250px;
    display: block;
}

.selectBtnNew.cp__acordion .checkBtn span {
    font-size: 80%;
}

#dap-search-history {
    display: none;
}

/* 201809*/
.tab_area.tab_area_7col li{ width:14.2%;}
.column_4 .dpbox .photo{ position:relative; overflow:visible;}
#planbox .ss-note{ margin:0; text-align:right;}
.column_4 .dpbox .swipeSlide{ position:static !important;}
.column_4 .dpbox .swiper-pagination.swiperpageSlide {display: flex;justify-content: center;width: 100%;clear: both;margin-top: 5px;z-index: 2;position: static;}
.column_4 .dpbox .swiper-pagination.swiperpageSlide span {margin: 0 2px; }
.column_4 .dpbox .pr{ margin:0;font-size:14px;padding: 0 10px;height: 55px!important;}
.swiper-container{ position:static !important;}
.swiper-containerDp .swiper-slide .htlBox{ margin:0 0.5%;}
.swiper-containerDp .swiper-pagination{ bottom:0 !important;}
.swiper-containerDp .common-round-left{left:10px;}
.swiper-containerDp .common-round-right{right:10px;}

.column_2 .htl_one_column.dpbox  .basic{ position:relative;}
.column_2 .htl_one_column.dpbox .right{ position:static;}
.column_2 .htl_one_column.dpbox .right .linkbox{width: calc(100% - 255px); right:0; bottom:25px; left:auto; padding: 0 3px;}
.linkbox li{ margin:0 auto;}

.spnav{display:none;}

.tab_areaDown li b, .tab_areaTop li b {
    display: block;
    padding-top: 25px;
}

.subTtl_M {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    line-height: 1.5em;
}
.arr-down{
    padding: .8em 0 .8em;
    font-size: 23px;
    border-radius: 40px;
}
#PointEntry .arr-down{
    padding: .8em 0 .8em;
    font-size: 23px;
    width: 85%;
    margin: 0 auto;
}
.htlBox .basic .htlNm {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 5px;
}
#BNRbox .htlBox .basic .htlNm {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 10px;
}
#BNRbox a.ss-btn{
    padding: .5em 0 .5em 0;
}

#SalePlan .content_area1 .column_4 .dpbox .pr{height: 175px!important;}
#SalePlan .content_area2 .column_4 .dpbox .pr{height: 175px!important;}
#SalePlan .content_area3 .column_4 .dpbox .pr{height: 175px!important;}
#SalePlan .content_area4 .column_4 .dpbox .pr{height: 175px!important;}
#SalePlan .content_area5 .column_4 .dpbox .pr{height: 175px!important;}
#SalePlan .content_area6 .column_4 .dpbox .pr{height: 175px!important;}

#SalePlan .content_area1 .htlBox .basic .htlNm{height: 46px!important;}
#SalePlan .content_area2 .htlBox .basic .htlNm{height: 46px!important;}
#SalePlan .content_area3 .htlBox .basic .htlNm{height: 46px!important;}
#SalePlan .content_area4 .htlBox .basic .htlNm{height: 46px!important;}
#SalePlan .content_area5 .htlBox .basic .htlNm{height: 46px!important;}

#SALESEARCH .content_area1 .column_4 .htlBox .basic .htlNm{height: 60px!important;}
#SALESEARCH .content_area2 .column_4 .htlBox .basic .htlNm{height: 45px!important;}
#SALESEARCH .content_area3 .column_4 .htlBox .basic .htlNm{height: 50px!important;}
#SALESEARCH .content_area4 .column_4 .htlBox .basic .htlNm{height: 60px!important;}
#SALESEARCH .content_area5 .column_4 .htlBox .basic .htlNm{height: 60px!important;}
#SALESEARCH .content_area7 .column_4 .htlBox .basic .htlNm{height: 60px!important;}

#SALESEARCH .content_area3 .column_4 .htlBox .basic .pr{height: 63px!important;}
#SALESEARCH .content_area5 .column_4 .htlBox .basic .pr{height: 63px!important;}
#SALESEARCH .content_area6 .column_4 .htlBox .basic .pr{height: 63px!important;}

#NEW .column_4.swiper-slide .htlBox .basic .htlNm{height: 76px!important;}

#THEMEBOX .column_4.swiper-slide .htlBox .basic .htlNm{height: 50px!important;}

#BUSINESSBOX .column_4.swiper-slide .htlBox .basic .htlNm{height: 56px!important;}

.themeicon{
    background: #E91E63;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    padding: 2px 0;
    margin: 0 auto 7px;
}

.tab_area li.select:before{
    left: 45%;
}

a.ss-btn {
    display: block;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    padding: .7em 0 .7em 0;
    position: relative;
    cursor: pointer;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 400;
}

.tab-group.clearfix{
    margin: 20px 0 0;
}
#dap-carBox {
    padding: 6px 0 0;
}


@media screen and (max-width:1349px){
    .column_2 .htl_one_column.dpbox .right .linkbox {
        width: 100%;
        right: 0;
        bottom: 25px;
        left: auto;
        padding: 0 3px;
    }
    .column_2 .btnbox {
        margin-left: 2px;
        margin-right: 2px;
    }
}


#SALESEARCH #planbox .column_2 .htlBox .basic .pr {
    font-size: 12.5px;
}

#NEW .column_4 .htlBox .basic .pr{
    height: 65px!important;
}
#THEMEBOX .column_4 .htlBox .basic .pr{
    height: 65px!important;
}


.ss-container {
    border: 0px solid #ced5db;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    margin: 0 0 30px;
    border-radius: 20px;
    box-shadow: #d4d4d4 0px 3px 10px 0px;
}

.kanbanIn {
    top: 60px;
    margin-bottom: -270px;
}
.kanbanIn.Pre {
    top: -270px;
    margin-bottom: -270px;
}

.kvBnr .kvSP_bg>h1{
    font-size: 70px;
}

.selectBtnNew .checkedbg {
    background: #E91E63;
}

.arr-right-green-e:after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid #E91E63;
    border-right: 1px solid #E91E63;
    transform: rotate(45deg);
    top: 8px;
    right: 8px;
}

.ttlicon:after {
    background-image: url(../images/ttlIcon.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: 250px 500px;
    left: 0;
    top: 3px;
    content: '';
    z-index: 4;
}
.ttlicon_s:after {
    background-image: url(../images/ttlIcon.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    background-size: 110px 220px;
    left: 0;
    top: 0px;
    content: '';
    z-index: 4;
}

.htlBox {
    background-color: #f3f3f3;
    border-radius: 5px;
    line-height: 1.4;
    margin-bottom: 15px;
    transition: 0.3s ease;
}
.htlBox:hover{
    box-shadow: #e2e2e2 0px 3px 6px 4px;
}

.ss-right dd li a:hover {
    background: #E91E63;
}

.htlBox .basic .chara li.color02 {
    background-color: #2eb3ef;
}

.htlBox .basic .chara li.color01 {
    background-color: #2eb3ef;
}

.swiper-wrapper li img {
    width: 100%;
    border-radius: 8px;
    transition: transform 0.5s linear;
}
#SALESEARCH .swiper-slide{
    overflow: hidden;
    border-radius: 8px;
}
.swiper-wrapper li img:hover {
    transform: scale(1.2);
    border-radius: 8px;
    width: 100%;
    height: auto;
}
img.fadeInUp{
    width: 80%;
    display: block;
    position: absolute;
    top: -25px;
    left: 135px;
}
img.fadeInUp.SR{
    width: 80%;
    display: block;
    position: absolute;
    top: -85px;
    left: 115px;
}

#PointEntry .entry .entryBtn {
    box-shadow: #e2e2e2 0px 3px 7px 4px;
    margin-bottom: 20px;
    border-radius: 10px;
    transition: 0.3s ease;
    width: 75%;
    margin: 10px auto;
}    
#PointEntry .entry .entryBtn:hover {
    box-shadow: #e2e2e2 0px 8px 12px 8px;
    opacity: 0.9;
}
#PointEntry .entry .entryBtn img {
    width: 100%;
    border-radius: 10px;
}


#PointEntry .entry .cpTTL {
    background: #e4e4e4;
    font-size: 13px;
    padding: 10px 10px 10px 35px;
    position: relative;
    margin: 20px auto 0px;
    width: 75%;
}
#PointEntry .entry .cpTTL:before { background-image: url(https://img.travel.rakuten.co.jp/package/campaign/tour_promotion/images/sprite-small.png);
    background-repeat: no-repeat;
    background-position: -207px -5px;
    position: absolute;
    height: 20px;
    left: 10px;
    margin-top: -10px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    content: "";
}
#PointEntry .entry .active-submenu:after {
    background-image: url(https://img.travel.rakuten.co.jp/package/campaign/tour_promotion/images/sprite-small.png);
    background-repeat: no-repeat;
    background-position: -199px -109px;
    position: absolute;
    height: 20px;
    left: 10px;
    margin-top: -10px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    content: "";
}

#PointEntry .entry .cpDTL {
    background: #f3f3f3;
    padding: 20px;
    font-size: 13px;
    line-height: 150%;
    width: 75%;
    margin: 0 auto;
}
.txt-b{
    font-size: 30px;
}

.arr-green-window:after {
    background: url(./images/window.png) center center no-repeat;
    width: 12px;
    height: 12px;
    right: 12px;
    margin-top: -6px;
    background-size: 12px;
}

.arr-right-green:after {
    background: url(./images/arrow.png) center center no-repeat;
    width: 8px;
    height: 13px;
    right: 6px;
    margin-top: -7px;
}
.arr-right-red01:after {
    background: url(./images/arrow.png) center center no-repeat;
    width: 12px;
    height: 19px;
    right: 12px;
    margin-top: -10px;
}

p.cpnStart{
    font-size: 40px;
    margin: 0px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding: 20px 0;
}

.txt-bb{
    font-size: 60px;
    color: #e91e63;
}

#NEW .column_4 .column-list .hotelbox{
    width:100%;
    margin: 10px auto 0;
    text-align: center;
    padding: 0 25px;
    clear: both;
    background: none;
}
#NEW .rgtCnt a.ss-btn{
    padding: 2px;
    border-radius: 30px;
    font-size: 12px;
}
#NEW .column_4 .column-list .hotelbox:hover{
    box-shadow: none;
}

.annotation{
    color: #808080;
    font-weight: 500;
}


.areapre li:nth-child(4n) p.explain,
.areapre li:nth-child(5n) p.explain{
    height:44px!important;
}

@media screen and (max-width:1300px) {
    .htlBox .basic .htlNm {
        color: #000;
        font-weight: 700;
        font-size: 14px;
        padding-bottom: 10px;
    }
    .column_4 .dpbox .pr{
        height: 65px!important;
    }
}

#BNRbox #SF img {
    width: 100%;
    border-radius: 10px;
}

.planLink.add201809 a {
    border-radius: 30px;
    border: 2px solid;
    width: 85%;
    margin: 0 auto;
}