/* style.css */

@charset "UTF-8";

@import url('reset.css');
@import url('layout.css');

/* トップページ
============================================*/


#main {
	margin: 0 auto;
	width: 100%;
	padding: 30px 0 60px;
	text-align: center;
}

#form {
	width: 640px;
	margin: 0 auto;
	text-align: left;
}
#main .end p {
	text-align: center;
	margin: 20px 0;
	font-size: 22px;
	font-weight: bold;
}

#main h2 {
	margin: 10px 0;
}

#main h3 {
	font-size: 24px;
}

#main .text_box {
	height: 160px;
	overflow: auto;
	border: #646464 1px solid;
	padding: 5px 10px;
}

#main .text_box p {
	margin: 10px 0;
}

#main p.ck {
	margin: 5px 0 20px;
}
#main p.no {
	margin: 10px auto 5px;
	width: 16em;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #FF0000;
}
#main p.no input {
	width:8em;
	border: none;
	margin: 10px auto;
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background: #FF0000;
}
#main p.note {
	text-align: center;
	color:#FF0000;
	font-size: 18px;
}


#main .btn {
	margin: 20px 0;
	text-align: center;
}
#click_pcoysmcp_entry_1.off {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	cursor: default;
}



/*-------------------------
|                         |
|  レスポンシブCSS        |
|  SP用（767px以下）  　　|
|													|
-------------------------*/

@media screen and (max-width:766px){
#form {
	width: 540px;
}
.ck input[type=checkbox] {
	width:			22px;
	height:			22px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
	margin-right: 10px;
}
}



/*-------------------------
|                         |
|  レスポンシブCSS        |
|  PC用（767px以上）  　　|
|													|
-------------------------*/

@media screen and (min-width:767px){
#form {
	width: 680px;
}
.ck input[type=checkbox] {
	width:			20px;
	height:			20px;
	-moz-transform:		scale(1);
	-webkit-transform:	scale(1);
	transform:		scale(1);
}
}