@charset "utf-8";

div#mainContents div.prWrap{
	margin-top: 15px;
	padding-top: 5px;
	border-top: 3px solid #4d6ef3;
}

div#mainContents div.prWrap:after{
	content: "";
	display: block;
	clear: both;
}

div#mainContents div#prTopMenuPr{
	height: 100px;
	padding-top:15px;
	clear: both;
}
	
div#mainContents div#prTopMenuPr img{
	float: left;
}

div#mainContents div#prTopMenuPr h4{
	margin-left: 100px;
}

div#mainContents div#prTopMenuSpec{
	height: 100px;
	margin-left: 100px;
	clear: both;
}

div#mainContents div#prTopMenuSpec img{
	float: left;
}

div#mainContents div#prTopMenuSpec h4{
	margin-left: 100px;
}

div#mainContents div#prTopMenuRecruit{
	height: 100px;
	margin-left: 200px;
	clear: both;
}


@media screen and (max-width: 568px) {
	div#mainContents div#prTopMenuPr{
		height: auto;
		padding-top:15px;
		clear: both;
	}

	div#mainContents div#prTopMenuSpec{
		height: auto;
		margin-left: 80px;
		clear: both;
	}
	div#mainContents div#prTopMenuRecruit{
		height: 100px;
		margin-left: 140px;
		clear: both;
	}
}

div#mainContents div#prTopMenuRecruit img{
	float: left;
	height:auto;
}

div#mainContents div#prTopMenuRecruit h4{
	margin-left: 100px;
}

div#mainContents div.prTopMenuText h4{
	margin-top: 0;
	padding-left: 10px;
	border-top: 1px solid #4d6ef3;
}

div#mainContents div.prTopMenuText p{
	margin-left: 100px;
	padding-left: 0.5em;
	height: 100%;
}

div#mainContents div.prWrap div.sceneText{
	width: 525px;
}

div#mainContents div.prWrap div.sceneText_1{
	width: 275px;
	padding-right: 5px;
	float: left;
}
@media screen and (max-width: 568px) {
	div#mainContents div.prWrap div.sceneText_1{
		width: 60%;
		padding-right: 5px;
		float: left;
	}
}
div#mainContents div.prWrap div.sceneText h3{
	margin-top: 0;
	border-bottom: none;
}

div#mainContents div.prWrap div.sceneText p{
	margin-right: 0.5em;
	margin-bottom: 0;
	word-break: break-all;
}

div#mainContents div.prWrap div.scenePic img{
	width: 240px; /* コンテナの幅に合わせる */
	object-fit: cover; /* 画像をコンテナ内に収め、アスペクト比を維持する */
}
@media screen and (max-width: 568px) {
	div#mainContents div.prWrap div.scenePic img{
		width: 38%; /* コンテナの幅に合わせる */
		object-fit: contain; /* 画像をコンテナ内に収め、アスペクト比を維持する */
		box-align:left;
	}
}
div#mainContents div.prWrap div.sceneText_1 h3{
	margin-top: 0;
	border-bottom: none;
}

div#mainContents div.prWrap div#questionTop{
	height: 80px;
}

div#mainContents div.prWrap div#questionTop div#questionTopText{
	height: 80px;
	margin-left: 70px;
	padding-left: 0.5em;
	position: relative;
}

div#mainContents div.prWrap div#questionTop img{
	float: left;
}

div#mainContents div.absoluteBottom{
	position: absolute;
	bottom: 0;
}

div#mainContents div.absoluteBottom p{
	margin: 0;
}

div#mainContents h3.specH3{
	border-top: 3px solid #4d6ef3;
	border-bottom: 1px solid #9ad9ea;
}

div#mainContents div.specWrap{
	margin-top: 15px;
	padding: 10px 10px 15px;
	border: 1px dashed #9ad9ea;
}

div#mainContents div.specWrap:after{
	content: "";
	display: block;
	clear: both;
}


div#mainContents div.specWrap div.laPic{
	width: 100px;
	height: 120px;
	padding-top: 60px;
	float: left;
}

div#mainContents div.specWrap div.question{
	height: 80px;
	margin-left: 100px;
}

div#mainContents div.specWrap div.question p{
	text-align: right;
}

div#mainContents div.specWrap div.question img{
	vertical-align: middle;
}

div#mainContents div.specWrap div.answer{
	height: 100px;
	margin-left: 100px;
	padding-left: 0.5em;
	position: relative;
}

div#mainContents div.specWrap div#nameplate{
	margin-top: 10px;
	clear: both;
}

div#mainContents div.prWrap div#comtan{
	height: 120px;
	margin-right: 100px;
	position: relative;
}

div#mainContents div.prWrap img#comtanLast{
	float: right;
}

div#mainContents div.prWrap h3{
	margin-top: 0;
	border-top: none;
	border-bottom: 1px solid #9ad9ea;
	text-align: left;
}

div#mainContents div.prWrap div.attractionPic{
	width: 100px;
	height: 100px;
	float: left;
}

div#mainContents div.prWrap div.attractionText{
	width: 420px;
	height: 100px;
	margin-left: 100px;
}

div#mainContents div.prWrap div.attractionComment{
	width: 520px;
	margin-top: 10px;
}
@media screen and (max-width: 568px) {
	div#mainContents div.prWrap div.attractionComment{
		width: 100%;
		margin-top: 10px;
	}
	div#mainContents div.prWrap div.sceneText{
		width: 100%;
	}
	
}
div#mainContents div.prWrap div.attractionText p{
	margin-bottom: 0;
	margin-left: 0.5em;
}

div#mainContents div.prWrap div.attractionText h4{
	border-top: none;
}

div#contentsWrap h2{
	border-bottom: none;
}


.comments{
	background: #fff;
	border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd; 
	font-size: 100%; 
	padding: 20px;
}