@charset "euc-jp";
/* CSS Document */

.contents {
	overflow: hidden;
}

/* 
.room_se h2 {
	color: #999;
} */
.room_se h2 {
	padding-bottom: 1em;
}
.room_se h2 img {
	width: 18%;
}

.photocontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 6%;
	position: relative;
}
.photocontainer::before {
	display: block;
	position: absolute;
	content: '';
	background: #EEE;
	bottom: -4%;
	right: -4%;
	width: 65%;
	padding-top: 48%;
	z-index: -1;
}
.box-l {
	width: 65%;
	margin-right: 35%;
	margin-bottom: 3%;
}
.box-s {
	width: 31%;
}
.box-4 {
	width: 24%;
}
.photocontainer a:hover, 
.photocontainer a:active {
	display: block;
	box-shadow: 0 0 25px rgba(0,0,0,0.1);
	transform: scale(1.05, 1.05);
}
.room_se:nth-child(even) .photocontainer .box-l {
	margin-right: 0;
	margin-left: 35%;
}
.room_se:nth-child(even)  .photocontainer::before {
	right: auto;
	left: -4%;
}

#adan h2::after {
	border-top-color: #AD7600;
}
#adan .photocontainer::before {
	background-color: rgb(173, 118, 0, 0.15);
}
#gajumaru h2::after {
	border-top-color: #194825;
}
#gajumaru .photocontainer::before {
	background-color: rgb(25, 72, 37, 0.15);
}
#otaniwatari h2::after {
	border-top-color: #7D9A2A;
}
#otaniwatari .photocontainer::before {
	background-color: rgb(125, 154, 42, 0.15);
}
#yuna h2::after {
	border-top-color: #AD7600;
}
#yuna .photocontainer::before {
	background-color: rgb(173, 118, 0, 0.15);
}
#bath .photocontainer::before {
	display: none;
	content: none;
}

@media screen and (max-width:979px){
.room_se h2 img {
	width: 20%;
}
}


@media screen and (max-width:699px){
.room_se h2 img {
	width: 40%;
}
.box-l {
	width: 90%;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.box-s {
	width: 32%;
}
.box-4 {
	width: 49%;
	margin-bottom: 2%;
}
}