﻿h2.title{
    clear: both;
    padding-top: 20px;
    letter-spacing: 3px;
    font-family: 游ゴシック;
    font-weight: normal;
    color: rgb(51, 51, 51);
    margin: 0px auto 10px;
}

@media all and (min-width: 721px) {
	.columright{ width: 946px;}
    h2.title {
        font-size: 40px;
    }
nav.arealist{ padding: 0;}   
nav.arealist li.ken47 {
	margin: 0;
	border-bottom-style: solid;
}
nav.arealist li.ken47 a {
	background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left no-repeat;
}
nav.arealist li.ken47 a:hover {
    background: #eee url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left no-repeat;
}
#bussRank .htlBox{ min-height: 458px;}
#areanewplan .htlBox.htlBox33 { min-height: 500px;}
#bussRank .hotels{ padding-left: 30px;}
#areanewplan .swiper-wrapper{ display: block!important;}
#areanewplan .swiper-slide.htlBox33{ width: 284px!important;}
#areanewplan .hotels{ padding-left: 30px;}
#bussRank p.area{ min-height:32px;padding: 7px 5px 0 7px;}
#bussRank .htlBox h3{ min-height:72px;}
#bussRank .htlBox h3.planName{ min-height:52px;}
#areanewplan .htlBox h3{ min-height:36px;}
#areanewplan .htlBox a.plan h3.planName{ min-height:52px;}

.kenlist h2.searchicon{ color:#093769;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_searchB.png) top left 43px no-repeat;}
.kenlist h2.searchicon.pink{background-color:#ebf3fc;border-top: 7px solid #ebf3fc;}
#schPCSP{border-left: 10px solid #ebf3fc;border-right: 10px solid #ebf3fc;background-color:#ebf3fc;}
#search-box {border: none;background-color: #ebf3fc;}
.htlBox dl.return dd{background:#093769;}
.htlBox dl.return dt{background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/mark_offB.gif) left top no-repeat;}
.htlBox dl.return{background:#093769;}
#bussRank{ padding-top:50px;}
#bussRank .htlBox5.swiper-slide{ width: 207px; margin-right: 21px;}
#areanewplan .swiper-container {width: 900px;}
#areanewplan .swiper-container　.htlBox.swiper-slid{ margin-right: 16px;}
}

@media all and (max-width: 720px) {
#schPCSP{ margin-top: 15px;}

.hotels.jQnQj .htlBox33{width:96%;
float:none;
margin: 10px auto;
overflow: visible;}

    .htlBox33 {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        overflow: hidden;
        padding-bottom: 20px;
    }
    .htlBox .rate em {
        min-height: 28px;
        display: inline-block;
        text-align: center;
        padding-left: 94px;
    }
    .htlBox .rate a {
        box-sizing: content-box;
    }
    .htlBox .basic:before,
    .htlBox .basic:after {
        display: none;
        content: none;
    }
    h2.title {
        font-size: 26px;
    }
	/* btm_nav */
	.btmNav {
		position: fixed;
		z-index: 9999;
		bottom: 0;
		width: 100%;
		background-color: #154470;
	}
	.btmNav .dropup-menu {
		display: none;
		position: absolute;
		bottom: 100%;
		width: 100%;
		border: 1px solid #154470;
		background-color: #fff;
		z-index: 9999;
	}
	.btmNav.sp .btn {
		background-color: 
		#154470;
		text-align: center;
		color:#fff;
		cursor: pointer;
	}
	
	.btmNav span.nv{background-color: #154470; padding:0;width:19.8%!important;max-width:19.8%!important; margin:0!important; border-right: 1px solid #fff;}
	.btmNav span.btn-default.moreIco{ margin-right: 0;border:none;}
	.btmNav span.nv.noBdr{ border-right: none!important;}
	.btmNav span.nv a, .btmNav span.nv span {
	font-size: 12px; font-weight: normal;
	}
	.btmNav .dropup-menu li {
		text-align: center;
	}
	.btmNav .dropup-menu a,
	.btmNav .dropup-menu .close {
/*		display: block;*/
/*		padding: 5px 0;*/
/*		font-size: 15px;*/
	}
	.btmNav .dropup-menu a {
		border-bottom: 1px dotted #ddd;
		margin: 0 1%;
	}
	#contentsArea .dropup-menu a:link:hover {
		text-decoration: none;
		background-color: #f1f1f1;
	}
	.btmNav li:last-child a {
		border-bottom: none;
	}
	.btmNav .column2 a {
		float: left;
		width: 48%;
		box-sizing: border-box;
		background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) 0 -5px no-repeat;
	}
	.btmNav .dropup-menu:last-of-type .close strong {
		padding: 4px 0 3px 29px;
		background: url(../images/icon_search.gif) left center/18px auto no-repeat;
	}
	.btmNav .dropup-menu .close {
/*		position: relative;*/
/*		font-weight: bold;*/
		background-color: #f1f1f1;
		color: #154470;
		cursor: pointer;
	}
	.btmNav .close em {
		position: absolute;
		right: 5px;
		top: 5px;
		width: 20px;
		height: 20px;
		background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%;
	}
	.btmNav .isShow {
		display: block;
	}
	.btmNav:after {
		content: "";
		display: block;
		clear: both;
	}
	.btmNav .btn {
		float: left;
		width: 100%;
		padding: 14px 0;
		box-sizing: border-box;
		background-color: #154470;
		text-align: center;
		color: #fff;
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
	}
	.btmNav .unchose {
		background-color: #777;
	}
	.btmNav .chose {
		background-color: #154470;
	}
	.btmNav .btn em {
		display: inline-block;
		transform: rotate(0deg);
		transition: .3s;
	}
	.btmNav .chose em {
		transform: rotate(180deg);
	}
	.btmNav .column2 a.wid98 {
		width: 98%;
	}
	h2.navimds { margin-bottom: 15px;}
    .htlBox dl.return dd {
		padding: 20px 0 0 0;
    }
	.htlBox dl.return dd em,
	.htlBox dl.return dd span{
		display: inline;
	}

	#bussRank .htlBox dl.return dd {
		height: 60px;}
	#schPCSP .close{background:#093769;}
	#schPCSP{ border: 1px solid #093769;}
	.htlBox dl.return dd{background:#093769;}
	.htlBox dl.return dt{background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/mark_offB.gif) left top no-repeat;}
	.htlBox dl.return{background:#093769;}
	#areanewplan .htlBox.htlBox33.swiper-slide h3.planName{ min-height: 52px;}
}


#hokkaido,
#tohoku,
#kitakanto,
#shutoken,
#izuhakone,
#koshinetsu,
#hokuriku,
#tokai,
#kinki,
#sanyo-sanin,
#shikoku,
#kyushu,
#okinawa {
    overflow: hidden;
}


.btmNav.sp .btn {
    float: left;
    width: 100%;
    padding:0;
    box-sizing: border-box;
    background-color: 
	#154470;
	font-weight: normal;text-align: center;color:#fff;cursor: pointer;font-size: 12px;
}

@media all and (max-width:500px) {
.htlBox dl.return dd{min-width: 66%;}
.btmNav span.nv{background-color: #154470; padding:0;width:25%!important;max-width:24.7%!important; min-height: 70px;}
}
@media all and (min-width:500px) and  (max-width:720px) {
.htlBox dl.return dd{min-width:74%;}
.btmNav span.nv{background-color: #154470; padding:0;width:19.9%!important;max-width:24.9%!important; min-height: 70px; }
	}
.contentright#areanewplan h2 img {
		max-width: none;
	}
.contentright#areanewplan h2{ padding-bottom: 10px;}

@media all and (max-width:720px) {
#bussRank h2{ padding-bottom: 10px!important;}
	}
	
#bussRank{ display: none;}