@charset "utf-8";

/*layout*/
header .head-logo {width: 250px;}
#nav-area #gnav li a {font-size: 1.3rem;}

.mainvis-area.mainvis-type .txt, .mainvis-area.mainvis-rank .txt {left: 52%;}
.btn.btn--lg.btn-red {white-space: normal;}
.nav-list a, .nav-list input {padding: 10px 5px;}
.member-ap .introduce li.ttl {margin-bottom: 5px;}

.top-main-nav p.target_text {letter-spacing: 0px;}

/*ランキング*/
.rank-point li span {webkit-border-radius: 20px;border-radius: 20px;display: inline;height: auto;width: auto;padding: 2px 5px;}
.rank-point li p {display: block;margin-top: 5px;}

/*予約フロー*/
.must dt::before, .must::before  {content: "필수항목";}
.un-must::before {content: "임의항목";}
.nml-dl dd {padding: 1.7% 20px;}


/* タブレット時のみ : Medium Devices, Desktops */
@media only screen and (min-width : 768px) and (max-width : 991px) {

	/*layout*/
	#nav-area #gnav li a {font-size: 1.1rem;}

	/*ナビゲーション*/
	.switch-lang, .switch-currency {float: right;right: 5px;}

	/*総合トップ*/
	.top-main-nav p.target_text {width: 60%;font-size: 2.5rem;}

}

/* スマホ : Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.top-main-nav p.target_text span {margin-left: 10px;}

	/*フッターリンク*/
	.footer-nav .conts-nav .col-md-2.col-xs-4 {float: none;display: block !important;width: 100%;}

	/*観光施設から探す*/
	.kanko-navi li {margin-bottom: 2%;}

	/*検索一覧*/
	.refineBtn span {margin-right: 0;font-size: 1.1rem;}
	.search-hd .search-result {width: 55%;}
	.search-hotel {margin-top: 0;}
	.view-change .set.ttl {width: 100%;}
	.search-hotel-list .block-link .prc {margin-top: 5px;}

	/*ホテル詳細*/
	.favorite-hotel, .favorite-plan {margin-bottom: 5px;}

}

/* スマホ 小 : Small Devices, Tablets */
@media only screen and (max-width : 359px) {
}