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%;
}




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

.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 #661A00;
}
.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;
}

.pc_main{
	display:none;
}

/* 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;
}

.sp_nav{
	margin-bottom:10px;
}
.sp_nav ul li{
	float:left;
	width:48.5%;
}
.sp_nav ul li:nth-child(even){
	float:right;
}
.sp_nav ul li a{
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
	padding:15px 0;
	background:#661A00;
	margin-bottom:10px;
}


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

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

.content{
	margin-left:3%;
	margin-right:3%;
}
.contentR .side_pc_area{
	display:none;
}
.bread{
	display:none;
}
.ttl_bd{
	font-size:110%;
	color:#661A00;
	border-bottom:solid 2px #661A00;
	padding-bottom:5px;
	margin-bottom:15px;
}
.ttl_bg{
	background:#661A00;
	color:#fff;
	font-size:110%;
	padding:7px 3%;
	margin-bottom:15px;
}
.ttl_circle{
	font-size:105%;
	color:#661A00;
	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;
}

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

.unei_top{
	padding-top:65px;
}


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

.main_img{
	width:100%;
	margin-top:55px;
	margin-bottom:10px;
}

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

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

.side_qa{

}
.side_qa li{
	padding:10px 5%;
	background:url(../images/icon_arrow01.png) no-repeat left 15px;
	padding-left:5%;
	border-bottom:dotted 1px #661A00;
}
.side_qa li a:hover{
	text-decoration:underline;
}




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

.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:#FFF4F0;
	padding:15px 3%;
}
.index_block02 h3{
	font-size:105%;
	margin-top:15px;
	color:#661A00;
	background:url(../images/icon_circle01.png) no-repeat left 2px;
	background-size:auto 18px;
	padding-left:25px;
}
.index_block02 p{
	display:none;
}

.index_block03{

}
.index_block03 article{
	margin-top:20px;
}
.index_block03 h3{
	font-size:105%;
	margin-top:15px;
	color:#661A00;
	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:#FFF4F0;
	color:#661A00;
	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:#661A00;
	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;
}

.ranking_area{
	border:solid 2px #B20000;
	padding:15px 3%;
	margin-top:20px;
}
.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:#FFF4F0;
	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:#661A00;
	color:#fff;
	width:22%;
}
.ranking_area .detail_area table td{
	padding-left:5%;
}


.ranking_area .btn{
	width:86%;
	margin:15px auto 0;
	text-align:center;
}
.ranking_area .btn a{
	display:block;
	padding:10px 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:#661A00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:120%;
}





/* 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 #661A00;
	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:#FFF4F0;
	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:#661A00;
}

.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:#661A00;
	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:#FFF4F0 !important;
	margin:0 5px !important;
}

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


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

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

.column_txt h3{
	background:#FFF4F0;
	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:#661A00;
}

/*コラム内テーブル*/
table.budda {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.budda th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.budda td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*テーブル基本設定（コラム内）---------------------*/
.table_article table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;

}
.table_article td, th {
	padding: 3px;
	width: auto;
	min-width:100px;
	height: 25px;
}
.table_article th {
	background: #f0e6cc;
}
.table_article .even {
	background: #fbf8f0;
}
.table_article .odd {
	background: #fefcf9;
}

/* 納骨堂とは----------------------------------------------------- */

.type_area{

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

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

.type_item{
	background:#FFF4F0;
	padding:15px 3%;
}
.type_item .ttl_type{
	font-weight:bold;
	text-align:center;
	font-size:105%;
	color:#fff;
	background:#661A00;
	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:#661A00;
	color:#fff;
	width:18%;
}


.about_other h3{
	font-size:105%;
	color:#661A00;
	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;
}


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


.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:#FFF4F0;
	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:#661A00;
	color:#fff;
	width:30%;
}
.item_list .detail_area table td{
	padding-left:5%;
}

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

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

.item_list .btn{
	width:86%;
	margin:15px auto 0;
	text-align:center;
}
.item_list .btn a{
	display:block;
	padding:10px 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:#661A00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:120%;
}



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

.price_list{

}
.price_list dt{
	font-size:105%;
	color:#661A00;
	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:#FFF4F0;
	font-weight:bold;
	line-height:200%;
	margin-bottom:10px;
}

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

h3.fread {
    font-size: 105%;
    color: #661A00;
		/* 2017-10-31修正箇所（left 2px;） */
    background: url(../images/icon_circle01.png) no-repeat left center;
    background-size: auto 18px;
    padding-left: 25px;
    margin-bottom: 14px;
}


.sp-check{
  padding: 35px 5% 10px;
  position: relative;
  display: block;
  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-brown {
    background: #FFF4F0;
    padding: 20px;
}

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

.sp-chain::before{
	font-family: "FontAwesome" !important;
  font-size: 1.5rem;
	font-weight:bold;
  position: absolute;
  top: 10px;
  left: 13px;
  color: #661A00;
	content: '\f15c  合わせて読みたい';
	display:block;
	border-bottom:dotted 1px #661A00;
	width:90%;
	padding-bottom:10px;
}
.sp-chain a{
	display:inline-block;
  padding: 20px 0px 0px 40px;
  position: relative;
  display: block;
	text-decoration:underline;
}

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

.img_left{
	margin-bottom:10px;
}
.img_right{
	margin-bottom:10px;
}

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


/*170713トップ比較表*/
.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;
	}
}
/*トップ比較表　終了*/