@charset "utf-8";

/*  メインビジュアル
============================================================================= */
.mv-area { background: url(/kokunai/area/tottori/_images/bg-mv-01.jpg) no-repeat center top; background-size: cover; }
/* .mv-area.mv-sum { background: url(/kokunai/area/tottori/_images/bg-mv-01_summer.jpg) no-repeat center top; background-size: cover; } */
/* .mv-area.mv-aut { background: url(/kokunai/area/tottori/_images/bg-mv-01_autumn.jpg) no-repeat center top; background-size: cover; } */
/* .mv-area.mv-win { background: url(/kokunai/area/tottori/_images/bg-mv-01_winter.jpg) no-repeat center top; background-size: cover; } */

/*  地図
============================================================================= */
.pref-map-subarea{ background-image: url(/kokunai/area/tottori/_images/map.gif); }
.pref-map-subarea > li.pref-map-pref{ left: 54.01%; top: 18.12%; }
#pref-map-01{ left: 70.62%; top: 28.31%; }
#pref-map-02{ left: 43.83%; top: 40.88%; }
#pref-map-03{ left: 22.58%; top: 36.46%; }
/*  クーポン併用訴求欄
============================================================================= */
.popular-htl__inner,
.recommend__inner,
.recommend-sect__inner{
	margin: 0 auto;
	padding-top: 10px;
	width: 100%;
	max-width: 1246px;
	min-width: 970px;
}
.popular-htl .page-title-h3 span:before{
	font-family: 'kkrs-dp' !important;
	content: "\e960";
}

.popular-htl > li{
	list-style-type:none;
}

.hotelRanking .page-title-h3 span:before{
	content: "\e926";
}
.osusumeRecommend-sale .page-title-h3 span:before{
	content: "\e94a";
}
.osusumeRecommend-htl .page-title-h3 span:before{
	font-family: 'kkrs-dp' !important;
}

.osusumeRecommend-htl__txt {
    margin-top: 5px;
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: center;
}
.osusumeRecommend-rentacar .page-title-h3 span:before{
	content: "\e919";
}
.sectunder-bt{
	margin: 35px auto 0;
	width: 650px;
}
.sectunder-bt a{
	position: relative;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;	
	padding: 5px 35px 5px 15px;
	height: 70px;
	color: #fff;
	font-size: 2.0rem;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	border-radius: 8px;
	background: #03a3a9;
}
.sectunder-bt a:after{
	position: absolute;
	right: 10px;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	color: #fff;
		
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e905";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sectunder-bt a:hover{
	opacity: 0.6;
	transition: all 0.4s ease;
}