/*
河原町
Last Updated: 2019-05-21
*/

/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #000;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
}
body{ letter-spacing: inherit; }


/*----------------------------------------
	text
----------------------------------------*/

.text_yu_go{ font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif; }
p{ line-height:1.8; }


.yumin_copy {
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: 500;
    line-height: 1.5;
    color: #333333;
}

.text_bold{
font-weight:bold;
}

@media print, screen and (min-width: 1000px) {

	.text_16{ font-size:16px !important; }
	.text_18{ font-size:18px !important; }
	.text_20{ font-size:20px !important; }
	.text_28{ font-size:28px !important; }
	.ls_3{ letter-spacing: 3px; }
	.ls_5{ letter-spacing: 5px; }

}/*END*/

@media print, screen and (min-width: 769px) and ( max-width: 999px) {

	.text_16{ font-size:15px !important; }
	.text_18{ font-size:17px !important; }
	.text_20{ font-size:18px !important; }
	.text_28{ font-size:25px !important; }
	.ls_3{ letter-spacing: 2px; }
	.ls_5{ letter-spacing: 3px; }

}/*END*/

@media screen and (max-width: 768px){

	.text_16,
	.text_18{
		font-size: 14px !important;
	}
	.text_20{ font-size: 16px !important; }
	.text_28{ font-size: 18px !important; }

}/*END*/


/*----------------------------------------
	margin padding
----------------------------------------*/

.m_b5{ margin-bottom:5px !important; }
.m_b10{ margin-bottom:10px !important; }
.p_t5{ padding-top: 5px; }
.p_t10{ padding-top: 10px; }
.p_b5{ padding-bottom: 5px; }
.p_b10{ padding-bottom: 10px; }

@media print, screen and (min-width: 769px) {

	.m_b15{ margin-bottom:15px !important; }
	.m_b20{ margin-bottom:20px !important; }
	.m_b25{ margin-bottom:25px !important; }
	.m_b30{ margin-bottom:30px !important; }
	.m_b40{ margin-bottom:40px !important; }
	.m_b45{ margin-bottom:45px !important; }
	.m_b50{ margin-bottom:50px !important; }
	.m_b60{ margin-bottom:60px !important; }
	.m_b70{ margin-bottom:70px !important; }
	.m_b80{ margin-bottom:80px !important; }
	.m_b90{ margin-bottom:90px !important; }
	.m_b100{ margin-bottom:100px !important; }
	.m_b120{ margin-bottom:120px !important; }

	.p_t15{ padding-top: 15px; }
	.p_t20{ padding-top: 20px; }
	.p_t25{ padding-top: 25px; }
	.p_t30{ padding-top: 30px; }
	.p_t40{ padding-top: 40px; }
	.p_t45{ padding-top: 45px; }
	.p_t50{ padding-top: 50px; }
	.p_t60{ padding-top: 60px; }
	.p_t70{ padding-top: 70px; }
	.p_t80{ padding-top: 80px; }
	.p_t100{ padding-top: 100px; }

	.p_b15{ padding-bottom: 15px; }
	.p_b20{ padding-bottom: 20px; }
	.p_b25{ padding-bottom: 25px; }
	.p_b30{ padding-bottom: 30px; }
	.p_b40{ padding-bottom: 40px; }
	.p_b50{ padding-bottom: 50px; }
	.p_b60{ padding-bottom: 60px; }
	.p_b70{ padding-bottom: 70px; }
	.p_b80{ padding-bottom: 80px; }
	.p_b90{ padding-bottom: 90px; }
	.p_b100{ padding-bottom: 100px; }

}/*END*/

@media screen and (max-width: 768px) {

	.m_b15{ margin-bottom:13px !important; }
	.m_b20{ margin-bottom:16px !important; }
	.m_b25{ margin-bottom:18px !important; }
	.m_b30{ margin-bottom:20px !important; }
	.m_b40{ margin-bottom:22px !important; }
	.m_b50{ margin-bottom:25px !important; }
	.m_b60{ margin-bottom:30px !important; }
	.m_b70{ margin-bottom:35px !important; }
	.m_b80{ margin-bottom:40px !important; }
	.m_b90{ margin-bottom:40px !important; }
	.m_b100{ margin-bottom:45px !important; }
	.m_b120{ margin-bottom:45px !important; }

	.p_t15{ padding-top: 13px; }
	.p_t20{ padding-top: 16px; }
	.p_t25{ padding-top: 18px; }
	.p_t30{ padding-top: 20px; }
	.p_t40{ padding-top: 22px; }
	.p_t50{ padding-top: 25px; }
	.p_t60{ padding-top: 25px; }
	.p_t70{ padding-top: 30px; }
	.p_t80{ padding-top: 30px; }
	.p_t100{ padding-top: 45px; }

	.p_b15{ padding-bottom: 13px; }
	.p_b20{ padding-bottom: 16px; }
	.p_b25{ padding-bottom: 18px; }
	.p_b30{ padding-bottom: 20px; }
	.p_b40{ padding-bottom: 22px; }
	.p_b50{ padding-bottom: 25px; }
	.p_b60{ padding-bottom: 25px; }
	.p_b70{ padding-bottom: 30px; }
	.p_b80{ padding-bottom: 30px; }
	.p_b90{ padding-bottom: 40px; }
	.p_b100{ padding-bottom: 45px; }

}/*END*/


/*----------------------------------------
	共通
----------------------------------------*/

.showamachi8_contents{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	overflow: hidden;
}
.respon{ width: 100%; }
.center{ text-align: center; }
.showamachi8_ttl{
	text-align: center;
	width: 461px;
	margin-left: auto;
	margin-right: auto;
}
.showamachi8_copy{
	text-align: center;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	margin-bottom: 22px;
	line-height: 1.4;
	font-weight: bold;
	line-height: 1.5;
}
.showamachi8_copy span{
	background: url("../images/09_showamachi8/copy_border.png") center bottom repeat-x;
	padding-bottom: 4px;
}

.op:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 060;
    opacity: 0.60;
}

.box_l{
	float: left;
	width: 48.5%;
}
.box_r{
	float: right;
	width: 48.5%;
}
.showamachi8_btn{
	line-height: 1;
	text-align: center;
	background: #f1f3f5;
	padding: 1em 2.5em;
	border:none;
	border-radius: 30px;
	font-weight:bold;
}

.wi60{
width:60%;
}
.wi35{
width:36%;
}
.wi40{
width:40%;
}



.box_bg{
background: url("../images/showamachi8/box_bg.jpg") center top repeat;
}


.k_btn_green{
	width: 450px;
	background: #d2f154;
}
.k_btn_pink{ background: #fde1ec; }
.showamachi8_btn:hover{ background: #ddd; }
.k_btn_green:hover{ background: #bfe32e; }
.k_btn_pink:hover{ background: #ffc5dc; }

@media print, screen and (min-width: 769px) {

	.pc_none{ display: none !important; }
	.showamachi8_contents{ padding: 15px 1.66% 0 1.66%; }

}/*END*/

@media print, screen and (min-width: 1240px) {

	.showamachi8_contents{
		width: 1240px;
		padding: 15px 20px 0 20px;
	}

}/*END*/

@media screen and (max-width: 768px) {

	.showamachi8_contents{
		padding-right: 3%;
		padding-left: 3%;
	}
	.showamachi8_ttl{ width: 70%; }
	.showamachi8_copy{ line-height: 1.8; }
	.showamachi8_copy span{ padding-bottom: 2px; }

}/*END*/

@media screen and (max-width: 479px) {

	.sp_none{ display: none !important; }
	.sp_left{ text-align: left; }
	.showamachi8_contents{
		padding-right: 3.5%;
		padding-left: 3.5%;
	}
	.showamachi8_ttl{ width: 100%; }
	.box_l,
	.box_r{
		float: none;
		width: 100%;
	}
	.showamachi8_border{
		width: 150%;
		margin-left: -25%;
	}
	.k_btn_green{ width: 100%; }

}/*END*/



/*----------------------------------------
	MV
----------------------------------------*/

.showamachi8_mv{
	position: relative;

	background: url("../images/showamachi8/mv_bg.jpg") center top repeat-x #fcf3d7;
	background-size: 1240px	 auto;

	/*background:#fcf3d7;*/

	padding-bottom: 16px;
	margin-bottom: 70px;
	padding-top: 15px;
	padding-left: 15px;
}
.mv_point li{ float: left; }
.mv_tag{ position: absolute; }

	.mv_point li{
		width: auto;
		margin-left: 1%;
	}

@media print, screen and (min-width: 480px) {

	.mv_ttl{
		float: right;
		width: 32.33%;
		margin-right: 3.33%;
		padding-top: 25px;
		margin-bottom: 25px;
	}
	.mv_img{
		float: left;
		width: 60.83%;
		margin-bottom: 25px;
	}
	.mv_tag{
		top: 50%;
		right: 28%;
		width: 31.41%;
	}
	.mv_point{ padding-left: 0%; }
	.mv_point li{
		width: 23.41%;
		margin-left: 1%;
	}

}/*END*/

@media screen and (max-width: 768px) {

	.showamachi8_mv{ margin-bottom: 50px }
	.showamachi8_contents.showamachi8_mv_sp{
		padding-left: 0;
		padding-right: 0;
	}

}/*END*/

@media screen and (max-width: 479px) {

	.showamachi8_mv{
		padding: 25px 3.5% 15px 3.5%;
		text-align: center;
		margin-bottom: 30px;
	}
	.mv_ttl{
		width: 82%;
		margin-bottom: 15px;
	}
	.mv_img{
		width: 102%;
		margin-left: -2%;
		margin-bottom: 15px;
	}
	.mv_point{ margin-left: -1.5%; }
	.mv_point li{
		width: 48.5%;
		margin-left: 1.5%;
	}
	.mv_tag{
		top: 33%;
		left: -29%;
		width: 60%;
	}

}/*END*/


/*----------------------------------------
	区画図
----------------------------------------*/

.showamachi8_land{
	position: relative;
	text-align: center;
	margin-bottom: 60px;
}
.showamachi8_land_img02{ width: auto; }

.negmg_l{
margin-left:6%;
}

@media print, screen and (min-width: 480px) {

	.showamachi8_land_img01{
		position: absolute;
		top: 20px;
		left: 7%;
		width: 33.66%;
	}

}/*END*/

@media screen and (max-width: 768px) {

	.showamachi8_land_img02{ width: 100% }
	.showamachi8_land_img01{
		left: 0;
		width: 36%;
	}

}/*END*/

@media screen and (max-width: 479px) {

	.showamachi8_land_img01{
		width: 80%;
		padding-top: 20px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/


/*----------------------------------------
	交通アクセス
----------------------------------------*/

.access_fukidashi{
	display: block;
	margin: 0 auto 5px auto;
	width: auto;
}
.showamachi8_access_l{
	float: left;
	width: 39.16%;
}
.showamachi8_access_r{
	float: right;
	width: 57.08%;
}

@media screen and (max-width: 768px) {

	.access_fukidashi{ width: 18%; }

}/*END*/

@media screen and (max-width: 479px) {

	.access_fukidashi{ width: 38%; }


	.showamachi8_access_l{
	width: 100%;
	}
	.showamachi8_access_r{
	width: 100%;
	}


}/*END*/


/*----------------------------------------
	周辺環境
----------------------------------------*/

.showamachi8_location{
	/*background: url("../images/09_showamachi8/location_bg.jpg") center;
	background:#fffeea;*/
	padding: 30px 2.5% 5px 2.5%;
}
.showamachi8_location ul{ margin-left: -2%; }
.showamachi8_location li{
	float: left;
	width: 23.2%;
	margin-left: 1.8%;
	margin-bottom: 25px;
	text-align: center;
	color: #221714;
}
.showamachi8_location li img{ margin-bottom: 5px; }

@media screen and (max-width: 768px) {

	.showamachi8_location li{ font-size: 12px; }

}/*END*/

@media screen and (max-width: 479px) {

	.showamachi8_location{ padding: 12px 3% 5px 3%; }
	.showamachi8_location ul{ margin-left: -3%; }
	.showamachi8_location li{
		width: 47%;
		margin-left: 3%;
		margin-bottom: 10px;
	}
	.showamachi8_location li p{ line-height: 1.4; }
	.showamachi8_location li:nth-child(2n+1){ clear: both; }

}/*END*/


/*----------------------------------------
	物件概要
----------------------------------------*/

.showamachi8_outline{
	width: 100%;
	line-height: 1.6;
}
.showamachi8_outline th,
.showamachi8_outline td{
	border: 1px solid #3b3b3b;
	padding: 12px 2.5%;
	vertical-align: middle;
}
.showamachi8_outline th{
	background: #eaeaea;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
}

@media print, screen and (min-width: 769px) {

	.showamachi8_outline th{ width: 150px; }

}/*END*/

@media screen and (max-width: 768px) {

	.showamachi8_outline th,
	.showamachi8_outline td{
		display: block;
		border: none;
		padding: 5px 2.5%;
	}
	.showamachi8_outline th{ padding: 5px 2.5%; }
	.showamachi8_outline td{ padding: 8px 1% 14px 1%; }

}/*END*/


/*----------------------------------------
	お問合せ
----------------------------------------*/

.showamachi8_contact{
	/*background: #ffe6e9;*/
	padding-left: 2%;
	padding-right: 2%;
}
.showamachi8_contact a{
	display: block;
	margin-bottom: 20px;
}
.showamachi8_contact a img{
	/*height: 28px;*/
	vertical-align: middle;
	margin-right: 20px;
}

.showamachi8_contact .showamachi8_btn{
display: block;
width: 30%;
margin-left: 2%;
float: left;
font-size: 20px;
text-align: center;
color: #fff;
background: #f14a6d;
padding: 1em;
border:none;
border-radius: 30px;
}


@media print, screen and (min-width: 769px) {

	.showamachi8_contact{
		padding-top: 70px;
		padding-bottom: 50px;
	}
	.showamachi8_contact a{
		float: left;
		width: 31.33%;
		margin-left: 1%;
		margin-right: 1%;
	}

}/*END*/

@media screen and (max-width: 768px) {

	.showamachi8_contact{
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 30px;
		padding-bottom: 20px;
	}

}/*END*/

@media screen and (max-width: 479px) {

	.showamachi8_contact{
		padding-left: 4%;
		padding-right: 4%;
	}
	.showamachi8_contact a{
		display: block;
		margin-bottom: 15px;
	}

}/*END*/