@charset "utf-8";

/*////////////////////////////////////////////////

	for SP

////////////////////////////////////////////////*/
@media (max-width: 499px) {
#osusume_spot_outline .box_03 > .sp {
	display: block !important;
}
#shrine_photo > img {
	margin-top: -10%;
}
#totteoki .box_01 .p_02, #totteoki .box_01 .p_03 {
	margin-top: 0rem;
	margin-bottom: 2rem;
	text-align: center;
}
.box_06 .bg_or {
	margin-top: 2rem;
}
#sansaku_map div.half {
	width: 48%;
	display: inline-block;
}
#sansaku_map div.half + p {
	width: 100%;
	float: none;
	margin-top: 1rem;
}
#sansaku_map .first img + img {
	margin-top: 1em;
}
#totteoki .intro_box .box_03 h2 {
	width: 90%;
}
#sansaku_map .intro_box .content .second h2 {
	width: 80%;
}
#sansaku_map div.half h2 {
	width: 60%;
}
#totteoki > div.intro_box .box_06 .line_01_02, #totteoki > div.intro_box .box_06 .line_02_02 {
	padding-bottom: 2rem;
	font-size: 14px;
	line-height: initial;
}
#totteoki .intro_box .box_03 > img.sp {
	margin-bottom: 2rem;
}
#totteoki .pictF {
	width: 100%;
	display: table;
	margin-bottom: 1rem;
}
#totteoki .pictF p {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0.5em;
}
#totteoki .pictF p img {
	padding-bottom: 0;
}
#totteoki .pictF p span {
	display: block;
	text-align: center;
	margin-top: 0.5em;
	font-size: 1.2rem;
}
#osusume_spot_outline .intro_box_ttl img {
	width: 260px;
	height: auto;
/*	margin-top: -3rem;*/
}
/*#osusume_spot_outline .intro_box_outline {
	padding-top: 0;
}
*/
#osusume_spot_outline > div > div.intro_box_ttl{
	margin-top: 0px;
	}

/*end--------------------*/}



/*////////////////////////////////////////////////

	for PC

////////////////////////////////////////////////*/

@media (min-width: 500px) {
/*神社説明
---------------------------------------------------------------------------*/

#shrine_exp {
	margin: 0px auto 85px auto;
	background-image: url(../../img/isonokami/bg-shrine_exp_girl.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow: hidden;
}
#shrine_exp p {
	font-size: 20px;
	line-height: 2em;
	margin-bottom: 70px;
	width: 100%;
}
#shrine_exp .box_outline {
	position: relative;
	width: 295px;
	border: 1px solid #8B8B8B;
	padding: 10px 0px 10px 0px;
	margin-right: 40px;
	float: left;
}
#shrine_exp .box_outline .tape {
	position: absolute;
	top: -13px;
	width: 295px;
	text-align: center;
}
#shrine_exp .box_outline .inner {
	width: 269px;
	margin: 0px auto 0px auto;
}
#shrine_exp .box_outline .inner img {
	margin-bottom: 8px;
}
#shrine_exp .box_outline .inner p {
	font-size: 15px;
	width: 269px;
	line-height: 1.4em;
	margin-bottom: 0px;
}
/*説明ボックス（オーバーライド）
---------------------------------------------------------------------------*/

#osusume_spot_outline .intro_box_outline {
	background-color: #FAEEC7;
}
/*縁結びのおすすめスポット
---------------------------------------------------------------------------*/

#osusume_spot_outline {
	margin-bottom: 135px;
}
#osusume_spot_outline .intro_box .inner {
	width: 840px;
}
#osusume_spot_outline .box_01 {
	position: relative;
	margin: 0px 0px 70px 0px;
}
#osusume_spot_outline .box_01 > p {
	position: absolute;
	width: 385px;
	top: 120px;
	left: 395px;
}
#osusume_spot_outline .box_02 {
	position: relative;
	margin: 0px 0px 30px 80px;
}
#osusume_spot_outline .box_02 p {
	position: absolute;
	width: 390px;
	top: 95px;
	left: 0px;
}
#osusume_spot_outline .box_03 {
	position: relative;
	margin-left: 80px;
	padding-bottom: 20px;
}
#osusume_spot_outline .box_03 p {
	position: absolute;
	width: 410px;
	top: 100px;
	left: 240px;
}
/*とっておき情報
---------------------------------------------------------------------------*/

#totteoki .inner {
	width: 833px;
}
#totteoki .box_01 {
	position: relative;
	margin: 0px 0px 40px 0px;
}
#totteoki .box_01 p.p_01 {
	position: absolute;
	width: 460px;
	top: 120px;
	left: 300px;
}
#totteoki .box_01 p.p_02 {
	position: absolute;
	top: 245px;
	left: 270px;
}
#totteoki .box_01 p.p_03 {
	position: absolute;
	top: 545px;
	left: 270px;
}
#totteoki .box_02 {
	position: relative;
	margin: 0px 0px 65px 35px;
}
#totteoki .box_02 p {
	position: absolute;
	width: 440px;
	top: 95px;
	left: 0px;
}
#totteoki .box_03 {
	position: relative;
	margin-bottom: 50px;
}
#totteoki .box_03 p {
	position: absolute;
	width: 390px;
	top: 80px;
	left: 345px;
}
#totteoki .box_04 {
	position: relative;
}
#totteoki .box_04 p {
	position: absolute;
	width: 380px;
	top: 110px;
	left: 240px;
}
#totteoki .box_05 {
	margin: 0px 0px 50px 40px;
}
#totteoki .box_05 p {
	width: 720px;
	padding-top: 20px;
}
#totteoki .box_06 {
	position: relative;
	width: 754px;
	margin: 0px auto 0px auto;
	color: #FFFFFF;
}
#totteoki .box_06 strong.line_01_01 {
	display: block;
	position: absolute;
	top: 40px;
	left: 45px;
	font-size: 30px;
	font-weight: normal;
}
#totteoki .box_06 p.line_01_02 {
	position: absolute;
	width: 450px;
	top: 100px;
	left: 45px;
	line-height: 1.8em;
}
#totteoki .box_06 strong.line_02_01 {
	display: block;
	position: absolute;
	top: 240px;
	left: 45px;
	font-size: 30px;
	font-weight: normal;
}
#totteoki .box_06 p.line_02_02 {
	position: absolute;
	width: 450px;
	top: 300px;
	left: 45px;
	line-height: 1.8em;
}
/*散策MAP（オーバーライド）
---------------------------------------------------------------------------*/

#sansaku_map .sam, #sansaku_map .exp {
	padding: 20px 0px 20px 0px;
}
#sansaku_map .sam {
	width: 185px;
}
#sansaku_map .exp {
	width: 220px;
	font-size: 15px;
}
#sansaku_map table {
	margin-bottom: 10px;
}
#sansaku_map table th {
	width: 40px;
}
#sansaku_map table th, #sansaku_map table td {
	text-align: left;
	vertical-align: top;
}
#sansaku_map table:last-child {
	margin-bottom: 0px;
}
/*end--------------------*/}

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
#totteoki .box_06 p.line_01_02, #totteoki .box_06 p.line_02_02 {
	font-size: 12px;
	line-height: 1.2em;
}
#totteoki .box_06 p.line_01_02 {
	top: 90px;
}
#totteoki .box_06 p.line_02_02 {
	top: 290px;
}

#osusume_spot_outline > div > div.intro_box_ttl{
	margin-top: -16px;
	}

/*end--------------------*/}