@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	min-width: 1024px;
	color: #333333;
}
body *, body *::before, body *::after {
	box-sizing: border-box;
}

/*===============================================
全体
===============================================*/
#wrapper {
	overflow: hidden;
}
#wrapper, #footer {
	min-width: 1024px;
}
#main {
	background-color: #ffffff;
	overflow: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*chrome*/
#main {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
}
}
/*===============================================
パン屑
===============================================*/
.breadcrumb {
    background: #fff;
    padding: 5px 4px;
}
.breadcrumb .breadcrumbList {
    width: 992px;
    margin: auto;
    font-size: 0;
}
.breadcrumb .breadcrumbList li {
    font-size: 12px;
    color: #000;
    display: inline-block;
}
.breadcrumb .breadcrumbList li a {
    color: inherit;
}
.breadcrumb .breadcrumbList li+ li::before {
    content: "＞";
    margin: 0 10px;
}
.breadcrumb .breadcrumbList li a:hover {
	text-decoration: none;
}

/*===============================================
メインビジュアル
===============================================*/
.mv .obi {
    height: 300px;
    background: url(../images/bg_head_s.jpg) repeat center top;
    overflow: hidden;
}
.mv .obi .logo {
    height: 100%;
    background: url(../images/logo_top_s.png) no-repeat center center;
    margin: auto;
}

/*===============================================
リード文
===============================================*/
.leadText {
	font-size: 15px;
	text-align: center;
}

/*===============================================
エリア絞り込み
===============================================*/
.filterArea.area {
    padding-left: 188px;
    background: url(../images/bg_tour_filter_area.png) no-repeat 40px 0;
}
.filterArea {
    width: 992px;
    margin: auto;
    min-height: 40px;
    position: relative;
}
.filterArea .filter_country {
    position: absolute;
    top: 13px;
    left: 61px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
}
body *, body *::before, body *::after {
    box-sizing: border-box;
}
.filter {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    z-index: 5;
}
.filter .btn:not(:last-of-type) {
    margin-right: 6px;
}
.filter .btn a.active, .filter .btn a:hover {
    background: #f75d7a;
    border: 1px solid #f75d7a;
    color: #fff;
}
.filter .btn a {
    height: 100%;
    min-height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    text-decoration: none;
    color: #333333;
    font-size: 14px;
    line-height: 1;
    padding: 10px 12px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #abbbbb;
    border-radius: 2px;
}

#main .inner {
	width: 992px;
	margin: 0 auto;
}
#itemArea {
	padding: 40px 0 60px;
}
#contentsArea > .title {
	text-align: center;
}
#contentsArea > .title + #lineupArea {
	margin-top: 50px;
}
#contentsArea > .title {
	margin-top: 80px;
}
#lineupArea {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#lineupArea:after {
	content: none;
}
_:-ms-lang(x), #lineupArea {
 width: 992px;
}
#lineupArea .lineup + .lineup {
	margin-top: 105px;
}

/*===============================================
商品カセット
===============================================*/
#lineupArea .hotelBox {
	display: -webkit-flex;
    display: flex;
	justify-content: start;
	align-items: stretch;
	flex-wrap: wrap;
}
#lineupArea .hotelBox li {
	display: -webkit-flex;
    display: flex;
}

#lineupArea .lineup .itemList {
	display: flex;
	justify-content: start;
	align-items: stretch;
	flex-wrap: wrap;
}
#lineupArea .lineup .itemList.resultList {
	margin-left: 40px;
}
_:-ms-lang(x), #lineupArea .type3col .itemList {
    width: 992px;
}
#lineupArea .lineup.type3col .tour_box {
	width: 440px;
	margin: 0 23px 30px 0;
}
#lineupArea .lineup .itemList .item, #lineupArea .lineup .itemList .tour_box_wrap {
	margin-bottom: 5px;
}
#lineupArea .lineup .itemList:not(.type3col) .item {
	width: 230px;
}
#lineupArea .lineup.type3col .itemList .item {
	width: 100%;
}
#lineupArea .lineup .itemList:not(.type3col) .item + .item:not(:nth-of-type(4n+1)) {
    margin-left: 23px;
}
#lineupArea .lineup .itemList .item > a, #lineupArea .lineup .itemList .tour_box_wrap a {
	background: #fff;
	position: relative;
	color: #333333;
	text-decoration: none;
	display: block;
	opacity: 1;
	transition: .4s;
	box-shadow: 2px 2px 0px 0px #a8b2b2;
	overflow: hidden;
	font-weight: normal;
}
.tour-desc-text03 {
	display: flex !important;	
}
#lineupArea .lineup .itemList .item a:hover {
	opacity: .7;
}
#lineupArea .lineup .itemList .tour_box_wrap .tour_img {
	width: auto;
	height: 150px;
	background: no-repeat center top;
	background-size: 250px;
	display: block;
}
#lineupArea .lineup.type3col .itemList .tour_box_wrap .tour_img {
	background-size: cover;
	height: 270px;
}
#lineupArea .lineup .itemList .item .itemText, #lineupArea .lineup .itemList .tour_box_wrap .tour_box_inner {
	padding: 18px 15px 25px;
	display: block;
}
#lineupArea .lineup .itemList .item .itemText {
	padding: 20px 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#lineupArea .lineup .itemList.hotels .item .itemText,
#lineupArea .lineup .itemList.activities .item .itemText { padding: 10px 10px 0; }
#lineupArea .lineup .itemList.hotels .item .itemText .tour_pickup,
#lineupArea .lineup .itemList.activities .item .itemText .tour_pickup {
	background: #000000;
	width: 100%;
	padding: 5px 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
#lineupArea .lineup .itemList .item .itemText > span, #lineupArea .lineup .itemList .tour_box_wrap .tour_box_inner > span {
	display: block;
	line-height: 20px;
}
#lineupArea .lineup .itemList.hotels .tour_box_wrap .rank { margin: 5px 0 0; }
#lineupArea .lineup .item .itemTitle,
#lineupArea .lineup .itemList.hotels .tour_box_wrap .tour_ttl,
#lineupArea .lineup .itemList.activities .tour_box_wrap .tour_ttl,
#lineupArea .lineup .tour_box_wrap .tour_ttl {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
}
#lineupArea .lineup .itemList.hotels .tour_box_wrap .tour_ttl { margin: 6px 0 3px; }
#lineupArea .lineup .itemList.activities .tour_box_wrap .tour_ttl { margin: 10px 0 7px; }
#lineupArea .lineup .itemList.hotels .tour_box_wrap .price {
	margin: 11px 0 0;
	text-align: right;
}
#lineupArea .lineup .item .itemPrice, #lineupArea .lineup .tour_box_wrap .tour_gross {
	color: #de1a25;
	font-size: 20px;
	font-weight: bold;
}
#lineupArea .lineup .itemList .tour_box_wrap .tour_box_inner > span.tour_grudge { display: none; }
#lineupArea .lineup .itemList.hotels .tour_box_wrap .tour_grudge,
#lineupArea .lineup .itemList.activities .tour_box_wrap .tour_grudge {
	margin: 0;
	display: flex !important;
	flex-wrap: wrap;
}
#lineupArea .lineup .itemList.hotels .tour_box_wrap .tour_grudge > span,
#lineupArea .lineup .itemList.activities .tour_box_wrap .tour_grudge > span {
	background: #003b94;
	color: #fff;
	font-size: 12px;
	padding: 3px 12px;
	display: none;
	font-weight: 600;
}
#lineupArea .lineup .itemList.hotels .tour_box.grudge1 .tour_box_wrap .tour_grudge > .grudge1,
#lineupArea .lineup .itemList.activities .tour_box.grudge1 .tour_box_wrap .tour_grudge > .grudge1,
#lineupArea .lineup .itemList.hotels .tour_box.grudge2 .tour_box_wrap .tour_grudge > .grudge2,
#lineupArea .lineup .itemList.activities .tour_box.grudge2 .tour_box_wrap .tour_grudge > .grudge2,
#lineupArea .lineup .itemList.hotels .tour_box.grudge3 .tour_box_wrap .tour_grudge > .grudge3,
#lineupArea .lineup .itemList.activities .tour_box.grudge3 .tour_box_wrap .tour_grudge > .grudge3 {
	display: inline-block;
	margin: 0 4px 5px 0;
}
#lineupArea .lineup .tour_link {
	display: block;
	text-align: right;
	/*margin-top: 8px;*/
}
#lineupArea .lineup .tour_link a {
	font-size: 15px;
	line-height: 20px;
	color: #666;
	padding-right: 19px;
	background: url(../images/ico_arrow_01.png) no-repeat right center;
}
#lineupArea .lineup .tour_link a:hover {
	text-decoration: none;
}
#lineupArea .lineup .itemList .tour_link a {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	padding-right: 15px;
	text-decoration: none;
	background: url(../images/icon_arrow_bluegray.png) no-repeat right center;
	box-shadow: none;
}
#lineupArea .lineup .itemList .tour_link a:hover {
	opacity: 0.7;
}
#lineupArea .lineup .linkBox a {
	text-decoration: none;
	color: #503f00;
}
.item_area {
    padding: 30px 0 20px;
    background: #d9e8e8;
}
#lineupArea {
    margin-top: 40px !important;
}
#lineupArea .lineup .itemList.resultList {
    margin-left: 40px;
}
#lineupArea .tour_box_wrap > a {
    height: 99%;
    min-height: 0;
}
#lineupArea .lineup.type3col .tour_box {
    margin: 0 33px 50px 0;
}
#lineupArea .tour_box_wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.filterArea + .itemList {
    margin-top: 35px;
}
#lineupArea .lineup .itemList .tour_link a {
    color: #333333;
}
.tour-desc .tour-city {
	display: block;
	line-height: 20px;
	background: #000000;
    width: 100%;
    padding: 5px 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
img, object {
    justify-content: flex-end;
}
.resultList span {
	display: block;
}
.price {
	display: flex !important;
	justify-content: flex-end;
}
.tour_box_inner {
	line-height: 20px;
}
.tour_img {
	position: relative;
}

/*===============================================
注記　非表示
===============================================*/
.result_none {
	text-align: center;
	font-size: 15px;
	line-height: 1.8;
	display: none;
	padding-bottom: 30px;
}
.result_none p + p {
	margin-top: 20px;
}

/*===============================================
bottombanner 
===============================================*/
#bottomArea .conts + .conts {
	margin-top: 70px;
}
#bottom_banner {
	padding: 30px 30px;
	text-align: center;
	font-size: 0;
}
#bottomArea {
	background-color: #00b0e1;
}
#bottomArea .inner {
    padding-bottom: 0;
}
#bottom_banner li {
	display: inline-block;
	background-color: #fff;
}
#bottom_banner li + li {
	margin-left: 38px;
}
#bottom_banner li a:hover {
	opacity: 0.7;
}

/*===============================================
検索用追従ボタン 非表示
===============================================*/
.floating_btn {
	top: 300px;
	right: 5%;
	position: fixed;
	z-index: 9999;
	display: none;
}
.floating_btn img {
	transition: .5s;
}
.floating_btn img:hover {
	opacity: .7;
}

/*===============================================
ページトップボタン
===============================================*/
#pageTop {
    position: fixed;
    bottom: 77px;
    right: 50px;
    font-size: 20px;
    z-index: 9999;
    display: none;
}

/*===============================================
注記＆TOPに戻るボタン
===============================================*/
#htl_attn {
	padding: 0 23px;
	margin-top: 30px;
}

#hotelTop_Btn {
	background-color: #ff9f00;
	width: 360px;
	height: 52px;
	border-radius: 9px;
	margin: auto;
	margin-top: 40px;
}
#hotelTop_Btn a {
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 20px;
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 10px;
	background-image: url("/kaigai/hotels/common/images/icon_Arrow01.png");
	background-repeat: no-repeat;
	background-position: top 50% right 17px;
}
#hotelTop_Btn:hover {
	background-color: #f0831e;
}

/*===============================================
IE崩れ修正
===============================================*/
@media all and (-ms-high-contrast: none){
	#lineupArea .lineup .itemList .tour_link a {
		background-position: top 1px right 0;
	}
	#lineupArea .lineup .itemList.hotels .item .itemText .tour_pickup, #lineupArea .lineup .itemList.activities .item .itemText .tour_pickup{
		padding: 7px 0 3px;
	}
	#lineupArea .lineup .itemList.hotels .tour_box_wrap .tour_grudge > span, #lineupArea .lineup .itemList.activities .tour_box_wrap .tour_grudge > span{
		padding: 5px 15px 1px;
	}
	#lineupArea .lineup .item .itemPrice, #lineupArea .lineup .tour_box_wrap .tour_gross {
		margin-top: 1px;
	}
	.tour_box .firstArrival {
		padding-top: 4px;
	}
	.filter .btn a {
		padding: 12px 12px 5px;
	}
	.filterArea .filter_country {
    	top: 13px;
	}
}