@charset "shift_jis";

/*-----------------------------------------------

Common Style

-----------------------------------------------*/
*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	word-break:break-all;
}

body{
	color:#525252;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", sans-serif;
}

/*-----------------------------------------------

float

-----------------------------------------------*/
.left{float:left;}

.right{float:right;}

.cf:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*-----------------------------------------------

image

-----------------------------------------------*/
img{
	border-style:none;
	vertical-align:bottom;
	max-width:100%;
}

/*-----------------------------------------------

list

-----------------------------------------------*/
ol{ list-style:none; }

ul{ list-style:none; }

/*-----------------------------------------------
	
	link
	
-----------------------------------------------*/
a{
	outline:none;
	text-decoration:none;
}

a:hover{
	cursor:pointer;
}

/* ホバー効果 */
.hvr:hover{ opacity:0.85; }


/*-----------------------------------------------

margin　20px間隔

-----------------------------------------------*/
.mgn_0a{ margin:0 auto !important; }

/*top*/
.mgn_t20{ margin-top:20px; }

.mgn_t40{ margin-top:40px; }

.mgn_t60{ margin-top:60px; }

.mgn_t80{ margin-top:80px; }

.mgn_t100{ margin-top:100px; }

/*bottom*/
.mgn_b20{ margin-bottom:20px; }

.mgn_b40{ margin-bottom:40px; }

.mgn_b60{ margin-bottom:60px; }

.mgn_b80{ margin-bottom:80px; }

.mgn_b100{ margin-bottom:100px; }

/*top&bottom*/
.mgn_tb20{ margin:20px 0; }

.mgn_tb40{ margin:40px 0; }

.mgn_tb60{ margin:60px 0; }

.mgn_tb80{ margin:80px 0; }

.mgn_tb100{ margin:100px 0; }

/*-----------------------------------------------

padding 5px間隔

-----------------------------------------------*/
.pd_5{ padding:5px; }

.pd_10{ padding:10px; }

.pd_15{ padding:15px; }

.pd_20{ padding:20px; }

.pd_25{ padding:25px; }

/*top*/
.pd_t5{ padding-top:5px; }

.pd_t10{ padding-top:10px; }

.pd_t15{ padding-top:15px; }

.pd_t20{ padding-top:20px; }

.pd_t25{ padding-top:25px; }

.pd_t30{ padding-top:30px; }

.pd_t35{ padding-top:35px; }

.pd_t40{ padding-top:40px; }

.pd_t40{ padding-top:45px; }

.pd_t50{ padding-top:50px; }

/*bottom*/
.pd_b5{ padding-bottom:5px; }

.pd_b10{ padding-bottom:10px; }

.pd_b15{ padding-bottom:15px; }

.pd_b20{ padding-bottom:20px; }

.pd_b25{ padding-bottom:25px; }

.pd_b30{ padding-bottom:30px; }

.pd_b35{ padding-bottom:35px; }

.pd_b40{ padding-bottom:40px; }

.pd_b45{ padding-bottom:45px; }

.pd_b50{ padding-bottom:50px; }

/*top&bottom*/
.pd_tb5{ padding:5px 0 5px; }

.pd_tb10{ padding:10px 0 10px; }

.pd_tb15{ padding:15px 0 15px; }

.pd_tb20{ padding:20px 0 20px; }

.pd_tb25{ padding:25px 0 25px; }

.pd_tb30{ padding:30px 0 30px; }

.pd_tb35{ padding:35px 0 35px; }

.pd_tb40{ padding:40px 0 40px; }

.pd_tb45{ padding:45px 0 45px; }

.pd_tb50{ padding:50px 0 50px; }

/*-----------------------------------------------

/*-----------------------------------------------

text

-----------------------------------------------*/

/* テキスト位置 */
.txt-l{ text-align:left; }

.txt-r{ text-align:right; }

.txt-cntr{ text-align:center; }

/* テキストサイズ */
.txt-xs{ font-size:x-small; }

.txt-sm{ font-size:small; }

.txt-m{ font-size:medium; }

.txt-lg{ font-size:large; }

.txt-xl{ font-size:x-large; }

.txt-b{
	font-weight:bold;
}

/* テキスト枠外 */
.txt-hidn{
	text-indent:150%;
	white-space:nowrap;
	overflow:hidden;
}

/*-----------------------------------------------

input

-----------------------------------------------*/

/* テキストボックス */
input[type="text"]{
/*	display:block;*/
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
}

/*email*/
input[type="email"]{
	display:block;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
}

/* パスワードボックス */
input[type="password"]{
	display: block;
	padding: 2%;
	font-size: 16px;
	border: 1px solid #ccc;
	background: #f1f1f1;
}

/* セレクト */
select{
	display:block;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
}

/* テキストエリア */
textarea{
	display:block;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
}

/* サブミット */
input[type="submit"]{
	border:none;
}

/*-----------------------------------------------

tableレイアウト

-----------------------------------------------*/
.tbl{display:table;}

.tbl-row{display:table-row;}

.tbl-cell{display:table-cell;}


/*-----------------------------------------------

登録中画面

------------------------------------------------*/

.reg_ttl{
	margin-bottom: 30px;
	text-align: center;
	background: rgba(255,255,255,0.4);
	border-top: 1px solid #e0dbcf;
	border-bottom: 1px solid #e0dbcf;
	font-size: 1.2rem;
	color:#FF99A2;
}

.reg_conf_body .ttl_name{
	margin: 0 auto 10px;
	width: 95%;
	background: #00bfff;
	box-shadow: 0px 0px 0px 5px #00bfff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
}

.reg_conf_box h2{
	margin: 16px auto;
	padding: 4px 0;
	font-size: 1.2rem;
	text-align: center;
	color: #301a1a;
	border-top: 1px solid #ebbc38;
	border-bottom: 1px solid #ebbc38;
}

.reg_conf_box h3{
	margin: 10px auto;
	font-size: 1.0rem;
	text-align: center;
	color: #301a1a;
}

.reg_conf_body .txt_box{
	margin: 0 auto 10px;
	padding:2px;
	width: 90%;
	font-size: 0.9rem;
	text-align: left;
	line-height: 1.7;
}

.ranking_txt{
	margin: 0 auto 10px;
	width: 95%;
	background: rgba(255, 255, 255, 0.4);
	border:1px solid #ddd;
}

.reg_conf_body .txt_box2{
	margin: 0 auto 10px;
	width: 95%;
	padding:2px;
	font-size: 0.9rem;
	text-align: left;
	line-height: 1.7;
}


.icn:before{
	margin-right:5px;
	font-family:fontawesome;
}

.user_icn:before{ content:'\f007'; }

/*-----------------------------------------------
フッター
-----------------------------------------------*/
.reg_conf_body footer{
	padding-top: 10px;
	background: rgba(195, 159, 132, .75);
}

/*コピーライト*/
.reg_conf_body footer .copy{
	padding: 20px 0;
	color: #fff;
	text-align: center;
}