/*
Last Updated: 2015-09-15
Author: minoura
*/

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

html{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-size:62.5%;
	color: #4e433b;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	background: #f7f6f0;
}
body{ font-size:1.4rem; font-size:1.4em; }
img{ vertical-align: bottom; }

a{ color:#ff737e; }
a:hover{ color:#ffb2b8; }

.text_red{ color:#da2805; }
.text_bold{ font-weight: bold; }
.text_normal{ font-weight: normal; }
.text_grn{ color:#009944; }
.text_pink{ color:#f1707d; }
.text_brown{ color:#968a7e; }

.text_10{ font-size:1.0rem; }
.text_11{ font-size:1.1rem; }
.text_12{ font-size:1.2rem; }
.text_13{ font-size:1.3rem; }
.text_14{ font-size:1.4rem; }
.text_16{ font-size:1.6rem; }
.text_18{ font-size:1.8rem; }
.text_21{ font-size:2.1rem; }
.text_22{ font-size:2.2rem; }
.text_24{ font-size:2.4rem; }
.text_26{ font-size:2.6rem; }

/*margin set*/
@media print, screen and (min-width: 769px) {

	.m_b5{ margin-bottom:5px !important; }
	.m_b8{ margin-bottom:8px !important; }
	.m_b10{ margin-bottom:10px !important; }
	.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_b100{ margin-bottom:100px !important; }

	.m_t5{ margin-top:5px !important; }
	.m_t8{ margin-top:8px !important; }
	.m_t10{ margin-top:10px !important; }
	.m_t15{ margin-top:15px !important; }
	.m_t20{ margin-top:20px !important; }
	.m_t25{ margin-top:25px !important; }
	.m_t30{ margin-top:30px !important; }
	.m_t40{ margin-top:40px !important; }
	.m_t45{ margin-top:45px !important; }
	.m_t50{ margin-top:50px !important; }
	.m_t60{ margin-top:60px !important; }
	.m_t70{ margin-top:70px !important; }

	.p_t10{ padding-top: 10px !important; }
	.p_t20{ padding-top: 20px !important; }
	.p_t25{ padding-top: 25px !important; }
	.p_t30{ padding-top: 30px !important; }
	.p_t35{ padding-top: 35px !important; }
	.p_t40{ padding-top: 40px !important; }
	.p_t50{ padding-top: 50px !important; }
	.p_t60{ padding-top: 60px !important; }
	.p_t70{ padding-top: 70px !important; }
	.p_t80{ padding-top: 80px !important; }

}/*END*/
@media screen and (max-width: 768px) {

	.m_b5{ margin-bottom:5px !important; }
	.m_b8{ margin-bottom:8px !important; }
	.m_b10{ margin-bottom:10px !important; }
	.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_b45{ margin-bottom:25px !important; }
	.m_b50{ margin-bottom:25px !important; }
	.m_b60{ margin-bottom:30px !important; }
	.m_b70{ margin-bottom:30px !important; }
	.m_b80{ margin-bottom:30px !important; }
	.m_b100{ margin-bottom:35px !important; }

	.m_t5{ margin-top:5px !important; }
	.m_t8{ margin-top:8px !important; }
	.m_t10{ margin-top:10px !important; }
	.m_t15{ margin-top:13px !important; }
	.m_t20{ margin-top:16px !important; }
	.m_t25{ margin-top:18px !important; }
	.m_t30{ margin-top:20px !important; }
	.m_t40{ margin-top:22px !important; }
	.m_t45{ margin-top:25px !important; }
	.m_t50{ margin-top:30px !important; }
	.m_t60{ margin-top:30px !important; }
	.m_t70{ margin-top:35px !important; }

	.p_t10{ padding-top: 10px !important; }
	.p_t20{ padding-top: 16px !important; }
	.p_t25{ padding-top: 18px !important; }
	.p_t30{ padding-top: 20px !important; }
	.p_t35{ padding-top: 20px !important; }
	.p_t40{ padding-top: 22px !important; }
	.p_t50{ padding-top: 25px !important; }
	.p_t60{ padding-top: 30px !important; }
	.p_t70{ padding-top: 30px !important; }
	.p_t80{ padding-top: 30px !important; }

}/*END*/



li{ list-style:none; }
.end{ border:none !important; }

.center{ text-align:center; }
.text_left{ text-align:left; }
.text_right{ text-align:right; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }


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

	.pc_clear{ clear:both; }
	.pc_none{ display: none;}
	p{ line-height:1.7; }
	.shadow{
		box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
		-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
		-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
	}
}/*END*/

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

	.tb_clear{ clear:both; }
	.tb_none{ display: none;}
	p{ line-height:1.4; }
	.shadow{
		box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
	}
}/*END*/

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

	.sp_clear{ clear:both; }
	.sp_none{ display: none;}
	.sp_center{ text-align: center; }

}/*END*/


/*----------------------------------------
	hover
----------------------------------------*/

.op:hover img,
.tokuchou li a:hover,
.top_news li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
}

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

	.op:hover img,
	.tokuchou li a:hover,
	.top_news li a:hover{
		-webkit-transition: opacity 0.1s ease-out;
		-moz-transition: opacity 0.1s ease-out;
		-ms-transition: opacity 0.1s ease-out;
		transition: opacity 0.1s ease-out;
	}

}/*END*/


/*----------------------------------------
	画像関係
----------------------------------------*/

img.respon{ width: 100%; }

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

	 img.tb_respon{ width: 100%; }
	 img.tb_respon90{ width: 90%; }
	 img.tb_respon85{ width: 85%; }
	 img.tb_respon80{ width: 80%; }
	 img.tb_respon75{ width: 75%; }
	 img.tb_respon70{ width: 70%; }
	 img.tb_respon65{ width: 65%; }
	 img.tb_respon60{ width: 60%; }
	 img.tb_respon55{ width: 55%; }
	 img.tb_respon50{ width: 50%; }
	 img.tb_respon45{ width: 45%; }
	 img.tb_respon40{ width: 40%; }
	 img.tb_respon35{ width: 35%; }
	 img.tb_respon30{ width: 30%; }
	 img.tb_respon25{ width: 25%; }
	 img.tb_respon20{ width: 20%; }
	 img.tb_respon10{ width: 10%; }
}

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

	 img.sp_respon{ width: 100%; }
	 img.sp_respon90{ width: 90%; }
	 img.sp_respon85{ width: 85%; }
	 img.sp_respon80{ width: 80%; }
	 img.sp_respon75{ width: 75%; }
	 img.sp_respon70{ width: 70%; }
	 img.sp_respon65{ width: 65%; }
	 img.sp_respon60{ width: 60%; }
	 img.sp_respon55{ width: 55%; }
	 img.sp_respon50{ width: 50%; }
	 img.sp_respon45{ width: 45%; }
	 img.sp_respon40{ width: 40%; }
	 img.sp_respon35{ width: 35%; }
	 img.sp_respon30{ width: 30%; }
	 img.sp_respon25{ width: 25%; }
	 img.sp_respon20{ width: 20%; }
	 img.sp_respon10{ width: 10%; }
}

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

	.img110{ width:110px; }
	.img115{ width:115px; }
	.img140{ width:140px; }
	.img145{ width:145px; }
	.img160{ width:160px; }
	.img165{ width:165px; }
	.img170{ width:170px; }
	.img180{ width:180px; }
	.img200{ width:200px; }
	.img225{ width:225px; }
	.img235{ width:235px; }
	.img250{ width:250px; }
	.img255{ width:255px; }
	.img260{ width:260px; }
	.img270{ width:270px; }
	.img280{ width:280px; }
	.img290{ width:290px; }
	.img300{ width:300px; }
	.img320{ width:320px; }
	.img330{ width:330px; }
	.img350{ width:350px; }
	.img340{ width:340px; }
	.img390{ width:390px; }
	.img400{ width:400px; }
	.img420{ width:420px; }
	.img430{ width:430px; }
	.img455{ width:455px; }
	.img520{ width:520px; }

}

/*----------------------------------------
	改行
----------------------------------------*/

@media print, screen and (min-width: 769px) {
	.pc_break span{ display:block; }
}
@media screen and (max-width: 768px) {
	.tb_break span{ display:block; }
}
@media screen and (max-width: 479px) {
	.sp_break span{ display:block; }
}

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

#pan_nav{
	font-size:1.3rem;
	padding:10px 0;
	color:#968a7e;
	background:#e0dad0;
	width:100%;
}
#pan_nav div{
	width: 1060px;
	padding:0 10px;
	margin: 0 auto;
}
#pan_nav a{
	color:#968a7e;
	text-decoration: none;
}
#pan_nav a:hover{ text-decoration: underline; }
.ttl{
	border-left: 4px solid #ff737e;
	font-size:1.6rem;
	padding: 5px 0 2px 12px;
	line-height: 1.4;
	letter-spacing: 1px;
}
.bg_white{
	width:100%;
	min-width: 1080px;
	background: #fff;
}

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

	#pan_nav{ display: none; }
	.bg_white{
		min-width: inherit;
	}
	.ttl{ padding: 3px 0 0 8px; }


}/*END*/


/*----------------------------------------
	layout
----------------------------------------*/

#container{ overflow: hidden; }
.content{
	width:1060px;
	padding: 0 10px;
	margin:0 auto;
	overflow: hidden;
}
.box_l,
.box_r{
	float: left;
	width: 510px;
	overflow: hidden;
}
.box_l{ margin-right: 40px; }


/*リスト3列*/
.list_3{ margin-left: -20px; }
.list_3 li{
	float: left;
	width: 340px;
	margin-left: 20px;
	margin-bottom: 15px;
}
.list_3 li p{ padding-top: 10px; }


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

	.content{
		width:100%;
		padding: 0 3%;
		box-sizing: border-box;
	}
	.box_l,
	.box_r{
		width: 49%;
	}
	.box_l{ margin-right: 2%; }
	.list_3{ margin-left: -2%; }
	.list_3 li{
		width: 31.3%;
		margin-left: 2%;
	}


}/*END*/

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

	.box_l,
	.box_r{
		float: none;
		width: 100%;
	}
	.box_l{ margin-right: 0; }
	.list_3{ margin-left: 0; }
	.list_3 li{
		width: 100%;
		margin-left: 0;
	}


}/*END*/


/*----------------------------------------
	btn
----------------------------------------*/

.pc_btn{
	display: block;
	color:#fff;
	text-decoration: none;
	text-align: center;
	background: url("../images/common/arrow_wh.png") no-repeat #ff737e;
	background-position: 15px 15px;
}
.btn110{
	display: inline-block;
	width: 102px;
	padding-left: 8px;
	background-position: 10px 8px;
}
.btn210{
	width: 200px;
	height: 28px;
	padding-top: 12px;
	padding-left: 10px;
}
.btn340{
	width: 330px;
	height: 28px;
	padding-top: 12px;
	padding-left: 10px;
}
.btn510{
	width: 500px;
	height: 33px;
	padding-top: 20px;
	padding-left: 15px;
	font-size:1.6rem;
	margin-left: auto;
	margin-right: auto;
	background-position: 20px 22px;
}
.pc_btn:hover{
	color:#fff;
	background: url("../images/common/arrow_wh.png") no-repeat #ffa8af;
	background-position: 15px 15px;
}
.btn110:hover{ background-position: 10px 8px; }
.btn510:hover{ background-position: 20px 22px; }

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

	.btn:before{
		content:attr(data-label);
	}
	.btn{
		display:block;
		cursor: pointer;
		height: 48px;
		padding-top: 10px;
		font-size:1.7rem;
		color: #fff;
		line-height: 1.42857;
		text-align: center;
		vertical-align: middle;
		text-decoration:none;
		box-sizing:border-box;
		margin: 0 auto;
		background: #ff737e;
	}
	.btn:hover{
		filter: alpha(opacity=60);
		-moz-opacity:060;
		opacity:0.60;
	}
	.w80{ width: 80%; }
	.w90{ width: 90%; }
	.w100{ width: 100%; }

}/*END*/

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

	.pc_btn{
		background-position: 10px 15px;
		text-align: left;
		font-family: helvetica;
	}
	.btn110{
		background-position: 8px 8px;
		padding-left: 15px;
		width: 87px;
	}
	.btn210,
	.btn340,
	.btn510{
		width: 100%;
		height: auto;
		padding: 12px 10px 12px 18px;
		box-sizing: border-box;
	}

}/*END*/


/*----------------------------------------
	header
----------------------------------------*/

header{
	width:100%;
	min-width: 1080px;
	border-top:5px solid #ffa6af;
}
#head_inner{
	position: relative;
	width: 1060px;
	padding: 0 10px;
	margin:0 auto;
	height: 175px;
}

/**/
.head_top{
	height: 35px;
	padding-top: 5px;
}
#head_inner h1{
	float: left;
	font-weight: normal;
	font-size:1.0rem;
	color:#ada8a4;
	letter-spacing: 1px;
}
.head_nav{ float: right; }
.head_nav li{
	float: left;
	margin-left:30px;
	padding-left: 15px;
	background: url("../images/common/arrow.png") no-repeat left 3px;
}
.head_nav li a{
	text-decoration: none;
	color:#4e433b;
	font-size: 1.3rem;
}
.head_nav li a:hover{ color:#ff737e;}

/**/
.head_logo{ height: 65px; }
.head_logo a,
.head_logo img{
	float: left;
}
.head_tel{ margin:0 35px 0 240px; }

/**/
nav{ position: relative; }
nav li{ float:left; }
nav li a{ display: block; }


@media print, screen and (min-width: 769px) {
	.toggle{ display: none; }
}/*END*/

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

	.head_nav,
	.head_contact,
	.head_tel,
	.main_menu img{
		display: none;
	}
	header{
		width:100%;
		min-width: inherit;
		padding: 0;
		box-sizing: border-box;
	}
	#head_inner{
		width:100%;
		height: auto;
		padding: 0;
	}
	.head_top{
		height: auto;
		padding: 0;
	}
	#head_inner h1{
		color:#7d7b72;
		margin:0;
		letter-spacing: 0;
		line-height: 1.2;
		padding:7px 0 3px 0;
		width: 68%;
		margin-left: 3%;
	}
	.head_logo{
		height:auto;
		width: 70%;
		padding: 0 3% 8px 3%;
		box-sizing: border-box;
	}
	.head_logo a,
	.head_logo img{
		float: none;
	}
	.head_logo a img{
		width: 95%;
		max-width: 260px;
	}
	.toggle{
		position: absolute;
		top:8px;
		right: 8px;
		width: 25%;
		height: 75px;
		padding-top: 25px;
		font-size:2.0rem;
		font-family: helvetica;
	}
	.main_menu a:before{
		content:attr(data-label);
		color:#4e433b;
	}
	nav{
		background: none;
		height: auto;
	}
	nav ul{
		width: 100%;
		padding: 0;
		display: none;
		border-top: 1px solid #cdcdcd;
	}
	nav li{
		float:none;
		border-bottom: 1px solid #cdcdcd;
	}
	nav li a{
		padding:15px;
		text-decoration: none;
		color:#4e433b;
	}

}/*END*/


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

#mv_top{
	position: relative;
	width: 100%;
	min-width: 1080px;
	height: 480px;
	background: #ebe9de;
	padding:10px 0;
}
#mv_under{
	position: relative;
	height: 140px;
	background: url("../images/common/mv_under_bg.jpg") no-repeat center;
	background-size: cover;
	width: 100%;
	min-width: 1080px;
}
#mv_under h1{
	width: 1030px;
	margin: 0 auto;
	padding-left: 50px;
}

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

	#mv_top{
		min-width: inherit;
		height: auto;
		overflow: hidden;
		background: #ebe9de;
		padding:8px 0;
	}
	#mv_under{
		height: 100px;
		min-width: inherit;
		overflow: hidden;
	}
	#mv_under h1{
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		padding-left: 4%;
	}
	#mv_under h1 img{
		height: 120px;
		margin-top: -10px;
	}


}/*END*/

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

	#mv_under{ height: 80px; }
	#mv_under h1 img{ height: 100px; }

}/*END*/


/*----------------------------------------
	カテゴリ
----------------------------------------*/

.cat_pink,
.cat_blue,
.cat_orange{
	display: inline-block;
	color:#fff;
	width: 115px;
	text-align: center;
	padding:2px 0 1px 0;
	font-size: 1.2rem;
	margin:0 20px;
}
.cat_pink{ background: #fb8f95; }
.cat_blue{ background: #64a4f7; }
.cat_orange{ background: #f6b04c; }

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

	.cat_pink,
	.cat_blue,
	.cat_orange{
		width: 80px;
		padding:4px 0 1px 0;
		margin:0 10px;
		vertical-align: top;
		line-height: 1;
	}

}/*END*/


/*----------------------------------------
	index.php
----------------------------------------*/

.pickup3,
.pickup4{
	margin-left: -5px;
}
.pickup3 li,
.pickup4 li{
	position: relative;
	float: left;
	margin-left: 5px;
	margin-bottom: 20px;
}
.pickup3 li div{
	position: absolute;
	text-align: center;
	width: 300px;
	left:30px;
	top:215px;
	letter-spacing: 1px;
}
.pickup3 li div p{ color: #401d00; }
.pickup3 li div h2{
	font-size:2.4rem;
	font-weight: normal;
}
.pickup4 li h2{
	position: absolute;
	text-align: center;
	width: 200px;
	left:30px;
	top:182px;
	letter-spacing: 1px;
	font-size:1.8rem;
	font-weight: normal;
	line-height: 1.2;
}
.pickup4 li h2.pt2{ top:175px; }
.bg_pink{
	width: 100%;
	min-width: 1080px;
	overflow: hidden;
	background: url("../images/common/bg_pink.gif") center;
}
.tokuchou{ margin-left: -35px; }
.tokuchou li{
	float: left;
	margin-left: 35px;
	margin-bottom: 20px;
}
.tokuchou li a{ text-decoration: none; }
.tokuchou li h2{
	font-weight: normal;
	font-size: 1.8rem;
	color:#ff737e;
	padding-left:50px;
	margin: 5px 0;
}
.tokuchou li p{
	color: #4e433b;
	padding-left:50px;
	width: 230px;
}
.sorosoro{
	background: url("../images/top/sorosoro_bg.jpg") right no-repeat #fff;
	background-size: cover;
	min-height: 420px;
	width: 100%;
	min-width: 1080px;
}
.sorosoro h1{
	font-size: 2.4rem;
	font-weight: normal;
	color:#ff737e;
}
.sorosoro_l{
	float: left;
	width: 700px;
}
.sorosoro_r{
	float: left;
	width: 360px;
}
.top_news{
	width: 100%;
	border:1px solid #d6d1bd;
	background: #fff;
}
.top_news ul{
	float: left;
	width: 840px;
	padding:10px 30px;
	border-right: 1px solid #e9e7e4;
}
.top_news li{
	padding:20px 0;
	border-bottom:1px dotted #7f7f7f;
	line-height: 1.6;
}
.top_news li:last-child{ border-bottom:none; }
.top_news li a{
	display: block;
	color:#4e433b;
	text-decoration: none;
}
.top_news a.news_more{
	float: left;
	display: block;
	text-align: center;
	color:#4e433b;
	padding: 90px 0;
	text-decoration: none;
	width: 142px;
}
.top_news a.news_more img{ vertical-align: middle; }
.top_news a.news_more:hover{ color:#ff737e; }
.news_ttl{
	display: inline-block;
	width: 600px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
}

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

	.pickup3,
	.pickup4,
	.tokuchou{
		margin-left: 0;
	}
	.pickup3 li,
	.pickup4 li,
	.tokuchou li{
		width:33%;
		margin-left: 0;
		text-align: center;
	}
	.pickup3 li img,
	.pickup4 li img{
		width: 100%;
	}
	.bg_pink{ min-width: inherit; }
	.pickup3 li div{
		width: 100%;
		left:0;
		top:inherit;
		bottom:5px;
		line-height: 1.4;
	}
	.pickup3 li div p{
		font-size:1.1rem;
		letter-spacing: 0;
	}
	.pickup3 li div h2{ font-size:1.5rem; }
	.pickup4 li h2{
		width: 100%;
		left:0;
		top:inherit;
		bottom:22px;
		font-size:1.5rem;
	}
	.pickup4 li h2.pt2{
		top:inherit;
		bottom:15px;
		line-height: 1.1;
	}
	.tokuchou li h2{
		font-weight: bold;
		font-size: 1.5rem;
		padding-left:0;
		margin:0 0 8px 0;
	}
	.tokuchou li p{
		padding:0 4%;
		width: 100%;
		box-sizing: border-box;
	}
	.tokuchou li img{ width: 90%; }
	.sorosoro{
		min-height: inherit;
		min-width: inherit;
		background-position: left top;
	}
	.sorosoro h1{
		font-size: 1.6rem;
		font-weight: bold;
	}
	.sorosoro_l{ width: 65%; }
	.sorosoro_r{ width: 35%; }
	.top_news ul{
		float: none;
		width: 100%;
		padding:10px 4%;
		box-sizing: border-box;
		border-right: none;
	}
	.top_news li{ padding:10px 0; }
	.top_news a.news_more{
		float: none;
		padding: 20px 0 20px 10px;
		text-decoration: none;
		width: 100%;
		border-top:1px solid #e9e7e4;
		box-sizing: border-box;
	}
	.top_news a.news_more img{ vertical-align: 1px; }
	.news_ttl{
		display: block;
		width: 95%;
	}

}/*END*/


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

	.pickup3 li,
	.pickup4 li,
	.tokuchou li{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.pickup3 li div{
		bottom:15px;
		letter-spacing: 1px;
		line-height: 1.6;
	}
	.pickup3 li div p{ font-size:1.4rem; }
	.pickup3 li div h2,
	.pickup4 li h2{
		font-size:2.2rem;
		bottom:45px;
	}
	.pickup4 li h2.pt2{ bottom:35px; }
	.tokuchou li h2{ font-size: 1.7rem; }
	.sorosoro{ background-position: right top; }
	.sorosoro_l,
	.sorosoro_r{
		float: none;
		width: 100%;
	}
	.sorosoro_r{ text-align: center; }
	.list_break{ display: block; }


}/*END*/


/*----------------------------------------
	about
----------------------------------------*/

.about_flow li{
	position: relative;
	background: #fff;
	border:1px solid #ccc9b9;
	padding:20px 30px;
	margin-bottom: 50px;
}
.about_flow li h2,
.about_flow li p,
.about_flow li .flow_img{
	float: left;
}
.about_flow li h2{
	width:320px;
	font-size:1.6rem;
	padding:10px 0;
	letter-spacing: 1px;
}
.about_flow li p.frame2{
	width:678px;
	padding:10px 0;
}
.about_flow li p.frame3{
	width:340px;
	padding:10px 0;
}
.about_flow li .flow_img{
	width:338px;
	text-align: center;
}
.about_flow li .f_arrow{
	position: absolute;
	display: block;
	left:50%;
	bottom:-35px;
}
.num_circle{
	display: inline-block;
	background: #ff737e;
	color:#fff;
	padding-top:8px;
	width: 30px;
	height: 22px;
	text-align: center;
	border-radius: 15px;
	vertical-align: middle;
	margin-right: 10px;
}

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

	.flow_break{
		display: block;
		margin-left: 40px;
	}

}/*END*/

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

	.about_flow li{
		padding:20px 15px;
		margin-bottom: 23px;
		box-sizing: border-box;
	}
	.about_flow li h2,
	.about_flow li p,
	.about_flow li .flow_img{
		float: none;
	}
	.about_flow li h2{
		width:100%;
		font-size:1.5rem;
		padding:0;
		line-height: 1.6;
		letter-spacing: 0;
		margin-bottom: 10px;
	}
	.about_flow li p.frame2{
		width:100%;
		padding: 0;
	}
	.about_flow li p.frame3{
		width:100%;
		padding: 0;
		margin-bottom: 15px;
	}
	.about_flow li .flow_img{ width:100%; }
	.num_circle{
		padding: 0;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		margin-right: 5px;
		vertical-align: top;
	}
	.about_flow li .f_arrow{
		width: 13px;
		bottom:-20px;
		left: 47%;
	}

}/*END*/


/*----------------------------------------
	墓石一覧
----------------------------------------*/

.stone_list{ margin-left: -20px; }
.stone_list li{
	float: left;
	margin-left: 20px;
	width: 250px;
	overflow: hidden;
	height: 280px;
}
.stone_list li p{
	text-align: center;
	padding-top: 8px;
	line-height: 1.2;
}
.stone_list li p span{ font-size: 1.2rem; }


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

	.stone_list{ margin-left: -2%; }
	.stone_list li{
		margin-left: 2%;
		margin-bottom: 15px;
		width: 48%;
		height: auto;
	}
	.stone_list li:nth-child(odd){ clear: both; }
	.stone_list li img{ width: 100%; }
	.stone_list li p{
		padding-top: 5px;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	.stone_list li p span{
		font-size: 1.1rem;
		display: block;
	}

}/*END*/


/*----------------------------------------
	よくあるご質問
----------------------------------------*/

.faq{
	background: #fff;
	border:1px solid #ccc9b9;
	margin-bottom: 20px;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.6;
}
.faq th,
.faq td{
	padding:20px 40px 20px 0;
	vertical-align: middle;
	width: 424px;
}
.faq th{
	text-align: left;
	font-size: 1.6rem;
}
.faq td.icon_q,
.faq td.icon_a{
	width: 55px;
	text-align: right;
	line-height: 1;
	padding:20px 10px 20px 0;
	font-size: 1.6rem;
}
.faq td.icon_q span,
.faq td.icon_a span{
	display: inline-block;
	color:#fff;
	padding-top:8px;
	width: 30px;
	height: 22px;
	text-align: center;
	border-radius: 15px;
	vertical-align: middle;
}
.faq td.icon_q span{ background: #ff737e; }
.faq td.icon_a span{ background: #50351f; }


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

	.faq th,
	.faq td{
		display: block;
		padding:10px;
		width: 100%;
		box-sizing: border-box;
	}
	.faq th{ font-size: 1.4rem; }
	.faq td.icon_q,
	.faq td.icon_a{
		width: 100%;
		text-align: left;
		padding:5px 10px;
		box-sizing: border-box;
		font-size: 1.4rem;
		background: #ccc9b9;
	}
	.faq td.icon_q span,
	.faq td.icon_a span{
		padding-top:6px;
		width: 24px;
		height: 18px;
		border-radius: 12px;
	}
	.faq td.icon_q span{
		background: #fff;
		color: #ff737e;
	}
	.faq td.icon_a span{
		background: #fff;
		color: #50351f;
	}

}/*END*/


/*----------------------------------------
	霊園
----------------------------------------*/

.cemetery_name_list{
	font-weight: normal;
	font-size: 2.6rem;
	text-align: center;
}
.cemetery_mv{
	width:100%;
	min-width: 1080px;
	background: #fff;
	text-align: center;
}
.cemetery_name_detail{
	border-bottom:1px dotted #7b7b78;
	padding-bottom: 15px;
}
.tokuten{
	background: #fff;
	border:1px solid #ccc9b9;
	padding:10px 15px;
}
.cemetery_point{
	background: #fff;
	border:1px solid #ccc9b9;
	padding:10px 20px;
}
.cemetery_point dt,
.cemetery_point dd{
	float: left;
	border-bottom: 1px dotted #7f7f7f;
}
.cemetery_point .end{ border-bottom: none; }
.cemetery_point dt{
	clear: both;
	font-weight: bold;
	width: 350px;
	font-size:1.6rem;
	padding-top:30px;
	height: 53px;
}
.cemetery_point dt span{
	display: inline-block;
	background: #ff737e;
	color:#fff;
	padding-top:8px;
	width: 30px;
	height: 22px;
	text-align: center;
	border-radius: 15px;
	vertical-align: middle;
	margin-right: 10px;
}
.cemetery_point dd{
	width: 668px;
	padding-top:38px;
	height: 45px;
}
/*ろくやおんのみ*/
.toubetsu{
	border:1px solid #ccc9b9;
	background: #fff;
	padding:15px 0;
	margin-bottom: 10px;
}
.toubetsu li{
	position: relative;
	float: left;
	border-right: 1px dotted #7f7f7f;
}
.toubetsu li:last-child{ border-right: none; }
.toubetsu li h3{
	position: absolute;
	top:10px;
	left: 130px;
	font-size: 1.6rem;
}
.toubetsu li p{
	position: absolute;
	top:25px;
	left: 130px;
}
.toubetsu li .gentei{
	position: absolute;
	display: inline-block;
	top:70px;
	left: 130px;
	color:#fff;
	font-size: 1.2rem;
	background: #fb8f95;
	text-align: center;
	padding:5px 0;
	width: 120px;
}
.eitai2{
	border:1px solid #ccc9b9;
	padding:0 20px;
}
.eitai2 li{
	border-bottom:1px dotted #7f7f7f;
	padding:20px 0;
}
.eitai2 li:last-child{ border-bottom: none; }
.eitai2 img{
	float: left;
	margin-right: 15px;
}
.eitai2 li div{
	float: left;
	width: 332px;
}
.eitai2 li div h3{
	font-size: 1.6rem;
	margin: 8px 0;
}
.eitai2 li div p{ line-height: 1.2; }


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

	.cemetery_name_detail{ padding-bottom: 10px; }
	.cemetery_data.box_l,
	.cemetery_data.box_r{
		width: 100%;
	}
	.cemetery_data.box_l{ margin-right: 0; }
	.cemetery_name_list{
		font-weight: bold;
		font-size: 1.8rem;
	}
	.cemetery_mv{ min-width: inherit; }
	.cemetery_map iframe{
		width:100%;
		height: 250px;
	}
	.cemetery_point{
		padding:10px 4%;
		box-sizing: border-box;
		line-height: 1.5;
	}
	.cemetery_point dt,
	.cemetery_point dd{
		float: none;
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
	.cemetery_point dt{
		border-bottom: none;
		font-size:1.5rem;
		padding:10px 0 2px 0;
	}
	.cemetery_point dd{ padding: 0 0 10px 0; }
	.cemetery_point .end{ border-bottom: none; }
	.cemetery_point dt span{
		padding-top:0;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		margin-right: 5px;
		vertical-align: top;
	}

	/*ろくやおんのみ*/
	.roku_teikyou{ font-size: 1.8rem; }
	.toubetsu li{
		width: 33%;
		box-sizing: border-box;
	}
	.toubetsu li h3{ left: 40%; }
	.toubetsu li p{
		position: static;
		margin-left: 6%;
		margin-top: 5px;
	}
	.toubetsu li .gentei{
		position: static;
		margin:0 5%;
		padding:5px;
		width: 90%;
		box-sizing: border-box;
	}
	.toubetsu li .text_22{ font-size: 1.6rem; }
	.eitai2{
		border:1px solid #ccc9b9;
		padding:0 10px;
		box-sizing: border-box;
	}
	.eitai2 li{
		padding:10px 0;
	}
	.eitai2 img{
		float: none;
		margin-right: 0;
	}
	.eitai2 li div{
		float: none;
		width: 100%;
	}
	.eitai2 li div h3{
		font-size: 1.4rem;
		margin: 10px 0 5px 0;
	}


}/*END*/


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

	/*ろくやおんのみ*/
	.toubetsu{ padding:15px 0 0 0; }
	.toubetsu li{
		float: none;
		width: 100%;
		margin-bottom: 20px;
		border:none;
	}
	.toubetsu li h3{ left: 40%; }
	.toubetsu li p{
		position: absolute;
		left: 40%;
		top:35px;
		margin-left: 0;
		margin-top: 0;
	}
	.toubetsu li .gentei{
		position: absolute;
		top:65px;
		left: 40%;
		width: 50%;
		margin-left: 0;
		margin-top: 0;
	}
	.toubetsu li .text_22{ font-size: 1.6rem; }

}/*END*/


/*----------------------------------------
	table
----------------------------------------*/

/*共通*/
.pt1,
.pt2{
	width: 100%;
	line-height: 1.8;
}
.pt1 th,
.pt1 td,
.pt2 th,
.pt2 td{
	border:1px solid #ccc9b9;
	font-weight: normal;
	padding:10px;
}

/*pt1*/
.pt1 th{ background: #f0eee4; }
.pt1 td{ background: #fff; }

/*pt2*/
.pt2 th{ background: #e1dfd5; }
.pt2 td{ background: #fff; }
.pt2 td.seichi{ background: #f0eee4; }


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

	.pt1 th,
	.pt1 td{
		display: block;
		text-align: left;
	}
	.pt1 th{
		padding:5px 10px;
	}

	.pt1 td{
		border-top:none;
		border-bottom:none;
	}
	.pt1 tr:last-child{ border-bottom:1px solid #ccc9b9; }


}/*END*/


/*----------------------------------------
	お問い合わせ
----------------------------------------*/

.contact th{
	text-align: left;
	padding:10px 25px;
}
.contact td.add{
	padding:3px 10px;
}
.contact td.add div{
	margin:10px 0;
}
.zip_btn{
	margin-left: 5px;
}
.check_btn{
	width: 220px;
	margin:0 auto;
}
.send_btn{
	margin:0 auto;
	width: 440px;
}
.send_btn a{
	float: left;
	margin:0 5px;
}

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

	.contact th{ padding:5px 10px; }


}/*END*/

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

	.check_btn,
	.send_btn{
		width: 100%;
		margin:0 auto;
	}
	.send_btn a{
		float: none;
		margin:0 0 15px 0;
	}


}/*END*/



/*----------------------------------------
	form
----------------------------------------*/

select,
textarea,
input[type="text"],
input[type="password"]{
	border:1px solid #ccc;
	padding:2px 5px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
input[type="checkbox"]{
	margin:0 5px 0 0;
}
input[type="button"]{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.f_pt1{ width:100px; }
.f_pt2{ width:300px; }
.f_pt3{ width:500px; }
.f_pt4{ width:610px; }

.t_pt1{
	width: 750px;
	height: 140px;
	font-size: 1.4rem;
}

/* kawai追記 */
.error{
	color:#da2805;
}


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

	select,
	textarea,
	input[type="text"],
	input[type="password"]{
		border:1px solid #ccc;
		padding:10px;
		border-radius: 5px;
		box-sizing: border-box;
		font-size: 1.6rem;
	}
	input[type="button"]{
		-webkit-appearance: none;
		border:1px solid #ccc;
		padding:11px 10px;
		border-radius: 5px;
		box-sizing: border-box;
		background: #eee;
		font-size:1.4rem;
	}
	select{
		-webkit-appearance:none;
		background: #fff;
	}
	.f_pt1{ width:50%; }
	.f_pt2,
	.f_pt3,
	.f_pt4{
		width:100%;
	}
	.t_pt1{
		width:100%;
		height: 120px;
	}

}/*END*/


/*----------------------------------------
	新着情報
----------------------------------------*/

.topics_post{
	float: left;
	width: 760px;
	margin-right: 30px;
}
.entry_frame{
	border:1px solid #ccc9b9;
	background: #fff;
	padding:25px 25px 10px 25px;
	margin-bottom: 20px;
}
.entry_frame h1{ margin-bottom: 8px; }
.entry_date{
	border-top:1px solid #ccc9b9;
	padding-top:15px;
	margin-bottom: 25px;
	color:#8a8480;
}
.entry_date span{
	vertical-align: 1px;
}
.entry_frame p{ margin-bottom: 15px; }
.entry_frame img{
	max-width: 708px;
	margin-bottom: 15px;
}
.topics_cat{
	float: left;
	width: 228px;
	border:1px solid #ccc9b9;
	background: #fff;
	margin-top: 85px;
	padding:30px 20px;
}
.topics_cat ul{ border-top:1px solid #ccc9b9; }
.topics_cat li{
	padding:17px 0 12px 15px;
	border-bottom: 1px dotted #7f7f7f;
	background: url("../images/common/arrow.png") no-repeat 2px 20px;
}
.topics_cat li a{
	display: block;
	text-decoration: none;
	color: #4e433b;
}
.topics_cat li a:hover{ color: #ff737e; }

/*pager*/
.pc_pager{
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	height:55px;
}
.pc_pager ul{
	position: relative;
	float: left;
	left: 50%;
}
.pc_pager li{
	position: relative;
	float: left;
	left:-50%;
	color:#4e433b;
	margin:0 3px 0 2px;
}
.pc_pager li a{
	display: block;
	text-decoration: none;
	padding:4px 6px;
	border:1px solid #4e433b;
	color:#4e433b;
	background: #fff;
}
.pc_pager li.active a,
.pc_pager li.prev a,
.pc_pager li.next a{
	background: #4e433b;
	color:#fff;
}
.pc_pager li a:hover{
	background:#988d84;
	border:1px solid #988d84;
}

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

	.topics_post{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.entry_frame{
		border:1px solid #ccc9b9;
		background: #fff;
		padding:15px 15px 0 15px;
	}
	.entry_frame img{
		max-width: 100%;
	}
	.entry_frame h1{
		font-size: 1.5rem;
	}
	.entry_date{
		padding-top:10px;
		margin-bottom: 15px;
	}
	.topics_cat{
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin-top: 0;
		padding:20px 15px;
	}
	.topics_cat .ttl{
		font-size: 1.5rem;
	}

	/*pager*/
	.sp_pager{
		background: #fff;
		border-radius: 5px;
		overflow: hidden;
	}
	.sp_pager a{
		display: block;
		float: left;
		width:50%;
		padding:15px 20px;
		box-sizing: border-box;
		color:#968a7e;
		text-decoration: none;
		border:1px solid #ccc9b9;
	}
	.sp_pager a.prev{
		text-align: left;
		border-radius: 5px 0 0 5px;
	}
	.sp_pager a.next{
		text-align: right;
		border-radius: 0 5px 5px 0;
		border-left: none;
	}
	.sp_pager a:hover{
		background: #ebe9de;
	}


}/*END*/


/*----------------------------------------
	サイトマップ
----------------------------------------*/

.sitemap li{
	padding-left: 20px;
	line-height: 2.5;
	font-size:1.6rem;
	background: url("../images/common/arrow.png") no-repeat 5px 16px;
}
.sitemap li a{
	display: block;
	text-decoration: none;
	color: #4e433b;
}
.sitemap li a:hover{ color:#fc5d6d; }
.sitemap li ul li{
	background: none;
	font-size:1.4rem;
	line-height: 1.8;
	padding-left:0;
}

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

	.sitemap li{
		font-size:1.4rem;
		border-bottom: 1px solid #ddd;
		padding: 7px 0 4px 20px;
		background-position: 7px 20px;
	}
	.sitemap li ul li{ border-bottom: none; }

}/*END*/


/*----------------------------------------
	プライバシーポリシー
----------------------------------------*/

.privacy ol{ margin-left: 20px; }
.privacy li{
	list-style: decimal;
	margin-bottom: 5px;
	line-height: 1.5;
}

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

	.privacy .ttl{ font-size: 1.5rem; }

}/*END*/


/*----------------------------------------
	footer
----------------------------------------*/

.foot_bnr{
	background: #ebe9de;
	width:100%;
	padding:30px 0;
}
.foot_bnr ul{ margin-left: -20px; }
.foot_bnr li{
	float: left;
	margin-left: 20px;
}
.foot_contact{
	background: url("../images/common/contact_bg.jpg") no-repeat center;
	background-size: cover;
	padding: 40px 0;
	min-width: 1060px;
}
.contact_bnr{
	background: url("../images/common/contact_bnr.jpg") no-repeat center;
	border:1px solid #d6d1bd;
	margin:0 auto;
	width: 703px;
	height: 192px;
	padding:30px 0 0 320px;
}
.contact_bnr h1{
	font-weight: normal;
	font-size:2.1rem;
}
.contact_bnr p{ line-height: 1.4; }

footer{
	position: relative;
	clear: both;
	background: #786d66;
	padding-top: 25px;
}
.foot_logo{
	float: left;
	width: 450px;
	margin-bottom: 25px;
}
.foot_nav{
	float: right;
	width: 610px;
}
.foot_nav li{
	float: left;
	margin-left:40px;
	margin-bottom: 10px;
}
.foot_nav li a{
	color:#c5beb9;
	text-decoration: none;
	font-size: 1.3rem;
}
.foot_nav li a:hover{
	color:#e6e1de;
	text-decoration: underline;
}
.copyright{
	min-width: 1080px;
	width:100%;
	background: #786d66;
	text-align: center;
	padding:10px 0;
	font-size:1.2rem;
	min-width: 1080px;
	letter-spacing: 1px;
	border-top:1px solid #645f5c;
	color:#c5beb9;
}
.page_top a{
	position: absolute;
	display: block;
	bottom:25px;
	right:25px;
	background: #24201e;
	padding-top: 20px;
	height: 30px;
	width: 50px;
	text-align: center;
	color:#cecac8;
	font-weight: bold;
	text-decoration: none;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: alpha(opacity=80);
	-moz-opacity:080;
	opacity:0.80;
}
.page_top a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:050;
	opacity:0.50;

}


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

	.foot_bnr ul{ margin-left: -2%; }
	.foot_bnr li{
		width: 31%;
		margin-left: 2%;
	}
	.foot_contact{
		padding: 20px 3%;
		min-width: inherit;
	}
	.contact_bnr{
		background-position:right;
		width: 100%;
		height: auto;
		padding:20px 4%;
		box-sizing: border-box;
	}
	.contact_bnr h1{
		font-weight: bold;
		font-size:1.6rem;
		line-height: 1.2;
	}
	footer{ padding-top: 0; }
	footer .content{ padding:0; }
	.foot_logo{
		float: none;
		width: 100%;
		text-align: center;
		margin:25px 0;
	}
	.foot_nav{
		float: none;
		width: 100%;
	}
	.foot_nav li{
		float: none;
		margin-left:0;
		margin-bottom: 0;
		border-bottom: 1px solid #90857e;
	}
	.foot_nav li a{
		display: block;
		padding:17px 3%;
	}
	.copyright{
		min-width: inherit;
		letter-spacing: 0;
		background: #ffa6af;
		color:#645f5c;
		border-top: none;
	}
	.page_top a{
		right:10px;
		bottom:45px;
	}

}/*END*/

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

	.foot_bnr{ padding:20px 0 10px 0; }
	.foot_bnr ul{ margin-left: 0; }
	.foot_bnr li{
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px
	}
	.contact_bnr{ background-size: cover; }
	.contact_bnr a.pc_btn{ font-size: 1.3rem; }


}/*END*/