@charset "utf-8";
/***********************************************
cassette
***********************************************/
/*divへのaタグ*/

#contentCassette .data_Wrap a{
	position: absolute;
	width: 870px;
	height: 250px;
	text-decoration: none;
	display: block;
	background: url(../images/cassette/trans.gif);
	cursor: auto;
	text-decoration: none;
}

#contentCassette .big_planWrap a {
	position: absolute;
	width: 870px;
	height: 100%;
	text-decoration: none;
	display: block;
	z-index: 100;
	cursor: auto;
	background: url(../images/cassette/trans.gif);
	text-decoration: none;
}

#contentCassette .smallTopWrap a , .pranWrap a{
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 100;
	text-indent: -999em;
	background: url(../images/cassette/trans.gif);
	top: 0px;
	left: 0px;
}
#contentCassette .data_Wrap a:hover , #contentCassette .big_planWrap a:hover , #contentCassette .smallTopWrap a:hover , #contentCassette .pranWrap a:hover{
	background: url(../images/cassette/trans20.png);
}

#contentCassette .coupon_on:hover , #contentCassette .smallcoupon_on:hover{
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	filter: alpha(opacity=70);        /* ie lt 8 */
	opacity: 0.7;
}


#contentCassette{
	background: url(../images/cassette/cassette_bg.png);
	padding: 0px 0px 15px;
	margin:30px auto 0px;
	width:990px;
}
#contentCassette .disBlock{
	display:block;
}

/******************************************pagetop*/
#wrapPagetop{
	margin:15px auto 0px;
	padding-bottom:15px;
	width:990px;
}
#wrapPagetop a{
	background:url(../images/cassette/pagetop.gif) no-repeat;
	width:136px;
	height:28px;
	display:inline-block;
	text-indent:-9999px;
	float:right;
}
#wrapPagetop a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/******************************************厳選プランはこちらボタン*/
#btnGensen{
	background:url(../images/free/icon_arrow.png) no-repeat 900px center #8c7a61;
	color:#FFFFFF;
	margin:25px auto 10px;
	width:950px;
}
#btnGensen a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	padding: 8px 0px;
	text-decoration:none;
	letter-spacing:0.1em;
	line-height:1em;
}
#btnGensen a:hover{
	background:url(../images/free/icon_arrow.png) no-repeat 900px center #5E503C;
	color:#FFFFFF;
}


/***********************************************
new cassette
***********************************************/
#wrapbigCassette *{
	box-sizing: border-box;
}

/******************************************BIGカセット*/
.cassetteBig{
	width: 950px;
	margin: auto;
	color: #3b1800;
	margin-bottom: 24px;
}
.cassetteBig a{
	text-decoration: none;
	color: #1558ce;
}
.cassetteBig_area{
	border-radius: 6px 6px 0 0;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #e78410;
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding: 6px 23px;
	line-height: 1;
	font-size: 16px;
}
.cassetteBig_wrap{
	border-radius: 0 0 6px 6px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	padding: 20px 25px 25px 22px;
}
.cassetteBig_hotelName{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
.cassetteBig_hotelName a:hover{
	text-decoration: underline;
}
.cassetteBig_inner{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.cassetteBig_left{
	width: 543px;
}
.cassetteBig_left > a{
	display: block;
}
.cassetteBig_left > a:hover{
	opacity: 0.7;
}
.cassetteBig_right{
	width: 332px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cassetteBig_photo{
	width: 543px;
	overflow: hidden;
}
.u_photo{
	position: relative;
	overflow: hidden;
}
.u_photo img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.photo_lv01{
	width: 360px;
	height: 270px;
}
.photo_lv02{
	width: 174px;
	height: 131px;
}
.cassetteBig_photo .photo_lv01,
.cassetteBig_photo .photo_lv02{
	float: left;
}
.cassetteBig_photo .photo_lv01{
	margin-right: 9px;
}
.cassetteBig_photo .photo_lv02:last-of-type{
	margin-top: 8px;
}
.cassetteBig_catch{
	margin-top: 10px;
}
.cassetteBig_plan{
	border-radius: 6px;
	background: #fcf4de;
	padding: 0 16px 15px;
}
.cassetteBig_planTitle{
	text-align: center;
}
.cassetteBig_planTitle img{
	margin-top: -7px;
	width: 100px;
}
.cassetteBig_planName{
	margin-top: 10px;
}
.cassetteBig_planName a{
	color: #e76610;
	font-weight: bold;
}
.cassetteBig_planName a:hover{
	text-decoration: underline;
}
.cassetteBig_price{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
}
.cassetteBig_price_number{
	font-size: 14px;
}
.cassetteBig_price_number s{
	margin-left: 5px;
	position: relative;
	padding-right: 18px;
	display: inline-block;
}
.cassetteBig_price_number s:after{
	content: "";
	width: 16px;
	height: 13px;
	background: url(../images/cassette/price_arrow.png) no-repeat;
	position: absolute;
	right: 0;
	top: 3px;
}
.cassetteBig_price b{
	color: #e71048;
	font-size: 18px;
	font-weight: bold;
	margin-left: 7px;
	white-space: nowrap;
	display: inline-block;
}
.cassetteBig_btn{
	border-radius: 4px;
	width: 100%;
	background: #fff;
	border: 1px solid #e76610;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	position: relative;
}
.cassetteBig_btn:after{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 14px;
	width: 6px;
	height: 6px;
	margin: auto 0;
	border-bottom: 2px solid #e76610;
	border-right: 2px solid #e76610;
	-webkit-transform: translate(0, 0) rotate(-45deg);
	transform: translate(0px, 0px) rotate(-45deg);
}
.cassetteBig_btn a{
	display: block;
	color: #e76610;
}
.cassetteBig_btn:hover,
.cassetteBig_couponBtn:hover{
	opacity: 0.7;
}
.cassetteBig_coupon,
.cassetteBig_fukidashi{
	width: 300px;
	margin: 15px auto;
	text-align: center;
}

.cassetteBig_couponBtn{
	border-radius: 4px;
	width: 100%;
	background: #0d82d4;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	position: relative;
}
.cassetteBig_couponBtn a{
	display: block;
	color: #fff;
}
.cassetteBig_couponBtn:after{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 14px;
	width: 6px;
	height: 6px;
	margin: auto 0;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translate(0, 0) rotate(-45deg);
	transform: translate(0px, 0px) rotate(-45deg);
}
.cassetteBig_note{
	font-size: 10px;
	margin-top: 5px;
	text-align: left;
}

/******************************************SMALLカセット*/
.cassetteWrap{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin: 0 10px 0 10px;
}
.cassetteSmall{
	width: 300px;
	color: #3b1800;
	margin-right: 11px;
	margin-left: 11px;
	margin-bottom: 24px;
	display: flex;
}

.cassetteSmall a{
	text-decoration: none;
	color: #1558ce;
}
.cassetteSmall_area{
	border-radius: 6px 6px 0 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
	background: #e78410;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 8px 20px;
	line-height: 1;
}
.cassetteSmall_wrap{
	border-radius: 6px 6px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	padding: 0 0 14px;
	display: block;
}
.cassetteSmall_inner{
	padding: 9px 20px 0;
}
.cassetteSmall_hotelName{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 13px;
}
.cassetteSmall_hotelName a:hover{
	text-decoration: underline;
}
.cassetteSmall_photo{
	width: 100%;
	overflow: hidden;
}
.u_photo{
	position: relative;
	overflow: hidden;
}
.u_photo a:hover{
	opacity: 0.6;
}
.u_photo img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.photo_lv03{
	width: 260px;
	height: 195px;
}
.photo_lv04{
	width: 126px;
	height: 95px;
}
.cassetteSmall_photo .photo_lv03,
.cassetteSmall_photo .photo_lv04{
	float: left;
}
.cassetteSmall_photo .photo_lv03{
	margin-bottom: 7px;
}
.cassetteSmall_photo .photo_lv04:last-of-type{
	margin-left: 8px;
}
.cassetteSmall_plan{
	background: #fcf4de;
	padding: 14px 21px;
	margin-top: 9px;
}
.cassetteSmall_planName{
	margin-bottom: 5px;
}
.cassetteSmall_planName a{
	color: #e76610;
	font-weight: bold;
}
.cassetteSmall_planName a:hover{
	text-decoration: underline;
}
.cassetteSmall_price{
	text-align: right;
	margin-bottom: 5px;
}
.cassetteSmall_price_number{
	font-size: 10px;
}
.cassetteSmall_price_number s{
	margin-left: 7px;
	position: relative;
	padding-right: 22px;
	display: inline-block;
}
.cassetteSmall_price_number s:after {
	content: "";
	width: 16px;
	height: 13px;
	background: url(../images/cassette/price_arrow.png) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
.cassetteSmall_price b{
	color: #e71048;
	font-size: 16px;
	font-weight: bold;
	margin-left: 7px;
	white-space: normal;
	display: inline-block;
}
.cassetteSmall_btn{
	border-radius: 4px;
	width: 100%;
	background: #fff;
	border: 1px solid #e76610;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	position: relative;
	box-sizing: border-box;
}
.cassetteSmall_btn:after{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 12px;
	width: 6px;
	height: 6px;
	margin: auto 0;
	border-bottom: 2px solid #e76610;
	border-right: 2px solid #e76610;
	-webkit-transform: translate(0, 0) rotate(-45deg);
	transform: translate(0px, 0px) rotate(-45deg);
}
.cassetteSmall_btn a{
	display: block;
	color: #e76610;
}
.cassetteSmall_btn:hover,
.cassetteSmall_couponBtn:hover{
	opacity: 0.7;
}
.cassetteSmall_coupon,
.cassetteSmall_fukidashi{
	width: 258px;
	margin: auto;
	text-align: center;
	padding-top: 15px;
}
.cassetteSmall_couponBtn{
	border-radius: 4px;
	width: 100%;
	background: #0d82d4;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	position: relative;
}
.cassetteSmall_couponBtn a{
	display: block;
	color: #fff;
}
.cassetteSmall_couponBtn:after{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 12px;
	width: 6px;
	height: 6px;
	margin: auto 0;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translate(0, 0) rotate(-45deg);
	transform: translate(0px, 0px) rotate(-45deg);
}
.cassetteSmall_note{
	font-size: 10px;
	margin-top: 5px;
	text-align: left;
}