@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');



*{margin:0;padding:0;text-decoration:none}fieldset{border:0}body{line-height:1.8}body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{margin:0;padding:0}img{border:0;vertical-align:top}a{text-decoration:none}em{font-style:normal}ul li{list-style-type:none;list-style-image:none}address{font-style:normal}
html{font-size: 62.5%;}
body{font-size: 1.6em;}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }





/* 文字装飾 */
.classSet strong {
	font-weight: 900;
	color: #4fc3f7;
}

.classSet ul {
}
.classSet ul li {
	list-style:none;	
}

.classSet img {
	width: 100%;
	height: auto;
}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


/* box-sizing */ 
* {
	box-sizing: border-box;
}




/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.classSet a {
	color: #e11031;
	transition: 0.3s;
	-webkit−transition: 0.3s;
}
.classSet a:hover {
}
.classSet .cap {
	font-size: 1.4rem;
}


.classSet .btn {
	max-width: 600px;
	display: block;
	margin: 0 auto;
}
.classSet .btn a {
	font-weight: 900;
	font-size: 2.4rem;
	text-align: center;
	display: block;
	background: #4fc3f7 url("../img/arrow.svg") no-repeat 98% center;
	background-size: 36px;
	color: #FFF;
	padding: 30px 100px;
	border-radius: 50px;
}
.classSet .btn a:hover {
	background: #19709f url("../img/arrow.svg") no-repeat 99% center;
	background-size: 36px;
	color: #FFF;

}





/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.classSet .pc {
	display: block;
}
.classSet .sp {
	display: none;
}
.classSet table {
	width: 100%;
	border-collapse: collapse;
}
	.classSet table th {
	}
	.classSet table td {
	}

.classSet h2 {
	font-size: 2.5rem;
	font-weight: 900;
	text-align: center;
	margin-bottom: 30px;
	
	align-items: center;
	display: flex;
}
.classSet h2::before,
.classSet h2::after {
	background-color: #e2e9eb;
	content: "";
	flex-grow: 1;
	height: 1px;
}
.classSet h2::before {
  margin-right: 15px;
}
.classSet h2::after {
  margin-left: 15px;
}




.classSet h3 {
}







/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.classSet  {
	width: 1400px;
	max-width: 90%;
	margin: 0 auto;
	
	
	position: relative;
	font-family: "Noto Sans JP";
	font-weight: 600;
	background: #FFF;
	color: #000;
	padding: 0;
	letter-spacing: 0.1em;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	/*text-align: justify;*/
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}










/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.classSet section {
}
.classSet .cell {
	margin-bottom: 50px;
}


.classSet .set {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: left;
	
	-webkit-flex-wrap: wrap; 
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}





.classSet ul.dot {
	margin-bottom: 15px;
}
	.classSet ul.dot li {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	.classSet ul.dot li:last-child {
		margin-bottom: 0;
	}
	.classSet ul.dot li:last-child {
		margin-bottom: 0;
	}
	.classSet ul.dot li::before {
		display: inline-block;
		content: "";
		margin-top: 10px;
		margin-right: 7px;
		width: 8px;
		height: 8px;
		vertical-align: top;
		border-radius: 5px;
		background-color: #e11031;
	}




.classSet .Member_btn {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 100px;

}
.classSet .Member_btn a {
	display: block;
	background: #4fc3f7;
	border-radius: 60px;
	font-size: 3rem;
	font-weight: 900;
	height: 120px;
	color: #FFF;
	line-height: 120px;
}
.classSet .Member_btn a:hover {
	background: #19709f;
}


.classSet .kv .kvbex {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.classSet .kv h2 {
	margin: 50px 0;
}
.classSet .kv p {
	margin: 20px 0;
}
.classSet .kv ul {
	padding-left: 30px;
	margin: 10px 0;
}
.classSet .kv p,.classSet .kv ul li {
	font-size: 2rem;
}
.classSet .kv .title {
	font-size:4rem
}




.classSet .fv {
	margin-bottom: 100px;
}
.classSet .fv h2 {
	font-size: 4rem;
	font-weight: 900;
}
.classSet .fv .cell {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.classSet .fv .cell img {
	float: left;
	width: 20%;
}
.classSet .fv .cell .fukidashi {
	float: right;
	width: 75%;
	
	border-radius: 30px;
	background: #f3f6f7;
	padding: 30px 50px;
}
.classSet .fv .cell .fukidashi dt {
	font-size: 3rem;
	font-weight: 900;
	margin-bottom: 20px;
}
.classSet .fv .cell .fukidashi dd {
	font-size: 2rem;
	font-weight: 700;
}

.classSet .fv .cell.right img {
	float: right;
	width: 20%;
}
.classSet .fv .cell.right .fukidashi {
	float: left;
	width: 75%;
}





.classSet .bex {
	width: 780px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.classSet .bex img {
	width: 220px;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}
.classSet .bex dt {
	text-align: center;
	font-size: 4.4rem;
	color: #4fc3f7;
	font-weight: 700;
	margin-bottom: 20px;
}
.classSet .bex dd {
	font-size: 2rem;
}







.classSet .features {
	margin-bottom: 100px;
}
.classSet .features dl {
	width: 32%;
	margin-right: 2%;
	margin-top: 2%;
	border-radius: 10px;
	background: #f3f6f7;
	padding: 30px;
}
.classSet .features dl:nth-child(3n) {
	margin-right: 0%;
}
.classSet .features dl dt {
	width: 30%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.classSet .features dl dd {
}
.classSet .features dl dd p {
	margin-bottom: 10px;
}
.classSet .features dl dd strong {
	font-size: 2rem;
}




.classSet .what {
	margin-bottom: 100px;
}
.classSet .what .box {
	width: 49%;
	margin-right: 2%;
	border-radius: 10px;
	background: #f3f6f7;
	padding: 30px;
}
.classSet .what .box:last-child {
	margin-right: 0%;
}

.classSet .what h3 {
	font-size: 3.2rem;
	text-align: center;
	color: #4fc3f7;
	font-weight: 900;
	margin-bottom: 30px;
}
.classSet .what img {
	width: 60%;
	display: block;
	margin: 0 auto;
}
.classSet .what dl {
	background: #FFF;
	border-radius: 10px;
	padding: 20px;
}
.classSet .what dl dt {
	width: 60px;
	float: left;
	margin-right: 20px;
}
.classSet .what dl dt img {
	width: 100%;
}
.classSet .what dl dd {
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 60px;
}
.classSet .what .arrow_b {
	width: 48px;
}





.classSet .Differences {
	margin-bottom: 100px;
}

.classSet .Differences .read {
	text-align: center;
	margin-bottom: 20px;
}
.classSet .Differences .box {
	background: #f3f6f7;
	border-radius: 10px;
	padding:30px;
}
.classSet .Differences .box table {
	text-align: center;
	background: #FFF;
}
.classSet .Differences .box table th {
	width: 20%;
	font-size: 2rem;
	font-weight: 900;
	border-bottom: solid 5px #f3f6f7;
	border-right: solid 5px #f3f6f7;
	padding: 20px 10px;
}
.classSet .Differences .box table td {
	border-bottom: solid 5px #f3f6f7;
	border-right: solid 5px #f3f6f7;
	padding: 20px 10px;
}
.classSet .Differences .box table strong {
	color: #000;
	font-weight: 900;
}
.classSet .Differences .box table .t-bex {
	color: #4fc3f7;
	font-weight: 900;
}
.classSet .Differences .box table img {
	width: 34px;
}



.classSet .Comments {
	margin-bottom: 100px;
}
.classSet .Comments .cell {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.classSet .Comments .cell img {
	float: left;
	width: 20%;
}
.classSet .Comments .cell .fukidashi {
	float: right;
	width: 75%;
	
	border-radius: 30px;
	background: #f3f6f7;
	padding: 30px 50px;
}
.classSet .Comments .cell .fukidashi dt {
	font-size: 3rem;
	font-weight: 900;
	margin-bottom: 20px;
}
.classSet .Comments .cell .fukidashi dd {
	font-size: 2rem;
	font-weight: 700;
}

.classSet .Comments .cell.right img {
	float: right;
	width: 20%;
}
.classSet .Comments .cell.right .fukidashi {
	float: left;
	width: 75%;
}
.classSet .Comments .cell .fukidashi.cbox dl {
	width: 60%;
	float: left;
}
.classSet .Comments .cell .fukidashi.cbox img {
	width: 35%;
	float: right;
}




.classSet .Shopping {
	margin-bottom: 100px;
}
.classSet .Shopping p {
	margin-bottom: 10px;
}
.classSet .Shopping .box {
	background: #f3f6f7;
	border-radius: 10px;
	padding:30px;
}








.classSet .Rank {
	margin-bottom: 100px;
}

.classSet .Rank .read {
	text-align: center;
	margin-bottom: 20px;
}
.classSet .Rank .box {
	background: #f3f6f7;
	border-radius: 10px;
	padding:30px;
}
.classSet .Rank .box table {
	text-align: center;
	background: #FFF;
}
.classSet .Rank .box table th {
	width: 20%;
	font-size: 2rem;
	font-weight: 900;
	border-bottom: solid 5px #f3f6f7;
	border-right: solid 5px #f3f6f7;
	padding: 20px 10px;
}
.classSet .Rank .box table td {
	border-bottom: solid 5px #f3f6f7;
	border-right: solid 5px #f3f6f7;
	padding: 20px 10px;
}
.classSet .Rank .box table strong {
	color: #000;
	font-weight: 900;
}
.classSet .Rank .box table .t-bex {
	color: #4fc3f7;
	font-weight: 900;
}
.classSet .Rank .box table img {
	width: 34px;
}


.classSet .Rank .box table .Bronze {
	color: #7d4f00;
}
.classSet .Rank .box table .Silver {
	color: #494949;
}
.classSet .Rank .box table .Gold {
	color: #ee9700;
}




.classSet .Special {
	margin-bottom: 100px;
}
.classSet .Special .read {
	text-align: center;
	margin-bottom: 20px;
}






.classSet .Products,
.classSet .Delivery {
	margin-bottom: 100px;
}
.classSet .Products .box,
.classSet .Delivery .box {
	width: 48%;
	margin-right: 4%;
	background: #f3f6f7;
	border-radius: 10px;
	padding: 50px;
	margin-bottom: 4%;
}
.classSet .Products .box:nth-child(2n),
.classSet .Delivery .box:nth-child(2n) {
	margin-right: 0%;
}

.classSet .Products .box h3,
.classSet .Delivery .box h3 {
	text-align: center;
	font-size: 3.2rem;
	color: #4fc3f7;
	font-weight: 900;
	margin-bottom: 20px;
}
.classSet .Products .box img,
.classSet .Delivery .box img {
	display: block;
	width: 70%;
	margin: 0 auto;
}
.classSet .Products .box p,
.classSet .Delivery .box p {
	margin-top: 20px;
	font-size: 2rem;
	font-weight: 700;
}
.classSet .Products .box ul,
.classSet .Delivery .box ul {
	margin-top: 20px;
}
.classSet .Products .box li,
.classSet .Delivery .box li {
	display: inline-block;
	width: 22%;
	margin: 0 1%;
}
.classSet .Products .box li img,
.classSet .Delivery .box li img {
	width: 100%;
}

.classSet .Delivery dl {
	margin-top: 20px;
	text-align: center;
}
.classSet .Delivery dl dt {
	margin-bottom: 10px;
}





.classSet .FAQ {
	margin-bottom: 100px;
}
	.classSet .FAQ .area__accordion {
		margin-top: 10px;
		background: #FFF;
		position: relative;
		border-radius: 10px;
	}


	.classSet .FAQ .cc {
		width: 100%;
		position: relative;
		cursor: pointer;
		transition: all .5s ease;
		margin: 0;
		
		background: #f3f6f7;
		border-radius: 10px;
		font-size: 2.4rem;
		padding: 20px;
	}

	.classSet .FAQ .cc h4 {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.6;
	}

	.classSet .FAQ .cc {
		width: 100%;
		position: relative;
		cursor: pointer;
		transition: all .5s ease;
		margin: 0;
		
		background: #f3f6f7;
		border-radius: 10px;
		font-size: 2.4rem;
		padding: 20px;
	}

.classSet .FAQ .box {
	padding: 30px 30px 60px 30px;
    display: none;
}



.classSet .Follow {
	margin-bottom: 100px;
}
.classSet .Follow ul {
	margin: 0 auto;
	text-align: center;
}

.classSet .Follow ul li {
	display: inline-block;
	margin-right: 12px;
}
.classSet .Follow ul li:last-child {
	margin-right: 0;
}
.classSet .Follow ul img{width:50px}


.classSet .Registration {
	margin-bottom: 100px;
}
.classSet .Registration .Code {
	width: 565px;
	margin: 50px auto;
	text-align: center;
}
.classSet .Registration .Code .boarder {
	border: solid 3px #e2e9eb;
	padding: 30px;
	position: relative;
	margin-bottom: 20px;
}
.classSet .Registration .Code .boarder h3 {
	background: #FFF;
	position: absolute;
	top: -15px;
	left: 23%;
	padding: 0 20px;
}
.classSet .Registration .Code .boarder p {
	font-size: 4rem;
}
.classSet .Registration .Code .boarder p {
	font-size: 4rem;
}

.classSet .Registration .attention {
	background: #efc94c;
	font-size: 2.4rem;
	text-align: center;
	padding: 20px;
}












/* max 1023px */
@media screen and (max-width: 1023px) {
.classSet .pc {
	display: none;
}
.classSet .sp {
	display: block;
}
.classSet  {
	font-size: 1.4rem;
}

	

/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.classSet table {
	width: 100%;
	border-collapse: collapse;
}
	.classSet table th {
	}
	.classSet table td {
	}

.classSet h2 {
	font-size: 2rem;
	font-weight: 900;
	text-align: center;
	margin-bottom: 20px;
	
	align-items: center;
	display: flex;
}
.classSet h2::before,
.classSet h2::after {
	background-color: #e2e9eb;
	content: "";
	flex-grow: 1;
	height: 1px;
}
.classSet h2::before {
  margin-right: 15px;
}
.classSet h2::after {
  margin-left: 15px;
}
	

	
	
	
.classSet .btn {
	margin-top: 15px;
	display: block;
}
.classSet .btn a {
	font-weight: 900;
	font-size: 1.6rem;
	text-align: center;
	display: block;
	background: #4fc3f7 url("../img/arrow.svg") no-repeat 98% center;
	background-size: 16px;
	color: #FFF;
	padding: 15px 30px;
	border-radius: 50px;
}
.classSet .btn a:hover {
	background: #19709f url("../img/arrow.svg") no-repeat 99% center;
	background-size: 36px;
	color: #FFF;
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 1);

}
	
	
	
	
	
	
	
	
	
.classSet ul.dot {
	margin-bottom: 0px;
}
	.classSet ul.dot li {
		margin-bottom: 10px;
	}
	.classSet ul.dot li::before {
		display: inline-block;
		content: "";
		margin-top: 8px;
		margin-right: 7px;
	}
	

.classSet .textArea {
	float: none;
	width: 100%;
}
.classSet .phtArea {
	float: none;
	width: 100%;
	margin-top: 5%;
}

	
	
	
	
	
	
/* 個別エリア */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

.classSet .Member_btn {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;

}
.classSet .Member_btn a {
	display: block;
	background: #4fc3f7;
	border-radius: 40px;
	font-size: 2rem;
	font-weight: 900;
	height: 80px;
	color: #FFF;
	line-height: 80px;
}
.classSet .Member_btn a:hover {
	background: #19709f;
}




.classSet .kv .kvbex {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
}
.classSet .kv .title {
	font-size: 2rem;
	font-weight: 900;
}


.classSet .fv {
	margin-bottom: 50px;
}
.classSet .fv h2 {
	font-size: 2rem;
	font-weight: 900;
}
.classSet .fv .cell {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.classSet .fv .cell img {
	float: none;
	width: 50%;
	display: block;
	margin: 0 auto;
}
.classSet .fv .cell .fukidashi {
	float: none;
	width: 100%;
	
	border-radius: 30px;
	background: #f3f6f7;
	padding: 30px;
}
.classSet .fv .cell .fukidashi dt {
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 20px;
}
.classSet .fv .cell .fukidashi dd {
	font-size: 1.6rem;
	font-weight: 700;
}

.classSet .fv .cell.right img {
	float: none;
	width: 50%;
}
.classSet .fv .cell.right .fukidashi {
	float: none;
	width: 100%;
}





.classSet .bex {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
}
.classSet .bex img {
	width: 150px;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}
.classSet .bex dt {
	text-align: center;
	font-size: 2.4rem;
	color: #4fc3f7;
	font-weight: 700;
	margin-bottom: 20px;
}
.classSet .bex dd {
	font-size: 1.6rem;
}







.classSet .features {
	margin-bottom: 50px;
}
.classSet .features dl {
	width: 100%;
	margin-right: 0%;
	margin-top: 2%;
	border-radius: 10px;
	background: #f3f6f7;
	padding: 30px;
}
.classSet .features dl:nth-child(3n) {
	margin-right: 0%;
}
.classSet .features dl dt {
	width: 30%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.classSet .features dl dd {
}
.classSet .features dl dd p {
	margin-bottom: 10px;
}
.classSet .features dl dd strong {
	font-size: 2rem;
}




.classSet .what {
	margin-bottom: 50px;
}
.classSet .what .box {
	width: 100%;
	margin-right: 0%;
	border-radius: 10px;
	background: #f3f6f7;
	padding: 30px;
	margin-bottom: 10px;
}
.classSet .what .box:last-child {
	margin-right: 0%;
}

.classSet .what h3 {
	font-size: 2rem;
	text-align: center;
	color: #4fc3f7;
	font-weight: 900;
	margin-bottom: 30px;
}
.classSet .what img {
	width: 60%;
	display: block;
	margin: 0 auto;
}
.classSet .what dl {
	background: #FFF;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
}
.classSet .what dl dt {
	display: block;
	width: 40px;
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
.classSet .what dl dt img {
	width: 100%;
}
.classSet .what dl dd {
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.4;
}
.classSet .what .arrow_b {
	width: 48px;
}





.classSet .Differences {
	margin-bottom: 100px;
}

.classSet .Differences .read {
	text-align: center;
	margin-bottom: 20px;
}
.classSet .Differences .box {
	background: #f3f6f7;
	border-radius: 10px;
	padding:10px;
}
.classSet .Differences .box table {
	width: 900px;
	text-align: center;
	background: #FFF;
}
.classSet .Differences .box table th {
	width: 20%;
	font-size: 2rem;
	font-weight: 900;
	border-bottom: solid 5px #f3f6f7;
	border-right: solid 5px #f3f6f7;
	padding: 20px 10px;
}
.classSet .Differences .box table td {
	border-bottom: solid 5px #f3f6f7;
	border-right: solid 5px #f3f6f7;
	padding: 20px 10px;
}
.classSet .Differences .box table strong {
	color: #000;
	font-weight: 900;
}
.classSet .Differences .box table .t-bex {
	color: #4fc3f7;
	font-weight: 900;
}
.classSet .Differences .box table img {
	width: 34px;
}



.classSet .Comments {
	margin-bottom: 50px;
}
.classSet .Comments .cell {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.classSet .Comments .cell img {
	display: block;
	margin: 0 auto;
	float: none;
	width: 50%;
}
.classSet .Comments .cell .fukidashi {
	float: none;
	width: 100%;
	
	border-radius: 30px;
	background: #f3f6f7;
	padding: 30px;
}
.classSet .Comments .cell .fukidashi dt {
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 20px;
}
.classSet .Comments .cell .fukidashi dd {
	font-size: 1.6rem;
	font-weight: 700;
}

.classSet .Comments .cell.right img {
	float: none;
	width: 50%;
}
.classSet .Comments .cell.right .fukidashi {
	float: none;
	width: 100%;
}
.classSet .Comments .cell .fukidashi.cbox dl {
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
.classSet .Comments .cell .fukidashi.cbox img {
	width: 100%;
	float: none;
}





.classSet .Shopping {
	margin-bottom: 100px;
}
.classSet .Shopping p {
	margin-bottom: 10px;
}
.classSet .Shopping .box {
	background: #f3f6f7;
	border-radius: 10px;
	padding:10px;
}
.classSet .Shopping .box img {
	width: 1000px;
}




.classSet .Rank {
	margin-bottom: 100px;
}

.classSet .Rank .read {
	text-align: center;
	margin-bottom: 20px;
}
.classSet .Rank .box {
	background: #f3f6f7;
	border-radius: 10px;
	padding:10px;
}
.classSet .Rank .box table {
	width: 900px;
	text-align: center;
	background: #FFF;
}
.classSet .Rank .box table th {
	width: 20%;
	font-size: 2rem;
	font-weight: 900;
	border-bottom: solid 5px #f3f6f7;
	border-right: solid 5px #f3f6f7;
	padding: 20px 10px;
}
.classSet .Rank .box table td {
	border-bottom: solid 5px #f3f6f7;
	border-right: solid 5px #f3f6f7;
	padding: 20px 10px;
}
.classSet .Rank .box table strong {
	color: #000;
	font-weight: 900;
}
.classSet .Rank .box table .t-bex {
	color: #4fc3f7;
	font-weight: 900;
}
.classSet .Rank .box table img {
	width: 34px;
}


.classSet .Rank .box table .Bronze {
	color: #7d4f00;
}
.classSet .Rank .box table .Silver {
	color: #494949;
}
.classSet .Rank .box table .Gold {
	color: #ee9700;
}




.classSet .Special {
	margin-bottom: 50px;
}
.classSet .Special .read {
	text-align: center;
	margin-bottom: 20px;
}






.classSet .Products,
.classSet .Delivery {
	margin-bottom: 50px;
}
.classSet .Products .box,
.classSet .Delivery .box {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 10px;;
	background: #f3f6f7;
	border-radius: 10px;
	padding: 20px;
}
.classSet .Products .box:nth-child(2n),
.classSet .Delivery .box:nth-child(2n) {
	margin-right: 0%;
}

.classSet .Products .box h3,
.classSet .Delivery .box h3 {
	text-align: center;
	font-size: 2rem;
	color: #4fc3f7;
	font-weight: 900;
	margin-bottom: 20px;
}
.classSet .Products .box img,
.classSet .Delivery .box img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.classSet .Products .box p,
.classSet .Delivery .box p {
	margin-top: 20px;
	font-size: 1.6rem;
	font-weight: 700;
}
.classSet .Products .box ul,
.classSet .Delivery .box ul {
	margin-top: 20px;
}
.classSet .Products .box li,
.classSet .Delivery .box li {
	display: inline-block;
	width: 21%;
	margin: 0 1%;
}
.classSet .Products .box li img,
.classSet .Delivery .box li img {
	width: 100%;
}

.classSet .Delivery dl {
	margin-top: 20px;
	text-align: center;
}
.classSet .Delivery dl dt {
	margin-bottom: 10px;
}





.classSet .FAQ {
	margin-bottom: 50px;
}
	.classSet .FAQ .area__accordion {
		margin-top: 10px;
		background: #FFF;
		position: relative;
		border-radius: 10px;
	}


	.classSet .FAQ .cc {
		width: 100%;
		position: relative;
		cursor: pointer;
		transition: all .5s ease;
		margin: 0;
		
		background: #f3f6f7;
		border-radius: 10px;
		font-size: 2.4rem;
		padding: 20px;
	}


	.classSet .FAQ .cc {
		width: 100%;
		position: relative;
		cursor: pointer;
		transition: all .5s ease;
		margin: 0;
		
		background: #f3f6f7;
		border-radius: 10px;
		font-size: 1.6rem;
		padding: 20px;
	}

.classSet .FAQ .box {
	padding: 10px 0px 30px 0px;
    display: none;
}



.classSet .Follow {
	margin-bottom: 50px;
}



.classSet .Registration {
	margin-bottom: 50px;
}
.classSet .Registration .Code {
	width: 100%;
	margin: 50px auto;
	text-align: center;
}
.classSet .Registration .Code .boarder {
	border: solid 3px #e2e9eb;
	padding: 30px;
	position: relative;
	margin-bottom: 20px;
}
.classSet .Registration .Code .boarder h3 {
	background: #FFF;
	position: absolute;
	top: -15px;
	left: 15%;
	padding: 0 20px;
}
.classSet .Registration .Code .boarder p {
	font-size: 3rem;
}

.classSet .Registration .attention {
	background: #efc94c;
	font-size: 2.4rem;
	text-align: center;
	padding: 20px;
}






	
	
	
	
	
	
	
}