@charset "UTF-8";

.cassetWrapperL {
	float: left;
	width: 445px;
	/*margin: 20px 30px 10px 40px;*/
    margin: 20px 20px 10px 20px;
	background-color:#ffffff;
}

.cassetWrapperR {
	float: left;
	width: 445px;
	margin: 20px 0 10px 0;
	background-color:#ffffff;
}
.tt_txt {
	display:block;
	margin:0px 0 0 10px;
	padding-top:10px;
}

/*施設名1行の時*/
.cassetTitle {
	display:block;
	width:445px;
	/* height:80px; */
}

.tt_txt_y {
	color: #3b1800;
	font-weight:bold;
	font-size:18px;
	line-height:1em;
    padding-right: 5px;
	word-break: break-all;
}

.tt_txt_y a{
	color: #3b1800;
	font-weight:bold;
	font-size:18px;
	line-height:1em;
	text-decoration:underline;
}

.tt_txt_y a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.tt_txt_w {
	color:#3b1800;
	font-weight:bold;
	font-size:15px;
	margin:0 0 3px 0;
	/*line-height:1em;*/
}

.sale_arrow{
	float: right;
	margin-top:-10px;
}

.hotel_name{
    margin: 0 0 10px 10px;
}

.kuchikomi{
	color:#3b1800;
	font-weight:bold;
	font-size:13px;
	/*margin-top:3px;*/
	margin-bottom: 8px;
}

.kuchikomi_text{
	color:#3b1800;
	font-weight:bold;
	font-size:10px;
	margin-top:7px;
}

img.star{
	/*width:91px;
	height:20px;*/
	width:80px;
	height:18px;
	vertical-align:bottom;
}

.casset_photo{
	width: 445px;
	height: 280px;
	position:relative;
	margin-top: 10px;
}

.casset_photo span{
	width: 186px;
	height: 17px;
	position:absolute;
	top:0;
	left:260px;
}

.casset_photo a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.casset_txt {
	display:block;
	width: 445px;
	height: 85px;
	box-sizing: border-box;
}

*:first-child+html .casset_txt {
	float: left;
	display:block;
	width: 445px;
	height: 85px;
}

.casset_txt_top {
	float: left;
	display:block;
	width: 405px;
	height: 85px;
	margin-left:20px;
}

.casset_txt_bottom {
    display: flex;
    justify-content: space-between;
    width: 433px;
    margin: 0 auto;
    height: 75px;
    box-sizing: border-box;
	padding: 17px 0;
}

.cassette_txt_bottom_length2{
	width: 305px;
}

.cassette_txt_bottom_length1{
	justify-content: center;
}

.casset_btn_area {
	display:block;
	width:445px;
	padding-top:17px;
	text-align: center;
}
.casset_btn{
	width: 141px;
	height: 41px;
	display: inline-block;
}
.casset_btn a {
    text-decoration: none !important;
    display: block;
}
.casset_btn a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.casset_btn_hide,
.span_onsen_hide,
.star_hide{
	display:none !important;
}

.eval_font_size11px{
	/*font-size: 10px;*/
	font-size: 11px;
	margin-bottom: 11px;
}



/*////////////////タブレット以外だったら/////////////*/
/*SPヘッダー崩れ対策*/
@media only screen and (max-width:767px) {

/*カセット10個目以降をデフォルトで非表示*/
.cassetWrapper950 > *:nth-of-type(n+11){
	display:none;
}

.cassetWrapperL {
	float: none;
	width: 93%;
    margin: 5px 15px 15px 15px;
	background-color:#ffffff;
}

.cassetWrapperR {
	float: none;
	width: 93%;
	margin: 5px 15px 15px 15px;
	background-color:#ffffff;
}

.cassetTitle {
	display:block;
	width:100%;
	/*height:80px;*/
}
    
.tt_txt_w {
    width: 80%;
}
    
.sale_arrow img{
    width: 100%;
}
    
.casset_photo{
	width: 100%;
	height: auto;
	position:relative;
}  
    
.casset_photo img{
	width: 100%;
	height: auto;
}     

.casset_txt_bottom{
    width: 97%;
    height: auto;
}

.cassette_txt_bottom_length2{
	width: 75%;
    height: auto;
    padding-left: 15px;
}

.casset_btn{
    width: 97%;
	height: auto;
}

/* もっとみるBTN */   
.hotels_morewrap{
    padding: 0 10px 30px;
    background: #fbf9ec;
    text-align: center;
}    

.hotels_more{
    width: 95%;
    height: 55px;
    text-align: center;
    color: #3B1800;
    font-size: 16px;
    font-weight: bold;
    background: #ffffff;
    border: 2px solid #3B1800;
    border-radius: 7.5vw;
    cursor: pointer;
} 
}


/*////////////////エリアtabボタンのみ幅410px以下の場合/////////////*/
/* エリアtabボタン ------------------------------------*/
@media only screen and (max-width:410px) {
.casset_txt_bottom{
    width: 97%;
    height: auto;
}

.cassette_txt_bottom_length2{
	width: 75%;
    height: auto;
    padding-left: 0;
}
 
.casset_btn img{
    width: 97%;
	height: auto;
    padding-left: 5px;
}
}