/*  #archive
================================================ */
#archive .inner { padding-top: 50px; padding-bottom: 52px; }

.contents table {
	margin:50px auto 30px;
	max-width:900px ;
}
.contents table tr:first-child {
	background:#b7a573;
	color:#fff;
	text-align:center;
}
.contents table th:first-child,.contents table th:nth-child(2) {
	text-align:center;
	vertical-align:middle;
}
.contents table th {
	width:40%;
	font-weight:bold;
	padding:10px;
	border:1px solid #ccc;
}
.contents table td {
	padding:10px;
	border:1px solid #ccc;
}
.contents table td:nth-child(2) {
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
.contents table td:nth-child(2) .pink {
	font-weight:bold;
}

.contents header {
	margin-top:60px;
}
.pink{color:#FF6D74 !important;}
.bold {font-weight:bold;}
.brown {color:#af9e6e;}
@media all and (min-width: 600px) {
#after_wrap {
	width:1000px;
	margin:auto;
}
.fv {
	width:935px;
	margin:auto;
}
.midashi_txt {
	font-size:19px;
	position:relative;
	width:1000px;
	margin:50px auto;
	text-align:center;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.midashi_txt:before {
	content:'';
	background:url(../img/after/icon_left.png) no-repeat 0 0;
	width:62px;
	height:49px;
	position:absolute;
	top:0;
	left:0;
}
.midashi_txt:after {
	content:'';
	background:url(../img/after/icon_right.png) no-repeat right bottom;
	width:62px;
	height:49px;
	position:absolute;
	bottom:-20px;
	right:0;
	position:absolute;
}
.midashi_txt span {
	font-size:28px;
	border-bottom:8px solid #e3d6b0;
}
#after_wrap .thumb1 {
	background:url(../img/after/thumb1.png) no-repeat 0 0;
	width:931px;
	height:446px;
	margin:auto;
	padding:1px 0;
}
#after_wrap .thumb1 .box {
	width:520px;
	margin:70px 0 0 30px
}
#after_wrap .thumb1 h3 {
	font-size:20px;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom:10px;
}
#after_wrap .thumb1 p {
	font-size:16px;
	line-height:32px;
}
.thumb2 {
	width:865px;
	margin:30px auto;
}
.title {
	text-align:center;
	margin:50px 0 0;
	font-size:25px;
}
.title h2 {
	font-size:60px;
	line-height:60px;
	margin:10px 0;
}
.reason_box {
	width:1000px;
	margin:20px auto 0;
}
.reason_box .box:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.reason_box .box {
	margin:0 !important;
}
.reason_box li {
	border:10px solid #ede6da;
	margin:0 0 30px;
	clear:both;
	float:none;
}
.reason_box li a {
	display:block;
	width:320px;
	margin:20px auto 0;
	color:#fff;
	text-align:center;
	background:#fd5274;
	text-decoration:none;
	padding:5px 0;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.reason_box li:nth-child(1) .pic,.reason_box li:nth-child(3) .pic {
	float:right;
	width:396px;
}
.reason_box li:nth-child(2) .pic {
	float:left;
	width:396px;
}
.reason_box li .text {
	padding:5px 0 0 30px;
	float:left;
	width:510px;
}
.reason_box li h3 {
	font-size:20px;
	font-weight:bold;
	padding:30px 0 20px 55px;
}
.reason_box li h3 .brown {
	font-weight:bold;
}
.reason_box li:nth-child(1) h3 {
	background:url(../img/after/point1.jpg) no-repeat 0 center;
}
.reason_box li:nth-child(2) h3 {
	background:url(../img/after/point2.jpg) no-repeat 0 center;
}
.reason_box li:nth-child(3) h3 {
	background:url(../img/after/point3.jpg) no-repeat 0 center;
}
}
@media all and (max-width: 599px) {
.midashi_txt {
	font-size:4vw;
	position:relative;
	padding:10% 0%;
	text-align:center;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.midashi_txt:before {
	content:'';
	background:url(../img/after/icon_left.png) no-repeat 0 0;
	background-size:contain;
	width:30px;
	height:25px;
	position:absolute;
	top:0;
	left:0;
}
.midashi_txt:after {
	content:'';
	background:url(../img/after/icon_right.png) no-repeat right bottom;
	background-size:contain;
	width:30px;
	height:25px;
	position:absolute;
	bottom:0;
	right:0;
	position:absolute;
}
.midashi_txt span {
	font-size:4.5vw;
	border-bottom:4px solid #e3d6b0;
}
#after_wrap header {
	text-align:center;
	margin:50px 0 0;
	font-size:4vw;
}
#after_wrap header h2 {
	font-size:5vw;
}
#after_wrap .thumb1 {
	background:url(../img/after/thumb1_sp.png) no-repeat 0 0;
	background-size:100%;
	margin:auto;
	padding:1px 0;
}
#after_wrap .thumb1 .box {
	padding:68% 5% 0;
}
#after_wrap .thumb1 h3 {
	font-size:5vw;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:left;
}
#after_wrap .thumb1 p {
	font-size:3.7vw;
	padding-bottom:10%;
}
.title {
	text-align:center;
	margin:50px 0 0;
	font-size:6vw;
}
.title h2 {
	font-size:7vw;
}
.reason_box {
	width:95%;
	margin:10px auto 0;
}
.reason_box .box {
	margin:5% !important;
}
.reason_box li {
	border:5px solid #ede6da;
	margin:0 0 30px;
}
.reason_box li a {
	display:block;
	width:250px;
	margin:20px auto 0;
	color:#fff;
	text-align:center;
	background:#fd5274;
	text-decoration:none;
	padding:5px 0;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.reason_box li .pic {
	width:100%;
	margin:10px auto;
}
.reason_box li .text p {
	font-size:3.5vw;
	margin-top:5px;
}
.reason_box li h3 {
	font-size:5vw;
	font-weight:bold;
	padding:0 0 0 10%;
}
.reason_box li h3 .brown {
	font-weight:bold;
}
.reason_box li:nth-child(1) h3 {
	background:url(../img/after/point1.jpg) no-repeat 0 center;
	background-size:8%;
}
.reason_box li:nth-child(2) h3 {
	background:url(../img/after/point2.jpg) no-repeat 0 center;
	background-size:8%;
}
.reason_box li:nth-child(3) h3 {
	background:url(../img/after/point3.jpg) no-repeat 0 center;
	background-size:8%;
}
.contents table tr:first-child {
	font-size:3vw;
	padding:0;
}
.contents table tr:first-child th {
	padding:5px 0;
}
.contents table td:first-child span {
	display:block;
	font-size:2vw;
}
}
@media all and (min-width: 600px) {
.template ol {
	text-align:center;
	margin:30px 0 70px;
}
.template ol li {
	display:block;
	max-width:650px;
	margin:0 auto 20px;
	vertical-align:top;
	text-align:center;
}
.template ol li h3 {
	font-size:3rem;
}
.template ol li a {
	display:block;
	background:#e9516e;
	max-width:400px;
	margin:20px auto;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #fff;
	border-radius: 0.5rem;
}
a.btn--pink {
  color: #fff;
  background-color: #094;
}

a.btn--pink:hover {
  color: #fff;
  background: #e96a6e;
}

a.btn--pink.btn--cubic {
  border-bottom: 5px solid #e9256e;
}
a.btn--pink.btn--cubic:hover {
  margin-top: 23px;
  border-bottom: 2px solid #e9256e;
}
a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}
}
@media all and (max-width: 599px) {
.template ol {
	text-align:center;
	margin:30px 0;
}
.template ol li {
	display:inline-block;
	max-width:400px;
	margin:0 10px;
	vertical-align:top;
}
.template ol li h3 {
	font-size:5vw;
}
.template ol li a {
	display:block;
	background:#e9516e;
	max-width:400px;
	margin:20px auto;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #fff;
	border-radius: 0.5rem;
}
a.btn--pink {
  color: #fff;
  background-color: #094;
}

a.btn--pink:hover {
  color: #fff;
  background: #e96a6e;
}

a.btn--pink.btn--cubic {
  border-bottom: 5px solid #e9256e;
}
a.btn--pink.btn--cubic:hover {
  margin-top: 23px;
  border-bottom: 2px solid #e9256e;
}
a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}
}