.PCnone{
	display:none;
}

#SPheader{
	position: sticky;
    z-index: 9999;
    background-color: #FFF;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#SPheader > *{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
#SPheader h1{
	width:170px;
}
#SPheader nav{
	width:130px;
}
#SPheader nav li{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:60px;
}
#SPheader nav li i{
	font-size:30px;
}
#SPheader nav li small{
	display:block;
	font-size:11px;
}
#SPheader nav li#spReg a{
	color:#E04866;
}

#SPheader nav li#spReg i.icon-icon_join, #SPheader nav li#spReg i.icon-icon_join + small{
	color:#E04866;
}

#SPheader nav li#spLog a{
	color:#1EB695;
}

#SPheader nav li#spLog i.icon-icon_login, #SPheader nav li#spLog i.icon-icon_login + small{
	color:#1EB695;
}

#TopImg{
	position:relative;
	width:100%;
	margin:auto;
}
#mainImg{
	position:relative;
}
#mainImg #mainCatch{
	width:100%;
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	top:30px;
	text-align:center;
}
#mainImg #mainCatch span{
	width:40%;
	display:block;
	margin:auto;
}
p.tp-caution{
	font-size:14px;
	text-align:center;
}
/*登録ボタン*/
.SPregBtn{
	width:100%;
	position:relative;
	display:table;
}
.SPregBtn > *{
	display:table-cell;
	vertical-align:middle;
	padding:3%;
	width:46%;
	text-align:center;
}
.SPregBtn > * p{
	line-height:50px;
	border-radius:60px;
	color:#FFF;
	font-size:15px;
}
.SPregBtn > * p a{
	display:block;
	color:#FFF;
}
.rgb-men{
	background-color: #2B6BB5;
}
.rgb-women{
	background-color: #EF5081;
}



.ContWrap{
	position:relative;
	padding-bottom:30px;
	margin:auto;
}
.ContWrap h2{
	font-size:18px;
	text-align:center;
	position:relative;
	margin-top:50px;
	padding-bottom:30px;
}
.ContWrap h2 span{
	border-top:3px solid #1FBEFF;
	padding:10px;
}
#TPcont1{
	position:relative;
	margin:auto;
}
#exContent{
	position:relative;
	width:95%;
	margin:auto;
}
#exContent article{
	width:48%;
	height:150px;
	border-radius:20px;
	position:relative;
	float:left;
	margin-bottom:20px;
}
#exContent article:nth-child(odd){
	margin-right:10px;
}
#exContent article .TPC1catch{
	background-color:hsla(0,0%,16%,0.78);
	position:absolute;
	bottom:0px;
	left:0px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	padding:2% 5%;
	width:90%;
	height:50px;
}
#exContent article .TPC1catch h3{
	font-size:16px;
	position:relative;
	padding-bottom:10px;
}
#exContent article .TPC1catch p{
	color:#FFF;
	font-size:13px;
}
#exContent article .TabBtn{
	position:absolute;
	bottom:-25px;
	right:15px;
	width:45px;
}
#exc1{
	background-image: url(../image/tps_img11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#exc2{
	background-image: url(../image/tps_img12.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#exc3{
	background-image: url(../image/tps_img72.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#exc4{
	background-image: url(../image/tps_img13.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#exc1 h3{
	color:#FF88AE;
}
#exc2 h3{
	color:#FFCD7F;
}
#exc3 h3{
	color:#A3FF71;
}
#exc4 h3{
	color:#F19FFF;
}

#TPcont1 dl{
	width:95%;
	margin:auto;
	position:relative;
}
#TPcont1 dl dt{
	font-size:20px;
	color:#1FBEFF;
	position:relative;
	padding-bottom:25px;
}
#TPcont1 dl dt span{
	display:block;
	font-size:16px;
	color:#566468;
	padding-top:15px;
	font-weight:300;
}
#TPcont1 dl dt small{
	display:block;
	font-size:16px;
	padding-top:15px;
	font-weight:500;
	padding-bottom:5px;
}
#TPcont1 dl dd{
	font-size:15px;
	line-height:1.8em;
	color:#566468;
	font-weight:300;
}

.TXbox800{
	width:90%;
	position:relative;
	margin:auto;
	font-size:16px;
	line-height:1.6em;
}

#TPcont2{
	margin:auto;
	padding-bottom:50px;
}
#Flow{
	width:95%;
	position:relative;
	margin:auto;
}
#Flow > *{
position:relative;
}
#Flow article{
	/*background-color:#2B9DD6;*/
	padding:10px;
	border-radius:15px;
	border:1px solid #E4C7D3;
}
#Flow i{
	font-size:30px;
	color:#6DBBE2;
	text-align:center;
	display:block;
}
#Flow article div{
	display:block;
	height:180px;
	overflow: hidden;
	position:relative;
}
#Flow article div img{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#Flow article div span{
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	top:55px;
	width:80px;
}
#Flow article dl{
	position:relative;
	padding-top:5px;
	width:95%;
	margin:auto;
}
#Flow article dl dt{
	font-size:20px;
	position:relative;
	padding-bottom:10px;
	color:#6DBBE2;
}
#Flow article dl dt small{
	display:block;
	font-size:15px;
	color:#FF85B1;
}
#Flow article dl dd{
	font-size:15px;
	color:#666;
	font-weight:300;
	padding-bottom:10px;
}


#Security{
	position:relative;
	width:95%;
	margin:auto;
}
#Security dl{
	width:95%;
	position:relative;
	background-color:#EBEFF2;
	border-radius:20px;
	vertical-align:top;
	padding-bottom:10px;
	margin:auto;
	margin-bottom:15px;
}
#Security dl:last-child{
	margin-right:0px;
}
#Security dl dt{
	position:relative;
	height:200px;
	overflow: hidden;
}
#Security dl dt img{
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
#Security dl dt img.bkimg{
	height:100%;
	width:100%;
	object-fit:cover;
}
#Security > * dt span{
	position:absolute;
	left:20px;
	bottom:10px;
	width:80%;
}
#Security > * dt span i{
	display:block;
	width:50px;
}
#Security dl dd{
	position:relative;
	padding:15px 20px;
	font-size:16px;
	color:#566468;
	line-height:1.7em;
}

#TPcont3{
	padding-bottom:30px;
}

#rgArea{
	padding-top:60px;
	margin-top:-60px;
}


#FooterCont{
	position:relative;
}
#FooterCont section{
	width:95%;
	position:relative;
	margin:auto;
	padding-bottom:30px;
	
}
#FooterCont section > *{
}
#FooterCont section #FCcont1{
	width:50%;
	margin:auto;
	padding-top:30px
}

h2.RGcall{
	text-align:center;
	font-size:18px;
	padding-top:10px;
}
#FooterCont section #FCcont2 p{
	font-size:14px;
	text-align:center;
}
#FooterCont section #FCcont3{
	position:relative;
	padding-top:20px;
}
#FooterCont section #FCcont3 img{

}


#Pfooter{
	background-color:#F8F8F8;
	position:relative;
}
#Pfooter footer{
	width:90%;
	position:relative;
	margin:auto;
	padding-top:30px;
	padding-bottom:30px;
}
#Pfooter footer nav{
	position:relative;

}
#Pfooter footer nav li{
	font-size:15px;
	color:#333;
	text-align:center;
	padding-bottom:15px;
}
#Pfooter footer nav li a{
	color:#333;
}
#Pfooter footer nav li a:hover{
	color:#666;
}
#Pfooter footer p{
	font-size:17px;
	color:#333;
	text-align:center;
}
#Pfooter footer p small{
	display:block;
	font-size:12px;
}

#ifram-regist{
	padding-top:20px;
}
#ifram-regist iframe{
	width:100%;
	height:540px;
}
#ifram-login{
	padding-top:20px;
}
#ifram-login iframe{
	width:100%;
	height:230px;
}

.PGwrap{
	position:relative;
	/*padding-top:70px;*/
}
.PGwrap h2{
	font-size:16px;
	position:relative;
	text-align:center;
	background: linear-gradient(150deg, #2BC8FF, #0066FF);
	line-height:40px;
	color:#FFF;
	margin-bottom:20px;
}

.aa_login_btn {
    background: #FF7D7F;
    color: #FFFFFF;
    padding: 15px 20px;
    width: 150px;
    margin: 0 auto;
    border-radius: 60px;
}

.aa_login_btn:hover {
    background: #FF7D7F;
    color: #FFFFFF;
    padding: 15px 20px;
    width: 150px;
    margin: 0 auto;
    border-radius: 60px;
	opacity:0.8;
}

.c-mypage_message_btn {
	margin-top: 50px;
}

.c-mypage_message_btn a {
	background: #F78A0E;
    padding: 10px 80px;
    color: white;
    border-radius: 5px;
    font-size: 24px;
	font-weight:bold;
}

/*ご利用規約*/
#wrap-Agreement{
	position:relative;
	margin:auto;
	margin-bottom:50px;
}
#wrap-Agreement iframe{
	width:100%;
}

/*プライバシーポリシー*/
#wrap-Privacy{
	position:relative;
	margin:auto;
	border-radius:20px;
	margin-bottom:50px;
	padding:20px;
}
#wrap-Privacy iframe{
	width:100%;
}


/*特定商取引法に基づく表記*/
#wrap-Transaction{
	position:relative;
	width:95%;
	margin:auto;
	border-radius:20px;
	margin-bottom:50px;
}
#wrap-Transaction iframe{
	width:100%;
}

/*料金表*/
#wrap-Payment{
	position:relative;
	width:90%;
	margin:auto;
	margin-bottom:50px;
}
#wrap-Payment iframe{
	width:100%;
}



/*211112追加*/

.InfoBac{
	background-color:#F2FAFF;
	padding:30px;
}
#FooterCont section #FCcont1 span{
	display:none;
}
.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;
}

input.DLStyle1_input {
	color: rgb(31, 41, 55);
    cursor: pointer;
    border: 1px solid rgb(191, 194, 199);
    border-radius: 0.375rem;
    width: 100%;
    padding: 10px;
}

input.DLStyle1_input::file-selector-button,
input.DLStyle1_input::-webkit-file-upload-button {
	background-color: rgb(197, 232, 255);
	color: rgb(0, 135, 255);
	border: none;
	cursor: pointer;
	border-right: 2px solid rgb(112, 189, 255);
	border-bottom: 2px solid rgb(112, 189, 255);
	padding: 1.25rem 2rem;
	margin-right: 1rem;
	border-radius:5px;
}

.normalBTN {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 15px;
	color: #FFF;
	width: 100%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
	text-align: center;
	line-height: 45px;
	height: 45px;
	background-color:#439BE5;
}
.normalBTN a{
	color: #FFF;
	text-decoration: none;
	display: block;
}


/*211107追加*/
#regDetail{
	position:relative;
}
#regDetail dl{
	position:relative;
	padding:10px;
}
#regDetail dl > *{
	/*display:inline-block;*/
	position:relative;
	vertical-align:top;
}
#regDetail dl dt{
	color:#46393A;
	font-size:15px;
	font-weight:500;
	padding-bottom:5px;
}
#regDetail dl dt small{
	font-size:13px;
	display:block;
}
#regDetail dl dd{
	/*width:330px;*/
	color:#473737;
}
#regDetail dl dd input{
	width: 100%;
	border:1px solid #999;
	padding:15px;
	border-radius:6px;
}
#regDetail dl dd textarea{
	width:100%;
	border:1px solid #999;
	height:100px;
	padding:10px;
	border-radius:6px;
}

#regDetail select {
    font-size: 18px;
    padding: 8px;
    border-radius: 5px;
}

/*年齢確認*/
#TopImg2{
	position:relative;
	width:100%;
	margin:auto;
}
#mainImg2{
	position:relative;
}
#mainImg2 #mainCatch2{
	width:100%;
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	top:40px;
	text-align:center;
}
#mainImg2 #mainCatch2 span{
	width:40%;
	display:block;
	margin:auto;
}
.TPregistBtn2{
	padding-top:10px;
}
.TPregistBtn2 p{
	border-radius:7px;
	border:1px solid #FFF;
	text-align:center;
}
.TPregistBtn2 p a{
	display:block;
	border-radius:7px;
}
.TPregistBtn2 p a:hover{
	border-radius:7px;
}
#over18{
	width:80%;
	line-height:60px;
	background-color:#E24C8C;
	text-shadow:none!important;
	font-size:16px!important;
	color:#FFF;
	margin:auto;
	margin-bottom:10px;
}
#over18 a{
	color:#FFF;
}
#over18 a:hover{
	background-color:#F070A6;
}
#under18{
	width:70%;
	line-height:50px;
	background-color:#DECCD4;
	text-shadow:none!important;
	font-size:16px!important;
	color:#9A5472;
	margin:auto;
	margin-bottom:10px;
}
#under18 a{
color:#9A5472;
}
#under18 a:hover{
	background-color:#C3A2B0;
}
#cautioon{
	font-size:13px;
}
#tpimg{
	height:200px;
	display:block;
}
#tpimg img{
	width:100%;
	height:100%;
	object-fit:cover;
}


/*ライセンス*/
#LicenseRow{
	width:95%;
	margin:auto;
	position:relative;
	padding-top:50px;
}
#LicenseRow p{
	text-align:center;
	font-size:17px;
	position:relative;
	padding-bottom:50px;
}
#LicenseRow dl{
	position:relative;
	width:85%;
	text-align:center;
	margin:auto;
	padding-bottom:30px;
}
#LicenseRow dl dt{
	
}
#LicenseRow dl dd{
	font-size:16px;
	font-weight:500;
}

.YahooBtn{
	width:80%;
	background-color:#D70003;
	display:block;
	color:#FFF;
	text-align:center;
	margin:auto;
	line-height:50px;
	border-radius:7px;
	font-size:17px;
	margin-top:15px;
	margin-bottom:15px;
}
.YahooBtn a{
	display:block;
	color:#FFF;
}
.YahooBtn a:hover{
	background-color:#EB3335;
	border-radius:7px;
}

#SPmark{
	width:60px;
	height:auto;
	margin:auto;
	padding-bottom:25px;
}


/*携帯メール・フリーメールの案内*/
#MailInfom section{
	width:95%;
	position:relative;
	margin:auto;
	padding-bottom:50px;
}
#MailInfom section h3{
	font-size:16px;
	font-weight:500;
	position:relative;
	padding-bottom:15px;
	border-top:5px solid #B8D4F0;
	padding-top:15px;
}
#MailInfom section p{
	font-size:15px;
	line-height:1.6em;
	margin:auto;
}
#MailInfom section p strong{
	color:#D70003;
}
#MailInfom section ul{
	position:relative;
	padding-top:30px;
}
#MailInfom section ul li{
	position:relative;
	margin-bottom:15px;
	font-size:16px;
	background-color:#D8E3EC;
	line-height:40px;
	border-radius:50px;
	text-align:center;
}
#MailInfom section ul li a{
	display:block;
	color:#0056AF;
	border-radius:50px;
}
#MailInfom section ul li a:hover{
	background-color:#EAF0F5;
	border-radius:50px;
}

#MailInfom section dl{
	position:relative;
	width:100%;
	margin:auto;
}
#MailInfom section dl dt{
	font-size:15px;
	font-weight:500;
	padding-bottom:20px;
	line-height:1.6em;
}
#MailInfom section dl dd{
	text-align:center;
}
.MFarrow{
	width:60%;
	position:relative;
	margin:auto;
	padding-top:25px;
	padding-bottom:25px;
}

/*LP用*/
#tpimg2{
	height:300px;
	display:block;
}
#tpimg2 img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#mainCatch3{
	width:100%;
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	top:35%;
	text-align:center;
}
#mainCatch3 span{
	width:40%;
	display:block;
	margin:auto;
}

/*new_login*/
.c-newlogin {
	width: 100%;
	background:white;
}

img.c-newlogin_header_img {
	width:100%;
}

.c-newlogin_header {
top:0;
}

.c-newlogin_box {
    margin: 15px;
    border-radius: 8px;
	border: 1px solid #0066FF;
}

h2.c-newlogin_tt {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	text-align: center;
	background: linear-gradient(150deg, #2BC8FF, #0066FF);
	color:#FFFFFF;
	width: 100%;
	padding:12px 0;
	margin-bottom: 25px;
	border-radius: 6px 6px 0 0;
}

.c-newlogin_form #LoginForm dl dd input {
	width: 100%;
    padding: 24px 10px;
    margin: 0;
}

.c-newlogin_form #LoginForm dl {
	display: flex;
	justify-content: center;
    align-items: center;
	width: 100%;
}

.c-newlogin_form #LoginForm dl dt {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    padding: 14px 0;
    border-radius: 8px;
	color: #0066FF;
    margin-right: 10px;
	max-width:70px;
}


.c-newlogin_form div {
	margin-bottom: 15px;
	display:flex;
	justify-content:center;
}

.c-newlogin_form .BlueBtn {
padding-bottom: 0px;
}

.c-newlogin_tt2 {
width: 100%;
margin-bottom: 20px;
}

.c-newlogin_tt2 img {
	width: 100%;
}

.c-newlogin_forgot_ {
	text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: red;
}

.c-newlogin_footer .c-newlogin_join {
	margin-bottom:30px !important;
}

.c-newlogin_footer .SPregBtn > * p {
	border-radius: 5px;
}

.c-newlogin_footer .SPregBtn > * p a {
	padding:20px;
}

.c-newlogin_footer .rgb-men {
	background:#1FB2FF;
}

.c-newlogin_footer .rgb-women {
	background:#FF7D7F;
}

#FooterCont.c-newlogin_footer section #FCcont2>p {
    text-align: left;
    margin: 0 10px;
}

#FooterCont .c-newlogin_use {
	width: calc(100% - 40px);
    margin: 0 20px;
}

.c-newlogin_use h2 {
	display:flex;
	flex-direction:column;
	align-items:center;
	font-size:24px;
}

.c-newlogin_use h2:after {
	content:"";
	display:flex;
	width:60px;
	border-bottom:5px solid #FF7D7F;
	border-radius:50px;
	margin:15px 0 20px;
}

.c-newlogin_use>p {
	margin-bottom:20px;
}

.c-newlogin_use ul {
	display:flex;
	flex-direction:column;
}

.c-newlogin_use ul li {
	display:flex;
	margin-bottom: 20px;
}

.c-newlogin_use ul li img {
	width:100px;
	height:100px;
	margin-right:20px;
	border-radius:8px;
}

.c-newlogin_use ul li div h3 {
	font-size:18px;
	margin-bottom:5px;
}

.c-newlogin_use ul li div p {
	font-size:14px;
}

.c-allfree {
    margin: 0 auto;
	width:100%;
}

.c-allfree img {
	width:100%;
}


/*LP15*/
.c-lp15 {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	box-sizing: border-box;
}

.c-lp15_header_topimg {
	width: 100%;
    height: 420px;
    object-fit: cover;
	object-position: left;
}

.c-lp16_header_topimg {
	width: 100%;
    height: 420px;
    object-fit: cover;
	object-position: center;
}

.c-lp15_h2 {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size: 22px;
    line-height: 1.6;
	margin-bottom:15px;
}

.c-lp15_h2:after {
	content:"";
	display:flex;
	width:30px;
	height:30px;
	background:#00A1F7;
	margin-top:5px;
	border-radius:50%;
}

.c-lp15_p {
	font-size:14px;
	line-height:1.8;
	margin-bottom:30px;
	text-align:center;
}

/*LP15* tt*/
.c-lp15_header {
	position:relative;
	width:100%;
	margin-bottom:60px;
}

@keyframes fadeIn {
    0% {
	  transform: translateX(-100%);
	  opacity: 0;
    }
    100% {
	  transform: translateX(0);
	  opacity: 1;
    }
  }

.c-lp15_header_check {
	display:none;
	top:170px;
	right:-630px;
	width:calc(100% - 30px);
	/*height:280px;*/
	flex-direction:column;
	justify-content:center;
	align-items:center;
	z-index:1;
	background:#FFF;
	padding:15px;
	border-radius:50%;
	margin-top: 20px;
}

.c-lp15_header_check.show{
	display:flex;
	right:-10px;
	animation: slideanime 0.7s ease-out;
}

@keyframes slideanime {
	0% {
		transform: translateX(800px);
		opacity:0;
	}
	100% {
		transform: translateX(0px);
		opacity:1;
	}
}

.c-lp15_header_check h1 {
	width:210px;
	margin-bottom:5px;
}

.c-lp15_header_check h2 {
	color:#00A1F7;
	font-size:16px;
	font-weight:normal;
	margin-bottom:15px;
}

.c-lp15_header_check_btn {
	display:flex;
	align-items:center;
	margin-bottom:7px;
}

.c-lp15_header_check_btn_login {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:170px;
	height:40px;
	color:#FFF;
	background:#EF5081;
	border:2px solid #EF5081;
	border-radius:5px;
	overflow:hidden;
	margin-right:10px;
}
.c-lp15_header_check_btn_login:hover {
	color:#FFF;
}

.c-lp15_header_check_btn_login::before {
	content:"";
	display:none;
	width:9px;
	height:100%;
	top:0;
	left:0;
	background-color:#FFF;
	opacity:0;
	transition: cubic-bezier(0.32,0,0.67,0);
}

.c-lp15_header_check_btn_login:hover::before {
	animation: check_btn_anime 0.5s linear;
	display:block;
	overflow:hidden;
}

@keyframes check_btn_anime {
	0%{
		transform: scale(2) rotate(45deg);
		opacity:0;
	}
	20%{
		transform: scale(20) rotate(45deg);
		opacity:0.4;
	}
	40%{
		transform: scale(45) rotate(45deg);
		opacity:0.2;
	}
	80% {
		transform:scale(50) rotate(45deg);
		opacity:0.2;
	}
	100% {
		transform: scale(50) rotate(45deg);
		opacity:0;
	}
}



.c-lp15_header_check_btn_login:hover:before {
	left:120%;
}

.c-lp15_header_check_btn_logout {
	display:flex;
	align-items:center;
	justify-content:center;
	width:170px;
	height:40px;
	color:#EF5081;
	background:#FFF;
	border:2px solid #EF5081;
	border-radius:5px;
}

.c-lp15_header_check_btn_logout:hover {
	opacity:0.8;
	color:#EF5081;
}

.c-lp15_header_check p {
	font-size:14px;
}

/*LP15* recom*/
.c-lp15_recom {
	width: 100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	margin: 0 auto 60px;
}

.c-lp15_recom h2 {
	margin-bottom:30px;
	display:none;
}

.c-lp15_recom_box {
	display:flex;
	flex-direction: column;
    width: calc(100% - 30px);
    margin: 0 15px;
}

.c-lp15_recom_box_left {
	width:100%;
	margin-bottom: 30px
}

.c-lp15_recom_box_left ul {
	display:flex;
	flex-direction:column;
}

.c-lp15_recom_box_left li {
	display:flex;
	align-items: center;
}

.c-lp15_recom_box_left li:nth-child(1) {
	margin-bottom:25px;
}

.c-lp15_recom_box_left li img {
	width:40px;
	height: 40px;
	margin-right:10px;
}

.c-lp15_recom_box_left li div {
	display:flex;
	flex-direction:column;
}

.c-lp15_recom_box_left li div h3 {
	font-size:24px;
}

.c-lp15_recom_box_left li div p {
	font-size:14px;
}

.c-lp15_recom_box_right {
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-lp15_recom_box_right .c-lp15_header_check_btn_login {
	width:170px;
}

.c-lp15_recom_box_right .c-lp15_header_check_btn_logout {
	width:170px;
}

.c-lp15_recom_box_right p {
	font-size:14px;
	margin-top: 5px;
}

/*LP15* howto*/
.c-lp15_use {
	width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px 60px;
}

.c-lp15_use ul {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
}

.c-lp15_use ul {
	display:flex;
	justify-content:space-around;
	width: 1000px;
}

.c-lp15_use li {
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:0 10px 30px;
}

.c-lp15_use li:last-child {
	margin-bottom:0;
}

.c-lp15_use li img {
	width:170px;
	height:170px;
	margin-bottom:10px;
}

.c-lp15_use li h3 {
	font-size:18px;
	margin-bottom:10px;
}

.c-lp15_use li p {
	font-size:16px;
	line-height:1.8;
}

/*LP15* join*/
.c-lp15_join {
	width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px 60px;
}

.c-lp15_join_p2 {
	font-size:14px;
}

.c-lp15_join_btn {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom: 10px;
}

.c-lp15_join_btn_men {
	width: 170px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00A1F7;
    color: #FFF;
    border-radius: 8px;
    margin-right: 15px;
    transition: 0.5s;
    font-size: 14px;
}

.c-lp15_join_btn_men span {
	background: #FFF;
    color: #00A1F7;
    padding: 5px 5px;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 12px;
}

.c-lp15_join_btn_men:hover {
	color:#FFF;
	opacity:0.9;
	transform:scale(1.1);
}

.c-lp15_join_btn_girl {
	width: 170px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#EF5081;
    color: #FFF;
    border-radius: 8px;
    transition: 0.5s;
    font-size: 14px;
}

.c-lp15_join_btn_girl span {
	background: #FFF;
    color:#EF5081;
    padding: 5px 5px;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 12px;
}

.c-lp15_join_btn_girl:hover {
	color:#FFF;
	opacity:0.9;
	transform:scale(1.1);
}

/*LP15* taiken*/
.c-lp15_taiken {
	background:#E1F3FE;
	padding:20px;
	margin-bottom:60px;
}

/*LP15 slider*/
.lp-slick__item {
    background:#FFF;
	padding:20px;
	border-radius:8px;
}

.lp-slick__item h3 {
    color:#009EFF;
	font-size:22px;
	line-height:1.4;
	margin-bottom:20px;
}

.lp-slick__item h4 {
	font-size:16px;
	margin-bottom:30px;
	line-height:1.5;
}

.lp-slick__item p {
	font-size:1.4rem;
	line-height:1.8;
}

.lp-nav {
    display: flex;
    justify-content: center;
	margin-bottom:20px;
}
.lp-nav__btn {
	border-radius: 100px;
    width: 80px;
    height: 80px;
    margin: 5px;
    overflow: hidden;
    border: 2px solid #FFF;
}
.lp-nav__btn:hover {
    opacity: .7;
	border: 5px solid #00A1F7;
}

/*LP15 ansin*/
.c-lp15_ansin {
	width: calc(100% - 30px);
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:0 15px 6svw;
}

.c-lp15_ansin ul {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.c-lp15_ansin ul li {
	display:flex;
	flex-direction:column;
	width:100%;
	margin-bottom:30px;
}

.c-lp15_ansin ul li:last-child {
	margin-bottom:0px;
}

.c-lp15_ansin ul li img {
	width:100%;
	margin-bottom:20px;
}

.c-lp15_ansin ul li h3 {
	font-size: 20px;
    margin-bottom: 10px;
}

.c-lp15_ansin ul li p {
	font-size: 16px;
    line-height: 1.8;
}

/*LP15 footer*/
.c-lp15_footer {
	background:#F0F0F0;
	width:100%;
}

.c-lp15_footer_box {
	width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 30px 15px;
    margin: 0 auto;
}

.c-lp15_footer_box_left {
	width: 100%;
    margin-bottom: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.c-lp15_footer_box_left h1 {
	width:200px;
	margin-bottom:10px;
	margin-top:30px;
}

.c-lp15_footer_box_left h2 {
	font-size:22px;
	color:#00A1F7;
	font-weight:normal;
}

.c-lp15_footer_box_right {
	display:flex;
	flex-direction:column;
	align-items:center;
}

/*LP15 anime*/
.sa {
	opacity: 0;
	transition: all .5s ease;
}

.sa.show {
	opacity: 1;
	transform: none;
}

.sa--lr {
	transform: translate(-100px, 0);
}

.sa--rl {
	transform: translate(100px, 0);
}

.sa--up {
	transform: translate(0, 100px);
}

.sa--down {
	transform: translate(0, -100px);
}

.sa--scaleUp {
	transform: scale(.5);
}

.sa--scaleDown {
	transform: scale(1.5);
}

.sa--rotateL {
	transform: rotate(180deg);
}

.sa--rotateR {
	transform: rotate(-180deg);
}

/*restart*/
.restart_header {
	width: 100%;
    overflow: hidden;
	aspect-ratio: 21 / 10;
}

.restart_header img {
	object-fit: cover;
    width: 100%;
}

.restart_section {
	width: 100%;
	background:#E8FFFF;
	display:flex;
}

.restart_section_inner {
	width: 100%;
    margin: 35px 15px;
	background:#E8FFFF;
}

.restart_section_inner h2 {
	font-size: 40px;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 10px;
}

.restart_section_inner>p {
	font-size:22px;
	margin-bottom:50px;
	text-align:center;
}

.restart_section_list {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	margin:0 auto ;
}

.restart_section_list li {
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex-grow: 1px;
    background: #FFF;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    margin: 0 0 20px;
    cursor: pointer;
}

.restart_section_list li img {
	width:110px;
	height:110px;
	margin-bottom:15px;
}

.restart_section_list li h3 {
	font-size:18px;
	margin-bottom:10px;
	text-align:center;
}

.restart_section_list li p {
	font-size:16px;
}

/*restart alert*/
.restart_alart_back:before {
	content:"";
	display:block;
	background:#000;
	opacity:0.7;
	width:100%;
	height:100vh;
	position: fixed;
	z-index: 1;
}

.restart_alert {
	width: calc(100% - 30px);
    padding: 30px;
    border-radius: 8px;
    background: #ddd;
    position: fixed;
    top: 300px;
    left: 15px;
    display: none;
    flex-direction: column;
    z-index: 2;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}

.restart_alert.open {
	display:flex;
}

.restart_alert h3 {
	display: flex;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 25px;
    text-align: center;
}

.restart_alert p {
	font-size:16px;
	margin-bottom:10px;
}

.restart_alert_box {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
}

.restart_alert_box label {
	font-size:16px;
	width:200px;
	margin-bottom:8px;
}

.restart_alert_box input {
	font-size:20px;
	width:100%;
	padding:5px 10px;
	border-radius:5px;
	border:none;
}

.restart_alert_button {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin-top:30px;
}

.restart_alert_button_request {
	border:none;
	background:#00CC00;
	color:#FFF;
	font-size:20px;
	padding:10px;
	border-radius:5px;
	width:150px;
	margin-right:20px;
	cursor: pointer;
}

.restart_alert_button_cancel {
	border:none;
	background:#AEBCAE;
	color:#FFF;
	font-size:20px;
	padding:10px;
	border-radius:5px;
	width:150px;
	cursor: pointer;
}

select#restart_todoufuken {
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 20px;
}

/*mypage.html*/

.c-mypage_message {
    border: 3px solid #F78A0E;
    border-radius: 5px;
    padding: 20px;
    margin: 0 20px 20px !important;
    background:#FFFBF8;
}

.c-mypage_message div {
    border-top: 1px solid #F78A0E;
    margin-top: 10px;
    padding-top: 25px;
    
}

.c-mypage_message div p {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 18px;
    background: #FFF;
    width: 250px;
    border: 2px solid #00BF16;
    border-radius: 5px;
}

.c-mypage_message div p strong {
    background: #00BF16;
    color: #FFFFFF;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 14px;
    width: 100px;
    text-align: center;
    border-radius: 3px 0 0 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*entry_form.html*/

.c-entry_forms {
	max-width:100%;
	margin:20px auto 50px;
}

.c-entry_form {
	margin:0 20px;
}

.c-entry_form_tt {
	padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    background: #85CAFF;
    color: white;
}

.c-entry_form dl {
	margin-bottom:20px;
}

.c-entry_form dt {
	margin-bottom:5px;
}

.c-entry_form_input {
	width: 100% !important;
	padding:8px 10px !important;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	border-radius:8px;
}

.c-entry_form_title {
	width: 100% !important;
	padding:8px 10px !important;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	border-radius:8px;
}

.c-entry_form_coment {
	width: 100%;
	height:80px;
	padding:8px 10px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	border-radius:8px;
}

.c-entry_form select {
	padding:8px 10px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	border-radius:8px;
}

.c-entry_form_box {
	display:flex;
	align-items:center;
	flex-wrap: wrap;
}

.c-entry_form_box dl {
	margin-right:20px;
}

.c-entry_form_box input {
	margin-right:10px;
}

.c-entry_form_u20 {
	padding-bottom:20px;
}

.c-entry_form_button {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:50px;
	color:#FFF;
	background:linear-gradient(150deg,#2BC8FF,#0066FF);
	border-radius:5px !important;
	overflow:hidden;
	margin: 0 auto 15px;
    font-size:18px;
}
.c-entry_form_button:hover {
	color:#FFF;
    opacity:0.8;
}
.eightteencheck {
    text-align: center;
    margin-bottom: 20px;
}