@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}



/*--- 会員登録 共通 ---*/
.register img {
	width: 100%;
}
.register p,
.register h2,
.register h3,
.register h4,
.register ul li
{color: #858585;}
.register section {
	margin-bottom: 60px;
}
.register .btn_pink_area p {
 color: #FFFFFF;
}
.register .btn_pink_area p:hover {
 color: #f99d7d;
}
/*--- font 設定 ---*/
.register h2 {
	font-family: 'Amiri', sans-serif;
	text-align: center;
	margin-bottom: 30px;
	font-weight: 100;
	font-size: 18px;
}
.register h3 {
	text-align: center;
	font-weight: 100;
	font-size: 14px;
	margin-bottom: 30px;
}
.register h4 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 5px;
	color: #f99d7d;
	line-height: 1.5;
	text-align: left;
}

/*ボタン飛び先微調整*/
#fs_form {
	margin-top: -120px;
    padding-top: 120px;
}	



/*--- 幅設定 ---*/
.register {
	padding: 0 5px;
}


/*--------------

ポイント_エリア

--------------*/
.register .point_area {
	text-align: center;
	margin-bottom: 40px;
}
.register .point_area .test_area {
   font-size: 20px;
	line-height: 2;
}
.register .line_down {
   background: linear-gradient(transparent 60%, #ecf3c0 50%);
   color: #f99d7d;
   font-size: 28px;
   font-weight: 900;
	position: relative;
}
.register .line_down::after {
    display: inline-block;
	content: '';
    width: 25px;
    height: 20px;
    background-image: url("https://shirai.itembox.design/item/common/jointspace/img/register/img_icon_point.png");
	background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -9px;
    top: -8px;
    overflow: hidden;
}
.register .test_sub_area01 {
	font-size: 18px;
	color: #f99d7d;
	margin-bottom: 10px;
	font-weight: bold;
}
.register .test_sub_area02 {
	font-size: 12px;
	margin: 20px 0 30px;
}

/*--------------

メッリド エリア 

--------------*/
.register .merit_area .column figure {
	margin-top: 5px;
}
.register .merit_area .column.sp_is-12 {
	width: 100%;
	margin-bottom: 50px;
}
.register .merit_area .column.sp_is-4 {
	width: 33.33% ;
}
.register .merit_area .column.sp_is-8 {
	width: 66.66% ;
}
.register .merit_area p {
	margin: 0;
}
.register .merit_area .rink_area {
	text-align: left;
}
.register .merit_area a {
	text-decoration: underline;
	color: #858585;
	cursor: pointer;
}

/*--- plus_アイコン設定 ---*/
.register .plus_area {
	width: 80px;
	margin: 0 auto 30px;
}

/*-------------- 

メールマガジン

--------------*/
.register .mail_maga_area {
	margin-bottom: 30px;
}
.register .mail_maga_area .img_area {
	width: 160px;
	margin: 0 auto;
}
.register .mail_maga_area .test_area {
	background-color: #fef5f2;
	padding: 20px;
}
.register .mail_maga_area .test_area .test_area_title {
	border-bottom: dotted #858585 1px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 5px;
	text-align: center;
}
.register .mail_maga_area .test_area ul {
	margin-left: 25px;
	margin-bottom: 15px;
}

/*--- 下ボタン ---*/
.register .sp_only_display {
	margin-bottom: 30px;
}

/*--- 説明注釈 ---*/
.register .annotation_area ul {
	margin-left: 15px;
}
.register .annotation_area ul li {
	list-style: none;
	font-size: 12px;
	margin-bottom: 5px;
}
.register .annotation_area ul li::before {
	display: inline-block;
    content: '※';
    width: 15px;
    height: 15px;
	margin-left: -15px;
}




/*-------------- PC size --------------*/
@media screen and (min-width: 767px) {


	/*--- 幅設定 ---*/
	.register {
		width: 800px;
		margin: 0 auto;
		padding: 0;
	}
	
	/*--- pc_column設定 ---*/
	.register .column {
		width : calc(100% / 3) ;
	}
	
	/*--- btn area ---*/
	.register .btn_pink_area {
		max-width: 400px;
		margin: 0 auto;
	}
	
	/*-------------- 
	
	メッリド エリア
	
	--------------*/
	.register .merit_area .column figure {
		width: 75%;
		margin: 0 auto;
	    display: block;
	}
	
	/*--- flex ---*/
	.register .merit_area .row {
		margin-left: -20px;
		margin-right: -20px;
	}
	.register .merit_area .column {
		padding-left: 20px;
		padding-right: 20px;
	}
	.register h4 {
		font-size: 18px;
		line-height: 1.5;
	}
	.register .merit_area .rink_area {
		text-align: left;
	}
	.register .merit_area .column.sp_is-12 {
		width: 33.33%;
		margin-bottom: 40px;
	}
	.register .merit_area .column.sp_is-4,
	.register .merit_area .column.sp_is-8 {
		width: 100%;
	}
	
	/*--------------
	
	メールマガジン
	--------------*/
	.register .mail_maga_area .test_area {
		background-color: #fef5f2;
		padding: 30px;
		width: 350px;
    	margin: 0 auto;
	}	
	
	.register .annotation_area {
		width: 600px;
		margin: 0 auto;
	}
}



/*-------------- ipad size --------------*/
@media screen and (width: 768px) {
	.register {
		width: 750px;
		padding: 0 20px;
	}
}