body{
	margin:0;
	padding:0;
	font-size:150%;
	background:#FFF;
}

#contener{
	max-width:1300px;
	margin:0 auto;
    padding-top: 85px;
}


/*■■■ トップへ戻るボタン ■■■*/

html{
  scroll-behavior: smooth;
}

/* トップへ戻るボタン */

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #c00;
    text-align: center;
    color: #FFF;
    font-size: 32px;
    text-decoration: none;
    padding:3px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	border-radius:50%;
}

.pagetop a:hover {
	filter:alpha(opacity=99);
    -moz-opacity: 0.9;
}

/* ■■■■■■ ここらへんはヘッダー ■■■■■■ */

header{
	text-align:center;
	background:url(images/top.jpg) no-repeat;	
	background-position:center;
	padding:16px 16px 0 16px;
	max-width:100%;
/*	height:260px; */
}

.circle {
    display: inline-grid;
    color: #fff;
	font-family:serif;
	font-weight:bold;
    background-color: #f00;
	margin:30px -110px 0 110px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
	float:left;
}

.circle2 {
    display: inline-grid;
    color: #fff;
	font-family:serif;
	font-weight:bold;
    background-color: #ff8c00;
	margin:0 20px 16px 0;
    width: 200px;
    height: 200px;
	padding:0;
    border-radius: 50%;
    text-align: center;
    align-content: center;
	line-height:1.8em;
	float:right;
}


header h1{
	color:#FFFFFF;
	text-shadow: #003300 2px 2px 4px;
	font-size:300%;
	font-family:serif;
	margin:0 0 60px 0;
	max-width:100%;
}

header h2{
	color:#FFFFFF;
	font-size:220%;
	text-shadow: #003300 2px 2px 4px;
	letter-spacing:0.45em;
	font-family:serif;
	padding: 0 0 0 164px;
	margin:10px 0 -20px 0;
	max-width:100%;
}

header p{
	color:#FFFFFF;
	padding:8px 16px;
	margin:8px;
	border-radius: 10px;
}

.header_jyumoku{
	background:#ff8c00;
	color:#FFFFFF;
	font-family:serif;
	font-weight:bold;
	border-radius: 50%;
	float:right;
	padding:34px 32px;
	
}

.jyumokusou{
	font-size:200%;
	margin:0;
	padding:0;
}

.point{
	width:100%;
	text-align:center;
	font-size:130%;
	display: flex;
	justify-content:space-around;
	margin:0 0 0 0;
}

.point_up{
		background:#dc143c;
}

.point_down{
		background:#ff8c00;
}

article{
		text-align:center;

}

article p{
	padding:0;
	text-align:left;
}

article img{
	margin:16px 0 ;
}

/* ■■■■■■ いよいよナビが始まる ■■■■■■ */

/*
nav{
	clear:both;
	background:#003300;
	color:#FFFFFF;
	padding:8px;
	text-align:center;
	z-index: 30;
}
*/

nav{
border-bottom: 1px solid #000;


}
nav ul{
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 1300px;
	text-align: center;
	position: fixed;
	top: 0;
  z-index: 10;
}
nav ul li{
display: table-cell;
min-width: 50px;
border-right: 1px solid #ccc;
}
nav ul li:first-child{
border-left: 1px solid #ccc;
}
nav ul li a{
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
color: #aaa;
}
nav ul li a:hover{
background:linear-gradient(#006400 , #32cd32);

}
nav ul li{
font-weight: bold;
font-size:90%;

}
nav ul li a{
background:linear-gradient(#008000, #006400);
color: #FFFFFF;
}

nav .en{
	font-size:60%;
}

.tel{
	font-weight:bold;
	font-size:140%;
	margin:18px 0 0 0;
}

.tel_box{
	background-color:#00A73C;
	color:#FFFFFF;
	border-radius:10px;
	font-weight:bold;
	font-size:130%;	
	padding: 4px 18px;
	margin:-12px 26px 11px 8px;
}

/* ページ内リンク位置の調整 */
.anchor{
    display: block;
    padding-top: 270px;
    margin-top: -170px;
}

/* ■■■■■■ ここらへんからコンテンツ ■■■■■■ */

.tree_back{
	background:url(images/tree.png) no-repeat ;
	background-position:center;
	text-align:center;
	padding:120px 0 200px 0;
	margin:16px 0 -100px 0;
}

.tree_back_2{
	background:url(images/tree.png) no-repeat ;
	transform: scale(-1, 1);
	background-position:center;
	text-align:center;
	padding:120px 0 256px 0;
	margin:16px 0 -100px 0;
}

article H1{
	font-size:300%;
	font-family:serif;
	margin:0;
	padding:0;
}

article img{
	max-width:100%;
}

article .green_obi{
	background:#008000;
	color:#FFFFFF;
	font-family:serif;
	font-weight:bold;
	font-size:120%;
	padding:8px;
	margin:8px;
	text-align:center;
}

article .price{
	color:#ff0000;
	font-weight:bold;
	margin:0;

}

.price_table{
	margin:0 auto;	
}

.price_table td{
	border:8px solid #FFF;	
}

article p{
	margin:0;
	padding:0 32px;
}

article .price_list li{
	float:left;
	padding:0;
	margin:0 32px 0 4px;
}

article .jyumoku_center{
	width:100%;
	padding:0 auto;
	margin:0 auto;
}

article .jyumoku_box{
	background:#fffacd;
	border:2px solid #daa520;
	border-radius:32px;
	font-size:115%;
	font-family:serif;
	font-weight:bold;
	width:280px;
	float:left;
	margin:42px;
	padding:32px;
}

article h2{
	color:#008000;
	font-family:serif;
	font-size:180%;
	text-align:center;
	padding:0;
	margin:0;
}

article h3{
	color:#008000;
	font-family:serif;
	font-size:110%;
	text-align:center;
	padding:0;
	margin:0;
}

/*
.wrap{
	width:100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
*/

article .features_box{
  	width:350px;
	max-width:100%;
	text-align:left;
	margin:0 0 40px 60px ;
	float:left;
}


article  .Type_of_grave{
	margin:16px 80px;
	text-align:left;
}

article .grave{
	width:480px;
	float:left;
	margin:0 32px 0 0;

}

article .en{
	font-size:60%;
	text-align:center;
	margin:0 0 16px 0;
}

.typeofgrave{
	margin:16px 0;
	background:#90ee90;
}

.heibei {
	font-size: 0.8em;
	vertical-align: top;
}

.boseki_design{
    display: flex;
    align-items: flex-end;
	flex-wrap: wrap;
    padding: 10px;

}
.boseki_design>div{
    padding: 10px;
	margin:30px;
    width: 300px;

}


.triangle {
	background: #008000;
	height: calc( 60px / 2);
	width: 60px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	z-index: -10;
}

.flow_triangle{
	margin:32px 0 ;
	display: inline-block;

}

 .summary_1 li{
	 margin: 0 64px;
	 text-align:left;
	 list-style: circle;
 }

 .summary_2 li{
	 margin: 0 64px;
	 text-align:left;
 }


/* Google Mapを囲う要素 */
.map-wrap {
	margin:32px;
  /* max-width: 50%;  ここに横幅を指定 */

}

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 40%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    z-index: 1;
}

.access td{
	text-align:left;
}

.flex {
  display: flex; /*横並び*/
}
.flex .image {
/*  width: 640px; 画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex .text {
  margin: 0 0 0 20px;
  padding: 0;
}

img.side_image {
  float: left;
  margin:0 0 10px 10px;
}


/* CPから取ってきたやつ。店舗情報に使う。一部修正 */

/*
div.leftBox {
    float: left;
}
*/

.shop_info{
	float:left;
	margin:32px;
	width:45%;
}


.sectionTitle {
    font-size: 20px;
    letter-spacing: .1em;
    padding: 0 0 0 60px;
    position: relative;
    margin: 0 0 20px 0;
    background: #d9e9d9;
    height: 56px;
    border-radius: 6px;
	text-align:left;
	z-index: -10;
}

.sectionTitle:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 20px;
    width: 14px;
    height: 14px;
    border: 5px solid #fff;
    content: "";
    border-radius: 25px;
}

div.sectionTitle h4 {
    position: relative;
    top: 52%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

img.insetLeft {
    float: left;
    margin: 0 15px 15px 0;
}

img.store-list_icon {
    width: 22px;
    padding: 0 3px 0 2px;
    float: left;
}

img.store-list_icon {
    width: 22px;
    padding: 0 3px 0 2px;
    float: left;
}

.shop_info a:link {
    color: #8dc21f;
    text-decoration: underline;
}

a.btnB {
	/*
    display: block; */
    height: 45px;
    background: #e27064;
    color: #fff;
    border-radius: 4px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    margin: 10px 0 0 0;
	padding:8px 64px;
    text-decoration: none;
	/*
    background-image: url(/test/images/store/store-list/textdecoration01.png);
    background-repeat: no-repeat;
    background-position: 30% 50%;
	*/
}

a:link.btnB {
	color:#FFF;
}

/*
div, section, article, .clearfix {
    zoom: 1;
    display: block;
}

*/


/* フッター  */

footer {
  text-align: center;
  padding: 8px;
  margin:16px 0 0 0;
  background-color: #008000;
  color: #FFF;
}

/**/