@charset "utf-8";
/* CSS Document */

body  {
    font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	overflow-x:hidden;
	font-size:14px;
}
ul,ol{
	list-style-type:none;
	list-style:none;
}
a{text-decoration:none;}
a:hover{	opacity:0.8;}

.images img{	max-width:100%;}

.text-center{ text-align:center;}
.text-right{ text-align:right;}
.text-left{ text-align:left;}

.float_r{float:right;}
.float_l{float:left;}
.over_hidden{overflow:hidden;}

.margin0{ margin:0; }
.margin8{ margin:8px; }
.margin16{ margin:16px; }
.margin32{ margin:32px; }

.mar_t_16{ margin-top:16px; }
.mar_r_16{ margin-right:16px; }
.mar_l_16{ margin-left:16px; }
.mar_b_16{ margin-bottom:16px; }

.padding0{ padding:0; }
.padding8{ padding:8px; }
.padding16{ padding:16px; }
.padding32{ padding:32px; }

.border{	border:1px solid #ccc;}
.red{	color:#f00;}
.navy{	color:#036;}
.orange{　color:#F60;}

.clear{	clear:both;}

.linkbutton{
	width:150px;
	border:1px solid #ccc;
	box-shadow:4px 4px 8px #ccc;
}
.linkbutton a{	display:block;	padding:8px;}
.linkbutton a:hover{ background-color:#999; color:#fff;}

h1{
	font-size:1.2em;
	padding:16px;
	margin:8px 0;
	font-weight:normal;
	color:#333;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
}
h2{
	font-size:1.2em;
	color:#333;
	padding:8px;
	margin:32px 0 16px;
	font-weight:bold;
	background-color:rgba(200,200,200,0.5);
}
h2.free{
	border-bottom:1px solid #ccc;
	margin:4px 0 8px;
	padding:0;
	font-weight:normal;
	background-color:#FFFFFF;
}
h3{
	border-bottom:1px solid #ccc;
	margin:4px 0 8px;
}
h4{ border-left:2px solid #999; padding-left:8px; margin-bottom:8px;}

p{
	line-height:150%;
	letter-spacing:1px;
}
.tag{
	border-bottom:1px dashed #333;
	border-left:5px solid #900;
	color:#000;
	padding:8px;
	font-size:1.2em;
}
.price{
	color:#900;
	font-family:"ＭＳ Ｐ明朝";
}
.zei{
	color:#999;
	font-size:0.9em;
}

/*親要素にもリンク範囲を広げる*/
.hoge {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hoge a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

/*ヘッダー*/

.smanavi{
	display:none;
}

header{
	margin-bottom:16px;
}

.navwrap{
	width:960px;
	height:80px;
	margin:0 auto;
}
.navbox{
	float:left;
}
.navlogobox{
	width:310px;
	height:80px;
}

.sidebox{
	width:325px;
}
.sidebox ul li{
	float:left;
	line-height:48px;
	width:50%;
	text-align:center;
	padding:16px 6px;
	box-sizing:border-box;
	display:block;
}
.sidebox ul li p{
	border:1px solid #000;
	height:48px;
	margin:0;
	line-height:48px;
	letter-spacing:0;
}
.sidebox ul li p a{
	color:#000;
	display:block;
}
.navunderwrap{
	width:100%;
	background-color:#333;
}
.navunderbox{
	width:960px;
	margin:0 auto;
	height:40px;
}

.navunderbox p{
	float:left;
	width:33%;
	margin:0;
	line-height:40px;
	text-align:center;
}
.navunderbox p a{
	color:#fff;
}
/*ライトメイン*/
.rightmain{
	float:right;
	width:745px;
	margin-left:15px;
}


/*トップスライド*/
.mainview{
	max-width:1600px;
	height:260px;
	margin:0 auto 64px;
}
.smaslide{
	display:none;
}
/*メインコンテンツ*/
.wrap{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

.parent{
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
}

.child-pc-mp{
	float:left;
	width:50%;
	box-sizing:border-box;
}

.child-pc-m{
	float:left;
	width:50%;
	padding: 0.5em 0 0 0.5em;
	box-sizing:border-box;
}

.child-pc-m .timeline {
	width: 100%;
	box-sizing:border-box;
}

.child-pc-m .timeline dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
	padding-top: 0.5em;
}

.child-pc-m .timeline dl dt {
	width: 20%;
	padding: 0.5em 0 0 0.5em;
	box-sizing:border-box;
}

.child-pc-m .timeline dl dd {
	width: 80%;
	padding: 0.5em 0 0 0.5em;
	box-sizing:border-box;
}

.child-pc-3{
	float:left;
	width:33%;
	box-sizing:border-box;
}
.child-pc-4{
	float:left;
	width:25%;
	box-sizing:border-box;
}
/*パンくずリスト*/
ol.topicPath {
margin: 16px 0;
padding: 0;
list-style-type: none;
font-size: 1em;
}

ol.topicPath li {
display: inline;
}

ol.topicPath li a {
padding-right: 12px; /* ･・ｯ･ｨ･・｢､ﾎｱｦ･ﾑ･ﾇ･｣･ｰ */
color:#036;
text-decoration:underline;
}
/*サイドメニュー*/
.leftmenu{
	float:left;
	width:200px;
}

.cate ul li{
	height:30px;
	line-height:30px;
	border-bottom:1px dashed #ccc;
}

.infocate ul li{
	height:60px;
	margin:4px 0;
}
/*フッター*/
.footerwrap{
	width:100%;
	background-color:#333;
}
.footerbox{
	width:960px;
	margin:0 auto;
	height:40px;
}

.footerbox p{
	float:left;
	width:33%;
	margin:0;
	line-height:40px;
	text-align:center;
}
.footerbox p a{
	color:#fff;
}

.copy{
	text-align:center;
	margin:0 auto;
	line-height:20px;
	height:36px;
	background-color:#ccc;
	padding:8px 0;
}

/*商品一覧*/
.itemlink a{
	display:block;


	color:#000066;
	padding:4px;

	margin:4px 0 8px;
	font-size:1.1em;
	text-align:left;
	height:88px;
	overflow:hidden;
	
}
/*商品ページ*/
.namecatch{
	font-size:1.2em;
	color:#030303;
	font-weight:bold;
	margin-bottom:8px;
}
.memocatch{
	font-size:1em;
	line-height:180%;
	letter-spacing:1px;
	color:#363636;
	margin-bottom:32px;
}
.iteminfo table{
	border:1px solid #ccc;
}
.iteminfo table th{
	padding:8px;
	width:30%;
	border-right:1px solid #ccc;
	border-bottom:1px dashed #ccc;
	background-color:rgba(225,225,225,0.5);
}
.iteminfo table td{
	padding:8px;
	border-bottom:1px dashed #ccc;
}

.nagarebox{
	width:100%;
	margin:0 auto;
}
.nagarememo1{
	text-align:left;
	border-bottom:1px dotted #666;
	padding:0 8px 4px;
	height:30px;
	line-height:25px;
}
.nagarememo2{
	text-align:left;
	line-height:120%;
	letter-spacing:1px;
	padding:0 8px 8px;
}

/*フリーページ3　メディア紹介　フリーページ7　お墓の悩み抱えていませんか？*/
.mediabox{
	padding:8px;
	border:1px solid #ccc;
	clear:both;
}


/*フリーページ10　粉骨*/
.hunkotu table{
	width:100%;
}

.hunkotu table tr th{
	width:50%;
	padding:16px;
	color:#fff;
	background-color:#3e85ad;
	border:1px solid #ccc;
}
.hunkotu table tr td{
	width:50%;
	padding:16px;
	border:1px solid #ccc;
}
.kannren{
	position:absolute;
	padding:4px;
	color:#fff;
	text-align:center;
	width:90px;
	background-color:#3e85ad;
}

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

/*ヘッダー*/

.navwrap{
	width:100%;
}
.navlogobox{
	width:33%;
}
.sidebox{
	width:33%;
}
.sidebox ul li{
	width:50%;
}
.navunderbox{
	width:100%;
}
/*メインコンテンツ*/
.wrap{
	width:100%;
}
/*ライトメイン*/
.rightmain{
	width:553px;
}

/*トップスライド*/
.mainview{
	height:200px;
}
/*フッター*/
.footerbox{
	width:100%;
}
}
@media screen and (max-width: 767px){
.nofloat{
	float:none;
	width:100%;
}
/*ヘッダー*/
header{
	margin:0;
}
.sidebox{
	display:none;
}
header{
	width:100%;
	height:120px;
}
.navlogobox{
	width:100%;
	text-align:center;
}

/*スマホ版アコーディオン*/
label {
    padding: 10px 0;
    display: block;
    margin: 0;
	text-align:center;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: -120px 0 0 0px;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 4px;
	width:100%;
	border-bottom:1px solid rgba(256,256,256,0.3);
	margin:0 auto;
	background-color:rgba(100,100,100,0.9);
}
.menu li a{
	display:block;
	color:#fff;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 568px;
}
.smanavi{
	display:block;
	position:relative;
	z-index:9999;
}
.smanavi label{
	position:relative;
	top:-120px;
	left:0px;
	background-color:#fff;
	border:1px solid #000;
	padding:0;
	width:80px;
	height:80px;
	line-height:80px;
}
/*ライトメイン*/
.rightmain{
	float:none;
	width:100%;
	margin:0;
}
/*レフトメニュー*/
.leftmenu{
	display:none;
}
/*メインコンテンツ*/

/*トップスライド*/
.mainview{
	height:600px;
	margin-bottom:0;
}
.pcslide{
	display:none;
}
.smaslide{
	display:block;
}

.child-pc-mp{
	float:left;
	width:100%;
	box-sizing:border-box;
}

.child-pc-m{
	float:left;
	width:100%;
	padding: 0.5em 0 0 0.5em;
	box-sizing:border-box;
}

.child-pc-m .timeline {
	width: 100%;
	box-sizing:border-box;
}

.child-pc-m .timeline dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
	padding-top: 0.5em;
}

.child-pc-m .timeline dl dt {
	width: 20%;
	padding: 0.5em 0 0 0.5em;
	box-sizing:border-box;
}

.child-pc-m .timeline dl dd {
	width: 80%;
	padding-bottom: 0.5em;
	box-sizing:border-box;
}

}

/* フリーページメインコンテナー */
.fm_container{
	margin: 1em auto 4em;
}

.fm_container p{
	line-height:2.2;
	padding-bottom: 1.5em;
}
.fm_container img{
	width:100%;
	margin: 16px auto;
}
.fm_container img.l40{
	width:40%;
	margin: 16px;
	float: left;
}
.fm_container img.r40{
	width:40%;
	margin: 16px;
	float: right;
}
@media screen and (max-width: 767px) {
.fm_container img.l40,.fm_container img.r40{
	width:100%;
	margin: 0 0 1em;
}
}

/* よくある質問 */
.fm_container .c_voice{
	margin: 0 auto 2em;
}
.fm_container .c_voice img{
	width:40%;
	margin: 16px;
	float: left;
	clear: both;
}
.fm_container .h_reply{
	margin: 2em auto 0;
	clear: both;
}

@media screen and (max-width: 767px) {
.fm_container .c_voice img{
	width:100%;
	margin: 0 0 1em;
}
}

/* よくある質問 */
.faq-question {
	display: block;
	cursor: pointer;
	margin-left: 1.5em;
	text-decoration: none !important;
}
.faq-question::before {
	content: "Q. ";
	font-weight: bold;
	color: #8A3434;
	margin-left: -1.5em;
}
.faq-answer {
	display: none;
	padding: 10px;
	border-left: 3px solid #ccc;
	background: #fafafa;
	margin-bottom: 1.5em;
}
a.faqback {
	display: block;
	text-align: right;
	text-decoration: none;
}

/*よくある質問の喉仏について*/
.nodobotoke{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 1em auto;
    justify-content: center;
    gap: 16px;
}
.hinoki{
	width: 45%;
	text-align: center;
}
@media screen and (max-width: 767px) {
.hinoki{
	width: 95%;
	text-align: center;
}
}

/* 母がしていた父の手元供養はどうすればいい？ */
.hahachichi .kotsutsubo-img{
	width:40%;
	margin: 16px;
	float: right;
}

@media screen and (max-width: 767px) {
.hahachichi .kotsutsubo-img{
	width:100%;
	margin: 0 0 1em;
}
}
/* 手元供養の需要は本当に増えてきているの？ */
.temoto-fueteru p{
	line-height:2.2;
	padding-bottom: 1.5em;
}

/******************************/
/* YouTube埋め込み用時レスポンシブ用 */
/******************************/
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}