@charset "utf-8";

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

	for SP

////////////////////////////////////////////////*/
@media (max-width: 499px) {
#shrine_photo > img {
	margin-top: -10%;
}
#osusume_spot_outline > div > div.intro_box > div > div.box_01 > div:nth-child(2) > h2{
	    margin: 2rem 0 2rem 16%;
}
	
#osusume_spot_outline > div > div.intro_box > div > div.box_01 > div:nth-child(2) > h2 > strong{
	margin-left: -18%;
}
#osusume_spot_outline .sp h2 span{
	font-size:1.6rem;
}
#osusume_spot_outline .sp h2 strong{
	background: url(../../img/kasuga/haert.png) center center no-repeat;
	background-size: 4rem 4rem;
	padding: 10px;
	margin-right: 0;
}
/*#osusume_spot_outline .intro_box_outline{
	padding-top: 0;
}
*/#totteoki.intro_box_outline {
	padding-top: 6px;
}	
#sansaku_map{
	padding-top: 10px;	
}
#totteoki.intro_box_outline .sp h2 span {
	font-size: 1.6rem;
}
#totteoki > div.intro_box > div > div.box_02 > div.attention{
	border: 2px solid #bd9ab3;
	color: #926183;
	padding: 10px 15px;
}
#osusume_spot_outline > div > div.intro_box .inner img.sp {
	margin-bottom: 2rem;
}
#totteoki .sp h2 {
	width: 85%;
	margin-right:0;
}
.w100 {
	width: 100%;
}
#totteoki .box_01 .icon {
	width: 30%;
	position:absolute;
	right: 15px;
}
#totteoki .box_01 h2 {
	position:relative;
	margin-top: 50px;
}

/*#osusume_spot_outline .intro_box_ttl img {
    height: auto;
    width: 280px!important;
    margin-top: -76px;
}*/
#osusume_spot_outline .intro_box_ttl img {
    width: 260px;
    margin-top: 0px;
}
#osusume_spot_outline > div > div.intro_box > div > div.box_02 > div > h2 > em{
	display:inline-block;
	}
#osusume_spot_outline > div > div.intro_box > div > div.box_01 > div.sp.w100 > h2 > em,
#osusume_spot_outline > div > div.intro_box > div > div.box_01 > div.sp.w100 > h2 > span{
	display:inline-block;
	padding-left: 10px;
	margin-top: -2rem;
	}
#osusume_spot_outline > div > div.intro_box > div > div.box_01 > div.sp.w100 > h2 > span {
	padding-left: 0;
	}	
/*end--------------------*/}

/*-------------------------------
	iphone5
-------------------------------*/


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

	for PC

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

@media (min-width: 500px) {
/*神社photo（オーバーライド）
---------------------------------------------------------------------------*/

#shrine_photo {
	padding: 30px 0px 5px 0px;
}

/*神社説明
---------------------------------------------------------------------------*/

#shrine_exp {
	overflow: hidden;
	background-image: url(../../img/omiwa/bg-shrine_exp_girl.png);
	background-repeat: no-repeat;
	background-position: 670px top;
	padding-bottom: 100px;
}
#shrine_exp .f_left {
	margin-bottom: 0;
}
#shrine_exp .f_left p {
	width: 570px;
	margin-left: 35px;
	font-size: 20px;
	line-height: 2em;
	padding-top: 50px;
}


/*説明ボックス（オーバーライド）
---------------------------------------------------------------------------*/

#osusume_spot_outline .intro_box_outline {
	background-color: #FAEEC7;
}

/*縁結びのおすすめスポット
---------------------------------------------------------------------------*/

#osusume_spot_outline {
	margin-bottom: 135px;
}

#osusume_spot_outline .box_01 {
	position: relative;
	margin-bottom: 20px;
}
#osusume_spot_outline .box_01 p {
	position: absolute;
	width: 380px;
	top: 152px;
	left: 450px;
}

#osusume_spot_outline .box_02 {
	position: relative;
	margin-bottom: 30px;
}
#osusume_spot_outline .box_02 p {
	position: absolute;
	width: 380px;
	top: 167px;
	left: 15px;
}

/*とっておき情報
---------------------------------------------------------------------------*/

#totteoki .box_01 {
	position: relative;
	margin-bottom: 80px;
}
#totteoki .box_01 p {
	position: absolute;
	width: 450px;
	top: 177px;
	left: 385px;
}

#totteoki .box_02 {
	position: relative;
}
#totteoki .box_02 img{
/*padding-left: 35px;*/
}
#totteoki .box_02 p {
	position: absolute;
	width: 410px;
	top: 100px;
	left: 13px;
}
#totteoki .box_02 .attention {
	position: absolute;
	width: 370px;
	top: 245px;
	left: 13px;
	border: 2px solid #BD9AB3;
	padding: 10px 15px 10px 15px;
	color: #926183;
	font-size:16px;
}


/*散策map
---------------------------------------------------------------------------*/
#sansaku_map .map_image + table tr td{
	vertical-align:top;
	}
#sansaku_map .map_image + table tr td img{
	height: 57px;
	width: auto;
	}	
#sansaku_map .map_image + table tr .sam img{
	width: 167px!important;
	height: auto!important;
	}
	
#sansaku_map .map_image + table tr th{
		width: 40px;}
/*end--------------------*/}