@charset "utf-8";


#mypointin{
	border: 1px solid #efe5d7;
	border-radius: 0;
}


/*ここかから　IDをclassに変更した*/




/*point*/
#mypoint{
	margin-top: 20px;
}
#mypoint p{
	margin: 15px;
}
#mypoint p.outtime{
	text-align: center;
}

#mypoint .glaywaku{
	background-color: #FFFBF4;
	margin: 16px;
	padding: 10px;
}
#mypoint .glaywaku::after{
	content: "";
	display: block;
	clear: both;
}
#mypoint .none{
	font-size: 18px;
}

#mypoint .mark{
	border-radius:10px;
	background-repeat: no-repeat;
	background-position: 20px center;
	width: 150px;
	float: left;
	color: #FFF;
	line-height: 1.2;
	padding:20px 0 20px 60px;
}
#mypoint #takuhaipoint .mark{
	background-color: #EC70A9;
	background-image: url('../images/point1.png');
}
#mypoint #tenpopoint .mark{
	background-color: #53B5F8;
	background-image: url('../images/point2.png');
}
#mypage #tenpopoint p,
#mypage #takuhaipoint p{
	margin:0;
	float: left;
	width: calc(100% - 220px);
	margin-left: 10px;
	line-height: 1.2;
}
#tenpopoint p span,
#takuhaipoint p span{
	font-size: 22px;
}
#mypoint .big{
	font-size:20px;
	font-family:Arial black,sans-serif;
}
#mypoint .point{
	font-size:40px;
	font-family:Arial black,sans-serif;
}
#mypoint #takuhaipoint .point{
	color: #E75197;
}
#mypoint #tenpopoint .point{
	color: #53B5F8;
}


#mypoint #mypointnew{
	border: 1px solid #efe5d7;
	padding: 10px;
	margin: 10px 16px;
	text-align: center;
	line-height: 1.3;
}
#mypoint #mypointnew span{
	font-size: 20px;
}
#mypoint strong{
	color: #FF0000;
}

#mypoint #btakuhai{
	width: calc(50% - 30px);
	float: left;
	cursor: pointer;
	background-color: #EC70A9;
	border-radius:10px;
	border: solid 2px #EC70A9;
	text-align: center;
	margin-left: 16px;
}
#mypoint #btenpo div,
#mypoint #btakuhai div{
	padding: 15px 0;
	line-height: 1;
	border-radius:8px;
	border: solid 2px #fff;
	color: #FFF;
}
#mypoint #btenpo span,
#mypoint #btakuhai span{
	font-size: 24px;
}
#mypoint #btenponone div,
#mypoint #btakuhainone div{
	padding: 15px 0;
	line-height: 1;
	border-radius:8px;
	border: solid 2px #fff;
	color: #FFF;
}
#mypoint #btenponone span,
#mypoint #btakuhainone span{
	font-size: 24px;
}

#mypoint #btenpo{
	width: calc(50% - 30px);
	float: right;
	cursor: pointer;
	background-color: #53B5F8;
	border-radius:10px;
	border: solid 2px #53B5F8;
	text-align: center;
	margin-right: 16px;
}
#mypoint #btakuhainone{
	width: calc(50% - 30px);
	float: left;
	background-color: #DDD;
	border-radius:10px;
	border: solid 2px #CCC;
	text-align: center;
	margin-left: 16px;
	color:#FFF;
}
#mypoint #btenponone{
	width: calc(50% - 30px);
	float: right;
	background-color: #DDD;
	border-radius:10px;
	border: solid 2px #CCC;
	text-align: center;
	margin-right: 16px;
	color:#FFF;
}
#mypoint #btenpo:hover{
	background-color: #8DCDFB;
}

#mypoint #btakuhai:hover{
	background-color: #F29CC2;
}
#pidou #e-pidou,
#pidou #t-pidou{
	display: none;
}
#pidou #t-pidou{
	background-color: #FEF1F7;
	border: solid 2px #EC70A9;
	padding: 10px;
	margin: 0 16px;
	margin-top: 10px;
}
#mypage #pidou #t-pidou p{
	margin: 10px 0;
	text-align: center;
}
#pidou #t-pidou .idouwaku{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #E75294;
	margin: 10px 0;
}

#pidou .pointidou2 input[type="text"],
#pidou .pointidou input[type="text"]{
	width: 100px !important;
	height:40px !important;
	font-size: 24px;
	vertical-align: 2px;
	text-align: center;
}
#mypoint #ptsubmit{
	background-color: #EC70A9;
	border-radius:10px;
	border: solid 2px #EC70A9;
	text-align: center;
	width: 300px;
	color: #FFF;
	margin: 10px auto;
}
#mypoint #ptsubmit div{
	line-height: 1.2;
	padding: 15px 0;
	border-radius:8px;
	border: solid 2px #FFF;
	cursor: pointer;
}
#mypoint #ptsubmit:hover{
	background-color: #F3A5C8;
}
#mypoint #ptsubmit span{
	font-weight: bold;
	font-size: 20px;
}

#mypage #t-pidou .submit1{
	background-color: #AAA;
	border-radius:14px;
	border: solid 2px #AAA;
	width: 320px;
	color: #FFF;
	margin-top: 10px;
	margin-right: calc(50% - 350px);
	cursor: default;
	padding: 0;
	line-height: 1;
	text-align: center;
}
#mypage #e-pidou .submit2 input[type="submit"],
#mypage #t-pidou .submit1 input[type="submit"]{
	background-color: #AAA;
	border-radius:10px;
	border: solid 2px #EEE;
	text-align: center;
	width: 320px;
	color: #FFF;
	cursor: default;
	height: 60px;
	padding: 0;
	font-size: 16px;
	font-weight:bold;
	margin:0px !important;
	text-align: center;
/*	disabled:disabled;*/
}
#mypage #t-pidou #submit1,
#mypage #t-pidou .delete{
	background-color: #EC70A9;
	border-radius:14px;
	border: solid 2px #EC70A9;
	width: 320px;
	color: #FFF;
	margin: 10px;
	cursor: default;
	padding: 0;
	line-height: 1;
	text-align: center;
}
#mypage #t-pidou #submit1{
	margin-right: calc(50% - 350px);
}
#mypage #t-pidou .delete{
	margin-left: calc(50% - 350px);
}


#mypage #t-pidou #submit1 input[type="submit"],
#mypage #t-pidou .delete input[type="submit"]{
	background-color: #EC70A9;
	border-radius:10px;
	border: solid 2px #FFF;
	text-align: center;
	width: 320px;
	color: #FFF;
	height: 60px;
	padding: 0;
	font-size: 16px;
	font-weight:bold;
	cursor: pointer;
	margin:0px !important;
	display: inline-block;
}


#mypage #t-pidou #submit1 input[type="submit"]:hover,
#mypage #t-pidou .delete input[type="submit"]:hover{
	background-color: #F3A5C8;
}



#pidou #e-pidou{
	background-color:#EEF8FF;
	border: solid 2px #53B5F8;
	padding: 10px;
	margin: 0 16px;
	margin-top: 10px;
}
#mypage #pidou #e-pidou p{
	margin: 0;
	text-align: center;
}
#pidou #e-pidou .idouwaku{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #35A6F7;
	margin: 10px 0;
}


#mypage #e-pidou .submit2{
	background-color: #AAA;
	border-radius:14px;
	border: solid 2px #AAA;
	width: 320px;
	color: #FFF;
	margin: 10px 0;
	margin-right: calc(50% - 350px);
	cursor: default;
	padding: 0;
	line-height: 1;
	text-align: center;
}
#mypage #e-pidou #submit2,
#mypage #e-pidou .delete{
	background-color: #53B5F8;
	border-radius:14px;
	border: solid 2px #53B5F8;
	width: 320px;
	color: #FFF;
	margin: 10px 0;
	cursor: default;
	padding: 0;
	line-height: 1;
	text-align: center;
}

#mypage #e-pidou #submit2{
	margin-right: calc(50% - 350px);
}
#mypage #e-pidou .delete{
	margin-left: calc(50% - 350px);
}


#mypage #e-pidou #submit2 input[type="submit"],
#mypage #e-pidou .delete input[type="submit"]{
	background-color: #8BCCFB;
	border-radius:10px;
	border: solid 2px #FFF;
	text-align: center;
	width: 320px;
	color: #FFF;
	height: 60px;
	padding: 0;
	font-size: 16px;
	font-weight:bold;
	cursor: pointer;
	margin:0px !important;
}

#mypage #e-pidou #submit2:hover,
#mypage #e-pidou .delete:hover{
 background-color: #8BCCFB;
}

#mypage .submit1,
#mypage .submit2{
	float: right;
}
#mypage .delete{
	float: left;
}
#mypage .demo{
	text-align: center;
	margin: 0 10px;
	border-radius:10px;
	background-color: #FFF;
	padding: 20px;
}

#mypage .demo .henkogo1 b{
	color:#E75197 ;
	font-size: 20px;
}
#mypage .demo .epoint{
	color:#E75197 ;
	font-size: 32px;
	vertical-align: -3px;
}
#mypage .demo .henkogo2 b{
	color:#53B5F8 ;
	font-size: 20px;
}
#mypage .demo .tpoint{
	color:#53B5F8 ;
	font-size: 32px;
	vertical-align: -3px;
}
#mypage #noedelete,
#mypage #notdelete{
	border-color: #AAA !important;
}
#mypage #noedelete input[type="submit"],
#mypage #notdelete input[type="submit"]{
	background-color: #AAA !important;
	border-color: #EEE !important;
	cursor:default !important;
}

#mypage .center{
	text-align: center;
}














.tyui{
	margin-top: 5px;
}
.tyui ul{
	margin: 0;
	padding: 0 0 0 30px;
	line-height: 1.4;
	list-style: disc;
}
#mypoint .btakuhainone,
#mypoint .btakuhai{
	width: calc(50% - 30px);
	float: left;
	cursor: pointer;
	background-color: #EC70A9;
	border-radius:10px;
	border: solid 2px #EC70A9;
	text-align: center;
	margin-left: 16px;
}
#mypoint .btenponone div,
#mypoint .btakuhainone div,
#mypoint .btenpo div,
#mypoint .btakuhai div{
	padding: 15px 0;
	line-height: 1;
	border-radius:8px;
	border: solid 2px #fff;
	color: #FFF;
}
#mypoint .btenponone span,
#mypoint .btakuhainone span,
#mypoint .btenpo span,
#mypoint .btakuhai span{
	font-size: 24px;
}

#mypoint .btenponone,
#mypoint .btenpo{
	width: calc(50% - 30px);
	float: right;
	cursor: pointer;
	background-color: #53B5F8;
	border-radius:10px;
	border: solid 2px #53B5F8;
	text-align: center;
	margin-right: 16px;
}
#mypoint .btenpo:hover{
	background-color: #8DCDFB;
}

#mypoint .btakuhai:hover{
	background-color: #F29CC2;
}

#mypoint #nobtakuhai,
#mypoint #nobtenpo{
	border-color:#AAA;
	background-color: #AAA;
	cursor:default;
}
#mypoint .btenponone,
#mypoint .btakuhainone{
	border-color:#AAA;
	background-color: #AAA;
	cursor:default;
}

#mypoint .pointsu{
	font-size: 14px;
}




#mypoint .redcopy{
	color:#FF0000;
	font-size:14px;
}


.gotyui{
	padding: 20px;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
}
.gotyui span{
	background-color: #FCFF4B;
}