/* ==========================================================================
	 initialize
	 ========================================================================== */
#header.m #topimage .vertical {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 2rem;
	line-height: 2;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	margin-bottom: 0;
	padding-top: 70px; }

#memorial_service_01 .intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 1rem;
	padding-left: 1rem; }
	#memorial_service_01 .intro div:nth-child(1) img {
		width: 100%;
		max-width: 540px; }
	#memorial_service_01 .intro div:nth-child(2) {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		padding-right: 1rem;
		padding-left: 1rem;
		text-align: center; }

#memorial_service_01 h1.c {
	line-height: 1;
	text-align: center; }
	#memorial_service_01 h1.c em,
	#memorial_service_01 h1.c ruby,
	#memorial_service_01 h1.c b {
		display: block; }
	#memorial_service_01 h1.c em {
		font-style: normal;
		font-size: 1.125rem; }
	#memorial_service_01 h1.c ruby {
		font-size: 5.625rem;
		line-height: 1.3;
		margin-bottom: .125em; }
		#memorial_service_01 h1.c ruby:before {
			font-size: 12px; }
	#memorial_service_01 h1.c b {
		font-weight: inherit;
		font-size: 1.4rem; }
		#memorial_service_01 h1.c b span {
			color: gray; }

.service-list li.c10:before {
	background-image: url(../img/celebrate/10.jpg);
/*
	background-position: 0 28%;
*/
	background-position: 0 10%;
}

.service-list li.c11:before {
	background-image: url(../img/celebrate/11.jpg); }

.service-list li.c12:before {
	background-image: url(../img/celebrate/12.jpg); }

.service-list li.c13:before {
	background-image: url(../img/celebrate/13.jpg); }

.service-list li.c14:before {
	background-image: url(../img/celebrate/14.jpg); }

.service-list li.c15:before {
	background-image: url(../img/celebrate/15.jpg); }

.service-list li.c16:before {
	background-image: url(../img/celebrate/16.jpg); }

.service-list li.c17:before {
	content: "";
	background-image: url(../img/celebrate/17.jpg); }





	#header.m #topimage .horizontal-container {
		position: absolute;
		padding-top: 70px;
		z-index: 1;
		height: 100%;
		width: 28%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		width: 55%;
		height: 100%;
		padding-top: 50px;
	}

	#header.m #topimage .horizontal-container .horizontal {
		font-family: 'Noto Serif JP', sans-serif;
		font-size: 2rem;
		line-height: 2;
		/*
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
*/
		white-space: nowrap;
		margin-bottom: 0;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
		margin-left: auto;

		font-size: 1.75rem;
		line-height: 1.50;
	}

@media screen and (max-width: 767px){
	#header.m #topimage .horizontal-container .horizontal {
		margin-left: 1.50rem;
		font-size: 1.15rem;
		line-height: 1.35;
	}
	
}




h1.c span,
h4.menu-title{
	position: relative;
}

	h1.c span:nth-child(1):before, h1.c span:nth-child(1):after {
		position: absolute;
		width: 10px;
		height: 10px;
		top: -20px;
		content: "";
		margin-top: 0;
		margin-bottom: auto;
		bottom: 0;
	}

		h1.c span:nth-child(1):before {
			left: 50%;
			top: -15px;
			bottom: -5px;
			background-color: #f2f2f0;
			border-radius: 50%;
		}

		h1.c span:nth-child(1):after {
			left: 50%;
			background-color: rgb(184, 51, 17);
			border-radius: 50%;
			-webkit-box-shadow: 1px 1px 0 #fff;
			box-shadow: 1px 1px 0 #fff;
		}

	h4.menu-title:before, h4.menu-title:after {
		position: absolute;
		width: 10px;
		height: 10px;
		top: -20px;
		content: "";
		margin-top: 0;
		margin-bottom: auto;
		bottom: 0;
	}

		h4.menu-title:before {
			left: 0%;
			top: 15px;
			bottom: -5px;
			background-color: #f2f2f0;
			border-radius: 50%;
		}

		h4.menu-title:after {
			left: 0%;
			top: 10px;
			background-color: rgb(184, 51, 17);
			border-radius: 50%;
			-webkit-box-shadow: 1px 1px 0 #fff;
			box-shadow: 1px 1px 0 #fff;
		}