@charset "UTF-8";
/* CSS Document */

body{
	font-family: soleil,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-style: normal;
}

#topics_line{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

#topics_line h2{
	width: 990px;
	height: 200px;
	font-size : 38pt;
	line-height: 1.5;
	background-image:url("https://sunsquare.itembox.design/item/images/lp/topics_lineid/line-id_08.png");
	background-size:cover;
	margin: 0 auto 40px;
}

#topics_line img{
	margin: 50px 0;
}

#topics_line ul{
	width: 900px;
	padding: 0;
  list-style: none;
	margin: 0 auto;
}

#topics_line li{
	font-size : 18pt;
	width: 50%;
	float:left;
}

.buttun_line{
	display: inline-block;
	padding: 0;
  	color: #FFF;/*文字・アイコン色*/
  	border-radius: 7px;/*角丸に*/
  	height: 100px;/*高さ*/
  	width: 400px;/*幅*/
  	font-size: 30px;/*文字のサイズ*/
  	line-height: 100px;/*高さと合わせる*/
  	background-color: #00B900;
  	text-decoration:none;/*下線は消す*/
	text-align: center;
		margin: 0 auto;
}

.buttun_menber{
	display: inline-block;
	padding: 0;
  	color: #FFF !important;/*文字・アイコン色*/
  	border-radius: 7px;/*角丸に*/
  	height: 100px;/*高さ*/
  	width: 400px;/*幅*/
  	font-size: 30px;/*文字のサイズ*/
  	line-height: 100px;/*高さと合わせる*/
  	background-color: #3c3c3c;
  	text-decoration:none;/*下線は消す*/
	text-align: center;
		margin: 0 auto;
}

/*  anniversaryスタイル  */

#event{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
#event img{
	margin: 50px 0;
}
	
#event h1{
	font-size: 30px;
	letter-spacing: 7px;
	padding: 0.2em 0;/*上下の余白*/
	border-top: solid 1px #434343;/*上線*/
	border-bottom: solid 1px #434343;/*下線*/
	}

#details p{
	margin: 10px 100px 20px 100px;
	font-size: 22px;
	line-height: 2em;
	text-align: center;
	}

.sp_ev{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	background:#c59f62;
	padding: 1em 3em;	
	line-height: 3em;
	}

.off_p{
	color: #c84754;
	font-weight: bold;
	font-size: 24px;
	padding: 1em;	
	line-height: 3em;
	}

#event p{
	margin: 100px 100px 0px 100px;
	font-size: 20px;
	line-height: 2em;
	text-align: left;
	}


.pt_at{
	color: #c84754;
	font-weight: bold;
	font-size: 20px;
	padding: 1.0em;	
	line-height: 2em;
	}	

.buttun_sale{
	display: inline-block;
	padding: 0;
  	color: #FFF;/*文字・アイコン色*/
  	height: 2em;/*高さ*/
  	width: 60%;/*幅*/
  	font-size: 30px;/*文字のサイズ*/
  	line-height: 2em;/*高さと合わせる*/
  	background-color: #3c3c3c;
  	text-decoration:none;/*下線は消す*/
	text-align: center;
		margin: 50px auto;
}	

/* 特集  */

#feature_g{
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

#feature_g img{
	width: 800px;
	margin: 30px 0;
}

#feature_g p{
	margin: 20px;
	font-size: 15px;
	line-height: 2em;
	}

/*  新規会員登録  */

#members p{
	color: #666666;
	font-size: 13px;
	margin: 35px 10px 15px 10px;
	float: left;
}

.new_members{
	background-position: center;
	background-image   : url("https://sunsquare.itembox.design/item/images/lp/500cp.png");
	background-repeat  : no-repeat;
	margin:  40px  auto;
	width:1000px;
	height: 400px;
	background-color: #707070;
}
.f-container{
	margin:  0 auto;
	width:1000px;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: space-around;
	display:flex;	
}

.f-item{
	margin: 10px 5px;
	width: 450px;
	height: 150px;
}

#members h2{
	color: #707070;
	margin:  50px  auto 20px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 6px;
	border-bottom: medium solid #707070;
	width: 1000px;
}
#members span{
	font-size: 16px;
	font-weight: bold;
	
}
#members i{
	margin: 20px;
	float:left;
}
.benefits{
	color:#707070;
}

@media screen and (max-width: 769px) {
 
/*  ウィンドウサイズ769px以下の時のスタイル  */
	
#topics_line{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

#topics_line h2{
	width: 98%;
    height: 1.9em;
	font-size : 13pt;
	line-height: 1.5em;
	background-image:url("https://sunsquare.itembox.design/item/images/lp/topics_lineid/line-id_08.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position : 50% 50%;
	margin: 0 auto 20px;
}

#topics_line img{
	border: 0;
	max-width: 98%; /* 最大幅 */
	width: auto;
	height: auto;
	padding: 0;
}

#topics_line ul{
	width: 100%;
	padding: 0;
  list-style: none;
	margin: 0 auto;
}

#topics_line li{
	font-size : 10px;
	width: 50%;
	float:left;
}

.buttun_line{
	display: inline-block;
	padding: 0;
  	color: #FFF;/*文字・アイコン色*/
  	border-radius: 5px;/*角丸に*/
  	height: 2em;/*高さ*/
  	width: 90%;/*幅*/
  	font-size: 12px;/*文字のサイズ*/
  	line-height: 2em;/*高さと合わせる*/
  	background-color: #00B900;
  	text-decoration:none;/*下線は消す*/
	text-align: center;
		margin: 0 auto;
}

.buttun_menber{
	display: inline-block;
	padding: 0;
  	color: #FFF;/*文字・アイコン色*/
  	border-radius: 5px;/*角丸に*/
  	height: 2em;/*高さ*/
  	width: 90%;/*幅*/
  	font-size: 12px;/*文字のサイズ*/
  	line-height: 2em;/*高さと合わせる*/
  	background-color: #3c3c3c;
  	text-decoration:none;/*下線は消す*/
	text-align: center;
		margin: 0 auto;
}

/*  anniversaryスタイル  */

#event{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
	
#details{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
	
#event img{
	width: 98%;
	margin: 50px 0;
}
	
#event h1{
	font-size: 11pt;
	padding: 0.2em 0;/*上下の余白*/
	border-top: solid 1px #434343;/*上線*/
	border-bottom: solid 1px #434343;/*下線*/
	}	

#event p{
	margin: 20px 20px 5px 20px;
	font-size: 9pt;
	line-height: 1.2em;
	text-align: left;
	}
	
#details p{
	margin: 20px 20px 5px 20px;
	font-size: 9pt;
	line-height: 1.2em;
	text-align: center;
	}

.sp_ev{
	color: #FFF;
	font-weight: bold;
	font-size: 11pt;
	background:#c59f62;
	padding: 1em;	
	line-height: 3em;
	}

.off_p{
	color: #c84754;
	font-weight: bold;
	font-size: 12pt;
	padding: 0.3em;	
	line-height: 1.5em;
	}

.pt_at{
	color: #c84754;
	font-weight: bold;
	font-size: 11pt;
	padding: 1.0em;	
	line-height: 2em;
	}	

.buttun_sale{
	display: inline-block;
	padding: 0;
  	color: #FFF;/*文字・アイコン色*/
  	height: 2em;/*高さ*/
  	width: 95%;/*幅*/
  	font-size: 10pt;/*文字のサイズ*/
  	line-height: 2em;/*高さと合わせる*/
  	background-color: #3c3c3c;
  	text-decoration:none;/*下線は消す*/
	text-align: center;
	margin: 30px auto;
}

/* 特集  */
#feature_g{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#feature_g img{
	width: 98%;
	margin: 20px 0;
}
#feature_g p{
	margin: 10px;
	font-size: 8pt;
	line-height: 2em;
	}
	
	/*  新規会員登録  */

#members p{
	color: #666666;
	font-size: 12px;
	margin: 15px 20px 5px 20px;
	float: left;
}

.new_members{
	background-size: 80% auto;
	background-image   : url("https://sunsquare.itembox.design/item/images/lp/500cp.png");
	background-repeat  : no-repeat;
	margin:  0  auto ;
	background-color: #707070;
	width:95%;
	height: 100px;
	padding-top: 55%;
}
.f-container{
	margin:  0 auto;
	width:100%;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: space-around;
	display:flex;	
}

.f-item{
	margin: 8px 5px;
	width: 95%;
}

#members h2{
	color: #707070;
	margin:  30px  auto 20px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 2px;
	border-bottom: medium solid #707070;
	width: 95%;
}
#members span{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	
}
#members i{
	margin: 16px;
	float:left;
}
.benefits{
	color:#707070;
}