@charset "utf-8";
/* ============================================================ */
/* ご法要プラントップ用スタイル */
/* ============================================================ */
#plan_index .inner p {
	/*text-align: center;*/
}


/* #plan_list
------------------------------------------------------------ */
#plan_index .inner #plan_list {
	margin-top: 30px;
}



/* #voice
------------------------------------------------------------ */
#plan_index .inner #voice {
	margin-bottom: 40px;
}

#plan_index .inner #voice .img_photo {
	width: 100%;
	/*height: 200px;*/
	text-align: center;
	overflow: hidden;
	padding: 0;
	margin: 0 0 5px 0;
}

#plan_index .inner #voice .img_photo img {
	max-width: 100%;
	/*max-height: 200px;
	margin: 0;
	padding: 0;*/
}


/* ============================================================ */
/* ご法要プラン共通用スタイル */
/* ============================================================ */
.memorial_service_plan #main p {
	/*text-align: center;*/
}

.memorial_service_plan .midashi03 {
	margin-bottom: 10px;
}


/* .box_price
------------------------------------------------------------ */
.memorial_service_plan .box_price {
	background: url(/common/img/common/bg_pattern01.png) 0 0 repeat;
	margin: 17px 0 20px 0;
	padding: 15px;
	overflow: hidden;
	color: #fff;
}

.memorial_service_plan .box_price p {
	line-height: 1.6;
}

.memorial_service_plan .box_price p span {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
}

.memorial_service_plan .box_price p span > span {
	font-size: 1.8rem;
}


/* #plan_detail , #meal
------------------------------------------------------------ */
.memorial_service_plan #plan_detail ul ,
.memorial_service_plan #meal ul {
	/*overflow: hidden;*/
}

.memorial_service_plan #plan_detail ul li ,
.memorial_service_plan #meal ul li {
	margin: 0 0 10px 0;
	padding: 15px;
	background: url(/common/img/common/bg_pattern04.png) 0 0 repeat;
	border-radius: 5px;
	text-align: left;
	overflow: hidden;
	
	/*float: left;
	width: 39%;
	margin: 0 2% 10px 0;
	padding: 0 5% 5% 5%;
	background: url(/common/img/common/bg_pattern04.png) 0 0 repeat;
	border-radius: 5px;
	color: #fff;*/
}

/*.memorial_service_plan #plan_detail ul li:nth-child(2n+0) ,
.memorial_service_plan #meal ul li:nth-child(2n+0) {
	margin: 0 0 10px 0;
}*/

.memorial_service_plan #plan_detail ul li img ,
.memorial_service_plan #meal ul li img {
	width: 30%;
	float: left;
	margin: 0 15px 0 0;
	
	/*border-radius: 5px 5px 0 0;
	margin: 0  -10% 10px -12.5%;
	width: 125%;
	box-sizing:border-box;*/
}

.memorial_service_plan #plan_detail ul li p ,
.memorial_service_plan #meal ul li p {
	text-align: left;
	font-size: 1.1rem;
	line-height: 1.5;
	color: #fff;
	overflow: hidden;
}

.memorial_service_plan #plan_detail ul li p span ,
.memorial_service_plan #meal ul li p span {
	font-weight: bold;
	font-size: 1.4rem;
}


/* #plan_detail
------------------------------------------------------------ */
.memorial_service_plan #plan_detail ul li p {
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.5;
}

.memorial_service_plan #plan_detail ul li p span {
	font-weight: normal;
	font-size: 1.1rem;
}


/* #meal
------------------------------------------------------------ */
.memorial_service_plan #meal .meal_detail {
	margin: 0 0 15px 0;
}

.memorial_service_plan #meal .meal_detail:first-of-type {
	margin: 20px 0 15px 0;
}

.memorial_service_plan #meal .meal_detail:last-of-type {
	margin: 0;
}

.memorial_service_plan #meal .meal_detail:last-of-type ul li:last-of-type {
	margin: 0;
}

.memorial_service_plan #meal ul li p {
	line-height: 1.6;
	font-weight: normal;
	font-size: 1.3rem;
}

.memorial_service_plan #meal ul li p span {
	font-weight: bold;
	font-size: 1.5rem;
}

.memorial_service_plan #meal ul li p em {
	font-weight: normal;
	font-size: 1.1rem;
}



/* #flow
------------------------------------------------------------ */
.memorial_service_plan #flow {
	margin: 0 0 30px 0;
}

.memorial_service_plan #flow ul li {
	background: #ffe6ed;
	position: relative;
	z-index: 2000;
	padding: 15px;
	box-sizing:border-box;
}

.memorial_service_plan #flow ul li:nth-child(2n+0) {
	background: #ffcbdb;
}

.memorial_service_plan #flow ul .flow02 {
	z-index: 900;
}

.memorial_service_plan #flow ul .flow03 {
	z-index: 800;
}

.memorial_service_plan #flow ul .flow04 {
	z-index: 700;
}

.memorial_service_plan #flow ul .flow05 {
	z-index: 600;
}

.memorial_service_plan #flow ul .flow06 {
	z-index: 500;
}

.memorial_service_plan #flow ul .flow07 {
	z-index: 400;
}

.memorial_service_plan #flow ul li:nth-child(2n+1):after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 230, 237, 0);
	border-top-color: #ffe6ed;
	border-width: 10px;
	margin-left: -10px;
}

.memorial_service_plan #flow ul li:nth-child(2n+0):after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 203, 203, 0);
	border-top-color: #ffcbdb;
	border-width: 10px;
	margin-left: -10px;
}

.memorial_service_plan #flow ul .flow07:after {
	top: 0 !important;
	left: 50% !important;
	position: absolute !important;
}

.memorial_service_plan #flow ul li div {
	/*padding: 0 0 0 17%;*/
	overflow: hidden;
}

.memorial_service_plan #flow ul li div p {
	text-align: left !important;
}

.memorial_service_plan #flow ul .flow01 div p ,
.memorial_service_plan #flow ul .flow03 div p ,
.memorial_service_plan #flow ul .flow04 div p ,
.memorial_service_plan #flow ul .flow05 div p ,
.memorial_service_plan #flow ul .flow06 div p {
}

.memorial_service_plan #flow ul li div p span {
	font-weight: bold;
}



/* #plan_menu
------------------------------------------------------------ */
.memorial_service_plan #plan_menu .midashi03 {
	margin: 0 0 10px 0 !important;
}

.memorial_service_plan #plan_menu ul {
	margin: 15px 0 0 0;
	overflow: hidden;
}

.memorial_service_plan #plan_menu ul li {
	float: left;
	width: 32%;
	margin: 0 2% 10px 0;
	background: url(/common/img/common/bg_pattern04.png) 0 0 repeat;
	border-radius: 5px;
	box-sizing:border-box;
}

.memorial_service_plan #plan_menu ul li:nth-child(3n) {
	margin: 0 0 10px 0;
}

.memorial_service_plan #plan_menu ul li a {
	/*padding: 0 5% 12% 5%;*/
	padding: 0 0 15px 0;
	display: block;
	color: #fff;
}

.memorial_service_plan #plan_menu ul li a:after {
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	font-family: 'icon';
    content: "\e601";
	color: #fdebdf;
	font-size: 1.0rem;
	line-height: 0.2;
	text-align: center;
	padding: 10px 0 0 0;
}

.memorial_service_plan #plan_menu ul li a img {
	/*margin: 0 -5% 5px -5.5%;*/
	margin: 0 0 5px 0;
	border-radius: 5px 5px 0 0;
	width: 100%;
	box-sizing:border-box;
}

.memorial_service_plan #plan_menu ul li a h4 {
	color: #fdebdf;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.6;
	margin: 0 5px;
}


/* #plan_voice
------------------------------------------------------------ */
.memorial_service_plan #plan_voice ul {
	overflow: hidden;
}

.memorial_service_plan #plan_voice ul li {
	float: left;
	width: 47.5%;
	margin: 0 5% 20px 0;
	background: url(/common/img/common/bg_pattern04.png) 0 0 repeat;
	border-radius: 5px;
}

.memorial_service_plan #plan_voice ul li:nth-child(2n+0) {
	margin: 0 0 20px 0;
}

.memorial_service_plan #plan_voice ul li a {
	padding: 0 0 15px 0;
	display: block;
	color: #fff;
}

.memorial_service_plan #plan_voice ul li a:after {
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	font-family: 'icon';
    content: "\e601";
	color: #fdebdf;
	font-size: 1.0rem;
	line-height: 0.2;
	text-align: center;
	padding: 10px 0 0 0;
}

.memorial_service_plan #plan_voice ul li a img {
	margin: 0 0 5px 0;
	border-radius: 5px 5px 0 0;
	width: 100%;
	box-sizing:border-box;
}

.memorial_service_plan #plan_voice ul li a h4 {
	color: #fdebdf;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	margin: 0 7px;
}



/* ============================================================ */
/* 感動プラン用スタイル */
/* ============================================================ */
/*#plan_excitement .btn_link ul .link06 {
	padding: 11px 0 10px 0;
	border-radius: 0 0 5px 0;
}*/

#plan_excitement .btn_link ul .link06 a:after {
	display: none;
}

#plan_excitement .btn_link ul .link06 a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f0e8));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f9f0e8))";
	background: -moz-linear-gradient(top, #ffffff, #f9f0e8);
	background: -webkit-linear-gradient(top, #ffffff, #f9f0e8);
	background: linear-gradient(to bottom, #ffffff, #f9f0e8);
}

#plan_excitement #movie .excitement_movie iframe {
	width: 100% !important;
	height: auto;
}



/* ============================================================ */
/* やすらぎプラン用スタイル */
/* ============================================================ */
#plan_peace .btn_link ul li {
	width: 50%;
}

#plan_peace .btn_link ul li:nth-child(2n+0) {
	border-right: none;
}

#plan_peace .btn_link ul .link03 {
	border-right: 1px solid #804f22;
	border-radius: 0 0 0 5px;
}

#plan_peace .btn_link ul .link03 ,
#plan_peace .btn_link ul .link04 {
	border-bottom: none;
}



/* ============================================================ */
/* くつろぎプラン用スタイル */
/* ============================================================ */
#plan_relaxation .btn_link ul .link06 a:after {
	display: none;
}

#plan_relaxation .btn_link ul .link06 a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f0e8));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f9f0e8))";
	background: -moz-linear-gradient(top, #ffffff, #f9f0e8);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #ffffff, #f9f0e8);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #ffffff, #f9f0e8);/* IE10+, W3C */
}



/* ============================================================ */
/* ほほえみプラン用スタイル */
/* ============================================================ */
#plan_smile .btn_link ul li {
	width: 50%;
}

#plan_smile .btn_link ul li:nth-child(2n+0) {
	border-right: none;
}

#plan_smile .btn_link ul .link03 {
	border-right: 1px solid #804f22;
	border-radius: 0 0 0 5px;
}

#plan_smile .btn_link ul .link03 ,
#plan_smile .btn_link ul .link04 {
	border-bottom: none;
}


/* ============================================================ */
/* 会食プラン用スタイル */
/* ============================================================ */
#plan_meal .btn_link {
	margin: 20px 0 30px 0;
}

#plan_meal .btn_link ul li {
	border-bottom: none;
}

#plan_meal #flow ul .flow06:after {
	top: 0;
	left: 50%;
	position: absolute;
}



/* ============================================================ */
/* オプション用スタイル */
/* ============================================================ */
#plan_option .btn_link {
	margin: 20px 0 30px 0;
}

#plan_option .btn_link ul li {
	width: 50%;
	border-bottom: none;
}

#plan_option .btn_link ul li:nth-child(3n) {
	border-right: none;
}


/* .box_option
------------------------------------------------------------ */
#plan_option .box_option {
	margin: 20px 0 40px 0;
}

#plan_option .box_option img {
	border: 1px solid #e3e3e3;
	width: 70%;
	text-align: center;
	margin: 0 auto 20px auto;
	display: block;
}

#plan_option .box_option div p {
	text-align: left;
	margin: 0 0 15px 0;
}

#plan_option .box_option div p:last-of-type {
	margin: 0;
}



/* .box_gift
------------------------------------------------------------ */
#plan_option .box_gift {
	margin: 0 0 40px 0;
	/*padding: 20px 0 0 0;
	border-top: 1px dotted #ccc;*/
}

#plan_option #best {
	margin: 0;
}

#plan_option .box_gift div {
	margin: 0 0 20px 0;
}

#plan_option .box_gift div img {
	width: 70%;
	text-align: center;
	margin: 0 auto 20px auto;
	display: block;
}

#plan_option #best div img {
	border: 1px solid #e3e3e3;
}

#plan_option .box_gift div p {
	text-align: left;
}


/* table
------------------------------------------------------------ */
#plan_option .block table th {
	width: 50%;
}

#plan_option .block table td {
	vertical-align: middle;
	text-align: center;
}

#plan_option .box_gift table th:nth-of-type(1) {
	width: 30%;
}

#plan_option #thanks table {
	border: none;
	border-bottom: 1px solid #ddd;
}

#plan_option #thanks table tr ,
#plan_option #thanks table td {
	display: block;
	width: 100%;
	box-sizing:border-box;
}

#plan_option #thanks table td {
	border-bottom: none;
}

#plan_option #thanks table td:nth-of-type(1) {
	background: #ffeef3;
	font-weight: bold;
}



/* .thanks_flow
------------------------------------------------------------ */
#plan_option .thanks_flow {
	margin: 30px 0 0 0;
}

#plan_option .thanks_flow ul {
	overflow: hidden;
}

#plan_option .thanks_flow ul li {
	background: #ffe6ed;
	box-sizing:border-box;
	padding: 15px;
	position: relative;
}

.memorial_service_plan #flow ul .flow02 {
	z-index: 1000;
}

.memorial_service_plan #flow ul .flow03 {
	z-index: 800;
}

.memorial_service_plan #flow ul .flow04 {
	z-index: 700;
}

#plan_option .thanks_flow ul li:nth-child(2n+0) {
	margin: 0;
}

#plan_option .thanks_flow ul .flow02 ,
#plan_option .thanks_flow ul .flow05 {
	background: #ffcbdb;
}

#plan_option .thanks_flow ul li:nth-child(2n+1):after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 230, 237, 0);
	border-top-color: #ffe6ed;
	border-width: 10px;
	margin-left: -10px;
	z-index: 2000;
}

#plan_option .thanks_flow ul .flow02:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 203, 203, 0);
	border-top-color: #ffcbdb;
	border-width: 10px;
	margin-left: -10px;
	z-index: 2000;
}

#plan_option .thanks_flow ul .flow05:after {
	top: 0;
	left: 50%;
	position: absolute;
}

#plan_option .thanks_flow ul li div p span {
	font-weight: bold;
}