﻿@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
CLUB
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

section.page-club div.section-inner-center {
	border-top:#000 1px solid;
	padding-top:60px;
	padding-bottom:20px;
}

section.page-club .start {
	border-top:none !important;
	padding-top:0 !important;
}

.page-club .paragraph {
	margin-bottom: 30px;
}

.page-club h3 {
	margin-bottom: 30px;
	color: #d92127;
	font-size: 2.4rem;
	text-align: center;
}

.page-club h3 .strong {
	display: inline-block;
	width: 60px;
	margin: 0 6px;
	border-radius: 50%;
	background: #d92127;
	color: #fff;
	font-size: 4.8rem;
	line-height: 60px;
	text-align: center;
}

.page-club .image-l,
.page-club .image-r {
	margin-top: 20px;
}

.page-club-ol {
	counter-reset: number;
}

.page-club-li h4 {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 2rem;
}

/* .page-club-li h4::before {
	width: 40px;
	margin-right: 10px;
	border-radius: 50%;
	background: #d92127;
	color: #fff;
	font-size: 2.4rem;
	font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 40px;
	text-align: center;
	content: counter(number);
	counter-increment: number;
	flex: none;
} */

.page-club-li .flex {
	display: flex;
	align-items: flex-start;
}

.page-club-li .subheading {
	margin-bottom: 5px;
	color: #d92127;
	font-weight: 700;
}

.page-club-li .image {
	max-width: 33%;
	margin-left: 15px;
	flex: none;
}

.page-club-li06 .image {
	max-width: 208px;
}

.page-club-price-ul {
	padding: 20px 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: 700;
	margin-bottom:80px;
}

.page-club-price-li {
	display: flex;
	align-items: center;
}
.page-club-price-li:last-child {
  font-size: 14px;
  font-weight: 400;
	margin-top: 12px;
  text-indent: -1em;
  padding-left: 1em;
}


.page-club-price-li .heading {
	margin-right: 11px;
	padding: 0 7px;
	border: 1px solid;
	background: #fff;
	color: #d92127;
	font-size: 1.2rem;
	flex: none;
}

.page-club-price-li .amount {
	font-size: 1.8rem;
}

.page-club-price-li .tax {
	font-size: 1rem;
}



@media screen\0 {
	.page-news-sns-twitter {
		display: none;
	}
}

@media screen and (min-width: 768px) {

	.page-club .image-l {
		float: left;
		margin: 10px 4.3% 30px 0;
	}
	.page-club .image-r {
		float: right;
		margin: 10px 0 30px 4.3%;
	}

	.page-club-inner {
		position: relative;
	}

	.page-club-ol {
		display: flex;
		margin-bottom: 40px;
		flex-flow: wrap;
		justify-content: center;
	}

	.page-club-li {
		width: 46%;
		/* max-width: 430px; */
		margin-bottom: 10px;
	}

	/* .page-club-li05 {
		max-width: 450px;
	} */

	.page-club-li .text {
		max-width: 250px;
	}
	.page-club-li05 .text {
		max-width: 260px;
	}
	.page-club-li06 .text {
		min-width: 235px;
	}

	.page-club-li .subheading {
		line-height: 1.75;
	}

	.page-club-li .detail {
		line-height: 1.75;
	}

	.page-club-li .image {
		max-width: 38%;
	}

	/* .page-club-li01,
	.page-club-li03,
	.page-club-li05 {
		margin-right: 3%;
	} */

	.page-club-li01 .image {
		margin: -3% 0 0 -2%;
	}

	.page-club-li03 .image {
		margin: -5% 0 0 -7%;
	}

	.page-club-li06 .image {
		max-width: 53%;
	}

	.page-club-price-ul {
		display: flex;
		padding: 13px 0;
		flex-flow: wrap;
		justify-content: center;
	}

	.page-club-price-li:nth-last-child(n+2) {
		margin-right: 20px;
	}

	.page-club-price-li .heading {
		font-size: 1.4rem;
	}

	.page-club-price-li .amount {
		font-size: 2.4rem;
	}

	.page-club-price-li .tax {
		font-size: 1.2rem;
	}

}

@media screen and (min-width: 1112px) {

	.page-club h3 {
		display: flex;
		position: absolute;
		top: 180px;
		left: 36%;
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background: #d92127;
		color: #fff;
		flex-flow: column;
		justify-content: center;
	}

	.page-club h3 .strong {
		background: #fff;
		color: #d92127;
	}

	/* .page-club-li03 {
		margin-right: auto;
	} */

	.page-club-li06 {
		max-width: 490px;
	}
}

@media screen and (max-width: 767.9px) {

	.page-club .flex {
		display: flex;
		flex-flow: column-reverse;
		align-items: center;
	}

	.page-club-li {
		padding: 20px 0;
		border-top: 1px solid #aaa;
	}

	.page-club-li .flex {
		justify-content: space-between;
	}

	.page-club-price-li:nth-last-child(n+2) {
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 479.9px) {
	.page-club-li06 .flex {
		flex-flow: wrap;
		justify-content: center;
	}

	.page-club-li06 .image {
		margin: 15px 0 0 0;
	}
}

.paragraph {
	max-width:48em;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}