@charset "utf-8";
/*
---------------------------------------------------
ホテルガジェットページ用：ベースCSS
---------------------------------------------------
*/


/* 件数 */
.heading-area { color:#333; border-bottom:1px dashed #ddd; padding-bottom:8px; }
.heading-area .count-num { float:left; }
.heading-area .count-num em { font-size:140%; font-weight:bold; color:#c00; }
.heading-area .version-time { float:right; }

/* ページング */
.paging-area { color:#666; text-align:center; }
.paging-area .paging_back,
.paging-area .paging_num,
.paging-area .paging_next { display:inline-block; margin:0 4px; }
.paging-area .paging_back {}
.paging-area .paging_num {}
.paging-area .paging_next {}
.paging-area .paging_back a,
.paging-area .paging_num a,
.paging-area .paging_next a { display:inline-block; padding:4px 10px; background-color:#fff; border-bottom:2px solid #291688; font-weight:bold; color:#291688; text-decoration:none; }
.paging-area .paging_back a { }
.paging-area .paging_num a { }
.paging-area .paging_next a { }

/* タブサイズ調整 */
#hotel-custom .res-flex-tab-block .flex-tab-menu-list li a { padding:8px 16px; }

/* ホテルカセット */
.contents_field { font-size:0; }
.content-result-box { font-size:1.4rem; display:inline-block; *display:inline; *zoom:1; letter-spacing:0; vertical-align:top; width:33.3333%; }
/* .content-result-box:nth-child(3n) { clear:left; } */
.content-result-box .inner { border:1px solid #ccc; margin:8px; box-shadow:0 2px 3px rgba(0,0,0,.2); background-color:#fff;  }
.content-result-box .inner .height-keeper { transition:.2s; }
.content-result-box .inner .title-wrap { background-color:#1D268C; padding:8px; }
.content-result-box .inner .title-wrap .goods-subtitle { font-size:75%; color:#e0e0e0; min-height:2.8em; }
.content-result-box .inner .title-wrap .goods-title { font-size:110%; font-weight:bold; }
.content-result-box .inner .title-wrap .goods-title a { font-weight:bold; color:#fff; }
.content-result-box .inner .title-wrap .goods-title a:hover { text-decoration:none; }
.content-result-box .inner .detail-wrap {  }
.content-result-box .inner .detail-wrap .pict-column { margin-bottom:8px; }
.content-result-box .inner .detail-wrap .pict-column .goods-img {  }
.content-result-box .inner .detail-wrap .pict-column .goods-img img { min-width:100%; background-color:#f0f0f0;width:100%; max-height:200px;min-height:200px; border:none; }
.content-result-box .inner .detail-wrap .pict-column .goods-name { font-size:80%; color:#555; text-align:right; padding:.2em .5em; }
.content-result-box .inner .detail-wrap .detail-column { font-size:85%; margin:0 8px 4px; }
.content-result-box .inner .detail-wrap .detail-column dl { margin-bottom:8px; letter-spacing:-0.4em; }
.content-result-box .inner .detail-wrap .detail-column dl dt,
.content-result-box .inner .detail-wrap .detail-column dl dd { display:inline-block; vertical-align:top; padding:4px; letter-spacing:0; }
.content-result-box .inner .detail-wrap .detail-column dl.goods-mile dt { color: #fff; background-color: #FF00FF; }
.content-result-box .inner .detail-wrap .detail-column dl dt { font-weight:bold; color:#fff; background-color:#A6A6A6; font-size:80%; width:27%; text-align:center; border-radius:3px; text-shadow:0 1px 1px rgba(0,0,0,.3); }
.content-result-box .inner .detail-wrap .detail-column dl dd { width:73%; }
.content-result-box .inner .detail-wrap .detail-column dl dd div {  }
.content-result-box .inner .detail-wrap .detail-column dl dd .plus-mile.mile0 { display: none; }
.content-result-box .inner .detail-wrap .detail-column dl dd .plus-mile em { color: #FF00FF; font-weight: bold; }
.content-result-box .inner .detail-wrap .detail-column dl dd .rate-num { display:none; }
.content-result-box .inner .detail-wrap .detail-column dl dd img.ta-rate { min-width:119px; max-height:20px;  }
.content-result-box .inner .detail-wrap .detail-column dl dd div .plan-name { }
.content-result-box .inner .detail-wrap .detail-column dl dd div .tag {  }
.content-result-box .inner .detail-wrap .detail-column dl dd div .meal {  }
.content-result-box .inner .detail-wrap .detail-column dl dd div .ppl-num {  }

.content-result-box .inner .detail-wrap .detail-column dl.goods-plan dd div {  }
.content-result-box .inner .detail-wrap .detail-column dl.goods-plan dd div .plan-wrap { display:block; font-size:90%; width:100%; }
.content-result-box .inner .detail-wrap .detail-column dl.goods-plan dd div .price { display:block; padding-top:1em; font-size:140%; color:#f00000; font-weight:bold; text-align:right; }


.content-result-box .inner .goods-button { text-align:center;  }
.content-result-box .inner .goods-button a { display:inline-block; box-shadow:-1px -3px 0px rgba(188,85,11,.6) inset; width:100%; background-color:#ec7309; text-align:center; text-decoration:none; text-shadow:0 1px 1px #b24d05; color:#fff; padding:16px 0; font-size:130%; }
.content-result-box .inner .goods-button a:hover { opacity:.8;}

.content-result-box .height-keeper .title-wrap,
.content-result-box .height-keeper .detail-column .goods-range,
.content-result-box .height-keeper .detail-column .goods-rate,
.content-result-box .height-keeper .detail-column .goods-mile,
.content-result-box .height-keeper .detail-column .goods-plan .plan-wrap {
	transition:.2s;
}

/* PC時のみ高さ揃え */
@media (min-width: 571px) {
	/*
	.content-result-box .inner .title-wrap { min-height:6.6em; }
	*/
	/* ホテル名3行以上の時 …処理（-webkit限定） */
	.content-result-box .inner .title-wrap .goods-title a,
	.content-result-box .height-keeper .detail-column .goods-range dd div,
	.content-result-box .height-keeper .detail-column .goods-plan .plan-wrap { width:100%; display:box; display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; }
	/* 高さ・最大行数指定 */
	.content-result-box .inner .title-wrap .goods-title a { height:3em; -webkit-line-clamp:2; }
	.content-result-box .height-keeper .detail-column .goods-range dd div { height:2.8em; -webkit-line-clamp:2; }
	.content-result-box .height-keeper .detail-column .goods-plan .plan-wrap { height:6em; -webkit-line-clamp:4; }
}

@media (min-width: 0px) and (max-width: 570px) {
	.content-result-box { float:none; width:100%; margin-bottom:16px; }
	.content-result-box .inner .detail-wrap { min-height:0; }
	.contents-1col #contents .flex-tab-content-inner>.res-contents,
	.contents-1col #contents .gadget_field.res-contents { margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
	.content-result-box .inner .detail-wrap .detail-column dl dd { padding-top:0; }
}