@charset "utf-8";
/* CSS Document */
/* 固定/更新ページ共通
----------------------------------------------------------*/
.redlink{
	font-size:14px;
	color:#c8005a;
	text-decoration:underline;
}
.redlink:hover{
	opacity:0.8;
}
.emphasisred{
	color:#f00;
	font-size:130%;
	font-weight:bold;
}
.emphasisred2{
	color:#c8005a;
	font-size:130%;
	font-weight:bold;
}
.exposition{
	margin-bottom:40px;
	border:1px solid black;
}
.expo_heading{
	overflow:hidden;
	width:25%;
	padding:20px;
	font-size:18px;
	text-align:center;
}
.expo_c1{
	float:left;
	background:#f9e5ee;
}
.expo_c2{
	float:left;
	background:#ebebeb;
}
.expo_txt{
}
.smalltxt11{
	font-size:11px;
}
.smalltxt12{
	font-size:12px;
}
.txtcolor_red{
	color:#f00;
}
.exposition dl {}
.exposition dt {
	clear: both;
	float: left;
	width: 11em;
	padding: 1em 2em 1em 2em;
	background: #f9e5ee;
	margin: 0em 1em 1em 0em;
}
.exposition dd {
	padding: 0.5em 2em 0.5em 6em;
}
/* 固定ページ共通
----------------------------------------------------------*/
.arrowimage{
	text-align: center;
}
/* plan page
----------------------------------------------------------*/
#plan .divide3 .funeralplan,#plan .divide2 .funeralplan{
	text-align:center;
	border:solid 1px #323232;
	margin-bottom: 1em;
	min-height: 206px;
}
#plan .divide3 .funeralplan p,#plan .divide2 .funeralplan p{
	line-height:1.4em
}
#plan .divide3 .funeralplan .head,#plan .divide2 .funeralplan .head{
	padding:15px 0 13px;
	background:#e8e8ef;
	margin-bottom:15px;
}
#plan .divide3 .funeralplan .under,#plan .divide2 .funeralplan .under{
	padding:20px 0 15px;
}
#plan #makingconsent{
	margin:10px 0 30px;
	width:680px;
}
#plan #makingconsent .makingconsent_txt{
	width:190px;
	height:90px;
	background:#e8e8ef;
	font-size:16px;
	border:solid 1px #323232;
	text-align:center;
	position:relative;
	float:left;
}
#plan #makingconsent .makingconsent_txt p{
	position:absolute;
	top:50%;
	left:50%;
	font-weight:bold;
}
#plan #makingconsent .makingconsent_txt .mak1{
	margin-left:-5em;
	margin-top:-0.5em;
}
#plan #makingconsent .makingconsent_txt .mak2{
	margin-left:-4em;
	margin-top:-2em;
}
#plan #makingconsent .makingconsent_txt .mak3{
	margin-left:-1.8em;
	margin-top:-0.5em;
}
#plan #makingconsent div{float:left;padding-left: 2%}
#plan .makingconsent_arrow {
	margin-left:-0.3em;
	margin-top:2.5em;
	padding:0 1em;}
	#plan .divide2.saidan{
		margin-bottom:20px;
	}
	#plan #plan_sys li{
		margin-bottom:20px;
	}
	/*        料金表        */
	.textbold{
		font-weight:bold;
	}
	.tbbg_1-1{
		background:#fdebbb;
	}
	.tbbg_1-2{
		background:#fdf4db;
	}
	.tbbg_2-1{
		background:#e7deff;
	}
	.tbbg_2-2{
		background:#f1ebff;
	}
	.tbbg_3-1{
		background:#c5fefb;
	}
	.tbbg_3-2{
		background:#e2fffd;
	}
	.tbbg_4-1{
		background:#ebfec6;
	}
	.tbbg_4-2{
		background:#f7ffe7;
	}
	.tbbg_5-1{
		background:#d0d0d0;
	}
	.tbbg_5-2{
		background:#e6e4e4;
	}
	.tbbg_6-1{
		background:#fb90b6;
	}
	.tbbg_6-2{
		background:#ffcfe0;
	}
	#plan #exmple{
		margin:15px 0 30px;
	}
	#plan #exmple2{
		margin:15px 0 5px;
	}
	#plan tbody tr th,
	#plan tbody tr td{
		text-align:center;
		border:1px solid #595959;
		border-collapse:collapse;
	}
	#plan tbody .onerow{
		color:#fff;
		background:#191565;
	}
	#plan .detailsquare{
		overflow:hidden;
		font-size:14px;
		margin:15px 0 10px;
		padding:20px 30px 16px;
		background:#ebebeb;
	}
	#plan .detailsquare.justhere{
		margin-bottom:30px;
	}
	#plan .detailsquare ul{
		margin-right:80px;
	}
	#plan .detailsquare ul:last-child{
		margin-right:0;
	}
		#plan .detailsquare .hiyou{
			color:#BB6C6C;
		}
	/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
	@media screen and (max-width: 970px){
	    #plan .saidan li{
		width:50%;
		margin:0 auto;
		text-align:center;
	}
	    #plan .saidan li img{
		width:90%;

		padding-bottom:1em;
	}
		#plan .divide3 .funeralplan,#plan .divide2 .funeralplan{
			text-align:center;
			width:99%;
			border:1px solid #636363;
			margin-bottom: 1em;
		}

		#plan #makingconsent{
			margin:10px 0 30px;
			width:100%;
		}
		#plan #makingconsent .makingconsent_txt{
			width:100%;
			height:90px;
			font-size:16px;
			border:none;
			text-align:center;
			float:left;
		}
		#plan #makingconsent .makingconsent_arrow{
			width:100%;
			margin-bottom:15px;
			text-align:center;
			-moz-transform:rotate(90deg);
			-webkit-transform:rotate(90deg);
			-o-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
			transform: rotate(90deg);
		}

		#plan .detailsquare{
			padding:2%;
		}
		#plan .detailsquare li{
			padding: 0 3px;
		}
		#plan .detailsquare .leftdir{
			width:41%;
			float:left;
		}

	}
	/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
	@media screen and (max-width:640px){
		#plan .divide3 .funeralplan,#plan .divide2 .funeralplan{
			text-align:center;
			width:99%;
			border:1px solid #636363;
			margin-bottom: 1em;
		}

		#plan #makingconsent{
			margin:10px 0 30px;
			width:100%;
		}
		#plan #makingconsent .makingconsent_txt{
			width:100%;
			height:90px;
			font-size:16px;
			border:none;
			text-align:center;
			float:left;
		}
		#plan #makingconsent .makingconsent_arrow{
			width:100%;
			text-align:center;
			-moz-transform:rotate(90deg);
			-webkit-transform:rotate(90deg);
			-o-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
			transform: rotate(90deg);
		}

		#plan .detailsquare{
			padding:2%;
		}
		#plan .detailsquare li{
			padding: 0 3px;
		}
		#plan .detailsquare .leftdir{
			float:none;
			width:100%;
		}
	}
/* flow page
----------------------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#flow .floworder{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
#flow .floworder .divide3 .floworderdetail{
	width:218px;
	height:290px;
	border:solid 1px #323232;
	background: url(../../images/flow/Floworder_arrow.png) 100% 100% no-repeat;
}
#flow .floworder .divide3 .floworderdetail_last{
	width:218px;
	height:290px;
	border:solid 1px #323232;
}
#flow .floworder .divide3 .floworderdetail .head,
#flow .floworder .divide3 .floworderdetail_last .head{
	font-weight:bold;
	background:#f9e5ee;
	padding:10px 0 8px 8px;
}
#flow .floworder .divide3 .floworderdetail .under,
#flow .floworder .divide3 .floworderdetail_last .under{
	font-size:12px;
	padding:5px 15px 5px;
	line-height:1.6em;
}
#flow .conimg{
	margin-top:15px;
}
/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#flow .treatment li:nth-child(1){
		width:65%;
	}
	#flow .treatment li:nth-child(2){
		width:35%;
	}
#flow .floworder{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
#flow .floworder .divide3 .floworderdetail,
#flow .floworder .divide3 .floworderdetail_last{
	width:31%;
	height:290px;
	border:solid 1px #323232;
	background: url(../../images/flow/Floworder_arrow.png) 100% 100% no-repeat;
}

#flow .floworder .divide3 .floworderdetail .head,
#flow .floworder .divide3 .floworderdetail_last .head{
	font-weight:bold;
	background:#f9e5ee;
	padding:10px 0 8px 8px;
}
#flow .floworder .divide3 .floworderdetail .under,
#flow .floworder .divide3 .floworderdetail_last .under{
	font-size:12px;
	padding:5px 15px 5px;
	line-height:1.6em;
}
#flow .conimg{
	margin-top:15px;
}
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#flow .floworder{
		clear:both;
		overflow:hidden;
	}
	#flow .floworder .divide3 .floworderdetail{
		width:100%;
		border:none;
		background:none;
	}
	#flow .floworder .divide3 .floworderdetail_last{
		width:100%;
		border:none;
	}
	#flow .floworder .divide3 .floworderdetail .head,
	#flow .floworder .divide3 .floworderdetail_last .head{
		padding:10px 0px 10px 0px;
		text-align:center;
	}
}


/* ceremonialhall page
----------------------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#ceremonialhall #ceremogrt{
	background:url(../../images/ceremonialhall/Ceremogrt.png) 50% 100% no-repeat;
}
#ceremonialhall #ceremogrt .article{
	padding:20px 20px 30%;
}
#ceremonialhall .textmarg{
	margin-bottom:20px;
}
.css_tb{
	display: table;
	box-sizing: border-box;
	width: 100%;
	margin: 20px 0;
	border: 1px solid #666;
}
.css_tb .css_th{
	vertical-align: top;
	display: table-cell; /* 固定させたいのでwidthを明示 */
	background:#f9e5ee;
	vertical-align:middle;
	text-align: center;
	height: 1em;
	font-size: 18px;
	width: 15em;
}
.css_tb .css_td{
	/* 可変させてもいいのでwidthを付けない */
	display: table-cell;
	height: 5em;
	padding: 0.5em 2em;
	vertical-align: middle;
}
.css_tb .block__control{
	vertical-align: top;
	display: table-cell;
	width: 130px; /* 固定させたいのでwidthを明示 */
}
/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#ceremonialhall #ceremogrt .article{
		padding:20px 20px 50%;
	}
	.css_tb .css_th{ /* 固定させたいのでwidthを明示 */
		display:block;
		height:auto;
		width:100%;
		padding:1em 0;
	}
	.css_tb .css_td{
		/* 可変させてもいいのでwidthを付けない */
		display: block;
		height: auto;
		padding: 1em;
	}
	.css_tb .block__control{
		vertical-align: top;
		display: table-cell;
		width: 130px; /* 固定させたいのでwidthを明示 */
	}
}
/* service page
----------------------------------------------------------*/
#ceremonialhall .detailsquare{
	overflow: hidden;
	font-size: 14px;
	margin: 15px 0 10px;
	padding: 20px 30px 16px;
	background: #ebebeb;
}
#ceremonialhall .detailsquare ul{
	float: left;
	width:45%;
	margin-right:5%;
}
#ceremonialhall .detailsquare ul:last-child{
	margin-right:0;
}
#ceremonialhall .detailsquare ul li{
	padding: 3px 0;
}
#ceremonialhall .redtext{
	color:#FF0000;
	font-weight: bold;
	font-size: 130%;
}
@media screen and (max-width: 970px){
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#ceremonialhall .detailsquare{
		padding: 20px 0px 16px;
	}
	#ceremonialhall .detailsquare ul{
		float: none;
		width:100%;
		margin:0;
	}
	#ceremonialhall .detailsquare ul:last-child{
		margin-right:0;
	}
}
/* Aboutus page
----------------------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#summary #accdetail{
	width:100%;
	border:solid 1px #272858;
}
#summary #accdetail tr th,
#summary #accdetail tr td{
	border:solid 1px #272858;
	padding:8px;
	text-align:left;
}
#summary #accdetail tr th{
	background:#eBE8E6;
	width:5em;
}
#map_canvas, #map_canvas2{
	height:400px;
	border:solid 1px #272858;
}
#summary p{
	margin: 10px 0 0;
}
#summary p a{
	text-decoration: underline;
}
#summary p a:hover{
	color:#f29600;
	font-weight: bold;
}
#summary .Gallery .divide4{
	margin-bottom:20px;
}
/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#map_canvas, #map_canvas2{
		float: none;
		width:100%;
		margin:0;
		height: 280px;
	}
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#summary #accdetail tr th{
		width:4em;
		text-align:center;
	}
	#map_canvas, #map_canvas2{
		float: none;
		height: 200px;
	}
	#summary .Gallery .divide4{
		margin-bottom:0;
	}
	#summary .Gallery .divide4 li{
		width: 48%;
		margin:0 0 20px 0;
	}
	#summary .Gallery .divide4 li:nth-child(2n){
		float:right;
	}
}
/* accident page
----------------------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#accident h4 .title{
	font-size: 110%;
	font-weight: 700;
}
#accident h5{
	padding-bottom: 5px;
	font-size:1.3em;
	color:#f05A23;
	font-weight:700;
	border-bottom: solid 1px #391707;
}
#accident .article .caution{
	text-align: left;
	line-height:1.4em;
	margin:8px;
	padding-left:1em;
	text-indent: -1em;
}
#accident #other tr th,
#accident #other tr td{
	border: solid 1px #d0D0D0;
	padding:15px 10px;
	text-align: center;
	vertical-align: middle;
}
#accident #other tr th{
	width:5em;
	font-weight:500;
	font-size:120%;;
}
#accident #care .article.last{
	margin-top:10px;
	border:solid 1px #391707;
}
#accident #care .article.last h5{
	border-bottom:none;
}
/* accident page
----------------------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入*/
#equipment li h4 {
	border-bottom: solid 2px #f05A23;
	padding-bottom: 3px;
}
#equipment li h4 .title{
	font-size: 16px;
}
#equipment .kind{
	overflow: hidden;
}
#equipment .kind li:nth-child(1){
	width:250px;
	float:left;
}
#equipment .kind li:nth-child(2){
	float:right;
	margin-bottom:10px;
	width:420px;
}
#equipment .kind p{
	text-align: left;
	font-size:85%;
	line-height:1.4em;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 0px;
	width: 91%;
}
/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#equipment .kind li:nth-child(1){
		width:36%;
	}
	#equipment .kind li:nth-child(2){
		width:60%;
	}
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#equipment .kind li:nth-child(1){
		float: none;
		width:90%;
		margin: 0 auto 15px;
	}
	#equipment .kind li:nth-child(2){
		float: none;
		width:90%;
		margin: 0 auto 15px;
	}
}

/* contactform page
----------------------------------------------------------*/
#contactform{}
#contactform .requiredmark{
	padding:5px;
	margin:5px 0;
	color:#F00;
}
/***** コンタクトフォーム *****/
#formlist{}
#contactform #formlist li{
	border-bottom:1px dotted #ccc;
}
#formlist li:last-child{ border:none; }
#formlist li p{
	padding:5px;
	display:block;
	line-height:30px;
	margin-bottom:5px;
}
#formlist input[type=tel],
#formlist input[type=text]#zip,
#formlist input[type=text]#pref{
	width:15%;
}
#formlist input[type=text],
#formlist input[type=email],
#formlist textarea{
	width:100%;
	padding:2px;
}
#formlist .file{
	margin:10px;
	display:block;
}
#formlist span.wpcf7-list-item {
	display: block;
}
#formlist input[type=text]:focus,
#formlist input[type=email]:focus,
#formlist input[type=tel]:focus{
	border:solid 1px #333;
}
#formlist input[type=text],
#formlist select,
#formlistinput[type=email],
#formlist input[type=tel]{
	outline: none;
}
#formlist input[type=submit]{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#a9a9a9 1px solid;
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	padding:10px 20px;
	margin:5px;
	cursor:pointer;
	color:#333;
	font-weight:bold;
	background:#f5f5f5;
	text-shadow:1px 1px 0px #fff;
}
#formlist .contact_form input[type=text],
#formlist .contact_form input[type=email]{
	width:100%;
	height:50px;
	font-size:1.5em;
}
#formlist input[type="radio"]{
	margin: 0 0 4px 0 !important;
}
/* 問い合わせページの電話番号 */
#contactform #tel{
	margin-top:20px;
}
/* company page
----------------------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#company #accdetail{
	width:100%;
	border:solid 1px #272858;
}
#company #accdetail tr th,
#company #accdetail tr td{
	border:solid 1px #272858;
	padding:8px;
	text-align:left;
	vertical-align:middle;
}
#company #accdetail tr th{
	background:#EBE8E6;
	width:8em;
}
#map_canvas, #map_canvas2{
	height:400px;
	border:solid 1px #272858;
}
#company p{
	margin: 10px 0 0;
}
#company p a{
	text-decoration: underline;
}
#company p a:hover{
	color:#F29600;
	font-weight: bold;
}
#company .Gallery .divide4{
	margin-bottom:20px;
}
/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#map_canvas, #map_canvas2{
		float: none;
		width:100%;
		margin:0;
		height: 280px;
	}
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#company #accdetail tr th{
		width:4em;
		text-align:center;
	}
	#map_canvas, #map_canvas2{
		float: none;
		height: 200px;
	}
	#company .Gallery .divide4{
		margin-bottom:0;
	}
	#company .Gallery .divide4 li{
		width: 48%;
		margin:0 0 20px 0;
	}
	#company .Gallery .divide4 li:nth-child(2n){
		float:right;
	}
}