@charset "utf-8";

/* --------------------------------------------------------------
CLUB PINGとは(共通)
-------------------------------------------------------------- */

/* --------------------------------------------------------------
CLUB PINGとは(PC)
-------------------------------------------------------------- */

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

.about {}

.about #main .pcnone {
	display: none;
}
.about #main .maintenance {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0 50px 0;
	text-align: center;
}
.about #main .maintenance-title {
	margin: 0 0 25px 0;
	padding: 20px;
	color: #fff;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 26px;
	line-height: 1;
	background-color: #000;
}
.about #main .maintenance-copy {
	margin: 0 0 30px 0;
	padding: 0;
	color: #000;
	font-family: "FP-ヒラギノ角ゴ ProN W3",sans-serif;
	font-size: 18px;
	line-height: 1.5;
}
.about #main .maintenance-date-title {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 18px;
	line-height: 1.5;
}
.about #main .maintenance-date {
	margin: 0;
	padding: 10px 0 5px 0;
	color: #ea2727;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 20px;
	line-height: 1.5;
}
.about #main .maintenance-notice {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "FP-ヒラギノ角ゴ ProN W3",sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

.about h2 {
	width:1000px;
	margin:0 auto;
	font-family: Oswald;
	font-size:80px;
	color:#005f3c;
	font-weight:normal;
	}

.about h4 {
	margin:0 0 30px 0;
	}
.about h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #00442d;
}
.about .h4-left {
	width: 17.3%;
	padding: 15px;
	color: #fff;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
}
.about .h4-left .num {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-left: 5px;
	padding-top: 4px;
	color: #00442d;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 20px;
	line-height: 1.2;
	background-color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.about .h4-right {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 15px;
	color: #fff;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 34px;
	line-height: 1.2;
	background-color: #015e3f;
}

.about .mainImg {
	margin:0 auto 60px auto;
	}

.about .area01 dl {
	margin:0 auto 35px auto!important;
	width:900px;
	border:solid 10px #000;
	}

.about .area01 dl dt {
	background:#000;
	color:#fff;
	font-size:20px;
	padding:0 0 10px 0;
	}

.about .btMovie{
	display:none;
	}

.about .btMember.btm0 {
	margin: 0 !importnat;
}

.about .btMember a{
	width:632px;
	margin:0 auto;
	display:block;
	}

.about .btMember img{
	}

/*
.about .special01{
	padding:0 0 0 20px;
	}
*/
.about .special01{
	width: 621px;
	margin: 0 auto;
	}

.about .special01 dl{
	float:left;
	width:298px;
	margin:0 25px 0 0;
	}

.about .special01 dl.last{
	margin:0;
	}

.about .area03 .imgArea img {
	margin:0 auto 35px auto!important;
	}

.about .area04 dl {
	position:relative;
	height:230px;
	margin:0 0 20px 0;
	}

.about .area04 dl dt {
	padding:0 0 0 390px;
	color:#005f3c;
	font-size:24px;
	margin:0 0 15px 0;
	}

.about .area04 dl dd.txt {
	padding:0 0 0 390px;
	}

.about .area04 dl dd.img {
	position:absolute;
	left:0;
	top:0;
	}

.about .area05 .imgArea img {
	margin:0 auto 35px auto!important;
	}

.about .area06 .imgArea img {
	margin:0 auto 35px auto!important;
	}

.about .area06 .member {
	text-align:center;
	}

.about .area06 .member a {
	color:#c82d2b;
	text-decoration:underline;
	}

.about .area06 .member a:hover {
	text-decoration:none;
	}

.about .member-login {
	width: 279px;
	margin: 0 auto 30px auto;
}

	}

/* --------------------------------------------------------------
CLUB PINGとは(SP)
-------------------------------------------------------------- */

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

.about {}

.about #main .pcnone {
	display: initial;
}
.about #main .spnone {
	display: none;
}
.about #main .maintenance {
	width: 94.67%;
	margin: 0 auto;
	padding: 0 0 8vw 0;
	text-align: center;
}
.about #main .maintenance-title {
	margin: 0 0 4vw 0;
	padding: 3.2vw;
	color: #fff;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 4vw;
	line-height: 1;
	background-color: #000;
}
.about #main .maintenance-copy {
	margin: 0 0 4vw 0;
	padding: 0 2.7vw;
	color: #000;
	font-family: "FP-ヒラギノ角ゴ ProN W3",sans-serif;
	font-size: 3.47vw;
	line-height: 1.5;
	text-align: left;
}
.about #main .maintenance-date-title {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 3.47vw;
	line-height: 1.5;
}
.about #main .maintenance-date {
	margin: 0;
	padding: 1vw 0 2.5vw 0;
	color: #ea2727;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 4vw;
	line-height: 1.5;
}
.about #main .maintenance-notice {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "FP-ヒラギノ角ゴ ProN W3",sans-serif;
	font-size: 2.93vw;
	line-height: 1.5;
}

.about h2 {
	margin:0 auto;
	font-family: Oswald;
	font-size:24px;
	color:#005f3c;
	font-weight:normal;
	}

.about .mainImg {
	width:100%;
	margin:0 0 20px 0;
	}

.about .movie {
	width:100%;
	}

.about h4 {
	margin:0 0 20px 0;
	}
.about h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #00442d;
}
.about .h4-left {
	width: 19%;
	padding: 3vw 1.6vw;
	color: #fff;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 2.93vw;
	line-height: 1.2;
	text-align: center;
}
.about .h4-left .num {
	display: inline-block;
	width: 4vw;
	height: 4vw;
	margin-left: 1vw;
	padding-top: 0.2vw;
	color: #00442d;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 2.93vw;
	line-height: 1.2;
	background-color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.about .h4-right {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 3vw 1.6vw;
	color: #fff;
	font-family: "FP-ヒラギノ角ゴ ProN W6",sans-serif;
	font-size: 3.8vw;
	line-height: 1.2;
	background-color: #015e3f;
}

.about .area01 dl {
	display:none;
	}

.about h4 img {
	width:100%;
	}

.about .btMovie img{
	width:100%;
	}

.about .btMember img{
	width:100%;
	}

.about .imgArea img{
	width:100%;
	}

.about .area04 dl {
	padding:0 20px;
	}

.about .area04 dl dt {
	color:#005f3c;
	font-size:16px;
	margin:0 0 10px 0;
	}

.about .area04 dl dd.txt {
	margin:0 0 20px 0;
	}

.about .area04 dl dd.img {
	padding:0 0 0 100px;
	}

.about .area04 dl dd.img img {
	width:60%;
	margin:0 0 20px 0;
	}

.about .special01 dt{
	float:left;
	width:45%;
	}

.about .special01 dl{
	padding:0 10px 10px 10px;
	}

.about .special01 dt img{
	width:100%;
	}

.about .special01 dd{
	float:right;
	width:50%;
	}

.about .area06 .member {
	text-align:center;
	}

.about .area06 .member a {
	color:#c82d2b;
	text-decoration:underline;
	}

.about .member-login {
	width: 279px;
	margin: 0 auto 20px auto;
	}

	}

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

	}