/* contentsWrap */

.wideContainer {
	background: #4D453E;
}

.wideContainer .contents img {
	max-width: 100%;
	margin: 0 auto;
}


/* facility */

#facility h2 {
	padding-left: 165px;
}

#facility>h2:before {
	width: 140px;
	height: 25px;
	background-image: url(../img/sisetsu/title01.png);
}

#facility p {
	color: #333;
}


/* floor */

#floor .textWrap {
	width: 100%;
}

#floor .ovth {
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#floor .floor1 {
	background-image: url(../img/sisetsu/1f.png);
}

#floor .floor2 {
	background-image: url(../img/sisetsu/2f.png);
}

#floor .floor3 {
	background-image: url(../img/sisetsu/3f.png);
}

#floor p {
	color: #FFF;
	padding-left: 1em;
}

#floor .text {
	line-height: 102px;
}

#floor .text2 {
	line-height: 62px;
}

#floor img {
	max-width: 100%;
}


/* room */

#room .fxwb {
	width: 100%;
}

#room .box1 p.mincho {
	color: #87784C;
}

#room .box1 img {
	max-width: 100%;
}

#room .box2 span.red {
	padding-right: 1em;
}

#room ul {
	list-style-type: disc;
	margin-left: 1em;
}

#room li {
	text-indent: -1em;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#room .box3 img {
	max-width: 100%;
}


/* item */

#item .fxwb {
	width: 100%;
}

#item .fxws .box {
	border: 1px solid #87784C;
}

#item .fxws .box p {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
}

#item .fxws .box img {
	max-width: 100%;
	margin: 0 auto;
}


/* availability */

#availability {
	width: 100%;
}

#availability .mincho {
	color: #333;
}

#availability .mincho.red {
	color: #CC0000;
}

#availability .fxwb {
	width: 100%;
	margin-bottom: 25px;
}

#availability .num img,
#availability .img img {
	max-width: 100%;
}


/*360°*/

.img360 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

.ricoh-theta-tour-image {
	margin: 0 auto;
}

.contentBox>h3 {
	height: auto;
}


/* PC */

@media screen and (min-width: 980px) {
	/* topImg */
	.topImg {
		width: 1200px;
		height: 250px;
		margin: 0 auto;
		background-image: url(../img/sisetsu/top.jpg);
	}
	.wideContainer {
		width: 1200px;
		margin: 0 auto;
	}
	.wideContainer .contents {
		width: 1000px;
		margin: 0 auto 30px;
		padding: 30px 0;
	}
	/* facility */
	#facility p {
		font-size: 30px;
	}
	/* floor */
	#floor .textWrap {
		margin-bottom: 10px;
	}
	#floor .ovth {
		width: 102px;
		height: 102px;
	}
	#floor .floor1 {
		width: 62px;
		height: 62px;
	}
	#floor p {
		font-size: 20px;
	}
	#floor .text {
		line-height: 102px;
	}
	#floor .text2 {
		line-height: 62px;
	}
	#floor img {
		margin-bottom: 30px;
	}
	/* room */
	#room .box1 {
		width: 42.5%;
	}
	#room .box1 p.mincho {
		font-size: 30px;
	}
	#room .box1 span {
		font-size: 50px;
	}
	#room .box2 {
		width: 30%;
		padding-top: 50px;
	}
	#room .box2 p {
		line-height: 2;
	}
	#room .box2 .mincho {
		font-size: 20px;
	}
	#room .title {
		font-size: 30px;
	}
	#room .box3 {
		width: 27.5%;
	}
	/* item */
	#item .fxws .box {
		width: 31%;
		padding: 35px 0;
		margin-right: 35px;
		margin-bottom: 30px;
	}
	#item .fxws .box:nth-child(3n) {
		margin-right: 0;
	}
	#item .fxws .box p {
		font-size: 30px;
		margin-bottom: 1em;
	}
	/* availability */
	#availability {
		margin-bottom: 95px;
	}
	#availability .mincho {
		font-size: 30px;
		margin-bottom: 5px;
	}
	#availability .mincho.red {
		font-size: 20px;
		margin-bottom: 25px;
	}
	#availability .num {
		width: 100%;
		margin-bottom: 10px;
	}
	#availability .img {
		width: 100%;
	}
}


/* SP */

@media screen and (max-width: 980px) {
	/* topImg */
	.topImg {
		width: 100%;
		height: 20.9vw;
		background-image: url(../img/sisetsu/sp_top.png);
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
	.wideContainer {
		width: 100%;
	}
	.wideContainer .contents {
		width: 100%;
		margin: 0 auto 30px;
		padding: 30px 5px;
	}
	/* facility */
	#facility h2 {
		padding-left: 11em;
	}
	#facility>h2:before {
		width: 9em;
		height: 2.5em;
	}
	#facility p {
		font-size: 16px;
		padding: 0 10px;
	}
	/* floor */
	#floor .textWrap {
		margin-bottom: 10px;
	}
	#floor p {
		font-size: 10px;
	}
	#floor .text {
		line-height: 1.5;
		padding: 1em;
	}
	#floor .text2 {
		line-height: 1.5;
		padding: 1em;
	}
	#floor img {
		margin-bottom: 30px;
	}
	/* room */
	#room .box1 {
		width: 100%;
		margin-bottom: 20px;
	}
	#room .box1 img {
		max-width: 70%;
		margin: 0 auto;
	}
	#room .box1 p {
		text-align: center;
	}
	#room .box1 p.mincho {
		font-size: 20px;
	}
	#room .box1 span {
		font-size: 30px;
	}
	#room .box2 {
		width: 50%;
		padding-top: 0;
		padding-left: 10px;
	}
	#room .box2 p {
		line-height: 1.5;
	}
	#room .box2 .mincho {
		font-size: 14px;
	}
	#room .title {
		font-size: 16px;
	}
	#room .box3 {
		width: 50%;
		margin-bottom: 35px;
	}
	.prev,
	.next {
		z-index: 1000;
		position: absolute;
		font-size: 80px;
		top: 50%;
		margin-top: -40px;
		color: rgba(51, 51, 51, .3);
	}
	prev {
		left: 0;
	}
	.next {
		right: 0;
	}
	/* availability */
	#availability {
		margin-bottom: 45px;
	}
	#availability .mincho {
		font-size: 16px;
		padding: 0 10px;
	}
	#availability .mincho.red {
		font-size: 14px;
		margin-bottom: 1em;
		padding: 0 10px;
	}
	#availability .num {
		width: 95%;
		margin: 0 auto 5px;
	}
	#availability .num img {
		max-width: 15vw;
	}
	#availability .img {
		width: 95%;
		margin: 0 auto;
	}
}


/* 縦長の場合 */

@media only screen and (max-width: 980px) and (orientation: portrait) {
	/* floor */
	#floor .ovth {
		width: 20vw;
		height: 20vw;
	}
	#floor .floor1 {
		width: 15vw;
		height: 15vw;
	}
	#floor p {
		font-size: 10px;
	}
	#floor .text {
		width: 70vw;
	}
	#floor .text2 {
		width: 75vw;
	}
}


/* 横長の場合 */

@media only screen and (max-width: 980px) and (orientation: landscape) {
	/* floor */
	#floor .ovth {
		width: 12vw;
		height: 12vw;
	}
	#floor .floor1 {
		width: 8vw;
		height: 8vw;
	}
	#floor p {
		font-size: 14px;
	}
	#floor .text {
		width: 78vw;
	}
	#floor .text2 {
		width: 82vw;
	}
}