#HeadArea{
	position:fixed;
	background-color:#FFF;
	z-index:100;
	top:0px;
	left:0px;
	padding-bottom:5px;
}
#nav{
	background-color:#D96488;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:105;
}
#nav li{
	display:inline-block;
	text-align:center;
	vertical-align:top;
	width:18%;
	padding-left:1px;
	padding-right:1px;
	position:relative;
	padding-top:10px;
}
#nav li a{
	text-decoration: none;
	color:#FFFFFF;
}
#nav li i{
	font-size:26px;
	display:block;
	color:#FFFFFF;

	padding-bottom:5px;
	text-align:center;
}
#nav li i img{
	display:block;
}
#nav li small{
	display:block;
	font-size:11px;
	padding-bottom:5px;
}
#nav li span{
	display:block;
	font-size:10px;
	position:absolute;
	bottom:20px;
	right:10px;
	color:#FFE48F;

}
#ContentWrap{
	padding-top:50px;
	padding-bottom:80px;
	position:relative;
}
#logoArea {
	position: relative;
	display: table;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#logoArea > * {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	color: #F39;
}
#logoArea #logout {
	font-size: 14px;
	color: #666;
	text-align: right;
	padding-right: 15px;
}
#profArea {
	position: relative;
	display: table;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top:5px;
}
#profArea > * {
	display: table-cell;
	vertical-align: middle;
}
#profArea #photo {
	width: 20%;
	position:relative;
}
#profArea #photo #photoBox {
	width: 100px;
	margin-left:5px;
	padding-right:5px;
}
#profArea #photo #photoBox img {
	width:100%;
	height:auto;
}
#profArea #name  {
	font-size:13px;
	line-height:1.4em;
}
#profArea #name a  {
	color: #222;
}
#profArea #name span{
	display:block;
}
#profArea i{
	color:#455156;
}
#profArea .profCont {
	text-align:center;
	width:14%;
	font-size:25px;
}
#profArea .profCont span{
	font-size:10px;
	color:#DA3437;
}
#profArea .profCont2{
	border:1px solid #CCC;
	width:35%;
	border-radius:5px;
}
#profArea .profCont2 i{
	font-size:23px;
	padding-left:5px;
	padding-right:5px;
	display:inline-block;
	color:#C2393B;
}
#profArea #payment{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	width:25%;
}
#profArea #payment i{
	margin-right:5px;
	color:#CA0003;
	display:block;
}
#profArea #payment a{
color:#5198CF;
}
#searchHead {
	display: table;
	width: 100%;
	position: relative;
	margin-bottom:10px;
}
#searchHead > * {
	display: table-cell;
	vertical-align: middle;
}
.Ctitle {
	padding-left: 20px;
	font-size: 18px;
	color: #666;
	padding-bottom:10px;
	border-top:2px solid #DACEDE;
	padding-top:10px;margin-bottom:20px;
}
.Ctitle small{
	display:block;
	padding-bottom:5px;
}
#searchBTN {
	background-color:#7F48BF;
	border-radius:6px;
	text-align:center;
	line-height:40px;
	color:#FFF;
	height: 40px;
	width:90%;
	margin:auto;
	margin-bottom:15px;
	margin-top:10px;
}
#searchBTN a{
	display:block;
	color:#FFF;
	border-radius:6px;
}
#searchBTN a:hover{
	background-color:#9668CA;
	border-radius:6px;
}
#backBTN  {
	color: #FFF;
	font-size: 14px;
	background-color: #DDD;
	width: 80%;
	line-height: 45px;
	text-align: center;
	margin:auto;
	border-radius:45px;
	margin-bottom:25px;
}
#backBTN a {
	color: #333;
	display: block;
}

.menuList {
	font-size: 15px;
	background-color:#F7F0E6;
	padding-top:35px;
	padding-bottom:20px;
}
.menuList li {
	text-align:center;
	padding-bottom:15px;
}
.menuList li a {
	color: #333;
	display: block;
	text-decoration: none;
}
.menuList li span {
	position: absolute;
	right: 10%;
	top: 0px;
}
.menuList li span a {
	color: #36C;
	text-decoration: underline;
}
.LogTitle {
	font-size: 15px;
	padding: 10px;
	font-weight: bold;
}
.LogTitle2 {
	font-size: 15px;
	padding: 10px;
	border-top:2px solid #95BEDC;
	font-weight: bold;
	margin-top:20px;
}
.LogTitle3 {
	font-size: 15px;
	padding: 10px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.TitleText {
	font-size: 18px;
	font-weight: bold;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.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;
}
.CountList2 li {
	font-size: 14px;
	line-height: 1.5em;
}
.DLStyle2 {
	position: relative;
}
.DLStyle2 dl {
	display: table;
	position: relative;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.DLStyle2 dl > * {
	display: table-cell;
	vertical-align: middle;
}
.DLStyle2 dl dt{
	padding: 10px;
	color: #C00;
	width: 35%;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.DLStyle2 dl dd {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
.DLStyle2 dl dd.ARW {
	width:20%;
}
.DLStyle2 dl dd.check {
	text-align: center;
	width: 10%;
	background-color: #9BDEFF;
	padding-left:5px;
}
.DLStyle3 {
	position: relative;
}
.DLStyle3 dl {
	display: table;
	position: relative;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.DLStyle3 dl > * {
	display: table-cell;
	vertical-align: middle;
}
.DLStyle3 dl dt{
	padding: 10px;
	color: #000;
	width: 200px;
	font-size: 15px;
}
.DLStyle3 dl dd {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	color: #39C;
}
.arrow   {
	width: 60px;
	font-size: 12px;
	color: #C00;
	line-height: 1.1em;
	padding: 3px 6px;
	background-color: #FFDC73;
	text-align: center;
	border-radius:20px;
}
.ULStyle {
	position: relative;
}
.ULStyle li {
	padding: 7px;
	color: #300;
	background-color: #FBFBFB;
}
.ULStyle li:nth-child(odd){
	background-color:#FAF4F4;
}
.menuList2 {
	font-size: 15px;
}
.menuList2 li {
	line-height: 50px;
	position: relative;
	padding-left: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-color: #F7F7F7;
}
.menuList2 li a {
	color: #039;
	display: block;
	text-decoration: none;
}
.menuList2 li span {
	position: absolute;
	right: 15px;
	top: 0px;
}
.menuList2 li span a {
	color: #36C;
	text-decoration: underline;
}
.CountList {
	position: relative;
	padding: 10px;
}
.CountList li {
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 15px;
	font-size: 14px;
}
.CountList2 {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.CountList2 li {
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	padding: 10px;
}
.CountList2 li:nth-child(odd) {
	background-color:#F3F3F3;
	}
.TableStyle1 {
	display: table;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.TableStyle1 > * {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.TableStyle1 p img {
	height: auto;
	width: 90%;
}
.TableStyle2 {
	display: table;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.TableStyle2 > * {
	display: table-cell;
	vertical-align: middle;
}
#regCont3 {
	position: relative;
}
#regCont3 dl {
	padding: 10px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
#regCont3 dl dt {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-bottom: 7px;
}
#regCont3 dl dd {
	font-size: 16px;
	color: #333;
}
#regCont3 dl dd label{
	display:inline-block;
	width:46%;
	vertical-align:top;
}
#regCont3 dl dd label:nth-child(odd){
	padding-right:2%;
}
#regCont3 dl dd p{
	font-size:13px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#EBD0DA;
	border-radius:25px;
	text-align:center;
}


#regBTNarea {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	margin-top: 7px;
	margin-bottom: 7px;
}
#ImgLIST {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
#ImgLIST .imgName {
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFF;
}
#ImgLIST .imgName p a {
	display: block;
}
#ImgLIST .imgName .check {
	text-align: left;
	width: 40px;
}
#ImgLIST .imgName .date {
	font-size: 12px;
}
#InqAR dl dt{
	position: relative;
	margin-bottom: 25px;
}
#mailEDIT dl {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	padding: 15px;
}
#mailEDIT dl dt {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}
#SearchARA {
	position: relative;
	margin-bottom: 25px;
}
#SearchARA dl {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	padding: 15px;
}
#SearchARA dl dt {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}
#SearchARA dl dd label{
	display:inline-block;
	width:46%;
}
#SearchARA dl dd label:nth-child(odd){
	padding-right:2%;
}
#SearchARA dl dd p{
	font-size:13px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#EBD0DA;
	width:130px;
	border-radius:25px;
	text-align:center;
}
#PointCharge {
	position: relative;
}
#PointCharge #CamBN {
	width: 90%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
}
#PointCharge #CamBN img {
	height: auto;
	width: 100%;
}
#PointCharge .kind {
	width:46%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	padding-bottom:35px;
	padding-left:1%;
	padding-right:1%;
}
#PointCharge .kind a {
	display: block;
	color:#333;
}
#PointCharge .kind dt{
	width:58px;
	margin:auto;
}
#PointCharge .kind dt img{
	width:58px;
	height:58px;
	margin:auto;
}
#PointCharge .kind dd{
	font-size:12px;
	font-weight:bold;
}
#PointCharge .kind dd a{
	color:#333;
}

#PointCharge p.comnt {
	font-size: 14px;
	color: #C00;
	background-color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#CardInfo {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 13px;
	font-weight: bold;
}
#CardInfo span {
	color: #666;
	font-size: 12px;
}
.BoxType85 {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: #FFF;
}
#InqAR {
	margin-bottom: 25px;
	position: relative;
}
#InqAR dl {
	padding-right: 10px;
	padding-left: 10px;
}
#InqAR dl dt {
	background-color: #58B1D4;
	line-height:25px;
	padding-left: 20px;
	font-size: 13px;
	margin-bottom: 10px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	color: #FFF;
}
#InqAR dl dd {
	padding-left: 15px;
	margin-bottom: 6px;
	font-size: 14px;
}
#PointFAQ {
	position: relative;
}
#PointFAQ dl {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding: 15px;
	position: relative;
}
#PointFAQ dl dt {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 10px;
	background-image: url(../img/mark_q.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-weight: bold;
	color: #333;
}
#PointFAQ dl dd {
	font-size: 14px;
	line-height: 1.5em;
	background-image: url(../img/mark_a.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}
.OLstyle {
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.OLstyle li {
	margin-bottom: 15px;
	font-size: 14px;
	list-style-type: circle;
}
#mpMenu {
	position: relative;
	padding: 10px;
}
#mpMenu li {
	line-height: 55px;
	height: 55px;
	border: 2px solid #999;
	margin-bottom: 15px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	padding-left: 65px;
	font-size: 16px;
}
#mpMenu li a {
	display: block;
}
#mpMenu #btnBBS {
	background-image: url(../img/mark_bbs.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: 3px 2px;
}
#mpMenu #btnMAIL {
	background-image: url(../img/mark_mail4.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: 3px 2px;
}
#mpMenu #btnFAVO {
	background-image: url(../img/mark_favorite2.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: 3px 2px;
}
#mpMenu #btnMATCH {
	background-image: url(../img/mark_match1.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: 3px 2px;
}
#mpMenu #btnMATCH2 {
	background-image: url(../img/mark_match2.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: 3px 2px;
}
#mpMenu #btnPROF {
	background-image: url(../img/mark_profile.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: 3px 2px;
}
#MatchDL {
	position: relative;
}
#MatchDL dl {
	padding-bottom: 10px;
	position: relative;
}
#MatchDL dl dt {
	font-size: 13px;
	color: #FFF;
	padding-left: 15px;
	background-color:#9AC6E4;
	width:90%;
	border-radius:20px;
	line-height:25px;
	margin:auto;
}
#MatchDL dl dd {
	font-size: 15px;
	padding: 10px;
}
#MatchDL dl dd ul li {
	margin-bottom: 10px;
}
#MatchinAR {
	margin-bottom: 15px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 15px;
}
#MatchinAR #Phot {
	display: table;
	position: relative;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
#MatchinAR #Phot > * {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#MatRes {
	font-size: 17px;
	line-height: 105px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../img/matching00.png);
	text-align: center;
	height: 105px;
	width: 115px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
}
#MatcResult {
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom: 10px;
}
#MatcResult dl {
	position: relative;
	display: table;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 100%;
}
#MatcResult dl > * {
	display: table-cell;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
}
#MatcResult dl dt {
	width: 130px;
	position: relative;
	background-color: #F9EDFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
#MatcResult dl dd {
	font-size: 18px;
	color: #F39;
	text-align: center;
}


.form-TYP1{
	height:40px;
	border:1px solid #CCC;
	border-radius:8px;
	background-color:#FFF;
	padding:2px 3px;
}
.form-TYP2{
	border:1px solid #CCC;
	border-radius:8px;
	background-color:#FFF;
	padding:2px 3px;
}


/*写真アップロード*/
#PhotoUpload {
	width: 100%;
}
#PhotoUpload article {
	padding: 15px;
	position: relative;
}
#PhotoUpload article div {
	width: 50%;
	position: relative;
	float: left;
	text-align: center;
	height:150px;
}
#PhotoUpload article div span{
	font-size:12px;
	display:block;
}
#PhotoUpload article div img {
	height: 100px;
	border-radius: 5px;
	width: 120px;
	object-fit:cover;
}
/* ラジオボタンは非表示にする */
#PhotoUpload article div input[type=radio] {
  display: none; 
}
/* チェックされた時のスタイル */
#PhotoUpload article div input[type="radio"]:checked + label {
	background-color: #FFF4D4;
	}
/* lableのスタイル */
#PhotoUpload article div .label {
	display: block;
	height: 100px;
	cursor: pointer;
	border-radius: 5px;
	padding: 10px;
}
#NimgUpload{
	width:90%;
	position:relative;
	padding:10px;
	margin:auto;
	background-color:#E1ECF1;
	border-radius:8px;
}
#NimgUpload small{
	display:block;
	font-size:15px;
	padding-bottom:10px;
}
#NimgUpload input#upload{
	background-color:#665657;
	border:1px solid #CCC;
	height:30px;
	padding:2px 10px;
	margin:auto;
	color:#FFF;
	width:100%;
	margin-top:15px;
}

/*メールボックス*/
#MailBox{
	width:95%;
	position:relative;
	margin:auto;
	padding-top:20px;
}
#MailBox article{
	width:100%;
	border:1px solid #CCC;
	border-radius:8px;
	display:table;
	position:relative;
	margin-bottom:15px;
}
#MailBox article.UnreadBx{
	border:1px solid #B8DAE6;
	background-color:#E5F6FF;
}
#MailBox article > *{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
#MailBox article dl dt{
	font-size:16px;
	padding-bottom:5px;
	position:relative;
	font-weight:500;
	color:#214FB1;
}
#MailBox article dl dt > *{
	display:inline-block;
	vertical-align:middle;
}
#MailBox article .IconPimg{
	width:50px;
	height:50px;
	overflow:hidden;
	margin-right:5px;
}
#MailBox article .IconPimg img{
	border-radius:100px;
	height:100%;
	width:100%;
	object-fit:cover;
}
#MailBox article dl{
	padding:8px;
}
#MailBox a article:hover{
	background-color:#F2FAFD;
}

#MailBox article dl dt small{
	font-size:12px;
	display:block;
	font-weight:300;
	color:#222;
}
#MailBox article dl dd{
	font-size:14px;
	position:relative;
	color:#222;
	display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
#MailBox article p{
	width:40px;
	text-align:center;
	font-size:25px;
}
#MailBox article p.delete{
	position:absolute;
	top:10px;
	right:0px;
}
#MailBox article p small{
	display:block;
	font-size:12px;
}
#MailBox #deleteBtn{
	text-align:center;
	position:relative;
	padding-top:15px;
}
#MailBox #deleteBtn input{
	width:300px;
	background-color:#443C3C;
	height:35px;
	color:#FFF;
	border:0px;
	border-radius:5px;
}
#MailBox #deleteBtn input:hover{
	background-color:#625757;
}


#MypageIcon{
	width:95%;
	position:relative;
	margin:auto;
}
#MypageIcon > *{
	display:inline-block;
	width:29%;
	text-align:center;
	height:80px;
	vertical-align:top;
	margin-bottom:15px;
	margin-right:10px;
}
#MypageIcon > * small{
	display:block;
	font-size:12px;
	padding-top:5px;
	color:#222;
}
#MypageIcon > * i{
	font-size:30px;
	color:#7FB1CB;
	margin-top:10px;
	background-color:#4AA6DD;
	color:#FFF;
	width:45px;
	line-height:45px;
}
#MypageIcon > *:nth-child(3n){
	margin-right:0px;
}


#MatchNav{
	width:95%;
	position:relative;
	margin:auto;
	padding-top:25px;
	padding-bottom:25px;
}
#MatchNav > *{
	display:inline-block;
	width:44%;
	text-align:center;
	height:80px;
	vertical-align:top;
	border:1px solid #E9829B;
	border-radius:10px;
	margin-right:2%;
	margin-left:2%;
}
#MatchNav > * a{
	display:block;
}
#MatchNav > * small{
	display:block;
	font-size:13px;
	padding-top:5px;
	color:#222;
}
#MatchNav > * i{
	font-size:35px;
	color:#E9829B;
	padding-top:10px;
}

/*マッチング*/
.heart {
  width: 80px;  /* 正方形を作る */
  height:80px; /* 正方形を作る */
  position: absolute;/* 基準位置とする */
	top:0px;
	right:5px;
}
.heart::before,
.heart::after {
  content: "";  /* 疑似要素に必須 */
  width: 50%;   /* ハートの丸い部分の大きさにかかわる */
  height: 80%;  /* ハートの高さにかかわる */
  background: #E0548E; /* ハートの色 */
  border-radius: 25px 25px 0 0; /* ハートの半円を生成 */
  display: block; /* ブロック要素にする */
  position: absolute; /* 相対位置に指定 */
}
.heart::before {
  transform: rotate(-45deg); /* 左に回転 */
  left: 14%;                 /* 左からの位置を指定 */
}
.heart::after {
  transform: rotate(45deg);  /* 右に回転 */
  right: 14%;                /* 右からの位置を指定 */
}
.heart span{
	position:absolute;
	top:23px;
	left:18px;
	color:#FFF;
	font-size:15px;
	text-align:center;
	display:block;
	z-index:9999;
}
.heart span:hover{
	color:#FFCE6B;
}
.resmail{
	font-size:12px;
	text-align:center;
	color:#D20003;
	animation: flash 1s linear infinite;
}
@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
  
  
  100% {
    opacity: 1;
  }
}
.resmail a{
	color:#D20003;
}


#MCHG1{
	width:90%;
	padding-bottom:15px;
	margin:auto;
}
#MCHG1 > *{
	vertical-align:middle;
	text-align:center;
	font-size:15px;
}
#MCHG1 p{
	width:40%;
	font-size:18px;
}
#MCHG2{
	width:90%;
	margin:auto;
}
#MCHG2 > *{
	vertical-align:middle;
}
#MCHG2 div{
	width:40%;
}
#MCHG2 p{
	text-align:center;
	font-size:25px;
	color:#E6285D;
}
#MCHG2 .MemImg2{
	width:100px;
	height:100px;
	display:block;
	overflow:hidden;
	margin:auto;
	margin-bottom:5px;
	border-radius:150px;
	position:relative;
}
#MCHG2 .MemImg2 img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:150px;
	display:block;
}
#men{
	border:5px solid #70C2E6;
}
#women{
	border:5px solid #FFA5C1;
}
#MCHG3{
	width:90%;
	margin:auto;
	padding-top:25px;
}
#MCHG3 dl{
	position:relative;
	display:table;
	width:100%;
	height:45px;
	border-bottom:1px dotted #CCC;
}
#MCHG3 dl > *{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
#MCHG3 dl dt{
	width:20%;
	font-size:15px;
	font-weight:500;
}
#MCHG3 dl dd{
	width:40%;
	font-size:18px;
	color:#C13134;
}
.TblTYP1{
	position:relative;
	display:table;
}
.TblTYP1 > *{
	display:table-cell;
	position:relative;
}


/*お知らせ*/

#News{
	position:relative;
	width:95%;
	margin:auto;
}
#News dl{
	position:relative;
	border-radius:10px;
	border:1px solid #CCC;
	padding:10px;
	margin-bottom:15px;
}
#News dl dt{
	font-size:13px;
	position:relative;
	padding-bottom:5px;
}
#News dl dd{
	font-size:15px;
	line-height:1.4em;
}



/*メンバーリスト*/
.TPmemberList{
	position:relative;
	padding-top:30px;
}
.TPmemberList article{
	width:48%;
	position:relative;
	display:inline-block;
	padding-bottom:20px;
}
.TPmemberList article .memImg{
	width:130px;
	height:130px;
	position:relative;
	margin:auto;
	display:block;
	margin-bottom:5px;
}
.TPmemberList article .memImg img{
	object-fit:cover;
	width:100%;
	height:100%;
	border-radius:8px;
}
.MatchD{
	position:absolute;
	top:-15px;
	right:-15px;
	text-align:center;
}
.MatchD i{
	font-size:60px;
	color:#D73A3C;
}
.MatchD span{
	position:absolute;
	top:10px;
	right:0px;
	left:0px;
	margin:auto;
	color:#FFF;
	font-size:10px;
	line-height:1.5em;
}
.MatchD span big{
	display:block;
	font-size:18px;
}
.MatchD span big small{
	display:inline-block;
	font-size:13px;
}
.TPmemberList article .memImg span img{
	border:none;
	width:25px;
	height:25px;
	margin-top:7px;
	object-fit:contain
}
.TPmemberList article .memImg .lgdate{
	position:absolute;
	bottom:10px;
	right:0px;
	left:0px;
	margin:auto;
	width:95%;
	text-align:center;
	background-color:hsla(0,0%,11%,0.78);
	color:#FFF;
	border-radius:50px;
	font-size:12px;
}
.TPmemberList article .memImg .check-box{
	position:absolute;
	bottom:15px;
	left:10px;
}
.TPmemberList article .PRtitle{
	text-align:center;
	font-size:15px;
	display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
	width:140px;
	margin:auto;
	line-height:1.2em;
	font-weight:bold;
}
.TPmemberList article small{
	font-size:13px;
	display:block;
	text-align:center;
	font-weight:lighter;
}
.TPmemberList article .Ccoment{
    position:relative;
    width:120px;
    height:30px;
    background-color:#F5ECF8;
    padding:10px;
    text-align:left;
    color:#493352;
    font-size:13px;
    border-radius:13px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
	margin:auto;
	margin-top:15px;
	line-height:1.3em;
}
.TPmemberList article .Ccoment:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(248, 236, 236, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#F5ECF8;
    bottom:100%;
    left:50%;
}
.TPmemberList article .Ccoment p {
  margin: 0;
  padding: 0;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
opacity:0.7;
font-weight:300;
}
.TPmemberList article .del{
	position:absolute;
	top:0px;
	left:10px;
	background-color:#999;
	width:35px;
	height:25px;
	border-radius:8px;
	text-align:center;
	padding-top:10px;
}
#SNpoint{
	background-color:#FFF;
	display:table;
	width:96%;
	padding:2%;
	border-bottom:1px dotted #CCC;
}
#SNpoint > *{
	display:table-cell;
	vertical-align:middle;
}
#SNpoint i{
	font-size:25px;
	color:#ED3538;
	width:30px;
}
#SNpoint #Pcount{
	font-size:16px;
	font-weight:bold;
}
#SNpoint #PCS{
	width:40%;
	font-size:14px;
	background-color:#ED3538;
	text-align:center;
	color:#FFF;
	border-radius:40px;
}
#SNpoint #PCS a{
	display:block;
	color:#FFF;
	line-height:40px;
}



#Ecoin{
	background-color:#FFF;
	display:table;
	width:96%;
	padding:2%;
	border-bottom:1px solid #CCC;
}
#Ecoin > *{
	display:table-cell;
	vertical-align:middle;
}
#Ecoin i{
	font-size:25px;
	color:#C79B25;
	width:30px;
}
#Ecoin #Pcount2{
	font-size:16px;
	font-weight:bold;
}
#Ecoin #PCS2{
	width:40%;
	font-size:14px;
	background-color:#EAA64B;
	text-align:center;
	color:#FFF;
	border-radius:40px;
}
#Ecoin #PCS2 a{
	display:block;
	color:#FFF;
	line-height:40px;
}


/*プライバシーポリシー*/
#Privacy {
	position:relative;
	width:90%;
	margin:auto;
}

#Privacy dt{
	font-size:14px;
	font-weight:500;
	padding-bottom:15px;
}
#Privacy dd{
	font-size:14px;
	position:relative;
	padding-bottom:30px;
	font-weight:300;
}
#Privacy dd ul{
	position:relative;
	padding:15px;
	font-size:15px;
}
#Privacy dd ul li{
	padding-bottom: 15px;
	list-style-position: outside;
	list-style-type: disc;
	margin-left:25px;
}
#Privacy p{
	font-size:15px;
	font-weight:300;
}


/*特定商取引法*/
#Transaction{
	position:relative;
	border:1px solid #C3BDB9;
	border-radius:5px;
	background-color:#FFF;
	width:95%;
	margin:auto;
}
#Transaction dl{
	position:relative;
	width:100%;
	display:table;
	border-bottom:1px solid #C3BDB9;
}
#Transaction dl > *{
	display:table-cell;
	padding:2%;
	vertical-align: top;
}
#Transaction dl dt{
	width:30%;
	border-right:1px solid #C3BDB9;
	font-size:13px;
	background-color:#DFDCD8;
	color:#2F444F;
}
#Transaction dl dd{
	width:60%;
	font-size:14px;
	background-color:#FFFFFF;
}
#Transaction dl:last-child{
	border-bottom:0px;
}
#Transaction dl:first-child dt{
	border-top-left-radius:5px;
}
#Transaction dl:first-child dd{
	border-top-right-radius:5px;
}
#Transaction dl:last-child dt{
	border-bottom-left-radius:5px;
}
#Transaction dl:last-child dd{
	border-bottom-right-radius:5px;
}

/*料金表*/
#PointRate{
	text-align:center;
	font-size:18px;
	color:#5B4951;
	position:relative;
	background-color:#FFF;
	width:90%;
	margin:auto;
	border-radius:50px;
	line-height:50px;
	margin-bottom:30px;
}
#PointList{
	position:relative;
	width:100%;
	margin:auto;
}
#PointList dl{
	background-color:#FFF;
	border-radius:10px;
	margin-bottom:15px;
	padding:10px;
	font-weight:500;
}
#PointList dl > *{
	display:inline-block;
	vertical-align:middle;
}
#PointList dl dt{
	width:60%;
	line-height:1.5em;
	color:#242424;
	font-size:14px;
}
#PointList dl dd{
	width:29%;
	text-align:right;
	font-size:18px;
}
#FreeCont{
	position:relative;
	padding-bottom:35px;
	line-height:1.6em;
}
#FreeCont span{
	display:block;
	padding-bottom:10px;
	color:#BE0800;
	font-size:16px;
	font-weight:500;
}


#MailBX{
	width:90%;
	position:relative;
	margin:auto;
}
#MailBX > *{
	width:48%;
	display:inline-block;
	border:1px solid #CCC;
	text-align:center;
	font-size:12px;
	border-radius:8px;
}
#MailBX i{
	font-size:30px;
	display:block;
	color:#3A91D0;
	padding-top:15px;
}
#MailBX span{
	padding-bottom:10px;
	display:block;
	padding-top:5px;
}

.newstr{
	font-size:40px;
	position:absolute;
	top:-5px;
	left:-10px;
	color:#E40000;
}
.newstr small{
	color:#FFF;
	display:block;
	position:absolute;
	top:15px;
	left:8px;
	font-size:9px!important;
}

#Micons{
	position:relative;
	background-color:#D6407C;
}
#Micons p{
	display:inline-block;
	width:49.5%;
	text-align:center;
	color:#666;
	border-bottom:1px dotted #FFF;
	margin-right:-1%;
	padding-bottom:10px;
}
#Micons p a{
color:#FFF;
}
#Micons p:nth-child(odd){
	border-right:1px dotted #FFF;
}
#Micons p i{
	display:block;
	font-size:25px;
	padding-top:15px;
	padding-bottom:5px;
}

.SDmail{
	width:80%;
	position:relative;
	margin:auto;
	text-align:center;
	border:1px solid #BACAD9;
	line-height:30px;
	color:#6C8AA9;
	border-radius:5px;
	font-size:14px!important;
}
.SDmail a{
	display:block;
	color:#6C8AA9;
}
.TB-btn{
	width:100%;
	position:relative;
	display:table;

}
.TB-btn > *{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	line-height:40px;
	border-right:1px solid #EEE;
	color:#666;
	font-size:13px;
}
.TB-btn > * a{
	color:#666;
	display:block;
}
.TB-btn > *:last-child{
	border-right:none;
}
.OnACT{
	background-color:#DEF0FB;
	color:#29629A!important;
}
.WIDTH50{
	width:50%;
}
.WIDTH30{
	width:33%;
}
.WIDTH302{
	width:50%;
}
.WIDTH25{
	width:25%;
}
.WIDTH27{
	width:27%;
}
.WIDTH19{
	width:19%;
}
.PRFwrap{
	position:relative;
	padding-bottom:15px;
	padding-top:85px;
	margin-top:-85px;
}
.PRFwrap h3{
	font-size:15px;
	font-weight:bold;
	padding:10px;
	border-top:5px solid #FFC2D5;
	background-color:#FFEFF4;
	margin-bottom:15px;
	color:#876D76;
}
#PRFesRate{
	position:relative;
	margin:auto;
	line-height:35px;
	padding-left:10px;
	margin-top:40px;
}
#PRFesRate > *{
	display:inline-block;
	vertical-align:middle;
}
#PRFesRate small{
	font-size:13px;
	width:30%;
}
#PRFesRate span{
	font-size:18px;
	color:#DF4371;
}
#PRFesIMG{
	position:relative;
	
}

#rollover {
position: relative;
	margin:auto;
	margin-bottom:25px;
}
#rollover p {
	margin-bottom: 10px;
	height: 280px;
	overflow-y: hidden;
	width: 100%;
	text-align: center;
	overflow-x: hidden;
}
#rollover p img {
	width: 100%;
	object-fit:cover;
}
#rollover p span {
	background-color: #FFFFFF;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	line-height: 70px;
	background-image: url(../img/mfavorite_on.png);
	background-repeat: no-repeat;
	background-position: center 7px;
	color: #FF5DEB;
}
#rollover ul {
	width: 95%;
	list-style: none;
	margin:auto;
}
#rollover li {
	float: left;
	margin-right: 1%;
	width: 24%;
	height: 75px;
	overflow-y: hidden;
	position: relative;
	text-align: center;
	overflow-x: hidden;
	background-color: #FFFFFF;
}
#rollover ul li span#off  {
	background-color: #1E6CC2;
	position: absolute;
	width: 90%;
	color: #FFFFFF;
	font-size: 11px;
	text-indent: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	top: 5px;
	left: 4px;
}
#rollover ul li span#off a {
	display: block;
	color: #FFFFFF;
	background-image: url(../img/tbiine_on.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	background-size: 15px 15px;
}
#rollover ul li span#off a:hover {
	background-color: #599CE5;
	background-image: url(../img/tbiine_on.png);
	background-position: 5px 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-repeat: no-repeat;
}
#MypagePhotoProf div#rollover ul li span#on {
	background-color: #A8A8A8;
	position: absolute;
	width: 90%;
	color: #FFFFFF;
	font-size: 11px;
	text-indent: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	top: 5px;
	left: 4px;
	background-image: url(../img/tbiine_off2.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	background-size: 15px auto;
}
#rollover ul li span#hide {
	position: absolute;
	top: 0px;
	left: 0px;
}
#rollover li img {
	width: 100%;
	height: auto;
}
#rollover a img {
    border:0;
}



#ProfileBX {
	width: 100%;
	padding-bottom:25px;
}
#ProfileBX dl {
	width: 100%;
	position: relative;
	display: table;
	border-bottom: 1px solid #CACACA;
}
#ProfileBX dl > * {
	display: table-cell;
	vertical-align: middle;
}
#ProfileBX dl dt {
	background-color: #E5ECF2;
	font-size: 13px;
	position: relative;
	padding-left: 15px;
	color: #626262;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
}
#ProfileBX dl dd {
	background-color: #FFFFFF;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#3B475D;
}
#ProfileBX dl dd input {
	height: 30px;
	width: 100%;
	border: 1px solid #2AACC8;
}
#ProfileBX dl dd select {
	height: 30px;
	width: 100%;
	border: 1px solid #2AACC8;
}

#PostAR {
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
}
#PostAR dl {
	position: relative;
	padding-bottom: 15px;
}
#PostAR dl dt {
	background-color: #D4DFE1;
	color: #5F7895;
	font-size: 13px;
	line-height: 25px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	text-align: left;
	position: relative;
	margin-bottom: 10px;
	text-indent: 25px;
}
#PostAR dl dd {
	position: relative;
	font-size: 15px;
	text-align:center;
}
#PostAR dl dd input {
	width: 95%;
	padding: 1%;
	height: 25px;
	border: 1px solid #CCCCCC;
	font-size: 15px;
}
#PostAR dl dd textarea {
	width: 95%;
	height: 130px;
	border: 1px solid #CCCCCC;
	padding: 1%;
	font-size: 15px;
}
#PostAR p {
	text-align: center;
	position: relative;
	padding-bottom: 10px;
}
#PostAR p input {
	width: 60%;
	height: 40px;
}
#mypTB{
	background-color:#D96488;
	position:fixed;
	top:46px;
	left:0px;
	z-index:99;
	color:#FFF;
}
#mypTB a{
	color:#FFF;
}
#PRFesINFO h4{
	font-size:15px;
	padding:10px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}


#PRFesEDIT{
	position:relative;
}
#PRFesEDIT article{
	position:relative;
	padding:10px;
	padding-bottom:30px;
	
	border-top:1px solid #CCC;
}
#PRFesEDIT article h4{
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
}
#PRFesEDIT article dl{
	padding-bottom:15px;
}
#PRFesEDIT article dl dt{
background-color: #D4DFE1;
	color: #5F7895;
	font-size: 13px;
	line-height: 25px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	text-align: left;
	position: relative;
	margin-bottom: 10px;
	text-indent: 25px;
	}
#PRFesEDIT article dl dd input {
	width: 95%;
	padding: 1%;
	height: 25px;
	border: 1px solid #CCCCCC;
	font-size: 15px;
}
#PRFesEDIT p input {
	width: 60%;
	height: 40px;
}
.InputBlueBtn {
	background-color: #2AACC8;
	border: none;
	color: #FFFFFF;
}
.InputBlueBtn:hover {
	background-color: #5CC6DC;
}
.InputGrayBtn {
	background-color: #868686;
	border: none;
	color: #FFFFFF;
}
.InputGrayBtn:hover {
	background-color: #ABABAB;
}

#PRFesSabImg{
	position:relative;
}
#PRFesSabImg p{
	font-size:14px;
	padding:10px;
}
.ImgLST{
	position:relative;
	display:table;
}
.ImgLST > *{
	display:table-cell;;
	vertical-align:top;
	position:relative;
}

.ImgLST > * label{
	position:absolute;
	top:0px;
	right:0px;
}


.check-box {
  cursor: pointer;
}

.check-box input {
  display: none;
}

.check-box input + .text:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.25em;
  margin: 0 5px 0 0;
  background-image: none, url("../img/checkbox-box.png");
  background-size: 68% auto, 100%;
  background-position: top 55% left 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  width: 25px;
  height: 25px;
}

.check-box input:checked + .text:before {
  background-image: url("../img/checkbox-check.png"), url("../img/checkbox-box.png");
}

.ImgUPbox{
	width:85%;
	margin:auto;
	margin-bottom:20px;
	background-color:#F0F2F4;
	padding:3%;
	border-radius:8px;
}
.ImgUPbox h4{
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px;
}
.ImgUPbox div{
	padding-top:10px;
}
#MainUPimg{
	width:90%;
	margin:auto;
	text-align:center;
	position:relative;
}
#PRFesMainImg article{
	padding-bottom:35px;
}
#IMGdelete{
	display:block;
	font-size:35px;
	color:#666;
	position:absolute;
	top:0px;
	right:0px;
	z-index:98;
}
#IMGdelete a{
	display:block;
	color:#666;
}
.imgActive{
	background-color:#3167A9;
	display:block;
	color:#FFF;
	border-radius:30px;
	line-height:25px;
	font-size:13px;
	width:90%;
	margin:auto;
}
#PhotoUpload article .imgActive{
	position:absolute;
	bottom:35px;
	left:0px;
	right:0px;
	margin:auto;
}
#PRFesMailImg p{
	font-size:14px;
	padding:10px;
}
/*2302*/
.LikeIcon{
	background-color:#BCD3D5;
	color:#FFF;
	text-align:center;
	font-size:14px;
	width:70%;
	position:relative;
	margin:auto;
	border-radius:30px;
	margin-top:6px;
	line-height:30px;
}
/*2302*/
.LikeIcon a{
	color:#FFF;
	border-radius:30px;
	display:block;
	background-color:#26CBD8;
}
.LikeIcon a:hover{
	color:#FFF;
	border-radius:30px;
	background-color:#6DDCE5;
}
.BBSadult{
	background-color:#FFEDFE;
	margin-bottom:25px;
}
.BBSadult .Ccoment{
	background-color:#952BB8!important;
	color:#FFF!important;
}
.BBSadult .Ccoment:after{
    border-bottom-color:#952BB8!important;
}
#rollover .MatchD{
	position:absolute;
	top:10px;
	right:10px;
}
.PRFwrap .blueBTN{
	width:80%;
	margin:auto;
}

#MailKND{
	width:95%;
	margin:auto;
	margin-top:15px;
	position:relative;
}
#MailKND > *{
	display:inline-block;
	width:30%;
	font-size:13px;
	text-align:center;
	background-color:#FF8EB0;
	margin-left:2%;
	margin-right:2%;
	line-height:35px;
	border-radius:50px;
	color:#FFF;
}
#MailKND > * a{
	display:block;
	border-radius:50px;
	color:#96294E;
	background-color:#FAD4DF;
}
#MSearchBtn{
	background-color:#76B43E;
	line-height:45px;
	color:#FFF;
	text-align:center;
}
#MSearchBtn a{
	display:block;
	color:#FFF;
}
#MSearchBtn i{
	font-size:23px;
}
.texTBox14{
	font-size:13px;
	font-weight:bold;
	background-color:#EBD0DA;
	width:85%;
	border-radius:25px;
	text-align:center;
	margin:auto;
	color:#D44D7F;
}


#coinPCS{
	position:relative;
}
#coinPCS .btn-blue2{
	margin-top:20px;
	margin-bottom:20px;
}
#brandRogo{
	display:table;
	position:relative;
	width:90%;
	margin:auto;
	padding-top:20px;
	padding-bottom:35px;
}
#brandRogo > *{
	display:table-cell;
	width:35%;
	vertical-align:middle;
	text-align:center;
	position:relative;
	padding:1%;
}
#brandRogo > *:nth-child(2){
	width:25%;
}
#coinPCS article{
	padding-bottom:25px;
	padding-top:80px;
	margin-top:-80px;
}
#coinPCS article h2{
	border-top:3px solid #CCC;
	padding:10px;
}
#coinPCS article h2 span{
	display:block;
	font-weight:bold;
}
#coinPCS #bank h2 img{
	width:40%;
}
#coinPCS #cregit h2 img{
	width:60%;
}
#coinPCS #netride h2 img{
	width:40%;
}
#coinPCS article .ksInfo{
	padding:10px;
	font-size:16px;
	font-weight:bold;
	padding-bottom:20px;
}
.CoinList{
	position:relative;
	padding-left:10px;
	padding-right:10px;
}
.CoinList p{
	position:relative;
	line-height:60px;
	display:table;
	width:100%;
	border:1px solid #CCC;
	margin-bottom:15px;
	border-radius:6px;
}
.CoinList p > *{
	display:table-cell;
}
.CoinList p small{
	font-size:18px;
	width:30%;
	font-weight:bold;
	color:#666;
	padding-left:3%;
}
.CoinList p span{
	text-align:right;
	width:45%;
		padding-right:5%;
	font-size:18px;
	color:#C12225;
}
.CoinList p span big{
	font-size:23px;
	font-weight:bolder;
	padding-right:5px;
}
.CoinList p i{
	width:15%;
		text-align:center;
	font-size:25px;
	color:#EC8640;
}
.CoinList a{
display:block;
}
.CoinList a:hover{
	background-color:#FFEEEE;
}

.PurchaseBX1{
	position:relative;
}
.PurchaseBX1 dl{
	position:relative;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom:1px #CCC dotted;
}
.PurchaseBX1 dl dt{
font-size:14px;
font-weight:bold;
color:#0051A4;
	padding-left:20px;
}
.PurchaseBX1 dl dd{
	text-align:right;
	font-size:18px;
	font-weight:bold;
	padding-right:20px;
}
.PurchaseBX1 .blueBTN{
	margin-top:20px;
}
.TXA-left{
	text-align:left!important;
	padding-left:20px;
	font-weight:normal!important;
	padding-top:10px;
}

.Cut-info{
	width:95%;
	position:relative;
	margin:auto;
}
.Cut-info li{
	font-size:14px;
	padding-bottom:15px;
	color:#2E749F;
}
#ecoinRate{
	background-color:#B2EDEF;
	padding:20px;
}
#ecoinRate dt{
	text-align:center;
	font-size:18px;
	color:#3C4F4F;
	font-weight:bold;
	padding-bottom:10px;
}
#ecoinRate dd{
	text-align:center;
	font-size:18px;
}
#ecoinRate dd #ecoinR{
	color:#E37100;
}
#ecoinRate dd span{
	padding-right:10px;
	font-weight:bold;
}
.TXA-PD10{
	font-size:15px;
	padding:10px;
}
#ecoinEXchange{
	width:80%;
	margin:auto;
	border:3px solid #3EBCC9;
	padding:5% 3%;
	border-radius:8px;
}
#ecoinEXchange dt{
	text-align:center;
	font-size:16px;
	background-color:#FFED97;
	margin-bottom:10px;
	padding:10px;
	border-radius:8px;
}
#ecoinEXchange dt big{
	font-weight:bold;
	color:#CF7500;
	font-size:20px;
}
#ecoinEXchange dd{
	text-align:center;
	padding-bottom:10px;
}
#ecoinEXchange div{
	text-align:center;
}
#ecoinEXchange div .InputBlueBtn{
	width:80%;
	height:45px;
	border-radius:50px;
}

#bankinfo{
position:relative;
}
#bankinfo article{
	padding:10px;
	padding-bottom:15px;
}
#bankinfo article h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	color:#16418F;
	background-color:#DFECF8;
	padding:5px;
	border-radius:20px;
	padding-left:15px;
}
#bankinfo article p{
	font-size:15px;
	padding-bottom:15px;
}
#bankinfo article dl{
	position:relative;
	padding-bottom:20px;
}
#bankinfo article dl dt{
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
}
#bankinfo article dl dd{
	font-size:15px;
	line-height:1.6em;
}
#bankinfo article dl ul{
	position:relative;
	padding:20px;
}
#bankinfo article dl ul li{
	padding-bottom:10px;
}
#bankinfo article dl dd small{
	display:block;
}
#bankinfo article ol{
	position:relative;
	padding-left:20px;
	margin:0px;
	padding-bottom:20px;
}
#bankinfo article ol li{
	list-style-type: decimal;
	font-weight:bold;
	padding-bottom:5px;
}
#TransferAccont{
	border-top:2px solid #CCC;
	padding:10px;
}
#TransferAccont p{
	padding-bottom:5px!important;
}
#TransferAccont p span{
	font-weight:bold;
	font-size:14px;
	width:70px;
	display:inline-block;
}
#TransferAccont p small{
	padding-left:10px;
}
#TransferAccont p strong{
	color:#C32D2F;
}

#faq{
	position:relative;
}
#faq dl{
	position:relative;
	padding:10px;
}
#faq dl dt{
	color:#2A8CDB;
	font-size:16px;
	padding-bottom:10px;
}
#faq dl dt::before{
	content:'Q.';
}
#faq dl dd{
	font-size:15px;
	font-weight:1.6em;
	color:#433A3A;
}
#faq dl dd::before{
	content:'A.';
}
#SpForm{
	position:relative;
	padding:10px;
}
#SpForm dl{
	padding-bottom:20px;
}
#SpForm dl dt{
	background-color:#BDD3E8;
	color:#2F4A67;
	font-size:14px;
	border-radius:30px;
	padding-left:20px;
}
#SpForm dl dd{
	padding:10px;
}
#SpForm dl dd input{
	width:98%;
	border:1px solid #EEE;
	border-radius:5px;
}
#SendBtn{
	text-align:center;
}
#SendBtn input{
	width:80%;
	height:40px;
}

/*特定商取引法*/
#transaction{
	position:relative;
}
#transaction iframe{
	height:550px;
}
#in-transaction{
	position:relative;
}
#in-transaction dl{
	padding:10px;
	border-bottom:1px solid #CCC;
}
#in-transaction dl dt{
	font-size:14px;
	font-weight:bold;
}
#in-transaction dl dd{
	font-size:15px;
}

/*規約*/
#agreement{
	position:relative;
}
#agreement .Pleft15{
	padding:10px;
}
#in-agreement dl{
	padding:10px;
}
#in-agreement dl dt{
	border-top:1px solid #CCC;
	padding:10px;
	font-size:15px;
}
#in-agreement dl dd{
	font-size:14px;
	padding-bottom:25px;
}
#agreement iframe{
	height:500px;
}

/*プライバシーポリシー*/
#privacy{
	position:relative;
}
#privacy .Pleft15{
	padding:10px;
}
#privacy iframe{
	height:500px;
}

/*料金表*/
#pcp-cont{
	position:relative;
	margin:auto;
}
#PointList{
	position:relative;
}
#PointList iframe{
	height:1580px;
}
#pl-rate{
	text-align:center;
	padding:15px;
	font-weight:bold;
}
#pcp-cont article{
	position:relative;
	padding:10px;
	border-top:5px solid #CCC;
}
#pcp-cont article h3{
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	color:#2A3F71;
}
#pcp-cont article dl{
	position:relative;
	display:table;
	width:100%;
	padding-bottom:10px;
}
#pcp-cont article dl > *{
	display:table-cell;
	vertical-align:middle;
}
#pcp-cont article dl dt{
	width:250px;
	padding-left:10px;
	font-size:15px;
}
#pcp-cont article dl dd{
	text-align:right;
	font-size:18px;
	padding-right:10px;
	color:#38435C;
}

.SPnone{
display:none!important;
}




.ac-check{
    display: none;
}
.ac-label{
    color: #666;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
	width:80%;
	margin:auto;
	border-radius:50px;
	border:3px solid #CCC;
	margin-top:20px;
	text-align:center;
}
.ac-content{
    height:0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    display: none;
}
.ac-check:checked + .ac-label + .ac-content{
    height: auto;
    opacity: 1;
    padding: 5px 10px;
    display: block;
}


/*BBS*/
.BBSbox{
	margin:auto;
	position:relative;
	margin-top:30px;
	padding-bottom:20px;
	margin-bottom:30px;
}
.WKorange{
	border-color:#F7D4A5;
}
.WKpurple{
	border-color:#D2B8E0;
}
#bbsTitle{
	position:relative;
	padding-left:70px;
	font-size:16px;
	font-weight:600;
	display:block;
	vertical-align:middle;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
}
#bbsTitle small{
	display:block;
	font-size:14px;
	font-weight:300;
	padding-bottom:5px;
}
.WKorange #bbsTitle{
	color:#554C3F;
	background-color:#FFF7E9;
}
.WKpurple #bbsTitle{
	color:#4C3F55;
	background-color:#FCE9FF;
}
#bbsPost{
position:relative;
	padding-top:15px;
	font-size:16px;
	line-height:1.6em;
	color:#3B404D;
	width:95%;
	margin:auto;
}
#bbsIcon{
	width:50px;
	height:50px;
	position:absolute;
	top:-10px;
	left:5px;
	overflow: hidden;
	border:3px solid;
	border-radius:150px;
}
#bbsIcon img{
	border-radius:150px;
	width:100%;
	height:100%;
	object-fit:cover;
}
.WKorange #bbsIcon{
	border-color:#F7D4A5;
}
.WKpurple #bbsIcon{
	border-color:#D2B8E0;
}

.LNKbtnT{
	width:80%;
	position:relative;
	margin:auto;
	text-align:center;
	border:3px solid;
	line-height:40px;
	border-radius:40px;
	font-size:16px;
	margin-bottom:20px;
}
.LNKbtnT a{
	display:block;
	border-radius:50px;
}

.Lbtn-1{
	border-color:#CCE6D6;
	color:#4C9A69;
}
.Lbtn-1 a{
	color:#4C9A69;
}
.Lbtn-1 a:hover{
	background-color:#F7FFF2;
}
.Lbtn-2{
	border-color:#FFDDE4;
	color:#FF88A0;
}
.Lbtn-2 a{
	color:#FF88A0;
}
.Lbtn-2 a:hover{
	background-color:#FFF2F4;
}

.PRFwrap2{
	width:95%;
	margin:auto;
	padding-top:15px;
}



.Categori {
	display: table;
	width: 100%;
	margin:auto;
	margin-bottom: 10px;
	margin-top:10px;
	position:relative;
}
.Categori input {
	display: none;
}
.Categori label{
	display: block;
	float: left;
	cursor: pointer;
	width: 45%;
	margin: 0;
	padding: 5% 2.5%;
	background: #bdc3c7;
	color: #869198;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.Categori label:first-of-type{
	border-radius: 25px 0 0 25px;
	-webkit-border-radius: 25px 0 0 25px;
	-moz-border-radius: 25px 0 0 25px;
}
.Categori label:last-of-type{
	border-radius: 0 25px 25px 0;
	-webkit-border-radius: 0 25px 25px 0;
	-moz-border-radius: 0 25px 25px 0;
}
.Categori input[type="radio"]:checked + .switch-on {
	background-color: #00A3D9;
	color: #fff;
}
.Categori input[type="radio"]:checked + .switch-off {
	background-color: #FF7DA5;
	color: #fff;
}


.gnav {
    display: flex;
	width:95%;
	margin:auto;
	margin-bottom:30px;
}
.gnav > li {/*親階層のみ幅を25%にする*/
}
/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
	line-height:40px;
}
.gnav li a {
    display: block;
    text-align: center;
    text-decoration: none;
	background-color:#559BC2;
	border:1px solid #FFF;
	color:#FFF;
}
.gnav li:first-child a{
	border-top-left-radius:50px;
	border-bottom-left-radius:50px;
}
.gnav li:nth-child(2) a{
	border-top-right-radius:50px;
	border-bottom-right-radius:50px;
}
.gnav li:last-child{
	display:none;
}
/*子階層以降共通*/
.gnav li p {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav li p a {
	background-color:#E5EDF0;
	border-radius:0px;
	color:#4CA0CE;
	border-top-left-radius:0px!important;
	border-bottom-left-radius:0px!important;
	border-top-right-radius:0px!important;
	border-bottom-right-radius:0px!important;
}
.gnav li:hover > ul > p {
    height: 2.5rem;
    overflow: visible;
}
.gnav li li a:hover{
	background-color:#C5D8DF;
}
.gnav ul{
	display:none;
}

.LNKbtnTsp{
	width:80%;
	position:relative;
	margin:auto;
	text-align:center;
	border:3px solid #CCC;;
	line-height:40px;
	border-radius:40px;
	font-size:16px;
	margin-bottom:20px;
}
.LNKbtnTsp a{
	display:block;
	border-radius:50px;
}

/*トピックス*/

#Topics{
	position:relative;
	width:95%;
	margin:auto;
}
#Topics dl{
	position:relative;
	border-radius:10px;
	border:1px solid #CCC;
	padding:10px;
	margin-bottom:15px;
}
#Topics dl dt{
	font-size:13px;
	position:relative;
	padding-bottom:5px;
}
#Topics dl dd{
	font-size:17px;
	line-height:1.4em;
}
#Topics dl dd a{
	color:#0062CA;
	font-weight:500;
}


#tpic-article{
	width:90%;
	margin:auto;
	position:relative;
	font-size:16px;
	line-height:1.6em;
}
/*プロフ設定率*/
.pesrate{
	display:block;
	width:33px;
	line-height:33px;
	color:#FF628B!important;
	border-radius:33px;
	text-align:center;
	position:absolute;
	top:-10px;
	right:-10px;
	font-size:11px;
	background-color:#FFF;
	border:dotted 1px #FF628B; 
}
.pesrate2{
	display:block;
	width:35px;
	line-height:35px;
	border:2px dotted #FFF;
	color:#FFF!important;
	border-radius:35px;
	text-align:center;
	position:absolute;
	top:10px;
	right:10px;
	font-size:11px;
}


/*スライドパネル*/
.slide_panel2{
	display:none;
	background-color:#FFF0F4;
	padding:0px;
	margin:auto;
	margin-top:10px;

}
.slide_btn2{
	color:#EA6D8A;
	border:2px solid #F698AE;
	width:70%;
	line-height:50px;
	text-align:center;
	border-radius:6px;
	margin:auto;
	font-size:17px;
}
.slide_btn2 i{
	padding-right:10px;
}
.slide_btn2:hover{
	cursor:pointer;
}
.SearchBtn{
	width:80%;
	height:50px;
	border:2px solid #FFF;;
	border-radius:8px;
	background-color:#F17891;
	color:#FFF;
	font-size:17px;
	margin-bottom:15px;
}
.SearchBtn:hover{
	background-color:#EE5D7B;
}

/*戻るボタン*/
#PageBack{
	width:90%;
	margin:auto;
	position:relative;
	padding-top:10px;
	text-align:right;
	font-size:18px;
}
#PageBack i{
	padding-right:5px;
}
#PageBack a{
	color:#60ADE2;
	display:block;
}



/*掲示板リスト*/
.BBS-list{
	position:relative;
	margin:auto;
	padding-top:30px;
}
.BBS-list article{
	border-bottom:1px solid #CCC;
	position:relative;
	display:table;
	padding:2%;
	width:96%
}
.BBS-list article > *{
	
	vertical-align:top;
	position:relative;
}
.bbs-memImg{
	width:20%;
	height:70px;
	overflow: hidden;
	display:table-cell;
}
.bbs-memImg img{
	object-fit: cover;
	width:100%;
	height:100%;
	border-radius:10px;
}
.bbs-prof{
	padding-left:2%;
}
.bbs-new{
	background-color:#D83A3D;
	color:#FFF;
	font-size:11px;
	padding:5px;
	border-radius:20px;
	margin-right:5px;
}
.bbs-noread{
	background-color:#2584DC;
	color:#FFF;
	font-size:11px;
	padding:5px;
	border-radius:5px;
	margin-right:5px;
}
.bbs-read{
	background-color:#A3A3A3;
	color:#FFF;
	font-size:11px;
	padding:5px;
	border-radius:5px;
	margin-right:5px;
}
.bbs-Date{
	font-size:13px;
	display:block;
}
.bbs-Name{
	font-size:16px;
	font-weight:600;
}
.bbs-Name small{
color:#666;
font-weight:300;
	display:block;
}
#normalbbs .bbs-comment{
	font-size:15px;
	font-weight:bold;
	line-height:1.3em;
	display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
	color:#1C86BF;
}
#adultbbs .bbs-comment{
	font-size:15px;
	font-weight:bold;
	line-height:1.3em;
	display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
	color:#801AD1;
	
}
.BBS-list article .MatchD2{
	text-align:center;
}
.MatchD2{
	position:absolute!important;
	display:block;
	top:10px;
	right:10px;
}
.MatchD2 i{
	font-size:55px;
	color:#D66768;
}
.MatchD2 span{
	position:absolute;
	top:10px;
	right:0px;
	left:0px;
	margin:auto;
	color:#FFF;
	font-size:10px;
	line-height:1.5em;
}
.MatchD2 span big{
	display:block;
	font-size:15px;
}
.MatchD2 span big small{
	display:inline-block;
	font-size:12px;
}
#normalbbs .noread{
	background-color:#F1FEFF;
	border-color:#9ABED1!important;
}
#adultbbs .noread{
	background-color:#F8EDFB;
	border-color:#B598CB!important;
}

.mailNew{
	background-color:#1795CE;
	color:#FFF;
	font-style:normal;
	margin-left:10px;
	padding:2px 5px;
	border-radius:5px;
}
.mailRead{
	background-color:#899AA2;
	color:#FFF;
	font-style:normal;
	margin-left:10px;
	padding:2px 5px;
	border-radius:5px;
}
.UnreadBx .mailRead{
	background-color:#27BE5C;
	color:#FFF;
	font-style:normal;
	margin-left:10px;
	padding:2px 5px;
	border-radius:5px;
}


/*カウントダウンタイマー*/
.CDtimer{
	position:relative;
	margin:auto;
	background: #e81284; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e81284 0%, #ffb42b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #e81284 0%,#ffb42b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e81284 0%,#ffb42b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e81284', endColorstr='#ffb42b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-align:center;
	color:#FFF;
	padding-top:20px;
	padding-bottom:15px;
}
.CDtimer h2{
	padding-bottom:10px;
	font-size:23px;
	color:#FFFFFF;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.CDtimer h2 span{
	color:#FFF754;
	font-size:23px;
}
.CDtimer .TimeAP > *{
	display:inline-block;
	vertical-align:middle;
}
.CDtimer span{
	font-size:18px;
	padding-right:10px;
}
.CDtimer i{
	font-size:25px;
	padding-right:7px;
}
.CDtimer big{
	font-size:28px;
}
.CDtimer big small{
	font-size:16px;
	padding-left:5px;
	padding-right:5px;
}

/*1回きりモーダル用*/
.bg_onetime_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    /*width: 100vw;*/
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
	    margin: auto;
    right: 0px;
}

.bg_onetime_popup.js_active {
    opacity: 1;
    visibility: visible;
}

.onetime_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 95%;
    min-width: 250px;
    cursor: pointer;
	border-radius:15px;
	background: #e81284; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e81284 0%, #ffb42b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #e81284 0%,#ffb42b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e81284 0%,#ffb42b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e81284', endColorstr='#ffb42b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.onetime_popup_title {
    position: relative;
    padding-top: 20px;
    margin: 0px;
    font-size: 23px;
    text-align: center;
    line-height: 1.2em;
	color:#FFFFFF;
	font-weight:600;
}
.onetime_popup_title span{
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.onetime_popup_title span big{
	display:block;
	color:#FFF754;
}
.onetime_popup_title::before,
.onetime_popup_title::after {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 30px;
    height: 4px;
    background-color: #fff;
    content: "";
}
.onetime_popup_title::before {
    transform: rotate(45deg);
}
.onetime_popup_title::after {
    transform: rotate(-45deg);
}

.onetime_popup_content {
    text-align: center;
}
.SGSbtn{
	width:80%;
	position:relative;
	margin:auto;
	line-height:50px;
	text-align:center;
	color:#FFF;
	background-color:#1EA7C7;
	border-radius:70px;
	margin-bottom:30px;
	font-size:18px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:600;
	border:3px solid #FFF;
}
.SGSbtn a{
	display:block;
	border-radius:70px;
	color:#FFF;
}
.SGSbtn a:hover{
	border-radius:70px;
	color:#FFF;
	background-color:#35BAD9;
}


/*年齢確認*/
#agecheck{
	position:relative;
}
#agecheck article{
	padding:10px;
	position:relative;
}
#license-img{
	position:relative;
	padding-bottom:10px;
}
#license-img span{
	display:block;
	font-weight:bold;
	padding-top:10px;
}
#agecheck article dl{
	position:relative;
}
#agecheck article dl dt{
	background-color:#3589C2;
	border-radius:50px;
	color:#FFF;
	font-size:14px;
	padding-left:10px;
	margin-bottom:10px;
}
#agecheck article dl dd{
	font-size:15px;
}
#agecheck article dl p input{
	width:80%;
	font-size:15px;
	height:40px;
	background-color:#3F75A5;
	color:#FFF;
	border-radius:5px;
	border:none;
}
#agecheck article dl p{
	font-size:15px;
	padding-top:20px;
	padding-bottom:20px;
}
.Pleft15{
	width:95%;
	position:relative;
	margin:auto;padding-bottom:30px;
}
.Tinput100{
	width:96%;
	/*height:30px;*/
	padding:1%;
	border-radius:5px;
	border:1px solid #CCBBC0;
	background-color:#FFF4F8;
}


/*メンバーリスト*/
.Memb-list{
	position:relative;
	width:100%;
	/*margin:auto;*/
	/*padding-bottom:350px;*/
	/*padding-top:50px;*/
}
.Memb-list article{
	padding:5px;
	border-bottom:1px solid #CCC;
	display:table;
}
.Memb-list article > *{
	display:table-cell;
	vertical-align:top;
	position:relative;
}
.Memb-memImg{
	width:70px;
	height:70px;
	overflow: hidden;
}
.Memb-memImg img{
	object-fit: cover;
	width:100%;
	height:100%;
	border-radius:10px;
}
.Memb-prof{
	/*width:435px;*/
	padding-left:10px;
}
.Memb-prof .Memb-comment{
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
	display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
	color:#1C86BF;
}
.Memb-new{
	background-color:#D83A3D;
	color:#FFF;
	font-size:11px;
	padding:2px;
	border-radius:20px;
	margin-right:5px;
}
.Memb-Date{
	font-size:13px;
}
.Memb-Name{
	font-size:16px;
	padding-bottom:5px;
	font-weight:600;
}
.Memb-Name small{
padding-left:15px;
color:#666;
font-weight:300;
}


/*メッセージ送信*/
#MyMesBG{
	/*background-color:#F4E5E5;*/
}
#MymsTitle{
	font-size:18px;
	padding:10px;
	position:relative;
}
#memMessageSend{
	padding:10px;
	position:relative;
	background-color:#FFF;
	margin:auto;
}
#memMessageSend > *{
	position:relative;
}
#MyProfImg{
	background-color:#F8EAEA;
	padding-top:20px;
	padding-bottom:20px;
	border-radius:15px;
}
#UsrImg{
	width:160px;
	height:160px;
	overflow: hidden;
	margin:auto;
	padding-bottom:10px;
}
#UsrImg img{
	border-radius:15px;
	object-fit:cover;
	width:148px;
	height:148px;
	border:6px solid #FFE1E7;
}
#UsrCombox{
    position:relative;
    width:85%;
    height:85px;
    background:#FFF;
    padding:14px;
    text-align:left;
    color:#A5606B;
    font-size:14px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	margin:auto;
	margin-bottom:15px;
}
#UsrCombox span{
	display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
	line-height:1.3em;
}
#UsrCombox:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 225, 231, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#FFF;
    bottom:100%;
    left:50%;
}
#UsrProfList{
	border:3px solid #EDC5C5;
	position:relative;
	width:90%;
	margin:auto;
}
#UsrProfList dl{
	display:table;
	position:relative;
	border-bottom:1px solid #EDC5C5;
	width:100%;
	font-size:15px;
}
#UsrProfList dl > *{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	padding:5px;
}
#UsrProfList dl dt{
	width:100px;
	background-color:#E6A4A5;
	color:#FFF;
}
#UsrProfList dl dd{
	color:#8B6363;
	background-color:#FFF;
}


#UsrMesSDbox{

}
#Undr18{
	font-size:13px;
	text-align:center;
	color:#C7282B;
	padding-top:15px;
}
#UsrInf{
    position:relative;
    background:#1ECFE8;
    padding:10px;
    text-align:left;
    color:#FFF;
    font-size:16px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	margin-bottom:20px;
	font-size:15px;
	line-height:1.3em;
}
#UsrInf strong{
	display:block;color:#FFFBC1;
}
#UsrInf:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(30, 207, 232, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#1ECFE8;
    top:100%;
    left:50%;
}
#UsrMGBX {
	background-color:#A5DB87;
	padding:10px;
	padding-top:7px;
	border-radius:10px;
	margin-bottom:10px;
}
#UsrMGBX dt{
	font-size:16px;
	padding-bottom:5px;
	color:#287128;
	font-weight:bold;
}
#UsrMGBX dd{
	position:relative;
}
#UsrMGBX dd textarea{
	width:100%;
	height:100px;
	border-radius:5px;
	border:1px solid #D8EBCD;
}
#UsrSDinfo{
	position:relative;
	padding-bottom:30px;
}
#UsrSDinfo dl{
	position:relative;
	padding-bottom:10px;
}
#UsrSDinfo dl > *{
	position:relative;
}
#UsrSDinfo dl dt{
	font-size:15px;
	font-weight:bold;
}
#UsrSDinfo dl dt small{
	font-weight:normal;
	display:block;
	color:#2F87D1;
	line-height:1.3em;
	padding-bottom:10px;
}
#UsrSDinfo dl dt span{
	display:block;
	font-size:15px;
	font-weight:normal;
}
#UsrSDinfo dl dd{
	
}
#UsrSDinfo dl dd input{
	width:98%;
	height:40px;
	padding:2px;
	border-radius:5px;
	border:1px solid #CCC;
	background-color:#FFF1F2;
}
.UsrDspTB{
	position:relative;
}
.UsrDspTB > *{
	padding-bottom:10px;
}
#UsrAGcheck{
	background-color:#FBECEC;
	padding:2px 5px;
	font-size:13px;
	margin-bottom:10px;
	border-radius:50px;
	text-align:center;
}
#UsrFMsend{
	text-align:center;
}
#UsrFMsend input{
	width:80%;
	height:60px;
	border:none;
	background-color:#0EAEBB;
	color:#FFF;
	border-radius:5px;
}
#UsrFMsend input:hover{
	background-color:#47C9D4;
}
#usr2clm{
	padding-bottom:20px;
	padding-top:10px;
}
#usr2clm dl > *{
	display:inline-block;
	vertical-align:middle;
}
#usr2clm dl dt{
	width:120px;
}

#UsrComp1{
	font-size:18px;
	padding-top:35px;
	padding-bottom:35px;
	position:relative;
	line-height:1.4em;
	font-weight:600;
	color:#00BEC1;
	text-align:center;
}
#UsrComp2{
	font-size:15px;
	line-height:1.5em;
}
#Rcomp2{
	position:relative;
	margin:auto;
	font-size:15px;
	margin-bottom:50px;
	background-color:#FFF3F3;
	border-radius:15px;
	margin-top:20px;
}
#Rcomp2 h3{
	text-align:center;
	font-size:15px;
	font-weight:600;
	color:#E63770;
	padding-top:15px;
}
#Rcomp2 p{
	font-size:14px;
	padding:15px;
}
#Rcomp2 ul{
	position:relative;
	width:80%;
	margin:auto;
	background-color:#FFF;
	padding:15px;
	border-radius:15px;
}
#Rcomp2 ul li{
	padding-bottom:10px;
	font-weight:500;
}

/*2202追加*/
.bbs-free{
	background-color:#DD007C;
	color:#FFF;
	font-style:normal;
	margin-left:5px;
	padding:2px 5px;
	border-radius:5px;
}

/*2204追加*/
.TB-btn span{
	position:absolute;
	top:0px;
	right:30px;
	font-size:12px;
	color:#DC0003;
}

/*1回きりモーダル用202207*/
.bg_onetime_popup2 {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.bg_onetime_popup2.js_active {
    opacity: 1;
    visibility: visible;
}
.onetime_popup2 {
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translateX(-50%) translateY(-50%);
    width: 290px;
    min-width: 295px;
    cursor: pointer;
	border-radius:15px;
	background: #DCFFF9;
}
.onetime_popup2 .onetime_popup_title2{
    width: 270px;
	height:130px;
    margin: auto;
    margin-top: 10px;
    position: relative;
    background-image: url(../img/logvonus_title.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}
.onetime_popup2 .onetime_popup_title2 p{
	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;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight:900;
	text-align:center;
	font-size:20px;
	line-height:1.1em;
	padding-top:40px;
}
.onetime_popup2 .onetime_popup_title2 p span{
	font-size:30px;
	color:#FF7E0B;
}
.onetime_popup2 .onetime_popup_title2 p span small{
	font-size:20px;
}
.onetime_popup2 .onetime_popup_title2 p big{
	font-size:30px;
	padding-left:5px;
	padding-right:5px;
	color:#E62772;
}
.onetime_popup2 article{
	width:90%;
	position:relative;
	margin:auto;
	padding-bottom:25px;
}
.onetime_popup2 article > *{
	display:table-cell;
	vertical-align:bottom;
	position:relative;
}
.onetime_popup_title2::before,
.onetime_popup_title2::after {
    position: absolute;
    top: 10%;
    right: 10px;
    transform: translateY(-50%);
    width: 30px;
    height: 4px;
    background-color: #222;
    content: "";
}
.onetime_popup_title2::before {
    transform: rotate(45deg);
}
.onetime_popup_title2::after {
    transform: rotate(-45deg);
}
.onetime_popup2 article > * .DAY{
	position:absolute;
	top:28%;
	left:0%;
	right:0px;
	width:80%;
	margin:auto;
	text-align:center;
	font-size:18px;
	line-height:1.2em;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight:900;
}
.onetime_popup2 article > * .DAY big{
	font-size:30px;
	display:block;
}
.OFF{
	color:#989DA5;
}
.ON{
	color:#E62772;
	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;
}
.onetime_popup2 article > * span{
	position:absolute;
	width:70%;
	left:0px;
	right:0px;
	margin:auto;
	top:35%;
}

/*ecoin交換*/
#ecoinChange{
	position:relative;
}
#eCoinBK{
	background-color:#FFCB45;
	padding-top:15px;
	padding-bottom:25px;
}
.ecoinC-bx{
	background-color:#FFF;
	width:83%;
	padding:5%;
	margin:auto;
	border-radius:10px;
	margin-bottom:15px;
}
.ecoinC-bx h3{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
.eCscore{
	border:1px solid #CCC;
	border-radius:10px;
	padding:5px;
	width:180px;
	margin:auto;
	margin-bottom:15px;
}
.eCscore > *{
	display:inline-block;
	vertical-align:middle;
}
.eCscore span{
	background-color:#DB9200;
	color:#FFF;
	width:25px;
	line-height:25px;
	text-align:center;
	border-radius:20px;
	font-size:18px;
	margin-right:10px;
}
.eCscore p{
	font-weight:bold;
}
#ecoinC-select{
	position:relative;
}
#ecoinC-select li{
    border-bottom: 2px dotted #CCC;
    padding: 10px;
    font-size: 17px;
    font-weight: bold;
    background-image: url(../img/earrow.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 15px auto;
}
#ecoinC-select li a{
display:block;
}
.ecoinBtn1{
	width:80%;
	border-radius:50px;
	border:3px solid #CCC;
	text-align:center;
	line-height:40px;
	margin:auto;
	margin-top:25px;
	font-weight:bold;
}
.ecoinBtn1 a{
	display:block;
	color:#333;
	border-radius:50px;
}
.ecoinBtn1 a:hover{
	backgroun-color:#EEE;
	border-radius:50px;
}
.ecoin-UL1{
	margin-top:20px;
	background-color:#EFF4F7;
	padding:10px;
	border-radius:10px;
}
.ecoin-UL1 h4{
	font-size:15px;
	font-weight:bold;
	color:#444;
	text-align:center;
	padding-bottom:7px;
}
.ecoin-UL1 li{
	padding:7px;
	position:relative;
	font-size:14px;
	border-bottom:1px dotted #999;
	line-height:1.3em;
	font-weight:bold;
}
#ecaution-img{
	width:80px;
	margin:auto;
	position:relative;
	padding-bottom:15px;
}

#ecoinChange2{
	position:relative;
}
#ecoinChange2 h2{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1.5em;
	padding-bottom:20px;
}
#ecoinChange2 h2 span{
	display:block;
}

#amazonImg{
	position:relative;
	padding-bottom:10px;
}
.ChangeInfo{
	position:relative;
	padding:10px;
	margin-bottom:15px;
}
.ChangeInfo li{
	position:relative;
	padding:10px;
	border-bottom:1px dotted #CCC;
	font-size:14px;
	font-weight:bold;
}
.ChangeBtn{
	width:80%;
	position:relative;
	color:#FFF;
	background-color:#FF2023;
	line-height:50px;
	border-radius:50px;
	margin:auto;
	text-align:center;
	border-bottom:5px solid #ccc;
	font-weight:bold;
}
.ChangeBtn a{
	display:block;
	border-radius:50px;
	color:#FFF;
}
.ChangeBtn a:hover{
	background-color:#FF4F52;
	border-radius:50px;
}
#RateList{
	position:relative;
}
#RateList dl{
	display:table;
	position:relative;
	border-bottom:solid 3px solid #EEE;
	width:95%;
	margin:auto;
	margin-bottom:10px;
}
#RateList dl > *{
	display:table-cell;
	padding:10px;
	vertical-align:middle;
}
#RateList dl dt{
	font-size:14px;
	width:80%;
	line-height:1.3em;
	border-right:1px dotted #CCC;
	font-weight:bold;
}
#RateList dl:first-child dt{
	border-left:3px solid #8DC2E8;
}
#RateList dl:nth-child(2) dt{
	border-left:3px solid #FFB338;
}
#RateList dl dd{
	font-size:19px;
	font-weight:bold;
	text-align:center;
}


/* ステップ */
.ecoinStep{
  color: white;
	width:100%;
	margin:auto;
}
.ecoinStep .step{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.ecoinStep li{
  position: relative;
  padding: 10px 10px;
  margin: 0 0 10px 0;
	text-align:center;
}

/* 先端部分 */
.ecoinStep li::after{
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  border-width: 21px 15px;
  border-style: solid;
  z-index: 10;
}

/* 各ステップの色決め */
.ecoinStep .step1{
  background: #FF9B41;
	width:50%;
}
.ecoinStep .step1::after{
  border-color: transparent transparent transparent #FF9B41 ;
}
.ecoinStep .step2{
  background: #CCC;
	width:28%;
}
.ecoinStep .step2::after{
  border-color: transparent transparent transparent #CCC ;
}
.ecoinStep .step3{
  background: #FF8416;
	width:28%;
}
.ecoinStep .step3::after{
  border-color: transparent transparent transparent #FF8416 ;
}
.ecoinPtx{
	position:relative;
	padding:10px;
	font-size:14px;
	line-height:1.5em;
}
#ecoin-Caution{
    background-color: #FFE7AD;
    padding: 15px;
    color: #9A6420;
    font-weight: bold;
    background-image: url(../img/caution_mark.png);
    background-position: 15px 14px;
    background-repeat: no-repeat;
    background-size: 26px auto;
	padding-left:50px;
}
.ecoinInputAR{
	position:relative;
	padding-bottom:20px;
}
.ecoinInputAR h3{
	font-size:17px;
	font-weight:bold;
	padding:10px;
	border-top:3px solid #CCC;
}
.ecoinInputAR article{
	position:relative;
	border-bottom:1px dotted #CCC;
	padding:10px;
}
.ecoinInputAR article > *{
	padding:2px 10px;
}
.ecoinInputAR article h4{
	font-size:14px;
	font-weight:bold;
}
.ecoinInputAR article h4 small{
	background-color:#F04547;
	color:#FFF;
	font-size:12px;
	line-height:23px;
	display:inline-block;
	width:40px;
	text-align:center;
	margin-left:10px;
	border-radius:25px;
}
.ecoinInputAR article p span{
	padding-left:10px;
}
.ecInp{
	height:40px;
}
.ecW70{
	width:70%;
}
.ecW100{
	width:100%;
}
.maTop25{
	margin-top:25px;
}
.addBack{
	display:table;
	width:90%;
}
.addBack > *{
	display:table-cell;
	vertical-align:middle;
}
.BKbtn{
	text-align:right;
}
.BKbtn a{
	color:#5A7EA2;
}

/*ガイド*/
#guide{
	
}
.GuideTXcenter{
	width:95%;
	margin:auto;
	text-align:left;
	font-size:15px;
	line-height:1.7em;
	padding-bottom:50px;
}
#headerImg{
	width:300px;
	margin:auto;
	padding-bottom:25px;
	position:relative;
	margin-bottom:25px;
}
#headerImg img{
	margin-bottom:15px;
}
#headerImg p{
	width:35px;
	position:absolute;
}
#headerImg #n1{
	top:40px;
	left:34%;
}
#headerImg #n2{
	top:340px;
	left:135px;
}
#headerImg #n3{
	top:395px;
	left:135px;
}
#headerImg #n4{
	top:455px;
	right:20px;
}
#headerImg #n5{
	top:720px;
	left:105px;
}
#headerImg #n6{
	top:635px;
	left:105px;
}
#headerImg #n7{
	top:720px;
	right:20px;
}
#headerImg #n8{
	top:635px;
	right:20px;
}
#headerImg #n9{
	top:550px;
	left:105px;
}
#headerImg #n10{
	top:550px;
	right:20px;
}
#headerImg #n11{
	top:455px;
	left:105px;
}
#headerImg #n22{
	display:none;
}

#exProf{
	width:80%;
	position:relative;
	padding:5%;
	margin:auto;
	background-color:#FEF5F9;
	border-radius:20px;
}
#exProf h2{
	text-align:center;
	font-size:17px;
	font-weight:600;
	color:#E9598D;
	padding-bottom:10px;
}
#exProf article{
	position:relative;
	width:100%;
}
#exProf article > *{
}
.expImg{
	width:90%;
	margin:auto;
	padding-bottom:15px;
}
.expInfo{
}
.expInfo dl{
	padding-bottom:10px;
}
.expInfo dl dt{
	font-size:15px;
	line-height:30px;
	background-color:#F6DDE2;
	color:#B3637A;
	border-radius:30px;
	padding-left:35px;
}
.expInfo dl dd{
	padding:15px;
	font-size:15px;
	line-height:1.4em;
}
.expInfo dl dd span{
	display:block;
	padding-top:15px;
}

#guide2{
	width:95%;
	margin:auto;
	padding-top:80px;
}
#guide2 article{
	position:relative;
	padding-top:60px;
	margin-top:-60px;
	margin-bottom:15px;
	border-bottom:1px dotted #CCC;
}
#guide2 article > *{
	padding:10px;
}
#guide2 article h3{
}
#guide2 article h3 > *{
	display:inline-block;
	vertical-align:middle;
}
#guide2 article h3 span{
	width:30px;
}
#guide2 article h3 strong{
	font-size:18px;
	font-weight:500;
	padding-left:5px;
	color:#E9598D;
}
.MenuInfo{
	font-size:15px;
	line-height:1.6em;
}
.MenuInfo dl{
	position:relative;
	padding-bottom:10px;
	padding-top:15px;
}
.MenuInfo dl dt{
	background-color:#E9598D;
	color:#FFF;
	padding-left:25px;
	border-radius:5px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.MenuInfo dl div{
	padding:15px;
	padding-top:5px;
	width:75%;
	margin:auto;
}
.MenuInfo dl dd{
	font-size:15px;
	line-height:1.6em;
	padding:10px;
}
.nexImg{
	padding:15px;
	width:80%;
}
#backto{
	width:80px;
	position:fixed;
	right:2%;
	bottom:10%;
}

/*年齢認証追加20230127*/
#license-img{
	width:90%;
	margin:auto;
}

/*2302追加*/
.LikeIcon i{
	display:inline-block;
	vertical-align:top;
	padding-top:5px;
	padding-right:7px;
}
/*2302追加*/