/* room */
#room {color:#fff;}
h2 {
    font-size: 3.5em;
    font-weight: bold;
    line-height: 0.8em;
    font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
	letter-spacing: 0.15em;
}
.pn_Area {
	width:100%;height:430px;
	background:url(../images/pn_room.jpg) no-repeat top 70px center;
	background-attachment:fixed;
	background-color:#333;
}

.intro {width:100%;background-color:#000;padding-bottom:3em;} 	
.intro .inner {width:80%;} 

.kakko {
	letter-spacing:0.3rem;display: inline-block;
	font-size:3rem;position: relative;padding:1rem 2em;
}
.kakko:before,.kakko:after {content:'';width:3rem;height:100%;position: absolute;display: inline-block;}
.kakko:before {top:0;left:0;border-top:2px solid #333;border-left:2px solid #333;}
.kakko:after {bottom:0;right:0;border-bottom:2px solid #333;border-right:2px solid #333;}
.roomArea2 .kakko:before,.roomArea2 .kakko:after {border-color:#000;}

.roomPicDiv {display:flex;flex-wrap:wrap;justify-content:space-between;}
.roomPicDiv .room {margin-top:3rem;}
.roomPicDiv .room .tt {font-size:1.8rem;line-height:160%;font-weight:bold;padding:3% 0;
	border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom:1rem;
}
.roomPicDiv p {position:relative;overflow:hidden;}
.roomPicDiv.pic2 .room {width:39.5rem;}
.roomPicDiv.pic2 .room:last-child {float:right;}
/* .roomPicDiv.pic3 .room {width:24.6rem;} */
.roomPicDiv.pic3 .room {width: 49%;}
/*.roomPicDiv.pic3 .room:nth-child(3n) {padding-right:0;}
.roomPicDiv.pic3 .room:nth-child(3n+1) {clear:both;}*/
.roomArea2 .roomPicDiv .room .tt {border-color:#000;}

.room.effect {opacity:0;}
.room.effect.fade {
	-webkit-animation: popIn 0.5s ease-in-out;
	animation-name: popIn;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}


@keyframes popIn {
	from {
		opacity:0;
		-webkit-transform: scale(0.0);
		transform: scale(0.0);
	}
	to {
		opacity:1;
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

.roomArea1 {
	padding:3em 0 5em;
	background:#fff;
	color:#333;
}

.roomArea2 {
	/*background:url(../images/bg_bkcros2.gif) repeat;*/
	background:url(../images/bg_wh_cros2.gif) repeat;
	padding:3em 0;
	border-top:1px dashed #666;
	border-bottom:1px dashed #666;
	color:#000;
}


.roomPicDiv p img {width:100%;display: block;position: relative;box-shadow:0 0 3px #111;}
.roomPicDiv .ribon {
	position:absolute;display: inline-block;
	top: 5px;left: -40px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;text-transform: uppercase;
	width: 150px;padding:10px;
	-webkit-transform: rotate(-35deg);-moz-transform: rotate(-35deg);-o-transform: rotate(-35deg);-ms-transform: rotate(-35deg);
}
.roomPicDiv .ribon.re {background: #d50000;}
.roomPicDiv .ribon.bl {background: #0077db;}
.roomPicDiv .ribon.or {background: #ef5400;}
.enkaiTel {background:#fff;}
.enkaiDiv {padding:4% 2%;border:4px solid #ffcd39;background:#fffbe1;color:#333;}
.enkaiDiv .tel {font-size:5rem;}


.enkaiDiv a.tellink {
	pointer-events: none;
	color:#333;
}




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

#wrapper {width: 100%;}
#header {width: 100%;}
#wrapper #header p.header_info {display:none;}
#fla_area {display:none;}
#topnavi-nonpc {width:100%;display:block;}
#topnavi-nonpc ul {list-style-type:none;margin:5px auto;}
#topnavi-nonpc ul li {width:100%;float:left;}
#topnavi-nonpc ul li a {font-size:1.6em;}
#container {width:100%;}
#main {width:100%;}

#topics {width:100%;}
#darts_box {width:100%;}
#pack {width:100%;}
#pointbox {width:100%;}
#link_area {width:100%;}

}


a {color:#557;}
a:hover{
		color:#ef5500;
		text-decoration: underline;}
a:visited {color:#888;}