@charset "UTF-8";
/* CSS Document */


h1{
	margin:0% auto;
	width:80%;
    font-size:50%;
    font-weight:normal;
	color:#FFFFFF;}
	
.info img{
	width:100%;}

.info{
	width:80%;
	margin:0% auto 3%;}

#container{
	width:80%;
	margin:auto;}
	
.info_wrapper{
    background-color: #ffffff;}

table{
	width:100%;
	color:#676666;}
	
.frame_01{
	width:45%;
	background-color:#f6f5f3;
	border:#D8D8D8 solid 1px;
	padding:2%;
	display:table-cell;
	vertical-align:middle;}
	
.frame_02{
	background-color:#fff;
	border:#D8D8D8 solid 1px;
	display:table-cell;
	vertical-align:middle;
	padding:2%;}
	
.style_01{
	margin-left:2%;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	}
	
.style_02{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items: center;
	}

.style_03{
	font-size:12px;
	color:#FF0004;
	padding:5px 5px 0px 0px;}
	
.style_04{
	width:90%;}
	
.right{
	text-align:center;
	margin-right:2%;
	padding:4px;
	background-color:#E08181;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:150%;}
	
.left{
	font-weight:bold;}
	
#name_01,#name_02,#password,#mail_02,#tel,#address_01,#address_02,#address_03{
	border:0;
	font-size:90%;
	line-height:120%;
	padding:2%;
	border:solid 1px #D8D8D8;
	-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);}
	
#address_03{
	width:100%;}
	
.seibetu_style{
	width:50%;}

.month_day_style{
	width:40%;}

.year_style{
	width:50%;
	/*float:left;*/}
	
.month_style{
	position:relative;
	top:0;
	right:0%;}
	
#password,#mail_02,#address_02{
	width:80%;}
	
#address_01{
	width:40%;}
	
#tel{
	width:60%;}
	
select{
	font-size:130%;}
	
#text_01{
	width:100%;
	height:100px;
	font-size:100%;}

.button{
	padding:40px 20px 20px 20px;
	text-align:center;}

input#btn_submit {
	-moz-box-shadow: 0px 1px 0px 0px #d9d9d9;
	-webkit-box-shadow: 0px 1px 0px 0px #d9d9d9;
	box-shadow: 0px 1px 0px 0px #d9d9d9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d1d0cf;
	display:inline-block;
	cursor:pointer;
	color:#7d5506;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:20px 80px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;}

input#btn_submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;}

input#btn_submit:active {
	position:relative;
	top:1px;}

.bottom_right_radius{
	padding:10px;}

input:focus, select:focus, textarea:focus {
outline: 2px #E08181 solid;}

.privacy{
	margin:2%;
	color:#E08181;}

.privacy a{
	text-decoration:none;
	color:#E08181;}
	
.info_sp{
	display:none;}
	
.hp{
	text-align:center;
	margin-bottom:4%;}
	
.hp_link a {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#D9732F;
	font-family:Arial;
	font-size:150%;
	font-weight:bold;
	padding:2% 18%;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	line-height:120%;}

.hp_link a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;}

.hp_link a:active {
	position:relative;
	top:1px;}

#hira{
	display: none;}

@media (min-width: 1200px) {
	
h1{
	margin:0% auto;
	width:960px;}
	
#container{
	width:960px;}

.hp_link a {
	width:840px;}

.info{
	width:960px;}

}

@media screen and (max-width:800px) {
	
#container{
	width:95%;
}

#name_01,#name_02,#password,#mail_02,#tel,#address_01,#address_02,#address_03{
	font-size:65%;}
	
.style_01{
	font-size:80%;}
	
.style_02{
	font-size:80%;}
	
.info{
	width:95%;}
	
.hp_link a {
	font-size:110%;
	margin:1.5% 2%;
	padding:2% 18%;
	line-height:120%;}

}


@media screen and (max-width:600px) {
	
.info{
	width:95%;
	margin:8% auto 5%;}

h1{ 
    display: none;}
	
#container,form,table{
	width:98%;
	margin:0px auto;}
	
table, tbody, tr, th, td {
	display:block;}
	
.frame_01{
	display:block;
	width:100%;
	background-color:#FDFFE2;
	border:#FBDF90 1px solid;}
	
.frame_02{
	display:block;
	width:100%;
	border:none;}
	
.style_01{
	width:100%;
	display:block;
	padding:2% 2% 2% 0%;}
	
.style_02{
	width:100%;
	padding-left:2%;}
	
#name_01,#name_02,#password,#mail_02,#tel,#address_01,#address_02,#address_03{
	margin:1% 0%;
	font-size:100%;
	line-height:120%;
	padding:2.8%;}
	
#name_01,#name_02,#address_02{
	width:80%;}
	
input#btn_submit {
	padding:20px 100px;}

.button{
	padding:20px 0px 10px 0px;
	text-align:center;}
	
.right{
	padding:1px 3px;}
	
tr{
	margin-bottom:2%;}
	
.privacy{
	padding-top:3%;}
	
.info_wrapper , .info{
	display:none;}
	
.info_sp{
	display: block;}
	
.info_sp img{
	width:100%;}
	
.hp_link a {
	font-size:130%;
	margin:2.5% 2%;
	padding:4% 2%;
	line-height:130%;}
	
}