/*PC非表示*/
.PCnone{
	display:none!important;
}

/*Header*/

#PCheader{
	position:relative;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	padding-top:15px;
	z-index:99999;
	background-color:hsla(0,0%,100%,0.80);
}
#PCheader header{
	width:1080px;
	position:relative;
	margin:auto;
	display:table;
}
#PCheader header > *{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}

#PCH-nav{
	width:670px;
}
#PCH-nav h1{
	font-size:13px;
	padding-bottom:10px;
}
#PCH-nav nav{
	
}
#PCH-nav nav > *{
	display:inline-block;
	vertical-align:top;
}
#PCH-nav nav p{
	width:100px;
	padding-right:25px;
}
#PCH-nav nav li{
	font-size:15px;
	margin-right:25px;
}
#PCH-nav nav li a{
	color:#17A593;
	font-weight:600;
}
#PCH-nav nav li a:hover{
	color:#54CEBF;
}

#PCH-btns{
	width:400px;
}
#PCH-btns div{
	display:inline-block;
	vertical-align:middle;
	
}
#PCH-btns div img{
	height:35px;
	width:auto;
}

#PCTopImage{
    background-image: url(/img/up/pair/topimage.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 750px;
    background-size: cover;
	position:relative;
}

#PCTopImageLP{
    background-image: url(/img/up/pair/lptopimg.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 750px;
    background-size: cover;
	position:relative;
}

#TPCimgLogo{
	width:40%;
	max-width:500px;
	min-width:400px;
	position:relative;
	margin-left:15%;
	padding-top:230px;
}

.TPC-here{
	text-align:center;
	font-size:17px;
	padding-top:10px;
	padding-bottom:10px;
}

/*登録ボタン*/
.RegBtnArea{
	position:relative;
	padding-top:10px;
	width:80%;
	margin:auto;
	padding-bottom:10px;
}
.RegBtnArea > *{
	display:inline-block;
	vertical-align:middle;
	line-height:60px;
	width:45%;
	border-radius:50px;
	text-align:center;
	color:#FFF;
	font-size:17px;
	position:relative;
	z-index:0;
}
.RegBtnArea > * a{
	display:block;
	color:#FFF;
	border-radius:50px;
}
.RegBtnArea > * span{
	width:50px;
	position:absolute;
	top:-20px;
	right:10px;
}
.RegBtnArea > * span img{
	width:100%;
}

.mens{
	margin-right:3%;
  display:inline-block;
  position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  transition:0.5s;
  background:linear-gradient(#1E499E,#66AF32 50px,#31699E 250px,#80B95A);
  background-size:200px 300px;
}
.mens:hover{
  background-position:0 100%;
}

.womens{
  display:inline-block;
position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  transition:0.5s;
  background:linear-gradient(#E95395,#8E4D93 50px,#EC79AB 250px,#9A63A6);
  background-size:200px 300px;
}
.womens:hover{
  background-position:0 100%;
}




.NoregMes{
	font-size:13px;
	text-align:center;
	padding-bottom:15px;
}
.Login-Btn a{
	display:block;
	color:#FFF;
}
.Login-Btn{
 width:250px;
	margin:auto;
	line-height:50px;
position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  transition:0.5s;
  background:linear-gradient(#5cbc92,#56c2e7 50px,#8CCFB2 250px,#90D7EF);
  background-size:200px 300px;
	border-radius:5px;
z-index:9999;
}
.Login-Btn:hover{
  background-position:0 100%;
}
#TPsmpImg{
	width:300px;
	position:absolute;
	right:10%;
	bottom:-50px
}




.ContWrap{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
}
.PGlink{
	margin-top:-90px;
	padding-top:90px;
}
.ContWrap h2{
	text-align:center;
	position:relative;
	font-size:27px;
	font-weight:700;
	color:#3E4746;
	font-family: 'IBM Plex Sans JP', sans-serif;
	padding-bottom:35px;
	line-height:1.5em;
}
.ContWrap h2 small{
	font-size:18px;
	display:block;
}
.ContWrap h2.IMGtitle img{
	height:35px;
}
#TopCont2{
	width:600px;
	margin:auto;
	position:relative;
}
.ContWrap h2 .OPillust{
	display:block;
}
.ContWrap h2 .OPillust img{
	height:70px;
	width:auto;
}
.ContWrap h2 .PicTitle{
	display:block;
}
.ContWrap h2 .PicTitle img{
	height:30px;
}
.CntrText{
	text-align:center;
	font-size:16px;
	line-height:2em;
	font-weight:300;
}
#TopCont2 .RegBtnArea{
	width:500px;
	margin:auto;
}
#TopCont2 .TPC-here{
	padding-top:25px;
}
.cont2Images{
	width:180px;
}
#CT2Im1{
	position:absolute;
	top:80px;
	left:-200px;
}
#CT2Im2{
	position:absolute;
	top:80px;
	right:-200px;
}
#CT2Im3{
	position:absolute;
	bottom:80px;
	left:-200px;
}
#CT2Im4{
	position:absolute;
	bottom:80px;
	right:-200px;
}


.BG-green{
	background: #46b78f; /* Old browsers */
background: -moz-linear-gradient(top, #46b78f 0%, #b0dcd4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #46b78f 0%,#b0dcd4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #46b78f 0%,#b0dcd4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b78f', endColorstr='#b0dcd4',GradientType=0 ); /* IE6-9 */
}

#TopCont3{
	width:1000px;
	margin:auto;
	padding-bottom:80px;
}
#TopCont3 h2{
	text-align:center;
	font-size:25px;
	color:#FFF;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight:700;
	padding-top:50px;
	padding-bottom:35px;
}

#cont3Step{
	width:900px;
	position:relative;
	display:table;
	padding-top:50px;
	margin:auto;
}
#cont3Step > *{
	display:table-cell;
	vertical-align:top;
	position:relative;
}
#cont3Step > * dt{
	position:relative;
	text-align:center;
}
#cont3Step > * dt img{
	height:100px;
}
#cont3Step > * div{
	text-align:center;
	height:365px;
}
#cont3Step > * dd{
	font-size:15px;
	color:#FFF;
	line-height:1.6em;
	width:250px;
	margin:auto;
	padding-top:15px;
}

.EXPcont{
	width:800px;
	margin:auto;
	position:relative;
	margin-top:50px;
	padding-bottom:80px;
}
.EXPcont section{
	position:relative;
	padding-bottom:25px;
}
.EXPcont section > *{
	display:inline-block;
	vertical-align:middle;
}
.EXimg{
	width:350px;
	height:250px;
}
.EXimg img{
	object-fit:cover;
	width:100%;
	height:100%;
	border-radius:15px;
}
.EXinfo{
	width:420px;
	padding-left:20px;
}
.EXinfo dt{
	font-size:18px;
	font-weight:700;
	padding-bottom:15px;
	line-height:1.5em;
}
.EXinfo dt small{
	display:block;
	padding-bottom:15px;
}
.EXinfo dt small img{
	height:30px;
}
.EXinfo dd{
	font-size:15px;
	padding-bottom:10px;
}
.EXinfo p{
	background-color:#EF8BA5;
	font-size:14px;
	line-height:25px;
	width:40px;
	text-align:center;
	color:#FFF;
}
.EXstory{
	font-size:16px;
	line-height:1.8em;
	font-weight:300;
}

.StoryRequest{
    width: 750px;
    margin: auto;
    position: relative;
    background-image: url(/img/up/pair/koibana.jpeg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
	height:200px;
}
.StoryRequest span{
	width:300px;
	position:absolute;
	bottom:20px;
	right:80px;
}

#SafetyInfo{
	width:1000px;
	position:relative;
	margin:auto;
	display:table;
}
#SafetyInfo > *{
	display:table-cell;
	vertical-align:top;
	padding:25px;
	border-right:1px solid #CCC;
	width:280px;
}
#SafetyInfo > * dt{
	text-align:center;
	font-size:21px;
	font-weight:600;
	color:#887151;
	padding-bottom:25px;
}
#SafetyInfo > * dd{
	font-size:15px;
	font-weight:300;
	line-height:1.8em;
}
#SafetyInfo > * dd span{
	display:block;
	font-weight:500;
	padding-top:10px;
}
#SafetyInfo > * dd span a{
	color:#19AE93;
}

#FooterBG{
	background: #dceee5; /* Old browsers */
background: -moz-linear-gradient(top, #dceee5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dceee5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dceee5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceee5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:35px;
}
#FooterBG footer{
	width:980px;
	margin:auto;
	position:relative;
}

#FooterReg{
	width:500px;
}
#FooterReg h2{
	width:300px;
	margin:auto;
}
#FooterImg{
	width:520px;
	position:absolute;
	top:-50px;
	right:0px;
}
#FooterBG nav{
	width:1070px;
	margin:auto;
	position:relative;
	padding-top:35px;
}
#FooterBG nav li{
	font-size:14px;
	display:inline-block;
	padding-right:20px;
	font-weight:500;
}
#FooterBG nav li a{
	color:#17A593
}
#FooterBG nav li a:hover{
	color:#1DD5BD
}

/*common*/
.GreenGrad{
	background: #dceee5; /* Old browsers */
background: -moz-linear-gradient(top, #dceee5 0%, #ffffff 500px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dceee5 0%,#ffffff 500px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dceee5 0%,#ffffff 500px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceee5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.BlueGrad{
	background: #dceee5; /* Old browsers */
background: -moz-linear-gradient(top, #D2ECFB 0%, #ffffff 500px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #D2ECFB 0%,#ffffff 500px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #D2ECFB 0%,#ffffff 500px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2ECFB', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.PinkGrad{
	background: #FBE7F0; /* Old browsers */
background: -moz-linear-gradient(top, #FBE7F0 0%, #ffffff 500px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FBE7F0 0%,#ffffff 500px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FBE7F0 0%,#ffffff 500px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBE7F0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.OrangeGrad{
	background: #FFEFCA; /* Old browsers */
background: -moz-linear-gradient(top, #FFEFCA 0%, #ffffff 500px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFEFCA 0%,#ffffff 500px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFEFCA 0%,#ffffff 500px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEFCA', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.Common{
	padding-top:130px;
}
#FreeCost{
	width:450px;
	position:relative;
	margin:auto;
	padding:15px 25px;
	border:2px solid #E96160;
	border-radius:15px;
	background-color:#FFF;
	margin-top:35px;
}
#FreeCost p{
	font-size:16px;
	color:#E96160;
	position:relative;
	padding-bottom:15px;
}
#FreeCost ul{
	position:relative;
}
#FreeCost ul li{
	font-size:14px;
	padding-bottom:5px;
	font-weight:500;
}

#CostList{
	position:relative;
	width:500px;
	margin:auto;
	padding-top:50px;
}
#CostList p{
	font-size:16px;
	font-weight:700;
	padding-bottom:20px;
	position:relative;
}
#CostList dl{
	position:relative;
	border-bottom:1px dotted #CCC;
	display:table;
	width:100%;
}
#CostList dl > *{
	padding:10px;
	display:table-cell;
}
#CostList dl dt{
	font-size:15px;
}
#CostList dl dd{
	text-align:right;
	font-weight:600;
}

/*登録フォーム*/
#RegistForm{
	width:600px;
	position:relative;
	margin:auto;
	padding-top:50px;
	padding-bottom:50px;
}
#RegistForm dl{
	position:relative;
}
#RegistForm dl > *{
	display:inline-block;
	vertical-align:top;
	padding:10px;
}
#RegistForm dl dt{
	width:150px;
	font-size:14px;
	font-weight:500;
	padding-top:15px;
}
#RegistForm dl dd{
	width:390px;
}
#RegistForm p{
	font-size:14px;
	text-align:center;
	padding-top:15px;
	padding-bottom:25px;
}
.InputTYP1{
	width:100%;
	padding:2px;
	height:30px;
	border-radius:3px;
	border:1px solid #BDC5CB;
}
.SelectTYP1 select{
	padding:3px;
	border:1px solid #BDC5CB;
	border-radius:3px;
	height:30px;
}
.TextTYP1{
	padding:3px;
	border:1px solid #BDC5CB;
	border-radius:3px;
	height:100px;
	width:100%;
}
#RegBtn{
	text-align:center;
}
#RegBtn input{
	width:300px;
	background-color:#47AB90;
	height:60px;
	color:#FFF;
	border:none;
	border-radius:7px;
}
#RegBtn input:hover{
	background-color:#65BEA5;
}

/*特商法*/
#TransactionArea{
	width:650px;
	margin:auto;
	position:relative;
}
#TransactionArea dl{
	position:relative;
	border-bottom:dashed 1px #CCC;
}
#TransactionArea dl > *{
	display:inline-block;
	vertical-align:top;
	padding:10px;
}
#TransactionArea dl dt{
	width:200px;
	font-size:14px;
	line-height:1.3em;
}
#TransactionArea dl dd{
	width:390px;
	font-size:14px;
	line-height:1.5em;
}

/*ご利用規約*/
/*Agreement*/
#AgreeArea{
	background-color: #FFF;
	width:695px;
	margin:auto;
	padding:50px 100px;
	border-radius:25px;
}
#AgreeArea article{
	position:relative;
	padding-bottom:25px;
}
#AgreeArea article h3{
	font-size:15px;
	font-weight:500;
	position:relative;
	padding-bottom:15px;
}
#AgreeArea article p{
	font-size:15px;
	line-height:1.7em;
	font-weight:300;
	padding-bottom:15px;
	position:relative;
}
#AgreeArea article p span{
	display:block;
	font-size:14px;
	font-weight:500;
	lne-height:1.6em;
}

/*プライバシー*/
#PrivacyArea{
	background-color: #FFF;
	width:695px;
	margin:auto;
	padding:50px 100px;
	border-radius:25px;
}
.LeftText{
	width:600px;
	font-size:14px;
	line-height:1.5em;
	margin:auto;
	position:relative;
	font-weight:300;
	padding-bottom:50px;
}
#PrivacyArea dl{
	position:relative;
	padding-bottom:25px;
}
#PrivacyArea dl dt{
	font-weight:500;
	font-size:15px;
	padding-bottom:20px;
}
#PrivacyArea dl dd{
	font-size:15px;
	font-weight:400;
	line-height:1.6em;
}
#PrivacyArea dl ol{
	position:relative;
	font-size:15px;
	font-weight:400;
}
#PrivacyArea dl ol li{
	padding-bottom:10px;
}
#PrivacyArea dl p{
	font-size:14px;
	padding-top:20px;
	font-weight:300;
}
#PrivacyArea #PPsign{
	position:relative;
}
#PrivacyArea #PPsign h3{
	font-size:16px;
	padding-bottom:7px;
}
#PrivacyArea #PPsign p{
	font-size:15px;
	padding-bottom:5px;
}

/*年齢確認*/

#Auth-Require{
	width:500px;
	padding:15px 25px;
	border:2px solid #E71F19;
	border-radius:10px;
	margin:auto;
	margin-top:35px;
	background-color:#FFF;
	margin-bottom:30px;
}
#Auth-Require dt{
	text-align:center;
	color:#CD1C1C;
	font-size:16px;
	padding-bottom:15px;
	font-weight:500;
}
#Auth-Require dd{
	text-align:center;
}
#Auth-mess{
	width:500px;
	padding:15px 25px;
	background-color:#FCE5E2;
	margin:auto;
	color:#DE1B15;
	text-align:center;
	line-height:1.6em;
	margin-bottom:50px;
}
#AuthImg{
	width:700px;
	position:relative;
	margin:auto;
}
#AuthImg > *{
	display:inline-block;
	vertical-align:top;
	width:45%;
	padding:2%;
}
#AuthImg dl dd{
	text-align:center;
	font-size:15px;
	font-weight:500;
}
#KRI{
	width:300px;
	margin:auto;
	padding-bottom:35px;
	padding-top:35px;
}

/*体験談*/
#PostForm{
	width:600px;
	position:relative;
	margin:auto;
	padding-top:30px;
}
#PostForm article{
	position:relative;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
	padding-top:25px;
	padding-left:15px;
	padding-right:15px;
}
#PostForm article h3{
	position:relative;
	font-size:16px;
	font-weight:500;
	padding-bottom:15px;
}
#PostForm article h3 span{
	background-color: #FF3200;
	padding:0px 7px;
	font-size:11px;
	color:#FFF;
	display:inline-block;
	margin-left:7px;
	font-weight:300;
}
#PostForm article p{
	posiiton:relative;
	padding-left:35px;
	font-size:15px;
	padding-bottom:10px;
}
#PostForm article p span{
	padding-right:7px;
}
#PostForm article p small{
	display:block;
	font-size:14px;
	font-weight:300;
	line-height:1.4em;
	padding-top:25px;
}
#PostForm #STbtn{
	margin-bottom:100px;
	text-align:center;
	position:relative;
	padding-top:35px;
}
.Expost{
	width:300px;
	background-color:#47AB90;
	height:60px;
	color:#FFF;
	border:none;
	border-radius:7px;
}
.Expost:hover{
	color:#FFF;
	border-radius:7px;
	background-color:#65BEA5;
}
#ExpostTitle{
	width:800px;
	margin:auto;
}
.InputTYP2{
	width:20%;
	padding:2px;
	height:30px;
	border-radius:3px;
	border:1px solid #BDC5CB;
}
/*ログイン*/
#LoginBX{
	width:310px;
	padding:25px;
	position:relative;
	margin:auto;
}
#LoginBX dl{
	position:relative;
	padding-bottom:15px;
}
#LoginBX dl > *{
	display:inline-block;
	vertical-align:middle;
}
#LoginBX dl dt{
	width:100px;
	font-size:16px;
	color:#637B7B;
	font-weight:500;
}
#LoginBX dl dd{
	width:200px;
}
#LoginBX dl dd input{
	width:100%;
	border:2px solid #5DC5DA;
	border-radius:7px;
	padding:3px;
	height:35px;
}
#LoginBtn{
	text-align:center;
	padding-top:15px;
}
#LoginBtn input{
	width:200px;
	background-color:#00B1C6;
	color:#FFF;
	height:50px;
	border:none;
	border-radius:7px;
}
#LoginBtn input:hover{
	background-color:#72CCD7;
}
/*padding*/
.PDT50{
	padding-top:50px;
}

.loggo{
display:none;
}

.regist_line{
width:300px;
margin:auto;
position:relative;
}