@charset "UTF-8";
/*
 各ページ.css（ファイル名変更可）
 本サイト各ページ用CSS
*/

.ieuru-second { background-image: url(../images/common/bg_teiko_purple.png); }
.ieuru-second .memory-inner { padding-top: 100px; }
.ieuru-second .d-box-body {
	background: #fff;
	padding: 40px 80px 80px;
	border: 1px solid #f025a1;
}
.ieuru-box-deco:after,
.ieuru-box-deco .motif-door {
	border: 1px solid #f025a1;
	background-color: #fff;
}
.ieuru-box-deco:after,
.ieuru-box-deco .motif-door.bottom,
.ieuru-box-deco .motif-door.bottom + .bottom {
	top: 100%;
}
.ieuru-box-deco:after {
	background-image: url(../images/common/bg_border_memory.png);
	background-size: 10px 10px;
	right: -1px;
}
.ieuru-box-deco .motif-door:not(.bottom) { bottom: 100%; }


/* memory-box deco */
.memory-box {
	position: relative;
	border: 3px solid #bfa546;
	padding: 4px;
	margin-bottom: 70px;
}
.memory-box:last-child { margin-bottom: 0; }
.memory-box:before,
.memory-box:after,
.memory-box-wrapper:before,
.memory-box-wrapper:after {
	content: '';
	display: inline-block;
	width: 55px;
	height: 33px;
	position: absolute;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	background-image: url(../images/memory/memory_deco_left.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.memory-box:before {
	top: -4px;
	left: -14px;
	background-image: url(../images/memory/memory_deco_left.png);
}
.memory-box:after {
	top: -7px;
	right: -14px;
	background-image: url(../images/memory/memory_deco_right.png);
}
.memory-box-wrapper:before {
	bottom: -4px;
	left: -14px;
	background-image: url(../images/memory/memory_deco_left.png);
	transform: rotateX(180deg);
}
.memory-box-wrapper:after {
	bottom: -7px;
	right: -14px;
	background-image: url(../images/memory/memory_deco_right.png);
	transform: rotateX(180deg);
}
.memory-box-inner {
	border: 1px solid #bfa546;
	padding: 30px 37px 15px;
}
.memory-box-inner:before,
.memory-box-inner:after {
	content: '';
	display: inline-block;
	width: 80px;
	height: 26px;
	position: absolute;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	background-image: url(../images/memory/memory_deco_center.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.memory-box-inner:before {
	top: -15px;
	left: 50%;
	transform: translate(-50%, 0);
}
.memory-box-inner:after {
	bottom: -15px;
	left: 50%;
	transform: translate(-50%, 0) rotateX(180deg);
}


.memory-head {
	width: 100%;
	height: 0;
	padding-top: 25.23%;
	/* padding-top: 217px; */
	background-image: url(../images/memory/tit_memory_pc.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-bottom: 30px;
}
.memory-head-subTxt {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.4;
	border-bottom: 1px solid #f025a1;
	margin-bottom: 40px;
	padding: 0 0 10px;
}
.memory-head-subTxt br { display: none; }
.memory-tit {
	color: #333;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1;
}
.memory-img { margin-bottom: 15px; }
.memory-img img { width: 100%; }
.memory-txt {
	font-size: 20px;
	font-weight: bold;
}
.memory-txt span { display: block; }
.pink { color: #f38401; }
.blue { color: #003c9d; }
.kokoro { color: #f025a1; }

/* ------------------------------------------------------------------
 PC（993px〜）
------------------------------------------------------------------ */
@media screen and (min-width: 993px) {
	.ieuru-box-deco .motif-door:not(.bottom) {
		right: 60px;
		width: 60px;
		height: 60px;
	}
}

/* ------------------------------------------------------------------
 tablet（0〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
	.ieuru-box-deco .motif-door:not(.bottom) {
		right: 30px;
		width: 40px;
		height: 40px;
	}
	.ieuru-second .d-box-body { padding: 40px; }
	.memory-head-subTxt { font-size: 30px; 	letter-spacing: 0; }
	.memory-head-subTxt br { display: block; }


}

/* ------------------------------------------------------------------
 SP（0〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
	.ieuru-second {
		background-image: url(../images/common/bg_teiko_purple.png);
		background-size: 48px 48px;
	}
	.ieuru-second .memory-inner { padding: 40px 10px; }
	.ieuru-box-deco:after {
		background-image: url(../images/common/bg_border_memory.png);
		background-size: 5px 5px;
	}
	.ieuru-box-deco .motif-door:not(.bottom) {
		right: 20px;
		width: 30px;
		height: 30px;
	}

	.ieuru-second .d-box-body { padding: 20px 13px; }

	/* memory-box deco */
	.memory-box {
		border: 2px solid #bfa546;
		padding: 2px;
		margin-bottom: 30px;
	}
	.memory-box:before,
	.memory-box:after,
	.memory-box-wrapper:before,
	.memory-box-wrapper:after {
		width: 27px;
		height: 16px;
	}
	.memory-box:before {
		top: -2px;
		left: -7px;
	}
	.memory-box:after {
		top: -4px;
		right: -7px;
	}
	.memory-box-wrapper:before {
		bottom: -2px;
		left: -7px;
	}
	.memory-box-wrapper:after {
		bottom: -4px;
		right: -7px;
	}
	.memory-box-inner { padding: 15px 10px 10px; }
	.memory-box-inner:before, .memory-box-inner:after {
		width: 40px;
		height: 13px;
	}
	.memory-box-inner:before { top: -8px; }
	.memory-box-inner:after { bottom: -8px; }


	.memory-head {
		padding-top: 33.75%;
		/* padding-top: 217px; */
		background-image: url(../images/memory/tit_memory_sp.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-bottom: 10px;
	}

	.memory-tit {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.memory-img { margin-bottom: 5px; }
	.memory-txt { font-size: 11px; }
	.memory-head-subTxt {
		font-size: 15px;
		padding: 0 0 5px;
		margin-bottom: 20px;
		line-height: 1.4;
	}


}