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

.images img{
	max-width:100%;
}
.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; }
.mar_t_32{ margin-top:32px; }
.mar_b_32{ margin-bottom:32px; }

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

.border1{
	border:1px solid #ccc;
}
.border_b{
	border-bottom::1px solid #ccc;
}
.red{
	color:#f00;
	font-weight:bold;
}
.navy{
	color:#036;
}
.orange{
	color:#F60;
}

.bgblue{
	background-color:#3e85ad;
	color:#fff;
}
.clear{
	clear:both;
}

.section{
	margin:64px 0 32px;
}
.menuwrap{	
	position:absolute;
	z-index:9999;
}
/*.wrap{	
	top:100px;
	position:relative;
}*/

h1{
	font-size:1.5em;
	border-bottom:1px solid #ccc;
	padding:4px 0;
	margin:8px 0;
	font-weight:nomal;
}
h2,h3{
	font-size:1.5em;
	color:#333;
	padding:4px 0;
	margin:32px 0 16px;
	border-bottom:1px solid #ccc;
}

.linkcatch{
	border:2px dotted #ccc;
	margin:16px auto 0;
	width:100%;
	height:44px;
	line-height:44px;
	border-radius:4px;
}
.linkcatch a{
	display:block;
}
.linkcatch a:hover{
	background-color:#3e85ad;
	color:#fff;
}
.catch1{
	line-height:150%;
	letter-spacing:1px;
	font-size:1.2em;
}
.memo1{
	text-align:center;
	color:#363636;
	font-size:1.1em;
}
.price{
	color:#900;
	font-family:"ＭＳ Ｐ明朝";
}
.zei{
	color:#999;
	font-size:0.9em;
}

/*新着情報*/
.bar1{
	display:block;
	height:32px;
	line-height:32px;
	background-color:#3e85ad;
	color:#fff;
	margin:0;
	font-size:100%;
	text-align:center;
	vertical-align:text-top;
}
.newsline{
	text-align:center;
	line-height:200%;
	letter-spacing:1px;
}
.smabr{
	display:block;
}
.news{
	height:220px;
	overflow:auto;
}
.date{
	margin-right:8px;
	display:block;
	font-size:12px;
}
.blogname{
	font-size:14px;
}
/*ヘッダー*/
header{
	width:100%;
	height:100px;
	margin-bottom:16px;
	position:relative;
/*	background-color:#3f3f3f;*/
	background-color:#f4f4f4;
}
.navlogobox{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
}

.navcenterbox{
	position:absolute;
	top:0;
	right:200px;
	width:700px;
	height:100px;
}
.overmenu ul{
	height:50px;
	margin:0;
}
.overmenu ul li{
	float:right;
	margin:16px;
	font-size:14px;
}
.overmenu ul li a{
	color:#333;
}
.nav {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.nav li {
    list-style: none;
    float: left;
}
.nav li a {
    text-decoration: none;
    padding: 8px 12px;
    display: block;
}

.navrightbox{
	position:absolute;
	top:0;
	right:0;
	width:200px;
}
.navrightbox p{
	float:left;
	width:100px;
	margin:0;
}
/*.fixed{
	position:fixed;
	top:0;
	width:100%;
	z-index:10000;
}*/
/*アコーディオンメニュー*/
.smanavi{
	display:none;
}


#normal li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#normal li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}


.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 5px auto 5px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding:12px 0;
  color: #333;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  font-weight:bold;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
  border-bottom:1px dashed #3f3f3f;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  background: #fff;
  color:#000;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #fff;
  color:#333;
}
.dropmenu li a:hover{
  background: #fff;
  opacity:1.0;
}

/*全ページにお知らせボックス*/
.bird{
	position:absolute;
	top:112px;
	right:46px;
	z-index:9999;
}
.infobox{
	position:absolute;
	top:143px;
	right:-10px;
	width:12%;
}
.infobox p{
	border-radius:5px;
	height:30px;
	background-color:#fc0;
	margin:6px 0;
	font-size:12px;
	line-height:30px;
	text-align:center;
}
.infobox p a{
	display:block;
	color:#000;
	font-weight:bold;
}
.infobox p a:hover{
	color:#fff;
}

/*パンくずリスト*/
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;
}

/*フッター*/
.footwrap{
	width:100%;
	clear:both;
	position:relative;
	top:150px;
}

.footcatch1{
	border-bottom:1px solid #999;
	font-size:1.2em;
	font-weight:bold;
}
.footcatch2{
	border-bottom:1px dashed #ccc;
	padding:0 8px;
	color:#036;
	font-weight:bold;
}
.footcatch3{
	color:#900;
	font-weight:bold;
	text-align:center;
	line-height:200%;
}
.footmemo{
	padding:16px;
	line-height:150%;
}
.kouza1{
	background-color:#ccc;
	color:#333;
	padding:8px 0;
	margin:0;
}
.kouza2{
	border-bottom:2px dashed #ccc;
	margin-bottom:16px;
	padding:8px 0;
}

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

/*フリーページ5　ダイヤモンド*/
.dia table{
	width:100%;
	border:1px solid #ccc;
}
.dia table tr td{
	border-bottom:1px dashed #ccc;
	padding:8px;
	text-align:center;
}
.dia table tr th{
	border-bottom:1px dashed #999;
	padding:8px;
	text-align:center;
}

/*フリーページ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){
.pcnavi{
	display:none;
}
.navisma{
	width:100%;
}
/*ヘッダー*/
header{
	margin-bottom:82px;
}
.navlogobox{
	width:20%;
	height:100px;
}
.navcenterbox{
	right:300px;
	width:140px;
	height:100px;
}

.overmenu ul{
	height:100px;
}
.overmenu ul li{
	float:none;
	height:33px;
	padding:6px 0;
	line-height:21px;
	margin:0;
}
.navrightbox{
	top:0;
	right:100px;
	width:200px;
}
.navrightbox p{
	float:left;
	width:100px;
	margin:0;
}

/*全ページにお知らせボックス*/
.bird{
	position:absolute;
	top:110px;
	right:40%;
	width:20%;
	z-index:9999;
}
.infobox{
	position:absolute;
	top:140px;
	width:90%;
	left:5%;

}
.infobox p{
	height:30px;
	margin:6px 18px;
	line-height:30px;
	float:left;
	width:194px;
}
/*スマホ版アコーディオン*/
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: 100px 0 0 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 4px;
	width:60%;
	margin:0 auto;
	background-color:rgba(100,100,100,0.9);
}
.menu li a{
	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;
	top:0;
	right:15px;
	z-index:9999;
}
.smanavi label{
	background-color:#F69;
	width:100px;
	height:100px;
	position:absolute;
	top:0;
	right:0;
	line-height:100px;
	padding:0;
}
.wrap{	
	top:10px;
	position:relative;
}

.memo1{
	text-align:left;
}

}
@media screen and (max-width: 767px){
h1{
	font-size:16px;
}
/*ヘッダー*/
header{
	width:100%;
	height:100px;
}
.navlogobox{
	top:0;
	left:0;
	width:140px;
	height:100px;
}
.navlogobox img{
	width:140px;
}
.navcenterbox{
	right:0px;
	width:375px;
	top:62px;
}
.overmenu{
	display:none;
}
.overmenu ul{
	height:100px;
}
.overmenu ul li{
	float:left;
	text-align:center;
	margin:0;
	width:33%;
	font-size:13px;
}
.nav {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.nav li {
    list-style: none;
    float: left;
}
.nav li a {
    text-decoration: none;
    padding: 8px 12px;
    display: block;
}

.navrightbox{
	right:50px;
	width:100px;
}
.navrightbox p{
	float:left;
	width:50px;
	margin:0;
}
.navrightbox p img{
	width:50px;
}

.smanavi label{
	width:50px;
	height:50px;
	line-height:50px;
}
/*全ページにお知らせボックス*/
.bird{
	position:absolute;
	top:105px;
	right:15%;
}
.infobox{
	position:absolute;
	top:135px;
	left:0;
	width:100%;
}
.infobox p{
	height:24px;
	margin:6px 5px;
	line-height:24px;
	float:left;
	width:115px;
	font-size:10px;
}
}

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