e@charset "utf-8";

html {
	font: 20px/150% "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
body {
	color: #000;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:150%;
}
* html body {  
	font-size:small;  
	font:x-small;/*--標準準拠モード時は不要--*/  
}  
  
*:first-child+html body {  
	font-size:small;  
	font:x-small;/*--標準準拠モード時は不要--*/  
} 
.txthide {
	display: none;
}
img{
	width:100%;
	max-width: 100%;
	height: auto;
}

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

#wrapper {
	width: 100%;
	position:relative;
	font-size:90%;
}

table{
	font-size:90%;
}
table , td, th {
	border: 1px solid #ccc;
	border-collapse: collapse;
}


/* ヘッダ---------------------------------------------------- */

.gheader{
	width:94%;
	line-height:0%;
	position:fixed;
	height:55px;
	text-align:center;
	padding:0 3%;
	top:0;
	left:0;
	background:url(../images/sp/bg_header.jpg) repeat-x;
	z-index:1000;
	border-top:solid 3px #006331;
}
.gheader .inner{
	display:table;
}
.gheader .logo{
	display:table-cell;
	height:55px;
	vertical-align:middle;
	width:40%;
}

.gheader .icon_nav{
	position:absolute;
	top:10px;
	right:3%;
	width:35px;
}
.gheader .icon_nav img{
	height:35px;
}

/* gnav
------------------------------------------------- */

.gnav{
	width:50%;
	position:fixed;
	top:0;
	right:-56%;
	background:url(../images/sp/bg_nav.png);
	padding:15px 3%;
	z-index:1001;
	transition: 1s;
}
.gnav ul li{
	border-bottom:dotted 1px #fff;
	font-weight:bold;
	font-size:110%;
}
.gnav ul li a{
	display:block;
	width:95%;
	color:#fff;
	background:url(../images/sp/icon_arrow01.png) no-repeat left center;
	background-size:3% auto;
	padding:10px 0 10px 6%;
}

.gnav .icon_close{
	width:15%;
}

.gnav_on{
	transition: 1s;
	right:0;
}


/* content----------------------------------------------------- */

.meta_area{
	margin-left:3%;
	margin-right:3%;
	margin-bottom:10px;
}
.meta_area p{
	display:none;
}

.content{
	margin-left:3%;
	margin-right:3%;
}
.contentR .side_none{
	display:none;
}
.bread{
	display:none;
}
.ttl_bd{
	font-size:110%;
	color:#006331;
	border-bottom:solid 2px #006331;
	padding-bottom:5px;
}
.ttl_bg{
	background:#006331;
	color:#fff;
	font-size:110%;
	padding:7px 3%;
}
.ttl_circle{
	font-size:105%;
	color:#006331;
	background:url(../images/icon_circle01.png) no-repeat left 2px;
	background-size:auto 18px;
	padding-left:25px;
}

.mgt01{
	margin-top:15px;
}
.mgt02{
	margin-top:20px;
}
.mgb01{
	margin-bottom:20px;
}
.mgb02{
	margin-bottom:15px;
}

.txtmg01{
	margin-top:15px;
	margin-bottom:15px;
}

.page_link{
	padding-top:65px;
	margin-top:-65px;
}

.unei_top{
	padding-top:65px;
}


/* main----------------------------------------------------- */

.main_img{
	width:100%;
	margin-top:55px;
	margin-bottom:10px;
}
.main_img p{
	width:100%;
	text-indent:-9999px;
	height:0px;
	padding-top:37.6%;
}
.top_main{
}
.top_main p{
	background:url(../images/sp/index_main.jpg) no-repeat;
	background-size:contain;
}
.column_main p{
	background:url(../images/sp/column_main.jpg) no-repeat;
	background-size:contain;
}
.about_main p{
	background:url(../images/sp/about_main.jpg) no-repeat;
	background-size:contain;
}
.price_main p{
	background:url(../images/sp/price_main.jpg) no-repeat;
	background-size:contain;
}
.tokyo_main p{
	background:url(../images/sp/tokyo_main.jpg) no-repeat;
	background-size:contain;
}

.kanto_main p{
	background:url(../images/sp/kanto_main.jpg) no-repeat;
	background-size:contain;
}





/* トップページ----------------------------------------------------- */

.toplink{
	margin-top:0px;
	line-height:0%;
	margin-bottom:15px;
}
.toplink li{
	width:48%;
	float:left;
	margin-bottom:10px;
}
.toplink li:nth-child(even){
	float:right;
}
.index_block01 .txt{
	margin-top:10px;
}
.index_block02{
	background:#F8FFDF;
	padding:15px 3%;
}
.index_block02 h3{
	font-size:105%;
	margin-top:15px;
	color:#006331;
	background:url(../images/icon_check.png) no-repeat left 2px;
	background-size:auto 18px;
	padding-left:25px;
}
/* トップページのp文章を消すタグ
.index_block02 p{
	display:none;
}
- */


/*トップページのオススメコラム*/
.recomend-column{
	margin:20px 0;
}
.top-links1 {
    background-color: #ffe;
    border: 1px solid #999;
    list-style: none;
    position: relative;
    margin-top: 0;
    padding: 1em 1em 1em;
}

.top-links1 a{
	text-decoration: underline;
}


/*トップ比較表*/
.table_hikaku{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
	padding:0;
	margin:5px 0;
}

.table_hikaku tr{
	border:1px solid #ddd;
	padding:5px;
}
.table_hikaku tr.table_jumokuso{
	background-color:#F8FFDF;
}

.table_hikaku th, table td{
	padding:10px;
	text-align:center;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.table_hikaku th{
	font-size:14px;
	letter-spacing:1px;
}

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

	.table_hikaku{
		border:0;
	}

	.table_hikaku thead{
		display:none;
	}

	.table_hikaku tr{
		margin-bottom:10px;
		display:block;
		border-bottom:2px solid #ddd;
	}

	.table_hikaku td{
		display:block;
		text-align:right;
		font-size:100%;
		border-bottom:1px dotted #ccc;
	}

	.table_hikaku td:last-child{
		border-bottom:0;
	}

	.table_hikaku td:before {
		content:attr(data-label);
		float:left;
		font-weight: bold;
	}
}





.index_block03{

}
.index_block03 article{
	margin-top:20px;
}
.index_block03 h3{
	font-size:105%;
	margin-top:15px;
	color:#006331;
	background:url(../images/icon_circle01.png) no-repeat left 2px;
	background-size:auto 18px;
	padding-left:25px;
	margin-bottom:10px;
}
.index_block03 .txt{
	display:none;
}

.index_price{
	background:#F8FFDF;
	color:#006331;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	padding:15px 0;
	line-height:180%;
}

.index_block04 article{
	margin-top:20px;
}
.index_block04 h3{
	color:#006331;
	font-size:105%;
	margin-bottom:10px;
	text-indent:-1em;
	margin-left:1em;
}
.index_block04 .img{
	margin-top:10px;
}
.index_block04 .check_area{
	border:solid 2px #B20000;
	padding:15px 3%;
	margin-top:15px;
}
.index_block04 h4{
	width:45%;
}
.index_block04 ul{
	padding-top:5px;
}
.index_block04 ul li{
	background:url(../images/icon_check.png) no-repeat left 2px;
	background-size:auto 15px;
	padding-left:25px;
	font-weight:bold;
	font-size:105%;
	margin-top:5px;
}
.index_block04 .txt{
	margin-top:15px;
}


/*OPEN予定の樹木葬紹介*/
.kazenooka_area{
	border:solid 2px #B20000;
	padding:15px 3%;
}
.kazenooka_area h2{
	background:#B20000;
	text-align:center;
	padding:5px 0;
	color:#fff;
	font-size:110%;
}

.kazenooka_area h3{
	font-size:105%;
	border-bottom:solid 2px #B20000;
	padding-left:5px;
	line-height:180%;
	padding-bottom:5px;
	padding-top:5px;
}
.kazenooka_area h3 span{
	color:#B20000;
	display:inline-block;
	margin-right:10px;
}
/*------OPEN予定の樹木葬紹介*/

.ranking_area{
	border:solid 2px #B20000;
	padding:15px 3%;
}
.ranking_area h2{
	background:#B20000;
	text-align:center;
	padding:10px 0;
	color:#fff;
	font-size:110%;
}
.ranking_area h2 span.icon{
	display:inline-block;
	background:url(../images/sp/icon_crown.png) no-repeat left 3px;
	background-size:30px auto;
	padding-left:40px;
}
.ranking_area h2 span.block{
	display:block;
}
.ranking_area article{
	margin-top:20px;
}
.ranking_area h3{
	font-size:105%;
	border-bottom:solid 2px #B20000;
	padding-left:35px;
	line-height:180%;
	padding-bottom:5px;
	padding-top:5px;
}
.ranking_area h3 span{
	color:#B20000;
	display:inline-block;
	margin-right:10px;
}
.ranking_area .no01{
	background:url(../images/no01.png) no-repeat left center;
	background-size:25px auto;
}
.ranking_area .no02{
	background:url(../images/no02.png) no-repeat left center;
	background-size:25px auto;
}
.ranking_area .no03{
	background:url(../images/no02.png) no-repeat left center;
	background-size:25px auto;
}
.ranking_area .no04{
	background:url(../images/no02.png) no-repeat left center;
	background-size:25px auto;
}
.ranking_area .img{
	margin:10px auto 0;
}
.ranking_area .detail_area{
	background:#F8FFDF;
	padding:10px 3%;
	margin-top:15px;
	margin-bottom:15px;
	font-size:110%;
}

.ranking_area .detail_area table{
	width:100%;
}
.ranking_area .detail_area table td,.ranking_area .detail_area table th{
	padding:5px 3%;
	border-bottom:solid 1px #ccc;
}
.ranking_area .detail_area table th{
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	background:#006331;
	color:#fff;
	width:18%;
}


.ranking_area .btn{
	width:50%;
	margin:15px auto 0;
}




.index_block11 h3{
	font-size:105%;
	margin-top:15px;
	color:#006331;
	background:url(../images/icon_circle01.png) no-repeat left 2px;
	background-size:auto 18px;
	padding-left:50px;
}


/*トップのリンクボタン*/
.top-linkbutton{
	text-align:center;
	margin-bottom:15px;
}
.top-linkbutton1  {
	display: inline-block;
	width: 300px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	font-size:110%;
	margin-bottom:5px;
	margin-right:5px;
}
.top-linkbutton1 ::before,
.top-linkbutton1 ::after {
	position: relative;
	z-index: -1;
	display: block;
	content: '';
}
.top-linkbutton1 ,
.top-linkbutton1 ::before,
.top-linkbutton1 ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.top-linkbutton1 {
	position: relative;
	background-color: #006331;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #0e8c73;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.top-linkbutton1:hover {
	background-color: #F8FFDF;
	box-shadow: 0 3px 0 #23a188;
}
.top-linkbutton1:active {
	top: 3px;
	box-shadow: none;
}





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


.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right:3%;
	cursor:pointer;
	width:10%;
}

.footnav{
	margin-top:20px;
	margin-left:3%;
	margin-right:3%;
}
.footnav ul li{
	float:left;
	width:48%;
	margin-bottom:10px;
	font-size:90%;
}
.footnav ul li:nth-child(even){
	float:right;
}
.footnav ul li:last-child{
	display:none;
}
.footnav ul li a{
	display:block;
	padding:7px 0 7px 14%;
	background:url(../images/sp/icon_arrow01.png) no-repeat 5% center #006331;
	background-size:5% auto;
	color:#fff;
}
.gfooter{
	text-align:center;
	padding-top:5px;
	font-size:60%;
}

.sp_unei{
	text-align:center;
}

/* qa----------------------------------------------------- */

.qa_cat{
	background:#F8FFDF;
	padding:15px 3%;
}
.qa_cat ul{

}
.qa_cat ul li{
	float:left;
	width:32%;
	margin-right:2%;
	text-align:center;
	margin-top:10px;
	font-size:90%
}
.qa_cat ul li:nth-child(3n){
	margin-right:0px;
}
.qa_cat ul li a{
	display:block;
	padding:7px 0;
	color:#fff;
	background:#006331;
}

.qa_list{

}
.qa_list article{
	margin-top:10px;
	border-bottom:dotted 1px #ccc;
	padding-bottom:10px;
}
.qa_list article .img{
	float:left;
	width:30%;
}
.qa_list article .txt_area{
	float:right;
	width:66%;
}
.qa_list article h3{
	font-size:110%;
	color:#006331;
	margin-bottom:10px;
}
.qa_list article .txt_area p{
}
@media screen and (min-width:768px){
.qa_list article .txt_area p{
	display:block;
}
}

.wp-pagenavi{
	text-align:center;
	padding-top:10px;
}
.wp-pagenavi a ,.wp-pagenavi span{
	display:inline-block !important;
	padding:2px 10px !important;
	background:#F8FFDF !important;
	margin:0 5px !important;
}

.wp-pagenavi span.current{
	background:#006331 !important;
	color:#fff !important;
	font-weight:bold !important;
}


/* 豆知識詳細----------------------------------------------------- */

.column_txt{
	margin-top:20px;
}
.column_txt h2{
	font-size:110%;
	color:#006331;
	border-bottom:solid 2px #006331;
	padding-bottom:5px;
	margin-bottom:15px;
}

.column_txt h3{
	background:#F8FFDF;
	font-size:110%;
	padding:5px 3%;
	margin-bottom:15px;
}
.column_txt p{
	margin-bottom:10px;
}
.column_txt ul{
	list-style-type: disc;
}

.column_txt ol{
	list-style-type: decimal;
}
.column_txt ul,.column_txt ol{
	margin-bottom:10px;
	margin-left:20px;
}

.btn_column{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

.column_txt a{
	text-decoration:underline;
	color:#006331;
}


/* 樹木葬とは----------------------------------------------------- */

.type_area{

}
.type_area article{
	margin-bottom:20px;

}
.type_area article h3{
	font-size:105%;
	color:#006331;
	background:url(../images/icon_circle01.png) no-repeat left 2px;
	background-size:auto 18px;
	padding-left:25px;
}

.type_item{
	background:#F8FFDF;
	padding:15px 3%;
}
.type_item .ttl_type{
	font-weight:bold;
	text-align:center;
	font-size:105%;
	color:#fff;
	background:#006331;
	padding:5px 0;
}
.type_item .img{
	margin:15px auto 0;
}
.type_item .detail_area{
	background:#fff;
	padding:15px 3%;
	margin-top:10px;
	margin-bottom:10px;
}
.type_item .btn{
	width:53%;
	margin:15px auto 0;
}

.type_item .detail_area table{
	width:100%;
}

.type_item .detail_area table td,.type_item .detail_area table th{
	padding:5px 3%;
	border-bottom:solid 1px #ccc;
}
.type_item .detail_area table th{
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	background:#006331;
	color:#fff;
	width:18%;
}


.about_other h3{
	font-size:105%;
	color:#006331;
	background:url(../images/icon_circle01.png) no-repeat left 2px;
	background-size:auto 18px;
	padding-left:25px;
}

.about_other article{
	margin-top:20px;
}

.about_other .img{
	margin:10px 0;
}


/*樹木葬とはのアンカーリンクボタン　他のページにも*/
.anker-linkbutton{
	position: relative;
	margin-bottom:30px;
	margin-top:10px;
}
.anker-linkbutton1  {
	display: inline-block;
	width: 150px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	font-size:110%;
	margin-right:5px;
	margin-bottom:10px;
}
.anker-linkbutton1 ::before,
.anker-linkbutton1 ::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.anker-linkbutton1 ,
.anker-linkbutton1 ::before,
.anker-linkbutton1 ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.anker-linkbutton1 {
	position: relative;
	background-color: #006331;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #0e8c73;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.anker-linkbutton1:hover {
	background-color: #F8FFDF;
	box-shadow: 0 3px 0 #23a188;
}
.anker-linkbutton1:active {
	top: 3px;
	box-shadow: none;
}

/* 樹木葬一覧----------------------------------------------------- */


.item_list article{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:dotted 1px #ccc;
}
.item_list .img{
	margin:10px auto 0;
}
.item_list .detail_area{
	background:#F8FFDF;
	padding:10px 3%;
	margin-top:15px;
	margin-bottom:15px;
	font-size:110%;
}

.item_list .detail_area table{
	width:100%;
}

.item_list .detail_area table td,.item_list .detail_area table th{
	padding:5px 3%;
	border-bottom:solid 1px #ccc;
}
.item_list .detail_area table th{
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	background:#006331;
	color:#fff;
	width:18%;
}

.item_list .btn{
	width:50%;
	margin:15px auto 0;
}

.pagebtm_txt{
	border:solid 1px #ccc;
	padding:10px 3%;
}

/* 樹木葬の費用----------------------------------------------------- */

.price_list{

}
.price_list dt{
	font-size:105%;
	color:#006331;
	background:url(../images/icon_circle01.png) no-repeat left 2px;
	background-size:auto 18px;
	padding-left:25px;
	font-weight:bold;
	margin-top:15px;
}
.price_list dd{
	padding-left:25px;
}
.price_other article .txt_area{
	padding:15px 3%;
	background:#F8FFDF;
	font-weight:bold;
	line-height:200%;
	margin-bottom:10px;
}

/* エディタカスタマイズ---------------------------------------------------- */

h3.fread {
    font-size: 105%;
    margin-top: 15px;
    color: #006331;
    background: url(../images/icon_circle01.png) no-repeat left 2px;
    background-size: auto 18px;
    padding-left: 25px;
    margin-bottom: 10px;
}


.sp-check{
  padding: 35px 5% 10px;
  position: relative;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
	border:solid 2px #B20000;
}

.sp-check::before{
	font-family: "FontAwesome" !important;
  font-size: 1.5rem;
	font-weight:bold;
	with:100%;
  position: absolute;
  top: 10px;
  left: 13px;
  color: #B20000;
	content: '\f0a4  Check Point';
}

.sp-check li {
	list-style-type:none !important;
    background: url(../images/icon_check.png) no-repeat left 2px;
    background-size: auto 15px;
    padding-left: 25px;
    font-weight: bold;
    font-size: 105%;
    margin-top: 5px;
}
.sp-check ul{
	margin-left:0px !important;
}

.bg-green {
    background: #F8FFDF;
    padding: 20px;
}

.sp-chain{
  padding: 45px 5% 10px;
  position: relative;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
	border:solid 2px #006331;
	background: #F8FFDF;
}

.sp-chain::before{
	font-family: "FontAwesome" !important;
  font-size: 1.5rem;
	font-weight:bold;
  position: absolute;
  top: 10px;
  left: 13px;
  color: #006331;
	content: '\f15c  関連記事';
	display:block;
	border-bottom:dotted 1px #006331;
	width:90%;
	padding-bottom:10px;
}
.sp-chain a{
	display:inline-block;
  padding: 20px 0px 0px 40px;
  position: relative;
  display: block;
}

.sp-chain a::before{
	font-family: "FontAwesome" !important;
  font-size: 25px;
	font-weight:bold;
  position: absolute;
  top: 20px;
  left: 13px;
  color: #006331;
	content: '\f0a9';
}

/* サイドカラム----------------------------------------------------- */

.ttl_side_qa{
	background:#006331;
	text-align:center;
	color:#fff;
	font-size:110%;
	padding:7px 0;
	margin-top:20px;
}


.ttl_side_site{
	margin-top:20px;
}
.side_site li{
	margin-top:20px;
	text-align:center;
}
.side_site li img{
	margin-bottom:5px;
}