@charset "utf-8";
/* ------------------------------------------------ */
/* 共通
/* ------------------------------------------------ */
* {
box-sizing: border-box;
}
/* 段落の基本スタイル */
p {
padding-bottom: 1.5em;
}
/* リンクの基本スタイル */
a {
color: #000;
text-decoration: none;
}
/* リンクにマウスが乗ったときのスタイル */
a:hover {
opacity: 0.9;
}
/* 画像の基本スタイル */
img {
border: none;
max-width: 100%;
height: auto;
vertical-align: middle;
}
/* パンくずリスト */
.breadcrumbs {
margin-bottom: 20px;
font-size: 13px;
}
/*スクロール　ふわっとでる
----------------------------------------------------------------------------------------------------------------------------------*/
.sa {
opacity: 0;
transition: all .5s ease;
} 
.sa.show {
opacity: 1;
transform: none;
} 
.sa--lr {
transform: translate(-100px, 0);
} 
.sa--rl {
transform: translate(100px, 0);
transition-duration: 1s;
} 
.sa--up {
transform: translate(0, 100px);
} 
.sa--down {
transform: translate(0, -100px);
} 
.sa--scaleUp {
transform: scale(.5);
} 
.sa--scaleDown {
transform: scale(1.5);
} 
.sa--rotateL {
transform: rotate(180deg);
} 
.sa--rotateR {
transform: rotate(-180deg);
}

/*マウスオーバーで画像拡大
----------------------------------------------------------------------------------------------------------------------------------*/
.scale {
width: 100%;
height: auto;
overflow: hidden;
}
.scale img {
-moz-transition: -moz-transform 0.9s linear;
-webkit-transition: -webkit-transform 0.9s linear;
-o-transition: -o-transform 0.9s linear;
-ms-transition: -ms-transform 0.9s linear;
transition: transform 0.6s linear;
}
.scale img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.1);
}

/*マウスオーバーで背景が黒
----------------------------------------------------------------------------------------------------------------------------------*/
.scale1{
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}
.scale1 img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.scale1:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*マウスオーバーで
----------------------------------------------------------------------------------------------------------------------------------*/
.sample-img {
  cursor: pointer;
  max-width: 500px;
  position: relative;
  width: 100%;
}
.sample-img img {
  height: auto;
  width: 100%;
}
.hover-mask {
  align-items: center; /* テキストの中央揃え */
  background: rgba(0, 0, 0, .5); /* マスクの色(黒の50%) */
  bottom: 0;
  color: #fff; /* テキストの色 */
  display: flex; /* テキストの中央揃え */
  height: auto;
  justify-content: center; /* テキストの中央揃え */
  left: 0;
  opacity: 0; /* 最初は透明(非表示) */
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .6s ease; /* ゆっくりopacityのみへ変化させる */
  width: 100%;
}
.hover-mask:hover {
  opacity: 1; /* hoverしたら透過しない(表示させる) */
}

/*=================================
複数画像流し
===================================*/
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider3 img {
width:100%;/*スライダー内の画像を横幅100%に*/
height:auto;
}
.slider3 .slick-slide {
margin:0 5px;/*スライド左右の余白調整*/
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（1025px以上）
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1025px), print {
/* PC専用コンテンツを表示 */
.pc {
display: block;
}
/* スマホ専用コンテンツを非表示 */
.sp {
display: none;
}
.tab {
display: none;
}
/* ページ全体の基本スタイル */
body {
color: #000;
font-size: 16px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
/* ページ全体を囲む枠 */
#wrapper {
position: relative;
margin: 0 auto;
width: 100%;
}

/* ------------------------------------------------ */
/* 改行brの代わり
/* ------------------------------------------------ */
.css-br::after {
content: "\A" ;
white-space: pre;
}
.sp-br::after {
display: none;
}

/* ------------------------------------------------ */
/* H1～H4
/* ------------------------------------------------ */
h1 {
position: absolute;
top:1px;
right: 30px;
color: #000;
font-size: 11px;
font-weight: normal;
margin: 0px 0 0 0px;
z-index: 99999;
}
h2 {
font-size: 36px;
font-weight: 500;
text-align:center;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.h2kasen {
font-size: 16px;
text-align:center;
margin: 10px 0 0px 0;
}
h3 {
text-align:center;
color: #000;
font-size: 40px;
font-weight: bold;
margin: 0px 0 0px 0;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
}
.h3text {
color: #000;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
text-align:center;
font-size: 16px;	/*文字サイズ*/
padding-top: 7px;
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {
width: 100%;
margin: 0 auto;
}
.header-area1 {
background-color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.header-tel {
position: absolute;
width:180px;
top:25px;
right: 30px;
}
.header-toi {
position: absolute;
width:180px;
top:25px;
right: 230px;
}

/* ロゴのスタイル */
.h-logo {
text-shadow: 1px 2px 3px #000;
}
.h-logo img {
width: 300px;
padding: 30px 0 30px 40px;
}
.h-logo1 {
display: none !important;
}

#kotei{
width: 100%;
top: 0;
left: 0;
background:#fff;
border-bottom: solid 1px #fff;
padding-top:5px;
opacity: 1;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.drawer_menu a {
	text-decoration: none;	
}
/* PC用ナビゲーション */
.drawer_menu #gNav {
	transform: translate(0);
	-ms-transform: translate(0);
	width: 100%;
	height: 50px;
	/* PC用メニュー高さ */
	position: relative;
	top: auto;
	right: auto;
	z-index: 100;
	margin-top:40px;	
	/* PC用メニュー背景色 */
}
.drawer_menu .drawer_nav {
	max-width: 100%;
	/* コンテンツ幅に合わせる */
	padding: 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	list-style-type: none;	
}
.drawer_menu .drawer_nav li {
	font-size: 15px;
	margin: 0 0 0 0;
	padding: 5px 25px 0 0;	
	height: 50px;
	/* PC用メニュー高さ */
	line-height: 50px;
	/* PC用メニュー高さ */
	/* PC用メニューボタン背景色 */
	text-align: center;
	list-style-type: none;
	color: #000;
}
.drawer_menu .drawer_nav li:hover {
	
	/* PC用メニューボタンマウスオーバー背景色 */
}
.drawer_menu .drawer_nav li a {
	color: #000;
	display: block;		
	/* PC用メニューボタン文字色 */
}
.drawer_menu .drawer_nav li a:hover {
		
	/* PC用メニューボタン文字色 */
}
/* PC非表示 */
.pc-hidden {
display: none;
text-align: center;
}
/* ドロップダウンメニュー2階層目 */
	.drawer_menu .drawer_nav li ul.second-level {
		visibility: hidden;
		list-style-type: none;
		position: absolute;
		z-index: 100;
		top: 0;
		margin: 0;
		padding-left: 0;
	}
	.drawer_menu .drawer_nav li:hover ul.second-level {
		visibility: visible;
		top: 50px;
		/* PC用メニューの高さに合わせる */
		transition: all .5s;
		-ms-transition: all .5s;		
	}
	.drawer_menu .drawer_nav li:hover ul.second-level li {
		width: 250px;
		/* ドロップダウンメニューボタン横幅 */
		height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
	}
	.drawer_menu .drawer_nav li:hover ul.second-level li a {
		display: block;
		background-color: #0A9444;
		opacity: 0.9;
		/* ドロップダウンメニューの文字の背景色 */
		color: #fff;
		/* ドロップダウンメニューの文字色 */
		text-decoration: none;
		line-height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
		font-size: 14px;
		border-top: 1px solid #fff;
		padding: 0 10px 0 10px;
	}
	.drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
		background-color: #076D33;
		/* ドロップダウンメニューマウスホバー背景色 */
	}
.drawer_menu .drawer_button {
color: #fff;
/* ハンバーガーメニュー文字色 */
display: none;
}
.touch-btn {
display: none;
}
.sp-menu {
display: none;
}
.sp-menu a {
display: none;
}

/* スクロールが200px過ぎると透明度1 */
.active {
opacity: 1;
transition: all 0.65s;
}

/* sns (sp) */
.h-sns {
display: none;
}
.h-sns-gazou {
display: none;
}

/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */
#contents {
width:100%;
margin-bottom: 0px;
}
.aka {
color: #ff0000;
}
.black {
color: #000000;
}
.white {
color: #ffffff;
}

/* -----スライダー----- */
#slider2 {
width:100%;
margin: 0px auto;
text-align:center;
}


/* -----イベント----- */
.top-ibent {
width:100%;
background:#fff;
padding: 0px 0 100px 0;
}
.top-ibent1 {
width: 100%;
margin: 0px auto;
text-align:center;
}


/* -----真心を込めたお墓作り----- */
.bg1 {
position: relative;
width:100%;
background:#fff;
padding: 100px 0 150px 0;
}
.main_visual1 {
width: 70%;
margin: 0px auto;
}
.bg1-flex{
width:100%;
display: flex;
justify-content: space-between;
margin: 50px 0px 0 0;
}
.bg1 li{
width : calc(100% / 3) ;
list-style:none;
margin: 0 70px 0 0;
}
.bg1 li:last-child{
margin: 0 0px 0 0px;
}
.bg1-title {
font-size:30px;
color: #fff;
background: #F8ACB5;
padding: 10px 20px;
border-radius: 7px;
text-align:center;
}
.bg1-text {
font-size:18px;
line-height: 40px;
margin-top: 10px;
padding-left:10px;
}


/* -----オーダーメイド施工事例のご紹介----- */
.bg2 {
position: relative;
width:100%;
background: #DFECDD;
padding: 150px 0 100px 0;
}
.main_visual2-1 {
width: 70%;
margin: 0px auto;
text-align:center;
}
.bg2-flex {
width:100%;
display: flex;
justify-content: space-between;
}
.bg2 .left{
width : 20%;
text-align:left;
}
.bg2 .center{
width : 60%;
}
.bg2 .right{
width : 20%;
text-align:right;
}
.bg2 .gazou{
width: 300px;
}

/* -----写真横流れ----- */
.bg3 {
position: relative;
width:100%;
background: #DFECDD;
padding: 0px 0 150px 0;
}
.main_visual3-1 {
width: 100%;
margin: 0px auto;
}

/*--------詳細ボタン1--------*/
.readmore1-c {
text-align:center;
}
.readmore1 {
display: inline-block;
margin: 100px 30px 0 0;
}
.readmore1 a {
text-decoration: none;
background: #0A9444;
color: #fff;
font-size: 13px;
padding: 15px 80px 15px 80px;
letter-spacing: 0.1em;
}
.readmore1 a:hover {
border: #6A5550 1px solid;
color: #000;
background: #fff;
}


/* 墓地紹介 */
.bg4 {
position: relative;
width:100%;
background-color: #fff;
padding: 150px 0 150px 0;
}
.main_visual4-1 {
margin: 0 auto;
width: 70%;
}
.bg4-flex{
display: flex;
justify-content: space-between;
width: 100%;
margin: 100px auto 0px auto;
}
.bg4-flex li{
list-style:none;
margin: 0px 50px 0px 0;
}
.bg4-flex li:last-child{
margin: 0 0px 0 0px;
}
.bg4-gazou1{

}
.bg4-gazou2{

}

/* -----新着情報----- */
.bg5 {
position: relative;
width:100%;
background-color: #f7f7f7;
padding: 150px 0 100px 0;
margin: 0px 0 0 0;
}
.main_visual5 {
margin: 0 auto;
width: 70%;
}
#new001 {
padding: 70px 0 0 0;
font-size:16px;
}
#new001 li {
font-size:15px;
text-align:left;
padding: 25px 0 25px 0px;
border-bottom: solid 1px #e5e5e5;
text-decoration: none;
}
#new001 li+ li {
border-top: solid 0px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
}
#new001 li a {
text-decoration: none;
}
.news-text {
font-size:15px;
}
.news-ao {
display: inline-block;
width:110px;
background:#F38695;
font-size:14px;
color:#fff;
text-align:center;
padding: 3px 12px;
margin: 0 20px 10px 0px;
}
.bg8-bg {
background: #FBF6F1;
padding: 0px;
text-align:center;
}
/* 一覧へ移動ボタン*/
.readmore3 {
text-align:right;
padding: 25px 0px;
}
.readmore3 a {
text-decoration: none;
margin-right: 15px;
font-size: 15px;
}
.readmore3 a:hover {
}


/* フッター */
footer {
width: 100%;
background: #88B97D;
color: #fff;
padding: 60px 0px 50px 0;
}
.f-waku {
width: 70%;
margin: 0 auto;
}
#fNav ul {
width: 100%;
display: flex;
justify-content: space-around;
}
/* メニューリストの共通スタイル */
#fNav li {
padding: 0 0px 0 0;
}
/* メニューリンクの共通スタイル */
#fNav a {
text-decoration: none;
padding:0px;
color: #fff;
font-size: 16px;
line-height: 25px;
}
.f-logo {
margin: 50px auto 30px auto;
width: 250px;
}
.f-map {
margin: auto;
width: 200px;
}

/* 著作権表記 */
#copyright {
font-size: 12px;
text-align:center;
padding: 50px 0 0px 0;
}

/* ------------------------------------------------ */
/*フッターボタン部分（スマホ固定）
/* ------------------------------------------------ */
#floatingmenu {
display: none;
}
.tel01{
display: none;
}
.mail{
display: none;
}
.br1{
display: none;
}

/* ------------------------------------------------------------------- */
/* ワードプレス 全ページテンプレート（page-〇〇〇.php等）
/* ------------------------------------------------------------------- */
/* 各ページのタイトル */
.tem-bg1 {
width:100%;
background: #fff;
padding: 0px 0 150px 0;
}
.tem_visual01 {
width: 65%;
margin: 150px auto 0px auto;
padding: 0px 0 0px 0;
}
.tem-h2 {
width:100%;
padding: 10px 30px;
position: absolute;
top: 53%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}
.tem-h2-1 {
padding: 10px 30px;
position: absolute;
top: 65%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}
.tem-text-e {
font-size: 14px;
color: #fff;
opacity: 1;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
line-height:15px;
text-align:center;
}
.tem-text {
font-size: 40px;
color: #fff;
opacity: 1;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
text-align:center;
text-shadow: 1px 2px 3px #000;
}

/* テンプレート用メイン画像 */
.tem-list-main1 {
background-image: url("img/tem4.jpg");
background-repeat: no-repeat;
background-position: 30% 52%;
background-size: cover;
width: 100%;
height: 250px;
position: relative;
z-index:20;
}
.tem-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.3;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------こだわり用メイン画像------------- */
.kodawari-list-main1 {
background-image: url("img/6.jpg");
background-repeat: no-repeat;
background-position: 30% 53%;
background-size: cover;
width: 100%;
height: 250px;
position: relative;
z-index:20;
}
.kodawari-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.3;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------お墓のお悩み用メイン画像------------- */
.nayami-list-main1 {
background-image: url("img/9.jpg");
background-repeat: no-repeat;
background-position: 30% 25%;
background-size: cover;
width: 100%;
height: 250px;
position: relative;
z-index:20;
}
.nayami-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.3;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------ショールーム用メイン画像------------- */
.buhhan-list-main1 {
background-image: url("img/10.jpg");
background-repeat: no-repeat;
background-position: 30% 50%;
background-size: cover;
width: 100%;
height: 250px;
position: relative;
z-index:20;
}
.buhhan-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.3;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* パンくずリスト */
.breadcrumbs6 {
position:relative;
z-index: 50;
width:100%;
background-color: #ececec;
padding: 10px 10px 10px 0px;
}
.breadcrumbs6-1 {
color: #000;
font-size: 13px;
text-decoration: none;
width:65%;
margin: 0 auto;
}
.breadcrumbs6 a {
color: #000;
text-decoration: none;
}


/* ------------------------------------------------ */
/* 新着・ブログ一覧ページ（archive.php）
/* ------------------------------------------------ */
/* お知らせ・ブログ一覧ページ用メイン画像 */
.news-list-main1 {
background-image: url("img/blog.jpg");
background-repeat: no-repeat;
background-position: 50% 60%;
background-size: cover;
width: 100%;
height: 250px;
position: relative;
z-index:20;
}
.news-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #0f2350;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#blobg4 {
width:100%;
background-color: #ececec;
padding: 50px 0 30px 0;	
}
#blo_visual4-1 {
display: flex;
display: -webkit-flex;						/* safari用 */
background-color: #ececec;
width: 65%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 70%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background-color: #ececec;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 30%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background-color: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 50px;
}
.blo-sen4 {
width:100%;
border: solid 1px #ccc;
margin: 0px 20px 40px auto;
padding: 20px 20px 10px 20px;
background: #fff;
}
/* パンくずリスト */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 0px;
font-size: 15px;

}
.date4 {
padding: 5px 0px 5px 0px;
font-size: 18px;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 5px 0px 5px 0px;
margin: 15px 0 0 0;
}

/* ------------------------------------------------ */
/* 新着・ブログページ詳細ページ（single.php）
/* ------------------------------------------------ */
#blobg7 {
width:100%;
background-color: #ececec;
padding: 50px 0 30px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
display: flex;
display: -webkit-flex;						/* safari用 */
background-color: #ececec;
width: 65%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 70%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background-color: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
#blo_visual7-3 {
width: 30%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background-color: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 50px;
}
.blobg77 {
width: 100%;
border: 1px solid #ccc;
background: #fff;
padding: 20px 20px 20px 20px;
margin: 0px 0 0px 0;
}
.time-h4 {
font-size: 13px;
padding:0px 0 0px 0;
margin: 0 0 20px 0;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.title-h4 {
font-size: 20px;
padding:0px 0 0px 0;
margin: 0 0 30px 0;
}
/* 投稿本文の枠 */
.content-h4 {
line-height: 35px;
font-size: 16px;
margin: 0px 0px 0px 0px;
}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 15px 15px 0;
width: 200px;
height: auto;
}


.blobg77-1 {

}
.blobg77-2 {
width: 80%;
background: #0D2048;
font-size: 15px;
padding: 10px 0 10px 10px;
margin: 0px 0;
color: #fff;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
}
/*パンくずリスト*/
.bread1 {
width:100%;
background-color: #fff;	
}
.bread2 {
width:60%;
background-color: #fff;
margin: 0px auto 0px auto;
padding: 30px 0 0px 0;
}
.breadcrumbs7 {
font-size: 13px;
}

/* 前・次 */
.pn {
display:flex;
justify-content: space-between;
width:100%;
text-align:center;
margin: 0 auto;
padding: 50px 0px 30px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 10px;
color: #fff;
background-color: #629A60;
}
.prev a {
text-decoration: none;
color: #fff;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0px 0 0px;
padding: 10px;
color: #fff;
background-color: #629A60;
}
.next a {
text-decoration: none;
color: #fff;
}
/* アイコンの色 */
.my-white{
color:#fff;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px 0px 0px 0px;
}
.sidebar-title {
background: #629A60;
font-size: 16px;
padding: 10px 0 10px 10px;
margin: 0px 0;
color: #fff;
text-align:left;
}
.textwidget {
padding: 0 8px;
}
#calendar_wrap {
text-align: center;
}
#calendar_wrap table {
margin-left: auto;
margin-right: auto;
}
#calendar_wrap table a {
text-decoration: underline;
color: #000;
}
#calendar_wrap table a:hover {
background-color: #eee;
color: #fff;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 10px 5px 10px 5px;
margin: 0 0 30px 0;
}
.sidebar-wrapper li {
border-bottom: solid 1px #ccc;
padding: 10px 0px 10px 0px;
margin: 0px 0 0 0;
}
.sidebar-wrapper li a {
font-size: 15px;
text-decoration:none;
display: block;
color: #000;
padding: 3px 0 3px 0px;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（567px以下）
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:567px) {

/* PC専用コンテンツを非表示 */
.pc {
display: none;
}
/* スマホ専用コンテンツを表示 */
.sp {
display: block;
}
.tab {
display: none;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
body {
color: #000;
font-size: 15px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
/* ページ全体を画面の横幅に合せる */
#wrapper {
width: 100%;
}
/* ------------------------------------------------ */
/* 改行brの代わり
/* ------------------------------------------------ */
.css-br::after {
display:none;
}
.sp-br::after {
content: "\A" ;
white-space: pre;
}
/* ------------------------------------------------ */
/* H1～H4
/* ------------------------------------------------ */
h1 {
display: none;
}	
h2 {
color: #000;
font-size: 22px;
text-align:center;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
padding: 0 5px;
}
.h2kasen {
display: none;
}
h3 {
text-align:center;
color: #000;
font-size: 24px;
margin: 0px;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
}
.h3text {
color: #000;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
text-align:center;
font-size: 15px;	/*文字サイズ*/
padding-top: 7px;
}
h4 {
margin: 0px 0 0px 0;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {
width: 100%;
margin: 0 auto;
}
.header-area1 {
margin: 0 0 0px 0;
}
.header-tel {
display: none;
}
.header-toi {
display: none;
}
/* ロゴのスタイル */
.h-logo {
display: none;
}
.h-logo img {
display: none;
}
.h-logo1 {
width:200px;
padding: 10px 0 15px 10px;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
padding-bottom:10px;
}
.fixed {    
top: 0;
width: 100%;
z-index: 10000;
}
/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.drawer_menu .drawer_button .drawer_bar {
	background-color: #fff;
	/* ハンバーガーメニュー三本線の色 */
	}
	
	.drawer_menu .drawer_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		background-color: rgba(51, 51, 51, 0.5);
		display: none;
		top: 0;
		left: 0;
	}
	.drawer_menu .drawer_button {
		display: block;
		background-color: #0A9444;
		color: #fff;
		border: none;
		padding: 5px;
		width: 50px;
		letter-spacing: 0.1em;
		cursor: pointer;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 1001;
		text-align: center;
		outline: none;
	}
	.drawer_menu .drawer_button.active .drawer_bar {
		width: 40px;
	}
	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(30deg);
		-ms-transform: rotate(30deg);
	}
	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}
	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
	}
	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}
	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}
	.drawer_menu .drawer_bar {
		display: block;
		height: 2px;
		margin: 8px 2px;
		transition: all 0.2s;
		transform-origin: 0 0;
		-ms-transform-origin: 0 0;
	}
	.drawer_menu .drawer_text {
		text-align: center;
		font-size: 10px;
	}
	.drawer_menu .drawer_close {
		letter-spacing: 0.08em;
		display: none;
	}
	.drawer_menu .drawer_menu_text {
		display: block;
	}
	.drawer_menu #gNav {
		width: 300px;
		height: 100%;
		transition: all 0.2s;
		transform: translate(300px);
		-ms-transform: translate(300px);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background-color: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}
	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin: 60px 0 0px 0;
	}
	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		line-height: 50px;
		/*  ドロワーメニューリスト項目高さ */
		position: relative;
		border-bottom: 1px solid #eee;
		padding-left: 20px;
	}
	.drawer_menu .drawer_nav li a {
		background-color: #fff;
		/* ドロワーメニューリスト背景色 */
		color: #000;
		/* ドロワーメニューリスト文字色 */
		display: block;
		text-decoration:none;
		text-align: left;
		
	}
	
	/* スマートフォン2階層目 */
	.drawer_menu .drawer_nav li:hover ul.second-level {
		
	}
	.drawer_menu .drawer_nav li ul.second-level {
		display: none;
		position: relative;
		padding: 0;
		z-index: 1001;
		
	}
	.drawer_menu .drawer_nav li ul.second-level li {
		height: auto;
		line-height: 30px;
		
		
	}
	.drawer_menu .drawer_nav li ul.second-level li a {
		padding: 10px 20px 10px 0px;
		
	}
		
	.drawer_menu #gNav.open {
		transform: translate(0);
		-ms-transform: translate(0);
	}
	.drawer_menu.left .drawer_button {
		right: auto;
		left: 32px;
	}
	.drawer_menu.left #gNav {
		transform: translate(-300px);
		-ms-transform: translate(-300px);
		right: auto;
		left: 0;
	}
	.drawer_menu.left #gNav.open {
		transform: translate(0);
		-ms-transform: translate(0);
	}
	.pc-hidden {
		text-align: center;
	}
	.touch-btn {
		color: #000;
		position: absolute;
		top: .25rem;
		right: 2%;
		display: block;
		z-index: 10;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
}

/* sns */
.h-sns {
text-align:center;
padding: 30px 0px 0px 0px;
}
.h-sns-gazou {
width: 75%;
padding: 20px 0px 0px 0px;
}

/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */
#contents {
width:100%;
margin-bottom: 0px;
}
.aka {
color: #ff0000;
}
.black {
color: #000000;
}
.white {
color: #ffffff;
}

/* -----イベント----- */
.top-ibent {
width:100%;
background:#fff;
padding: 0px 0 30px 0;
}
.top-ibent1 {
width: 100%;
margin: 0px auto;
text-align:center;
}
.top-ibent1 img{
 width: 100%;
 height: auto;
}

/* -----真心を込めたお墓作り----- */
.bg1 {
position: relative;
width:100%;
background:#fff;
padding: 70px 0 70px 0;
}
.main_visual1 {
width: 95%;
margin: 0px auto;
}
.bg1-flex{
width:100%;
margin: 30px 0px 0px 0;
}
.bg1 li{
list-style:none;
margin: 0 0px 30px 0;
}
.bg1 li:last-child{
margin: 0 0px 0 0px;
}
.bg1-title {
font-size:20px;
color: #fff;
background: #F8ACB5;
padding: 10px 10px;
border-radius: 7px;
text-align:center;
}
.bg1-text {
font-size:16px;
line-height: 40px;
margin-top: 10px;
padding-left:10px;
}


/* -----オーダーメイド施工事例のご紹介----- */
.bg2 {
position: relative;
width:100%;
background: #DFECDD;
padding: 70px 0 70px 0;
}
.main_visual2-1 {
width: 95%;
margin: 0px auto;
text-align:center;
}
.bg2-flex {
width:100%;
}
.bg2 .left{
width : 50%;
text-align:left;
}
.bg2 .center{
width : 100%;
margin: 20px 0 20px 0;
}
.bg2 .right{
width : 50%;
margin: 0 0 0 auto;
}
.bg2 .gazou{
width: 300px;
}

/* -----写真横流れ----- */
.bg3 {
position: relative;
width:100%;
background: #DFECDD;
padding: 0px 0 100px 0;
}
.main_visual3-1 {
width: 100%;
margin: 0px auto;
}

/*--------詳細ボタン1--------*/
.readmore1-c {
text-align:center;
}
.readmore1 {
display: inline-block;
margin: 70px 0px 0 0;
}
.readmore1 a {
text-decoration: none;
background: #0A9444;
color: #fff;
font-size: 13px;
padding: 15px 80px 15px 80px;
letter-spacing: 0.1em;
}
.readmore1 a:hover {
border: #6A5550 1px solid;
color: #000;
background: #fff;
}


/* 墓地紹介 */
.bg4 {
position: relative;
width:100%;
background-color: #fff;
padding: 70px 0 70px 0;
}
.main_visual4-1 {
margin: 0 auto;
width: 95%;
}
.bg4-flex{
width: 100%;
margin: 50px auto 0px auto;
}
.bg4-flex li{
list-style:none;
margin: 0px 0px 30px 0;
}
.bg4-flex li:last-child{
margin: 0 0px 0 0px;
}
.bg4-gazou1{

}
.bg4-gazou2{

}

/* -----新着情報----- */
.bg5 {
position: relative;
width:100%;
background-color: #f7f7f7;
padding: 70px 0 70px 0;
margin: 0px 0 0 0;
}
.main_visual5 {
margin: 0 auto;
width: 95%;
}
#new001 {
padding: 30px 0 0 0;
font-size:16px;
}
#new001 li {
font-size:15px;
text-align:left;
padding: 25px 0 25px 0px;
border-bottom: solid 1px #e5e5e5;
text-decoration: none;
}
#new001 li+ li {
border-top: solid 0px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
}
#new001 li a {
text-decoration: none;
}
.news-text {
font-size:15px;
}
.news-ao {
display: inline-block;
width:110px;
background:#F38695;
font-size:14px;
color:#fff;
text-align:center;
padding: 3px 12px;
margin: 0 20px 10px 0px;
}
.bg8-bg {
background: #FBF6F1;
padding: 0px;
text-align:center;
}
/* 一覧へ移動ボタン*/
.readmore3 {
text-align:right;
padding: 25px 0px;
}
.readmore3 a {
text-decoration: none;
margin-right: 15px;
font-size: 15px;
}
.readmore3 a:hover {
}

/* フッター */
footer {
width: 100%;
background: #88B97D;
color: #fff;
padding: 60px 0px 100px 0;
}
.f-waku {
width: 95%;
margin: 0 auto;
}
#fNav ul {
display:none;
}
/* メニューリストの共通スタイル */
#fNav li {
display:none;
}
/* メニューリンクの共通スタイル */
#fNav a {
display:none;
}
.f-logo {
margin: 0px auto 30px auto;
width: 200px;
}
.f-map {
margin: auto;
width: 150px;
}

/* 著作権表記 */
#copyright {
color:#fff;
font-size: 12px;
text-align:center;
padding: 50px 0 0px 0;
}

/* ------------------------------------------------ */
/*フッターボタン部分（固定）
/* ------------------------------------------------ */
#floatingmenu {
display: flex;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 2;
}
.tel{
width:50%;
}
.mail{
width:50%;
}
.br1{
display:none;
}

/* ------------------------------------------------ */
/* 各ページテンプレート
/* ------------------------------------------------ */
.tem-bg1 {
width:100%;
background: #fff;
padding: 0px 0 70px 0;
}
.tem_visual01 {
width: 95%;
margin: 0px auto 0 auto;
padding: 40px 0 0px 0;
}
.tem_visual02 {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0 0px 0;
}
/* 各ページのタイトル */
.tem-h2 {
width: 90%;
padding: 0px 0px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
line-height:25px;
}
.tem-h2-1 {
padding: 0px 0px;
position: absolute;
top: 65%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
line-height:25px;
}
.tem-text-e {
font-size: 12px;
color: #fff;
text-align:center;
}
.tem-text {
font-size: 24px;
color: #fff;
text-align:center;
text-shadow: 1px 2px 3px #000;
line-height: 30px;
}

/* テンプレート用メイン画像 */
.tem-list-main1 {
background-image: url("img/tem4.jpg");
background-repeat: no-repeat;
background-position: 50% 40%;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.tem-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.2;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------こだわり用メイン画像------------- */
.kodawari-list-main1 {
background-image: url("img/6.jpg");
background-repeat: no-repeat;
background-position: 30% 53%;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.kodawari-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.2;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------お墓のお悩み用メイン画像------------- */
.nayami-list-main1 {
background-image: url("img/9.jpg");
background-repeat: no-repeat;
background-position: 30% 25%;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.nayami-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.2;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------ショールーム用メイン画像------------- */
.buhhan-list-main1 {
background-image: url("img/10.jpg");
background-repeat: no-repeat;
background-position: 30% 50%;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.buhhan-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.2;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* パンくずリスト */
.breadcrumbs6 {
width:100%;
padding: 10px 10px 10px 10px;
background: #ececec;
}
.breadcrumbs6-1 {
font-size: 13px;
}
.breadcrumbs6 a {
color: #000;
text-decoration: none;
}


/* お知らせ・ブログ一覧ページ用メイン画像 */
.news-list-main1 {
background-image: url("img/blog-sp.jpg");
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.news-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.3;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#blobg4 {
width:100%;
background-color: #ececec;
padding: 30px 0 0px 0;	
}
#blo_visual4-1 {
background: #ececec;
width: 95%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 30px 0px 0px 0px;
padding: 0px 0 0px 0px;
}
.blo-sen4 {
width:100%;
border: solid 1px #ccc;
margin: 0px 0px 30px 0;
padding: 10px 10px 10px 10px;
background: #fff;
}
/* パンくずリスト */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 0px;
}
.date4 {
padding: 5px 0px 5px 0px;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin: 10px 0 5px 0;
}

/* ------------------------------------------------ */
/* 新着・ブログページ（single.php）
/* ------------------------------------------------ */

#blobg7 {
width:100%;
background-color: #ececec;
padding: 30px 0 30px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
background: #ececec;
width: 95%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#blo_visual7-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 0px;
}

.blobg77 {
width: 100%;
border: solid 1px #ccc;
font-size: 15px;
padding: 10px 10px 0px 10px;
margin: 0px 0 20px 0;
background: #fff;
}
.blobg77-1 {
width: 100%;
border-bottom: solid 1px #000;
font-size: 15px;
padding: 0px 0 0px 0px;

}
.blobg77-2 {
color: #fff;
font-size: 15px;
padding: 7px 7px 7px 10px;
margin: 10px 0;
width: 100%;
background: #0D2048;
}
.time-h4 {
font-size: 13px;
padding:0px 0 0px 0;
margin: 0 0 10px 0;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.title-h4 {
font-size: 16px;
padding:0px 0 0px 0;
margin: 0 0 25px 0;
}
/* 投稿本文の枠 */
.content-h4 {
line-height: 25px;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 0px 0px 0;
height: auto;
}
/* 前・次 */
.pn {
display:flex;
justify-content: center;
width:100%;
text-align:center;
margin: 0 auto 30px auto;
padding: 15px 0px 15px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 8px;
color: #fff;
background-color: #629A60;
}
.prev a {
text-decoration: none;
color: #fff;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0 0 10px;
padding: 8px;
color: #fff;
background-color: #629A60;
}
.next a {
text-decoration: none;
color: #fff;
}
/* アイコンの色 */
.my-white {
color:#fff;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px;
}
.sidebar-title {
background: #629A60;
font-size: 15px;
padding: 7px 7px 7px 10px;
margin: 0px;
color: #fff;
text-align:left;
font-weight: normal;
}
.textwidget {
padding: 0 8px;
}
#calendar_wrap {
text-align: center;
}
#calendar_wrap table {
margin-left: auto;
margin-right: auto;
}
#calendar_wrap table a {
text-decoration: underline;
color: #000;
}
#calendar_wrap table a:hover {
background-color: #eee;
color: #fff;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 0px 0px 20px 0px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 10px 0px 10px 5px;
}
.sidebar-wrapper li a {
display: block;
color: #000;
text-decoration: none;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ　スマホ横やタブレット等（568pxから1024pxまで）
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:568px) and (max-width:1024px) {
/* PC専用コンテンツを非表示 */
.pc {
display: none;
}
/* スマホ専用コンテンツを表示 */
.sp {
display: none;
}
.tab {
display: block;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
body {
color: #000;
font-size: 15px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
/* ページ全体を画面の横幅に合せる */
#wrapper {
width: 100%;
}
/* ------------------------------------------------ */
/* 改行brの代わり
/* ------------------------------------------------ */
.css-br::after {
display:none;
}
.sp-br::after {
content: "\A" ;
white-space: pre;
}
/* ------------------------------------------------ */
/* H1～H4
/* ------------------------------------------------ */
h1 {
display: none;
}	
h2 {
color: #000;
font-size: 22px;
text-align:center;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
padding: 0 5px;
}
.h2kasen {
display: none;
}
h3 {
text-align:center;
color: #000;
font-size: 24px;
margin: 0px;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
}
.h3text {
color: #000;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
text-align:center;
font-size: 15px;	/*文字サイズ*/
padding-top: 7px;
}
h4 {
margin: 0px 0 0px 0;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {
width: 100%;
margin: 0 auto;
}
.header-area1 {
margin: 0 0 0px 0;
}
.header-tel {
display: none;
}
.header-toi {
display: none;
}
/* ロゴのスタイル */
.h-logo {
display: none;
}
.h-logo img {
display: none;
}
.h-logo1 {
width:230px;
padding: 10px 0 15px 10px;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
padding-bottom:10px;
}
.fixed {    
top: 0;
width: 100%;
z-index: 10000;
}
/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.drawer_menu .drawer_button .drawer_bar {
	background-color: #fff;
	/* ハンバーガーメニュー三本線の色 */
	}
	
	.drawer_menu .drawer_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		background-color: rgba(51, 51, 51, 0.5);
		display: none;
		top: 0;
		left: 0;
	}
	.drawer_menu .drawer_button {
		display: block;
		background-color: #0A9444;
		color: #fff;
		border: none;
		padding: 5px;
		width: 50px;
		letter-spacing: 0.1em;
		cursor: pointer;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 1001;
		text-align: center;
		outline: none;
	}
	.drawer_menu .drawer_button.active .drawer_bar {
		width: 40px;
	}
	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(30deg);
		-ms-transform: rotate(30deg);
	}
	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}
	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
	}
	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}
	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}
	.drawer_menu .drawer_bar {
		display: block;
		height: 2px;
		margin: 8px 2px;
		transition: all 0.2s;
		transform-origin: 0 0;
		-ms-transform-origin: 0 0;
	}
	.drawer_menu .drawer_text {
		text-align: center;
		font-size: 10px;
	}
	.drawer_menu .drawer_close {
		letter-spacing: 0.08em;
		display: none;
	}
	.drawer_menu .drawer_menu_text {
		display: block;
	}
	.drawer_menu #gNav {
		width: 300px;
		height: 100%;
		transition: all 0.2s;
		transform: translate(300px);
		-ms-transform: translate(300px);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background-color: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}
	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin: 60px 0 0px 0;
	}
	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		line-height: 50px;
		/*  ドロワーメニューリスト項目高さ */
		position: relative;
		border-bottom: 1px solid #eee;
		padding-left: 20px;
	}
	.drawer_menu .drawer_nav li a {
		background-color: #fff;
		/* ドロワーメニューリスト背景色 */
		color: #000;
		/* ドロワーメニューリスト文字色 */
		display: block;
		text-decoration:none;
		text-align: left;
		
	}
	
	/* スマートフォン2階層目 */
	.drawer_menu .drawer_nav li:hover ul.second-level {
		
	}
	.drawer_menu .drawer_nav li ul.second-level {
		display: none;
		position: relative;
		padding: 0;
		z-index: 1001;
		
	}
	.drawer_menu .drawer_nav li ul.second-level li {
		height: auto;
		line-height: 30px;
		
		
	}
	.drawer_menu .drawer_nav li ul.second-level li a {
		padding: 10px 20px 10px 0px;
		
	}
		
	.drawer_menu #gNav.open {
		transform: translate(0);
		-ms-transform: translate(0);
	}
	.drawer_menu.left .drawer_button {
		right: auto;
		left: 32px;
	}
	.drawer_menu.left #gNav {
		transform: translate(-300px);
		-ms-transform: translate(-300px);
		right: auto;
		left: 0;
	}
	.drawer_menu.left #gNav.open {
		transform: translate(0);
		-ms-transform: translate(0);
	}
	.pc-hidden {
		text-align: center;
	}
	.touch-btn {
		color: #000;
		position: absolute;
		top: .25rem;
		right: 2%;
		display: block;
		z-index: 10;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
}

/* sns */
.h-sns {
text-align:center;
padding: 30px 0px 0px 0px;
}
.h-sns-gazou {
width: 75%;
padding: 20px 0px 0px 0px;
}

/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */
#contents {
width:100%;
margin-bottom: 0px;
}
.aka {
color: #ff0000;
}
.black {
color: #000000;
}
.white {
color: #ffffff;
}

/* -----真心を込めたお墓作り----- */
.bg1 {
position: relative;
width:100%;
background:#fff;
padding: 70px 0 70px 0;
}
.main_visual1 {
width: 95%;
margin: 0px auto;
}
.bg1-flex{
width:100%;
margin: 30px 0px 0px 0;
}
.bg1 li{
list-style:none;
margin: 0 0px 30px 0;
}
.bg1 li:last-child{
margin: 0 0px 0 0px;
}
.bg1-title {
font-size:20px;
color: #fff;
background: #F8ACB5;
padding: 10px 10px;
border-radius: 7px;
text-align:center;
}
.bg1-text {
font-size:16px;
line-height: 40px;
margin-top: 10px;
padding-left:10px;
}


/* -----オーダーメイド施工事例のご紹介----- */
.bg2 {
position: relative;
width:100%;
background: #DFECDD;
padding: 70px 0 70px 0;
}
.main_visual2-1 {
width: 95%;
margin: 0px auto;
text-align:center;
}
.bg2-flex {
width:100%;
}
.bg2 .left{
width : 30%;
text-align:left;
}
.bg2 .center{
width : 100%;
margin: 20px 0 20px 0;
}
.bg2 .right{
width : 30%;
margin: 0 0 0 auto;
}
.bg2 .gazou{
width: 200px;
}

/* -----写真横流れ----- */
.bg3 {
position: relative;
width:100%;
background: #DFECDD;
padding: 0px 0 100px 0;
}
.main_visual3-1 {
width: 100%;
margin: 0px auto;
}

/*--------詳細ボタン1--------*/
.readmore1-c {
text-align:center;
}
.readmore1 {
display: inline-block;
margin: 70px 0px 0 0;
}
.readmore1 a {
text-decoration: none;
background: #0A9444;
color: #fff;
font-size: 13px;
padding: 15px 80px 15px 80px;
letter-spacing: 0.1em;
}
.readmore1 a:hover {
border: #6A5550 1px solid;
color: #000;
background: #fff;
}


/* 墓地紹介 */
.bg4 {
position: relative;
width:100%;
background-color: #fff;
padding: 70px 0 70px 0;
}
.main_visual4-1 {
margin: 0 auto;
width: 95%;
}
.bg4-flex{
display: flex;
width: 100%;
margin: 50px auto 0px auto;
}
.bg4-flex li{
width: 50%;
list-style:none;
margin: 0px 10px 0px 0px;
}
.bg4-flex li:last-child{
margin: 0 0px 0 10px;
}
.bg4-gazou1{

}
.bg4-gazou2{

}

/* -----新着情報----- */
.bg5 {
position: relative;
width:100%;
background-color: #f7f7f7;
padding: 70px 0 70px 0;
margin: 0px 0 0 0;
}
.main_visual5 {
margin: 0 auto;
width: 95%;
}
#new001 {
padding: 30px 0 0 0;
font-size:16px;
}
#new001 li {
font-size:15px;
text-align:left;
padding: 25px 0 25px 0px;
border-bottom: solid 1px #e5e5e5;
text-decoration: none;
}
#new001 li+ li {
border-top: solid 0px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
}
#new001 li a {
text-decoration: none;
}
.news-text {
font-size:15px;
}
.news-ao {
display: inline-block;
width:110px;
background:#F38695;
font-size:14px;
color:#fff;
text-align:center;
padding: 3px 12px;
margin: 0 20px 10px 0px;
}
.bg8-bg {
background: #FBF6F1;
padding: 0px;
text-align:center;
}
/* 一覧へ移動ボタン*/
.readmore3 {
text-align:right;
padding: 25px 0px;
}
.readmore3 a {
text-decoration: none;
margin-right: 15px;
font-size: 15px;
}
.readmore3 a:hover {
}

/* フッター */
footer {
width: 100%;
background: #88B97D;
color: #fff;
padding: 60px 0px 100px 0;
}
.f-waku {
width: 95%;
margin: 0 auto;
}
#fNav ul {
display:none;
}
/* メニューリストの共通スタイル */
#fNav li {
display:none;
}
/* メニューリンクの共通スタイル */
#fNav a {
display:none;
}
.f-logo {
margin: 0px auto 30px auto;
width: 200px;
}
.f-map {
margin: auto;
width: 150px;
}

/* 著作権表記 */
#copyright {
color:#fff;
font-size: 12px;
text-align:center;
padding: 50px 0 0px 0;
}

/* ------------------------------------------------ */
/*フッターボタン部分（固定）
/* ------------------------------------------------ */
#floatingmenu {
display:none;
}
.tel{
display:none;
}
.mail{
display:none;
}
.br1{
display:none;
}

/* ------------------------------------------------ */
/* 各ページテンプレート
/* ------------------------------------------------ */
.tem-bg1 {
width:100%;
background: #fff;
padding: 0px 0 70px 0;
}
.tem_visual01 {
width: 95%;
margin: 0px auto 0 auto;
padding: 40px 0 0px 0;
}
.tem_visual02 {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0 0px 0;
}
/* 各ページのタイトル */
.tem-h2 {
width: 90%;
padding: 0px 0px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
line-height:25px;
}
.tem-h2-1 {
padding: 0px 0px;
position: absolute;
top: 65%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
line-height:25px;
}
.tem-text-e {
font-size: 12px;
color: #fff;
text-align:center;
}
.tem-text {
font-size: 24px;
color: #fff;
text-align:center;
text-shadow: 1px 2px 3px #000;
line-height: 30px;
}

/* テンプレート用メイン画像 */
.tem-list-main1 {
background-image: url("img/tem4.jpg");
background-repeat: no-repeat;
background-position: 50% 40%;
background-size: cover;
width: 100%;
height: 250px;
position: relative;
z-index:20;
}
.tem-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.2;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------こだわり用メイン画像------------- */
.kodawari-list-main1 {
background-image: url("img/6.jpg");
background-repeat: no-repeat;
background-position: 30% 53%;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.kodawari-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.2;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------お墓のお悩み用メイン画像------------- */
.nayami-list-main1 {
background-image: url("img/9.jpg");
background-repeat: no-repeat;
background-position: 30% 25%;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.nayami-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.2;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ----------ショールーム用メイン画像------------- */
.buhhan-list-main1 {
background-image: url("img/10.jpg");
background-repeat: no-repeat;
background-position: 30% 50%;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.buhhan-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.2;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* パンくずリスト */
.breadcrumbs6 {
width:100%;
padding: 10px 10px 10px 10px;
background: #ececec;
}
.breadcrumbs6-1 {
font-size: 13px;
}
.breadcrumbs6 a {
color: #000;
text-decoration: none;
}


/* お知らせ・ブログ一覧ページ用メイン画像 */
.news-list-main1 {
background-image: url("img/blog-sp.jpg");
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
z-index:20;
}
.news-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #006699;
opacity: 0.3;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#blobg4 {
width:100%;
background-color: #ececec;
padding: 30px 0 0px 0;	
}
#blo_visual4-1 {
background: #ececec;
width: 95%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 30px 0px 0px 0px;
padding: 0px 0 0px 0px;
}
.blo-sen4 {
width:100%;
border: solid 1px #ccc;
margin: 0px 0px 30px 0;
padding: 10px 10px 10px 10px;
background: #fff;
}
/* パンくずリスト */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 0px;
}
.date4 {
padding: 5px 0px 5px 0px;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin: 10px 0 5px 0;
}

/* ------------------------------------------------ */
/* 新着・ブログページ（single.php）
/* ------------------------------------------------ */

#blobg7 {
width:100%;
background-color: #ececec;
padding: 30px 0 30px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
background: #ececec;
width: 95%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#blo_visual7-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 0px;
}

.blobg77 {
width: 100%;
border: solid 1px #ccc;
font-size: 15px;
padding: 10px 10px 0px 10px;
margin: 0px 0 20px 0;
background: #fff;
}
.blobg77-1 {
width: 100%;
border-bottom: solid 1px #000;
font-size: 15px;
padding: 0px 0 0px 0px;

}
.blobg77-2 {
color: #fff;
font-size: 15px;
padding: 7px 7px 7px 10px;
margin: 10px 0;
width: 100%;
background: #0D2048;
}
.time-h4 {
font-size: 13px;
padding:0px 0 0px 0;
margin: 0 0 10px 0;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.title-h4 {
font-size: 16px;
padding:0px 0 0px 0;
margin: 0 0 25px 0;
}
/* 投稿本文の枠 */
.content-h4 {
line-height: 25px;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 0px 0px 0;
height: auto;
}
/* 前・次 */
.pn {
display:flex;
justify-content: center;
width:100%;
text-align:center;
margin: 0 auto 30px auto;
padding: 15px 0px 15px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 8px;
color: #fff;
background-color: #629A60;
}
.prev a {
text-decoration: none;
color: #fff;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0 0 10px;
padding: 8px;
color: #fff;
background-color: #629A60;
}
.next a {
text-decoration: none;
color: #fff;
}
/* アイコンの色 */
.my-white {
color:#fff;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px;
}
.sidebar-title {
background: #629A60;
font-size: 15px;
padding: 7px 7px 7px 10px;
margin: 0px;
color: #fff;
text-align:left;
font-weight: normal;
}
.textwidget {
padding: 0 8px;
}
#calendar_wrap {
text-align: center;
}
#calendar_wrap table {
margin-left: auto;
margin-right: auto;
}
#calendar_wrap table a {
text-decoration: underline;
color: #000;
}
#calendar_wrap table a:hover {
background-color: #eee;
color: #fff;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 0px 0px 20px 0px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 10px 0px 10px 5px;
}
.sidebar-wrapper li a {
display: block;
color: #000;
text-decoration: none;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}

}