.fs12{font-size:12px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs36{font-size:36px;}
.fs60{font-size:60px;}


.whitebox{
	width:90%;
	margin:0 auto; 
}
.selbox{
	width:100%;
	margin:30px auto;
}
h1{
	letter-spacing: 0.1em;
	font-size:22px; 
	text-align:center; 
	margin:30px 10px;
}
#pfcont_logo{
	width: 90%;
}
p{
	color: #555;
	font-size:14px;
	margin:8px;
}
h2{margin:8px;}

.scoreimg-size{
	width:40%;
	max-width:260px;
}

.scorebox{
	width:33%;
	height:500px;
	text-align:center;
}
.score{
	margin-top:40px;
	/* font-size:46px; */
	font-size: clamp(20px, 2.77vw, 120px);
	font-weight: 900;
	padding: 0 10px;
	white-space: normal;
	line-height: 1.25em;
}
.other-size{
	font-size:36px;
	margin-top:20px;
}
#ranking p{
	font-weight: bold;
}

a,a:link	{text-decoration:none;}
a:hover		{text-decoration:underline;}
a:visited	{text-decoration:none;}
.M0auto		{margin:0 auto;}
.Mauto		{margin-left:auto;margin-right:auto;}
.floatL		{float:left;}
.floatR		{float:right;}
.d-block	{display:block;}
.d-inline	{display:inline;}
.d-none		{display:none;}
.of_hid 	{overflow:hidden;}
.ppl		{color:#93C;}
.yel		{color:#F90;}
.red		{color:#FF1493;}
.brn        {color:#903;}
.blue		{color:#16a;}
.white		{color: #FFF;}
.green		{color: #26583E;}
.green3	    {color: #00b590;}  a.green3:hover		{color: #00E5C0;}
.gray		{color: #777;}
.d_gray		{color: #555;}
.marker	    {background:#FCC;}
.small      {font-size:13px;}
.small2     {font-size:8px; font-weight:bold; text-align:center;}/*テーブル内文字*/
.text-right 	{text-align:right;}
.text-center	{text-align:center;}
.text-left  	{text-align:left;}
.text-bold 		{font-weight:bold;}
.text-normal	{font-weight: normal;}
.text-uln   	{text-decoration:underline;}
.bY 			{background:#FFFFD8;}
.bI      		{ background:#FFFFF5;}
label	　　	{margin-right:3em;}
.img			{width:100%;height:auto;}
label{
	font-family:  "メイリオ",Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック", YuGothic,  Meiryo, sans-serif;
	font-size:16px;
}
input[type=radio]:checked + label {
  color:#63a1C5;
  font-weight:bold;
}
input[type="submit"],input[type="button"],input[type="reset"] {
	padding:5px;
	font-size:14px;
	font-family:  "メイリオ",Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック", YuGothic,  Meiryo, sans-serif;
}
/* -------------------------------- 余白---------------------------------------*/
.mt0	{margin-top:0;}
.mt05	{margin-top:0.5em;}
.mt1	{margin-top:10px;}
.mt2	{margin-top:20px;}
.mt3	{margin-top:30px;}
.mt4	{margin-top:40px;}
.mr0	{margin-right:0px;}
.mr05	{margin-right:0.5em;}
.mr1	{margin-right:10px;}
.mr2	{margin-right:20px;}
.mr3	{margin-right:30px;}
.mr4	{margin-right:40px;}
.mb0 	{margin-bottom:0;}
.mb02	{margin-bottom:0.2em;}
.mb05	{margin-bottom:0.5em;}
.mb1	{margin-bottom:10px;}
.mb2	{margin-bottom:20px;}
.mb3	{margin-bottom:30px;}
.mb4	{margin-bottom:40px;}
.ml0	{margin-left:0.2em;}
.ml05	{margin-left:0.5em;}
.ml1	{margin-left:10px;}
.ml2	{margin-left:20px;}
.ml3	{margin-left:30px;}
.ml4	{margin-left:40px;}
.ml5	{margin-left:50px;}
.ml6	{margin-left:60px;}
.plr1 	{padding:0 10px;}
.pb3	{padding-bottom:30px;}
.pt4	{padding-top:40px;}

/* === 独自クラス ===================================== */
div.cancel02
{
	text-align:center;
	background-color:#000;
	border-radius:3px;
	width:200px;
	margin:0 auto;
	height:60px;
}

div.cancel02 a
{
	display:block;
	font-size:20px;
	font-weight:bold;
	color:white;
	line-height:60px;
	cursor:pointer;
}

div.cancel02:hover { background-color:#444; }
div.cancel02 a:hover { text-decoration:none; }

/* === 01index独自クラス ===================================== */
	#votingID
	{
		font-size:30px;
		width:250px;
		line-height:50px;
		text-align:center;
		border:3px black solid;
	}
	#checkID
	{
		color:red;
		font-weight:bold;
		text-align:center;
		opacity:0;
	}
	.select_box
	{
		margin:20px auto 30px auto; 
		text-align:center;
	}
	.some-select {
		width:90%;
		max-width:300px;
		vertical-align:middle;
	}
	.hr-width
	{
		width:95%;
		color:#CCC;
	}
	.howto
	{
		margin:50px 0;
		font-size:16px;
		/* border-left:6px black solid;
		border-bottom:2px black solid;
		padding-left:30px; */
		font-weight:bold;
	}
	.checkRank
	{
		color:red;
		font-size:20px;
		font-weight:bold;
		text-align:center;
		opacity:0;
	}
	.inputGeneral
	{
		display:block;
		font-size:1.7em;
		color:#FFF;
		font-weight:bold;
		border-style:none;
		border-radius:25px;
		padding:20px 40px;
		margin:20px auto;
		text-align:center;
		width:130px;
		height: 50px;
		cursor:pointer;
	}

	.color1{
		background-color:#da0092;
		transition: .5s;
	}
	.color1:hover{ 
		opacity: .7
	}
	.color2 {
		background-color:#999;
		transition: .5s;
	}
	.color2:hover{
		background-color:rgba(200,200,200,1.00);
	}