@charset "utf-8";
/* CSS Document */
#main{width:100%;height:200px;background: url('../img/main.jpg') transparent no-repeat scroll center top;background-color:#000;}
#roomlist{margin-bottom: 20px;}
#roomlist .head_color.gray{padding-top: 50px;background: url('../../../lib/cmn_img/line.jpg') repeat-x;}
#roomlist .tmb3 ul:nth-last-of-type(1){margin-bottom: 0;}
#room .exp h3{font-size:16px;font-family :YuMincho, 'Yu Mincho', serif;line-height: 1.6;letter-spacing:3px;}

/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が768px以下の場合*/
@media screen and (max-width: 768px) {
	#main{margin-top: 50px;}
	#roomlist .tmb3{width: 100%;}
	#roomlist .tmb3 .title{padding:5px 0;font-size:13px;margin-bottom:10px;}
	#roomlist .tmb3 .ph{margin:0 0 10px 0;}
	#roomlist .tmb3 .link a{font-size: 14px;padding:5px 0;}
	#roomlist .tmb3 ul{width:100%;margin:0 auto;}
	#roomlist .tmb3 ul:after{content:" ";display:block;clear:}
	#roomlist .tmb3 ul li{width:48%;margin-right:4%;float:left;margin-bottom: 20px;}
	#roomlist .tmb3 ul li img{width: 100%;}
	#roomlist .tmb3 ul li:nth-of-type(even){margin-right:0;}
	#roomlist .head_color.gray{margin-top:20px;padding-top: 20px;}
	#roomlist .tmb3 .num{margin:0 0 10px 0;font-size:11px;}
	#room .exp h3{font-size:14px;}
	#room .ph img{width: 100%;}
}