@charset "Shift-jis";

#STS-index{
    position: relative;
    margin: auto;
    background-image: url(../img/sts_topimage_sp.jpg);
    height: 460px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
#STS-index1{
    position: relative;
    margin: auto;
    background-image: url(../img/sts_topimage_sp1.jpg);
    height: 460px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
#STS-index h1{
	position:absolute;
	width:80%;
	bottom:50px;
	left:0px;
	right:0px;
	margin:auto;

}
#STS-index1 h1{
	position:absolute;
	width:80%;
	bottom:50px;
	left:0px;
	right:0px;
	margin:auto;
}
#STSformWP{
	background-color:#FFF;
	border-radius:10px;
	width:90%;
	margin:auto;
}
#HeaderReg{
	background-color:#da599b;
	margin-right:10px;
}
#HeaderReg a:hover{
	background-color:#E487B7;
}
#HeaderLogin{
	background-color:#b360a2;
}
#HeaderLogin a:hover{
	background-color:#C484B7;
}
.STS-registForm{
	position:relative;
}
.STS-registForm h2{
	text-align:center;
	color:#503a3f;
	font-size:22px;
	font-weight:600;
	display:block;
	padding-top:25px;
	padding-bottom:5px;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.3em;
}
.STS-registForm h2 small{
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:300;
	font-size:13px;
}
.STSR-gender{
	position:relative;
	margin:auto;
	margin-top:15px;
	width:227px;
	padding-bottom:20px;
}
/*ラジオボタンデザイン*/
.STSR-gender label {
    margin-right: 5px; /* ボタン同士の間隔 */
}
.STSR-gender label input {
    display: none; /* デフォルトのinputは非表示にする */
}
.STSR-gender label span {
    color: #9E9E9E; /* 文字色を黒に */
    font-size: 18px; /* 文字サイズを14pxに */
    border-radius: 40px; /* 角丸を入れて、左右が丸いボタンにする */
    padding: 8px 35px; /* 上下左右に余白をトル */
	background-color:#EAEAEA;
}
.STSR-gender label#STSR-m input:checked + span {
    color: #499fba; /* 文字色を白に */
    background: #afdef1; /* 背景色を薄い赤に */
    border: none; /* 淵の線を薄い赤に */
}
.STSR-gender label#STSR-w input:checked + span {
    color: #e88aa6; /* 文字色を白に */
    background: #f6d1e2; /* 背景色を薄い赤に */
    border: none; /* 淵の線を薄い赤に */
}

/* チェックボックスデザイン */
input[type="checkbox"]  {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="checkbox"] {
    cursor: pointer;
    padding-left: 30px;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
  }
  input[type="checkbox"]::before,
  input[type="checkbox"]::after {
    content: "";
    display: block; 
    position: absolute;
  }
  input[type="checkbox"]::before {
    background-color: #fff;
    border-radius: 0%;
    border: 1px solid #666464;
    width: 20px;/*チェックボックスの横幅*/
    height: 20px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
  }
  input[type="checkbox"]::after {
    border-bottom: 3px solid #666464;/*チェックの太さ*/
    border-left: 3px solid #666464;/*チェックの太さ*/
    opacity: 0;/*チェック前は非表示*/
    height: 6px;/*チェックの高さ*/
    width: 11px;/*チェックの横幅*/
    transform: rotate(-45deg);
    top: -7px;/*チェック時の位置調整*/
    left: 10px;/*チェック時の位置調整*/
  }
  input[type="checkbox"]:checked::after {
    opacity: 1;/*チェック後表示*/
  }
.STSR-mail{
	position:relative;
	text-align:center;
	padding-bottom:10px;
}
.STSR-mail input{
	width:85%;
	height:45px;
	padding:2px 5px;
	border:1px solid #beb3b7;
	border-radius:3px;
	background-color:#FFF;
	color:#333;
	font-size:18px;
}
.STSR-mail input::placeholder {
  color:#B1B1B1
}
.STSR-caution{
	width:85%;
	position:relative;
	margin:auto;
	padding-bottom:10px;
}
.STSR-caution p{
	font-size:15px;
	padding-bottom:5px;
	font-weight:300;
	text-align:center;
}
.STSR-caution p span{
	display:inline-block;
	vertical-align:middle;
	padding-right:5px;
}
.STSR-regbtn{
	text-align:center;
	padding-bottom:25px;
}
.STSR-regbtn input{
	width:70%;
	background-color:#da599b;
	border:none;
	height:60px;
	border-radius:5px;
	color:#EB6765;
	font-size:16px;
	font-weight:500;
	color:#FFF;
}
.STSR-regbtn input:hover{
	background-color:#E179AE;
}
.GYSR-formember{
	text-align:center;
	color:#5F7E8B;
	font-size:18px;
	position:relative;
	padding-bottom:10px;
}
.STSR-loginbtn{
	text-align:center;
}
.STSR-loginbtn p{
	width:70%;
	background-color:#ABDBDF;
	border:none;
	line-height:60px;
	border-radius:5px;
	color:#589B9D;
	font-size:20px;
	font-weight:500;
	margin:auto;
}
.STSR-loginbtn p a{
	border-radius:5px;
	display:block;
	color:#589B9D;
}
.STSR-loginbtn p a:hover{
	background-color:#C9E8EA;
	border-radius:5px;
	color:#589B9D;
}

.STS-Contwrap{
	position:relative;
	padding-top:30px;
}
.STS-Contwrap h2{
	font-family: 'Noto Serif JP', serif;
	font-size:17px;
	text-align:center;
	letter-spacing:1px;
	padding-bottom:25px;
	font-weight:500;
	color:#43232d;
}
.TX-box650{
	width:90%;
	position:relative;
	margin:auto;
	text-align:left;
	line-height:2em;
	font-size:15px;
	color:#3e2b31;
	font-weight:500;
	padding-bottom:20px;
}

#TPcont1-clm{
	position:relative;
	margin:auto;
	font-size:0px;
	padding-bottom:20px;
}
#TPcont1-clm article{
	width:300px;
	font-size:18px;
	position:relative;
	margin:auto;
	padding-bottom:20px;
}
#TPcont1-clm article div{
	position:relative;
	width:300px;
	height:300px;
	border-radius:20px;
}
#TPC-clm1{
    background-image: url(../img/topcont_img1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#TPC-clm2{
    background-image: url(../img/topcont_img2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#TPC-clm3{
    background-image: url(../img/topcont_img3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#TPcont1-clm article div span{
	display:block;
	color:#FFF;
	font-size:20px;
	font-weight:700;
	position:absolute;
	line-height:1.3em;
	bottom:20px;
	right:15px;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
#TPcont1-clm article p{
	font-size:15px;
	width:95%;
	margin:auto;
	position:relative;
	line-height:1.6em;
	padding-top:10px;
	font-weight:300;
}

.STS-regbtn{
	position:relative;
	margin:auto;
	padding-bottom:5px;
	width:90%;
}
.STS-regbtn p{
	text-align:center;
	font-size:16px;
	font-weight:700;
	letter-spacing:1px;
	position:relative;
	padding-bottom:15px;
}
.STS-regbtn div{
	width:80%;
	text-align:center;
	margin:auto;
	position:relative;
	background-color:#da599b;
	color:#FFF;
	line-height:55px;
	font-size:16px;
	font-weight:600;
	border-radius:5px;
	letter-spacing:3px;
}
.STS-regbtn div a{
	display:block;
	color:#FFF;
	border-radius:5px;
}
.STS-regbtn div a:hover{
	background-color:#E179AE;
	border-radius:5px;
}

#STS-review{
	width:90%;
	position:relative;
	margin:auto
}
#STS-review article{
	position:relative;
	margin-bottom:25px;
	margin:auto;
}
#STS-review article:nth-child(odd){

}
#STS-review article > *{
}
#STS-review article div{
	width:80px;
	float:left;
	margin-right:20px;
}
#STS-review article div img{
	border-radius:10px;
}
#STS-review article dl{
	padding-bottom:30px;
}
#STS-review article dl dt{
	font-size:16px;
font-weight:500;
}
#STS-review article dl dt small{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:400;
}
#STS-review article dl dd{
	font-size:16px;
	font-weight:300;
}

.BGcolor{
	background-color:#f2a4b0;
	margin:auto;
	position:relative;
	padding-top:30px;
	margin-bottom:35px;
}

#STSflow{
	margin:auto;
	font-size:0px;
	color:#FFF;
}
#STSflow dl{
	width:200px;
	margin:auto;
	padding-bottom:35px;
}
#STSflow dl dt{
	font-size:17px;
	text-align:center;
	color:#FFF;
	font-weight:600;
	letter-spacing:5px;
	padding-bottom:20px;
}
#STSflow dl dt span{
	font-size:18px;
	display:block;
	font-family: 'Noto Serif JP', serif;
	padding-bottom:10px;
	color:#faedb1;
}
#STSflow dl dd{
	text-align:center;
}

#howto{
	position:relative;
}

#fee{
	margin-top:20px;
	padding-bottom:50px;
}
#Rate{
	text-align:center;
	font-size:17px;
	color:#5C3A3B;
	background-color:#F4E3E4;
	width:200px;
	margin:auto;
	line-height:50px;
	margin-bottom:25px;
	border-radius:6px;
}
#fee article{
	border:1px solid #b5a09d;
	width:80%;
	padding:5%;
	margin:auto;
	position:relative;
	border-radius:20px;
	margin-bottom:25px;
	font-size:0px;
}
#fee article > *{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	font-size:15px;
	font-weight:300;
}
#fee article nav li{

}
#Rateright{
	text-align:right;
}
#fee article div{
	text-align:center;
	font-size:28px;
	color:#f6cfd0;
	font-weight:800;
	line-height:1em;
}
#fee article div small{
	display:block;
	font-size:16px;
	color:#333;
	font-weight:400;
	color:#666;
}

#fee article p{
	font-size:15px;
	text-align:right;
	color:#e8427b;
}
#fee article dl{
	display:table;
	position:relative;
	width:100%;
}
#fee article dl > *{
	display:table-cell;
	vertical-align:middle;
	padding:5px;
}
#fee article dl dt{
	width:80%;
}
#fee article dl dd{
	text-align:right;
}
#fee article p{
	width:100%;
}
#support{
	margin:auto;
	background-color:#f6e7ea;
	padding-top:30px;
	text-align:center;
}
#support iframe{
	width:85%;
	margin:auto;
	height:650px;
}
#support p{
	padding-bottom:25px;
	font-size:15px;
	letter-spacing:1px;
	width:90%;
	margin:auto;
}
#safety{
	padding-bottom:80px;
}
.STSFormStyle{
}
.STSFormStyle dl{
	position:relative;
	padding-bottom:15px;
	font-size:0px;
}
.STSFormStyle dl > *{
}
.STSFormStyle dl dt{
	font-size:17px;
	font-weight:500;
	padding-top:10px;
	padding-bottom:5px;
}
.STSFormStyle dl dd{
	font-size:16px;
}
.STSFormStyle dl dd input, .STSFormStyle dl dd select{
	background-color:#FFF;
	width:100%;
	height:30px;
	padding:2px 5px;
	border-radius:3px;
	border:0px;
	border-radius:5px;
}
.STSFormStyle dl dd textarea{
	background-color:#FFF;
	width:100%;
	height:150px;
	padding:2px 5px;
	border-radius:3px;
	border:0px;
}
.STSFormStyle div{
	text-align:center;
}
.STSFormStyle div input{
	width:250px;
}
.STSGrenBtn{
	background-color:#a69199;
	height:50px;
	border:none;
	border-radius:5px;
	color:#FFF;
	font-size:16px;
}
.STSGrenBtn:hover{
	background-color:#BBABB1;
}

#STS-safepoint{
	position:relative;
	margin:auto;
	font-size:0px;
	padding-bottom:60px;
	width:90%;
}
#STS-safepoint dl{
	padding:25px;
	background-color:#25a7b6;
	color:#FFF;
	border-radius:15px;
	height:170px;
	margin-bottom:15px;
}
#STS-safepoint dl:last-child{
	margin-right:0px;
}
#STS-safepoint dl dt{
	text-align:center;
	font-size:20px;
	font-weight:600;
	padding-bottom:15px;
}
#STS-safepoint dl dd{
	font-size:15px;
	font-weight:300;
}
#sts-Agechek{
	margin:auto;
	position:relative;
	font-size:0px;
}
#sts-Agechek > *{
}
#stsAgc1{
	font-size:17px;
	font-weight:700;
	letter-spacing:5px;
	text-align:center;
	padding-bottom:10px;
}
#stsAgc2{
	font-size:15px;
	font-weight:300;
	line-height:1.8em;
	width:90%;
	margin:auto;
	padding-bottom:10px;
}
#stsAgc2 p{
	font-weight:500;
}
#stsAgc2 span{
	display:block;
	font-size:14px;
}
#stsAgc3{
	width:230px;
	margin:auto;
}

#stsFooterBG{
	background-color:#f6e7ea;
	padding-top:30px;
	padding-bottom:30px;
}
#stsFooterBG footer{
	position:relative;
	margin:auto;
}
#stsFooterBG footer > *{
}
#stsFooterBG footer h1{
	width:200px;
	margin:auto;
	padding-bottom:15px;
}
#stsFooterBG footer nav{
	padding-left:40px;
}
#stsFooterBG footer nav span{
	font-size:16px;
	font-weight:300;
	margin-right:35px;
	display:inline-block;
	line-height:50px;
}
#stsFooterBG footer nav span a{
	color:#796d70;
	display:block;
}
#stsFooterBG footer nav span a:hover{
	color:#968A8D;
}
#stsFooterBG p{
	position:relative;
	margin:auto;
	text-align:center;
	font-size:12px;
	font-weight:300;
	padding-top:10px;
}


main{
	position:relative;
	padding-top:50px;
}
main h2{
	font-size:18px;
	text-align:center;
	color:#967F85;
	font-weight:500;
	padding-bottom:20px;
}
.STSTX1-center{
	text-align:center;
	font-size:17px;
	line-height:2em;
	margin:auto;
	font-weight:300;
	padding-bottom:30px;
	position:relative;
}
.BGyellow{
	background-color:#F9F6F5;
	padding-top:25px;
	padding-bottom:25px;
}
#STSLoginWP{
	width:80%;
	position:relative;
	margin:auto;
}
#STSLoginWP dl{
	position:relative;
	padding-bottom:15px;
	font-size:0px;
}
#STSLoginWP dl > *{
}
#STSLoginWP dl dt{
font-size:16px;
	font-weight:500;
	padding-bottom:5px;
}
#STSLoginWP dl dd{
	font-size:16px;
}
#STSLoginWP dl dd input{
	background-color:#FFFFFF;
	border:1px solid #CFB9BF;
	width:100%;
	height:30px;
	padding:2px 5px;
	border-radius:3px;
}
#STSLoginWP p{
	text-align:center;
	font-size:14px;
	padding-bottom:35px;
	color:#333;
}
#STSLoginWP div{
	text-align:center;
}
#STSLoginWP div input{
	width:200px;
}
.STSTX1-center{
	text-align:center;
	font-size:15px;
	line-height:1.5em;
	margin:auto;
	font-weight:300;
	padding-bottom:30px;
	position:relative;
	width:85%;
}
#STS-regPageform{
text-align:center;
}
#STS-regPageform iframe{
	margin:auto;
	display:block;
}

/*privacy*/
.PrivacyAR{
	width:90%;
	position:relative;
	margin:auto;
	padding-top:20px;
	padding-bottom:35px;
}
.PrivacyAR h2{
	font-size:16px;
	font-weight:500;
	position:relative;
	padding-bottom:25px;
}
.PrivacyAR p{
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
	padding-bottom:15px;
}
.PrivacyAR ol{
	position:relative;
	margin:0px;
	padding:0px;
	padding-left:25px;
}
.PrivacyAR ol li{
	font-size:14px;
	padding-bottom:15px;
	position:relative;
	list-style-type:decimal;
}
.Htable{
	width:95%;
	margin:auto;
	margin-bottom:35px;
	border:1px solid #CCC;
}
.Htable dl{
	position:relative;
	display:table;
	border-bottom:1px solid #CCC;
	width:100%;
}
.Htable dl:last-child{
	border-bottom:none;
}
.Htable dl > *{
	display:table-cell;
	padding:10px;
}
.Htable dl dt{
	width:40%;
	font-size:14px;
	border-right:1px solid #CCC;
}
.Htable dl:first-child dt, .Htable dl:first-child dd{
	font-size:14px;
	font-weight:500;
	background-color:#EEE;
}
.Htable dl dd{
	font-size:14px;
}
.PrivacyAR article{
	position:relative;
	padding-bottom:50px;
}
.PrivacyAR article h3{
	font-size:16px;
	font-weight:500;
	padding-bottom:20px;
	padding-top:20px;
}
.Dlist{
	position:relative;
	font-size:15px;
	font-weight:300;
	line-height:1.8em;
	padding-left:15px;
	padding-bottom:25px;
}
.PrivacyAR article div h4{
	font-size:16px;
	font-weight:500;
	padding-bottom:20px;
	position:relative;
}
.PrivacyAR .sign{
	text-align:right;
}
.PrivacyAR .sign dt{
	font-size:16px;
}
.PrivacyAR .sign dt small{
	font-size:13px;
	display:block;
}

/*agreement*/
#agreement {
	color: #CCC;
	padding:10px;
}
#agreement dl dt {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}
#agreement dl dd {
	font-size: 14px;
	line-height: 1.4em;
	color: #333;
	margin-bottom: 25px;
}
#AgreeBX{
	margin:auto;
	position:relative;
	width:90%;
}
#AgreeBX #sub{
	border: none;
	width:100%;
}

/*transaction*/
#corp {
	position: relative;
	margin:auto;
	padding-bottom:10px;
}
#corp dl {
	position: relative;
	border-bottom: 1px dotted #BBBBBB;
	width: 95%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin:auto;
}
#corp dl > * {
	vertical-align: top;
}
#corp dl dt {
	font-size: 14px;
	font-weight: bold;
	padding-bottom:10px;
}
#corp dl dd {
	font-size: 15px;
	line-height: 1.4em;
	padding-left: 15px;
}

.TXtyp1{
	position:relative;
	margin:auto;
	padding-bottom:50px;
	line-height:1.6em;
	color:#69565b;
	font-size:15px;
}

#agc-info{
	font-size:16px;
	text-align:center;
	padding-bottom:25px;
	line-height:1.6em;
}
#agc-info span{
	display:block;
	color:#806E72;
	font-weight:500;
	padding-top:20px;
}
#agck-img{
	width:80%;
	margin:auto;
}

#telcheck{
	width:500px;
	margin:auto;
}
#telcheck dt{
font-size:16px;
font-weight:500;
	color:#333;
	padding-bottom:10px;
	text-align:center;
}
#telcheck dd{
	padding-bottom:10px;
}
#telcheck p{
	text-align:center;
}
#telcheck p input{
	width:300px;
	height:45px;
	border:none;
	background-color:#75C8D1;
	color:#FFF;
	border-radius:5px;
}
#telcheck p input:hover{
	background-color:#99D6DD;
}
/*ライセンス*/
#LicenseRow{
	width:95%;
	margin:auto;
	position:relative;
	padding-top:50px;
	padding-bottom:80px;
}
#LicenseRow p{
	text-align:center;
	font-size:16px;
	position:relative;
	padding-bottom:50px;
}
#LicenseRow dl{
	position:relative;
	padding:10px;
	text-align:center;
}
#LicenseRow dl dt{
width:80%;
	margin:auto;
}
#LicenseRow dl dd{
	font-size:14px;
	font-weight:500;
	padding-top:10px;
}

#agecheck{
	width:750px;
	margin:auto;
}
#mailCaution{
	width:500px;
	margin:auto;
	background-color:#FFF8DC;
	padding:15px 30px;
	border-radius:15px;
}

#Rcomp1{
	width:80%;
	position:relative;
	margin:auto;
	font-size:16px;
	color:#454D5B;
}
#Rcomp1 strong{
	display:block;
	padding-bottom:35px;
	font-size:18px;
	text-align:center;
	font-weight:500;
}
#Rcomp1 small{
	display:block;
	font-size:16px;
	padding-top:15px;
	color:#CD3336;
	padding-bottom:50px;
}

#Rcomp2{
	width:90%;
	position:relative;
	margin:auto;
	font-size:16px;
	margin-bottom:50px;
	background-color:#FFF3F3;
	border-radius:15px;
	color:#454D5B;
}
#Rcomp2 h3{
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:#F67398;
	padding-top:15px;
}
#Rcomp2 p{
	font-size:16px;
	padding:25px;
}
#Rcomp2 ul{
	position:relative;
	width:90%;
	margin:auto;
	background-color:#FFF;
	padding:15px;
	border-radius:15px;
	font-size:15px;
}
#Rcomp2 ul li{
	padding-bottom:10px;
	font-weight:500;
}

#STSFeeWP{
	width:500px;
	position:relative;
	margin:auto;
	padding-bottom:80px;
}
#STSFeeWP p{
	text-align:center;
	background-color:#FEF2F2;
	line-height:50px;
	border-radius:5px;
	width:400px;
	margin:auto;
	color:#6F5A56;
	margin-bottom:25px;
}
.STSFeelist{
	width:450px;
	margin:auto;
	position:relative;
	margin-bottom:30px;
	border-top:3px solid #C5BDBB;
	padding-top:15px;
}
.STSFeelist dl{
	display:table;
	width:100%;
	position:relative;
	padding:10px;
}
.STSFeelist dl > *{
	display:table-cell;
	vertical-align:middle;
}
.STSFeelist dl dt{
	width:250px;
	font-size:15px;
	line-height:2em;
	font-weight:500;
	padding-left:10px;
}
.STSFeelist dl dd{
	text-align:right;
	padding-right:20px;
	font-size:18px;
	font-weight:300;
	color:#413938;
}
.STSFeelist dl dd span{
	font-size:23px;
	font-weight:500;
	color:#A29592;
}



/*AgeCheck*/
#AgecheckWP{
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url("../img/topage_image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
#AgecheckWP #sitelogo{
	width:200px;
	position:relative;
	padding:15px;
	left:1%;
	top:1%;
}
#STS-Agecheck{
	width:80%;
	margin:auto;
	position:relative;
	top:25%;
	background-color:rgba(255,255,255,0.5);
	padding:25px 15px 5px;
	border-radius:20px;
}
#STSAC-caution{
	font-size:15px;
	text-align:center;
	padding-bottom:25px;
	text-shadow:
    #FFF 2px 0px,  #FFF -2px 0px,
    #FFF 0px -2px, #FFF 0px 2px,
    #FFF 2px 2px , #FFF -2px 2px,
    #FFF 2px -2px, #FFF -2px -2px,
    #FFF 1px 2px,  #FFF -1px 2px,
    #FFF 1px -2px, #FFF -1px -2px,
    #FFF 2px 1px,  #FFF -2px 1px,
    #FFF 2px -1px, #FFF -2px -1px;
}
#STSAC-over18{
	width:90%;
	line-height:70px;
	background-color:#FFF;
	text-align:center;
	margin:auto;
	font-size:18px;
	margin-bottom:25px;
	border-radius:7px;
	background: #e8427d; /* Old browsers */
background: -moz-linear-gradient(left, #e8427d 0%, #ff7a90 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e8427d 0%,#ff7a90 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e8427d 0%,#ff7a90 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8427d', endColorstr='#ff7a90',GradientType=1 ); /* IE6-9 */
	color:#FFF;
	box-shadow: 0px 0px 15px -5px #777777;
}
#STSAC-over18 a{
	color:#FFF;
	display:block;
	border-radius:7px;
}
#STSAC-over18 a:hover{
	border-radius:7px;
	background: #ff7a90; /* Old browsers */
background: -moz-linear-gradient(left, #ff7a90 0%, #e8427d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff7a90 0%,#e8427d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff7a90 0%,#e8427d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7a90', endColorstr='#e8427d',GradientType=1 ); /* IE6-9 */
	color:#FFF;
}
#STSAC-under18{
	width:75%;
	line-height:70px;
	background-color:#666;
	text-align:center;
	margin:auto;
	font-size:15px;
	margin-bottom:35px;
	border-radius:7px;
	color:#FFF;
	box-shadow: 0px 0px 15px -5px #777777;
	font-weight:300;
}
#STSAC-under18 a{
	color:#FFF;
	border-radius:7px;
	display:block;
}
#STSAC-under18 a:hover{
	color:#FFF;
	border-radius:7px;
	display:block;
	background-color:#777;
}
#STS-RegInfo{
	margin:auto;
	position:relative;
	padding-bottom:80px;
}
#STS-RegInfo > *{
}
#STSsmpImg{
	width:275px;
	padding-right:25px;
}
#STS-RegInfo .BGyellow{
	border-radius:20px;
}
.RegTX{
	font-size:15px;
	text-align:left;
	margin:auto;
	padding-bottom:10px;
	line-height:1.6em;
	width:90%;
}
.RegTX small{
	display:block;
	font-size:13px;
	font-weight:300;
	line-height:1.3em;
	padding-top:15px;
}
.marker{
    background-image: url(../img/marker.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.container {
  position: relative;
  background: #2c3e50;
  height: 50vh;
}

.wave {
  position: absolute;
  height: 83px;
  width: 100%;
  background: #2c3e50;
  bottom: 0;
}

.wave::before, .wave::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
}

.wave::before {
  width: 55%;
  height: 109%;
  background-color: #fff;
  right: -1.5%;
  top: 60%;
}
.wave::after {
  width: 55%;
  height: 100%;
  background-color: #2c3e50;
  left: -1.5%;
  top: 40%;
}
.BGimage{
    background-image: url(../img/backimage.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}

.SPregitBtn{
	width:95%;
	margin:auto;
	position:relative;
	padding-bottom:20px;
	font-size:0px;
}
.SPregitBtn > *{
	display:inline-block;
	position:relative;
	width:50%;
	text-align:center;
	border-radius:15px;
	
}
.SPregitBtn > * p{
	color:#FFF;
	padding-top:10px;
	font-size:20px;
	font-weight:600;
}
.SPregitBtn > * small{
	display:block;
	font-size:14px;
}
.SPregitBtn > * span{
	display:block;
	color:#F4EFC5;
	font-size:18px;
	padding-bottom:10px;
}

.rainbow {
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    overflow: hidden;
	border-radius:10px;
}
@-webkit-keyframes rotate {
    100% {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
}
@keyframes rotate {
    100% {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
}
.rainbow::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #399953;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#FFFA70, #D9EFFF), linear-gradient(#FFFA70, #A6D9FE), linear-gradient(#FFFA70, #71C1FC), linear-gradient(#FFFA70, #40AEFF);
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}
.rainbow::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 3px;
    top: 3px;
    width: calc(100% - 7px);
    height: calc(100% - 7px);
    background:#134A99;
    border-radius: 10px;
}
.rainbow2 {
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    overflow: hidden;
	border-radius:10px;
}
@-webkit-keyframes rotate {
    100% {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
}
@keyframes rotate {
    100% {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
}
.rainbow2::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #399953;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#FFFA70, #FFD5EB), linear-gradient(#FFFA70, #FFAED8), linear-gradient(#FFFA70, #FF81C2), linear-gradient(#FFFA70, #E7C6D7);
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}
.rainbow2::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 3px;
    top: 3px;
    width: calc(100% - 7px);
    height: calc(100% - 7px);
    background-color:#EA4168;
    border-radius: 10px;
}
.SPrgM{
	
}
.SPrgM small{
	color:#C5E8FF;
}
.SPrgW{

}
.SPrgW small{
	color:#FFDFE4;
}
.InfoBac{
	width:90%;
	margin:auto;
}
.DLStyle1 {
	position: relative;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.DLStyle1 dt {
	font-size: 14px;
	font-weight: bold;
	color: #1562A5;
	margin-bottom: 10px;
}
.DLStyle1 dd{
	font-size:14px;
	line-height:1.4em;
	padding-bottom:10px;
}
.normalBTN {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 15px;
	color: #FFF;
	width: 96%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
	border: 2px solid #FFF;
	margin-top: 10px;
	text-align: center;
	line-height: 45px;
	height: 45px;
	background-color:#439BE5;
}
.normalBTN a{
	color: #FFF;
	text-decoration: none;
	display: block;
}
.InfoBac{
	background-color:#F2FAFF;
	padding:15px;
	padding-bottom:30px;
}

#PrivacyWP{
	width:95%;
	position:relative;
	margin:auto;
}
#PrivacyWP dl{
	position:relative;
	display:table;
	padding-bottom:15px;
	border:1px dotted #CCC;
	padding:10px;
	width:100%;
}
#PrivacyWP dl > *{
	display:table-cell;
	vertical-align:top;
}
#PrivacyWP dl dt{
	width:40%;
	font-size:15px;
	padding-right:10px;
}
#PrivacyWP dl dd span{
	padding-right:15px;
	padding-bottom:10px;
	display:inline-block;
}

#japhic24{
	width:60px;
	position:relative;
	margin:auto;
	margin-top:15px;
}