@charset "utf-8";
/* =================================================================================
 room
================================================================================= */
/*詳細*/
.roomMv {
    margin-bottom: 30px;
	border: 1px solid #6f624e;
}

.roomMv .imgArea img{
	width: 100%;
	vertical-align: top;
}

.roomMv .txtArea {
    padding: 15px ;
    box-sizing: border-box;
}

.roomMv .txtArea .studioName {font-size: 20px;}

.txtArea .telArea{margin:20px 0;}

.txtArea .telArea .ttl{
	display: inline-block;
	width:100%;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-align: center;
	border:1px solid #7e7e7e;
	box-sizing: border-box;
}

.txtArea .telArea .tel{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.roomMv {margin-bottom: 30px;}

.roomMv .roomName {
    font-size: 33px;
    padding: 15px;
    line-height: 1.3;
    text-align: center;
}

.roomMv .roomName .subTxt{
	display: block;
	font-size: 14px;
	color:#7e7e7e;
}

.roomMv .roomEx{padding: 15px;}

@media only screen and (min-width:640px){

	.roomMv {margin-bottom: 50px;}

	.roomMv .roomName {
	    font-size: 40px;
	    padding: 40px;
	}

	.roomMv .roomName .subTxt{font-size: 20px;}

	.roomMv .roomEx{
		padding: 40px;
		text-align: center;
	}

}

.lstGallery {
    margin: 0 0 -15px -15px;
    font-size: 0;
	letter-spacing: 0;
	word-spacing: 0;
}

.lstGallery li {
    display: inline-block;
   	width : 47%;
	width: -webkit-calc(50% - 15px);
	width: -moz-calc(50% - 15px);
	width: calc(50% - 15px);
    margin: 0 0 15px 15px;
    vertical-align: top;
    box-sizing: border-box;
}

.lstGallery li img{width:100%;}

@media only screen and (min-width:640px){
	.lstGallery {margin: 0 0 -3px -3px;}

	.lstGallery li {
	   	width: 388px;
	    margin: 0 0 3px 3px;
	    opacity:1;
	}

	.lstGallery li a{transition: all .8s;}

	.lstGallery li a:hover{opacity: .7;}
}

.lstConRoom{
	margin: 0 0 -20px -15px;
	font-size: 0;
	text-align: center;
}

.lstConRoom li {
    display: inline-block;
    width: 47%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin: 0 0 20px 15px;
    vertical-align: top;
    box-sizing: border-box;
}

.lstConRoom .wrapImg {margin-bottom:10px;}

.lstComClothes .clothTtl,
.lstConRoom .roomTtl{
	color:#544e41;
	font-size: 16px;
}

.lstConRoom li a span{display: block;}

.lstConRoom .roomTtl span{font-size: 12px;}

.lstConRoom li a img{width:100%;}


@media only screen and (min-width:640px){
	.lstConRoom{margin: 0 0 -40px -3px;}

	.lstConRoom li {
	    width: 388px;
	    height: 100%;
	    margin: 0 0 40px 3px;
	}

	.lstConRoom .wrapImg {
	    height: 220px;
	    margin-bottom:10px;
	    overflow: hidden;
	}

	.lstConRoom .roomTtl{font-size: 18px;}

	.lstConRoom .roomTtl span{font-size: 14px;}

	.lstConRoom li a img{transition: all .8s;}

	.lstConRoom li a:hover img{transform: scale(1.1);}
}

.priceList{}

/* EOF */