@charset "utf-8";

/* ========================================================
	index.css => index用CSS
======================================================== */



/* ======================================================== */

.tab_slickreco980 {
margin: 0 0 30px 0 ;
}

.tab_slickreco980 .thumbs {
margin: 30px 0;
}

.tab_slickreco980 .thumbs:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.tab_slickreco980 .thumbs div {
float: left;
width: 138px;
background-color: #b1925e;
color: #fff;
text-align: center;
margin: 0 1px ;
padding: 10px 0;
cursor: pointer
}
.tab_slickreco980 .thumbs div.current {
background-color: #2b4571;
color: #fff;
}

.tab_slickreco980 .thumbs div span {
cursor: pointer
}

.slick .listbox {
float: left;
margin:0 1% 25px 0;
width: 49%;
border-bottom: 1px dotted #2b4571;
padding-bottom: 25px;

height: 15em;


}
.slick .listbox:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.slick .listbox .ph {
float: left;
margin-right: 5px;
}
.slick .listbox .ph img {
border: 1px solid #2b4571;
}
.slick .listbox .txt {
	float: left;
	text-align: left;
	color: #000;
	padding: 5px 5px;
}
.slick .listbox .txt p {
margin: 0 0 2px 0;
line-height: 150%;
}

.slick .listbox .txt p.hotelname {
font-weight: 700;
margin-bottom: 3px;
}

.slick .listbox .txt p.btn_link_yazi a {
	display: block;
	background-image: url("/dormyinn/common/images/yazi_white.png");
	background-repeat: no-repeat;
	background-position: 0.2em center;
	padding:8px 0;
	margin: 5px auto 5px auto;
	text-align: center;
	background-color: #2b4571;
	width: 98%;
	color: #fff;
	font-size: 1.45rem;
}

.slick .listbox .txt p.btn_link_yazi a:hover {
background-color: #b9a082;
}

.slick .listbox .txt p{
width: 300px;
}



.tab_brand980_s {
margin: 0 0 50px 0 ;
}

.tab_brand980_s .thumbs:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.tab_brand980_s .brand_box_dormy {
float: left;
width: 181px;
text-align: center;
margin: 10px 15px 25px 0 ;
border: 1px solid #dfdfdf;
background-color: #004186;
padding: 10px 0;
display: block;
}

.tab_brand980_s .brand_box_nono {
float: left;
width: 181px;
text-align: center;
margin: 10px 15px 25px 0 ;
border: 1px solid #dfdfdf;
background-color: #4d443f;
padding: 10px 0;
display: block;
}
.tab_brand980_s .brand_box_premium {
float: left;
width: 181px;
text-align: center;
margin: 10px 15px 25px 0 ;
border: 1px solid #dfdfdf;
background-color: #a29b62;
padding: 10px 0;
display: block;
}
.tab_brand980_s .brand_box_gc {
float: left;
width: 181px;
text-align: center;
margin: 10px 15px 25px 0 ;
border: 1px solid #dfdfdf;
background-color: #305531;
padding: 10px 0;
display: block;
}
.tab_brand980_s .brand_box_express {
float: left;
width: 181px;
text-align: center;
margin: 10px 15px 25px 0 ;
border: 1px solid #dfdfdf;
background-color: #b5763e;
padding: 10px 0;
display: block;
}

.tab_brand980_s .brand_box.ri00 {
margin-right: 0;
}
.tab_brand980_s .brand_box_nono a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.tab_brand980_s .brand_box_premium a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.tab_brand980_s .brand_box_gc a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.tab_brand980_s .brand_box_express a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.tab_brand980_s .brand_box_dormy a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.tab_brand980_s .ss_title{
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
	color: #000;
	display: block;
	padding: 5px 0;
	background-color: #e9e9e9;
}
.tab_brand980_s .txt{
	font-size: 1.3rem;
	line-height: 1.8;
	text-align: left;
	color: #000;
	padding: 5px 3px;
	background-color: #fff;
	
}






						@media screen and (max-width: 1663px) {

						.tac.tacnewbg {width: 100%;}
						.tac.tacnewbg img {width: 100%;height: auto;}

						}












					@media screen and (max-width: 768px) {



					.tab_slickreco980 .thumbs div {
						width: 46%;
						margin-bottom: 10px;
						text-align: center;
						margin-left: 2%;
						margin-right: 2%;
					}
					.tab_slickreco980 .thumbs{text-align: center;}
				
				.slick .listbox{
				margin-left: 2% !important;
				margin-right: 2% !important;
				width: 96% !important;
				text-align: center !important;
				height: auto !important;
				float: none;
				}
				.slick .listbox .ph{
				text-align: center !important;
				float: none !important;
				text-align: center;
				}
				.slick .listbox .txt {
				float: none !important;
				text-align: center;
				}
				.slick .listbox .txt p {
				width: 96%;
				margin-left: 2%;
				margin-right: 2%;
				}
				.slick .listbox .add {
				float: none !important;
				text-align: center;
				}
							.listbox .ph{text-align: center;width: 100%;}
							.listbox .ph img{margin-left: auto;margin-right: auto;}				

					

					
					.tab_brand980_s .brand_box_dormy,
					.tab_brand980_s .brand_box_nono,
					.tab_brand980_s .brand_box_premium,
					.tab_brand980_s .brand_box_gc,
					.tab_brand980_s .brand_box_express
					 {
					width: 31%;
					margin: 10px 1% 10px 1%;
					}


					.tab_brand980_s .brand_box.ri00 {
					margin: 10px 1% 10px 1%;
					}
					.tab_brand980_s{
					margin: 0 0 10px 0;
					}
					.bg_light{
					padding-top: 20px;
					padding-bottom: 10px;
					}
					.tab_slickreco980 {
					margin: 0 0 10px 0 ;
					}
					}
					
					
					




					
					@media screen and (max-width: 450px) {


						
						}