@charset "utf-8";

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance:textfield;
}

p.caution{
	font-size: 0.8em; 
	line-height:1.5em; 
	padding: 2px 2px 0;
	color: red;
	text-shadow:0 0 0;
}

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

form#mail_form{
	width : auto;
	margin : 10px;
	padding : 10px 0;
	background : #fefefe;
	border : 1px solid #b9b9b9;
	border-radius : 4px;
	text-shadow : 0px 1px 0px #ccc;
}
form#mail_form dl{
	width : auto;
	margin : 10px 15px;
	overflow : hidden;
	background: #fefefe;
}
form#mail_form dl dt{
	clear : both;
	float : left;
	width : 230px;
	padding:2em 1em;
	line-height: 2.5em;
	border-top: 1px solid rgba(0,0,0,0.6);
	text-align : right;
	background: #fff ;
}
form#mail_form dl dd{
	overflow: hidden;
	width: auto;
	padding:2em 1em;
	line-height: 3em;
	border-top: 1px solid rgba(0,0,0,0.6);
	border-left: 1px solid #b9b9b9;
	background : #f8f8f8;
}

form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd{}

form#mail_form dl dt span{
	display : block;
	color : #3377ff;
	font-size: 0.8em;
	margin-top: -5px;
	line-height: 0;
}
form#mail_form dl dt:last-child{
	clear: both;
	float: none;
	width: 100%;
	text-align: center;
	position: relative;
	background : #f8f8f8;
}
form#mail_form dl dt:last-child:before {
	position: absolute;
	content: "";
	width: 100%;
	top: 2px;
	left: 0; right: 0;
	border-top: 1px solid #b9b9b9;
}

/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional{/*必須or任意*/
	display : inline-block;
	float : left;
	font-size: 0.8em;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.1);
	color : #ffffff;
	height: 3em;
	line-height: 3em;
	padding : 0 0.5em;
	margin-top: 3px;
	border-radius : 3px;
	/* border: 1px solid rgba(0,0,0,0.3); */
	/* box-shadow:rgba(255, 255, 255, 0.2) -1px 1px 0 inset,rgba(0, 0, 0, .05) -1px 1px 0; */
}
form#mail_form dl dt span.required{
	background : rgba(255, 25, 0, 0.7);
}
form#mail_form dl dt span.optional{
	background : rgba(37, 158, 232, 1);
}
form#mail_form dd span{/*エラー表記*/
	display : block;
	font-size: 0.8em;
	color : #ff0000;
}

/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

/*ラジオボックス*/


/*チェックボックス*/
.chkbox {}
.chkbox label {
	padding: 1em 1.5em 1em 2.5em;
	display: inline-block;
	cursor: pointer;
	position: relative;
	border: 1px solid rgba(0, 0, 0,0.4);
	border-radius : 3px;
	box-shadow: 1px 1px 0px rgba(0, 0, 0,0.1);
	background : #f9fbde;
}
.chkbox label:before {/*　●　*/
	content:'';
	width: 1em;
	height: 1em;
	display: inline-block;
	position: absolute;
	left: 0.75em;
	top: 2em;
	background-color: #ddd;
	border: 1px solid rgba(0, 0, 0,0.5);
	border-radius: 100%;
}
.chkbox input[type=checkbox] {display:none;}
.chkbox input[type=checkbox]:checked + label {
	background-color:	#f1fcff;
}
.chkbox input[type=checkbox]:checked + label:before {
	content:'';
	background-color:rgba(37, 158, 232, 1);
}

/*セレクトボックス*/
.sltbox {}

form#mail_form input,
form#mail_form textarea,
form#mail_form select {
	border: 1px solid rgba(0, 0, 0,0.5);
	border-radius : 3px;
	font-size: 1em;
	padding-left: 1.5%;
}


form#mail_form select#day_by{/*参加予定日*/
	height : 3em;
	width : 244px;
}

form#mail_form input{
	background : #f9fbde;
	vertical-align: middle;
	box-shadow:rgba(0, 0, 0, .05) -1px 1px 2px inset, rgba(255, 255, 255, .8) -1px 1px 0;
}
form#mail_form textarea{
	width : 92%;
	padding:0.5% 1.5%;
	line-height: 1.5em;
	resize : both;
	background : #f9fbde;
	box-shadow:rgba(0, 0, 0, .05) -1px 1px 2px inset, rgba(255, 255, 255, .8) -1px 1px 0;
}
form#mail_form input:focus,
form#mail_form textarea:focus,
form#mail_form select:focus {
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid rgba(37, 158, 232, 0.9);
	background : #ffffff;
}
form#mail_form input#name_1,
form#mail_form input#name_2{
	height : 2.8em;
	width : 200px;
	margin-right: 0px;
}

form#mail_form input#read_1,
form#mail_form input#read_2{
	height : 2.8em;
	width : 200px;
	margin-right: 0px;
}

form#mail_form input#postal{
	height : 2.8em;
	width : 100px;
	margin-right: 0px;margin-bottom:5px;
}

form#mail_form input#address_1,
form#mail_form input#address_2{
	height : 2.8em;
	width : 95%;
	margin-right: 0px;
}

form#mail_form input#usr_1,
form#mail_form input#usr_7,
form#mail_form input#usr_4{
	height : 2.8em;
	width : 90px;
	margin-right: 0px;
}

form#mail_form select{
	height : 3em;
	width: 84px;
	background : #f9fbde;
	box-shadow:rgba(0, 0, 0, .05) -1px 1px 2px inset, rgba(255, 255, 255, .8) -1px 1px 0;
	cursor : pointer;
}
form#mail_form select::-ms-expand {
	display: none;
}

form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm{
	height : 3.5em;
	width : 95%;
}

form#mail_form ul li{
	list-style-type : none;
	margin-bottom : 0em;
}
form#mail_form ul li label:hover{
	cursor : pointer;
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}

form#mail_form ul li input{
	height : auto;}

form#mail_form input#phone{
	height : 2.8em;
	width : 200px;
}
form#mail_form input#day{
	height : 2.8em;
	width : 200px;
	background: url("../img/calendar-icon2.png") no-repeat,#f1fcff;
	background-position: right 10px bottom 50%;
	background-size: 20px, 100%;
	cursor : pointer;
}


form#mail_form button#mail_submit_button{
	display: inline-block;
	position: relative;
	cursor : pointer;
	background-origin: border-box;
	background: #1d8ceb;
	border-radius:3px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	box-shadow:rgba(0, 0, 0, .05) -1px 1px 0, rgba(255, 255, 255, 0.2) -1px 1px 0 inset;
	text-align: center;
	color: #fafafa;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.3);
	font-size: 1.2em;
	font-weight:400;
	letter-spacing: 0.05em;
	padding: 0 2em 0 3.8em ;
	height: 3em;
	line-height: 3em;
	margin-top: 15px;
}

form#mail_form button#mail_submit_button:hover{
	background: #22a6f7;
	color: #ffffff;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.4);
}

.sending {
	position: absolute;
	color: rgba(255,255,255,0.8);
	font-size: 1.2em;
	line-height: 3em;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.1);
	border: 1px dashed rgba(255,255,255,0.4);
	border-radius: 100%;
	background: #1397e8;
	padding: 4px;
	margin-top: 0.5em; left: 1em;
}

.pcsending {
	position: absolute;
	color: rgba(255,255,255,0.8);
	font-size: 1.1em;
	line-height: 3em;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.1);
	border: 1px dashed rgba(255,255,255,0.4);
	border-radius: 50%;
	background: #1397e8;
	padding: 6px 4px;
	margin-top: 0.5em; left: 1em;
}
.mbsending {
	position: absolute;
	color: rgba(255,255,255,0.8);
	font-size: 1.2em;
	line-height: 3em;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.1);
	border: 1px dashed rgba(255,255,255,0.4);
	border-radius: 100%;
	background: #1397e8;
	padding: 4px 8px;
	margin-top: 0.5em; left: 1em;
}

.sending:hover {color: #fafafa;}
.pcsending:hover {color: #fafafa;}
.mbsending:hover {color: #fafafa;}


/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and (max-width : 800px){

form#mail_form{}
form#mail_form dl{}
form#mail_form dl dt{
	width : auto;
	float : none;
	text-align : left;
	padding :10px 0 0;
	line-height: 3em;
	font-weight : bold;
	border-top: 1px solid rgba(0,0,0,0.6);
	box-shadow:rgba(0, 05, 255, 0.05) 0px 2px 0 inset;]
}
form#mail_form dl dd{
	width : auto;
	float : none;
	border-top : none;
	border-left: none;
	padding : 25px 0 25px 0px;
}
form#mail_form dl dt span{
	font-weight : normal;
	line-height: 0;
	margin-top: -8px;
}

/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional{
	margin : 0.9em 0.9em 0 0;
	/* padding-top: 2em;
	padding-bottom: 2em; */
}

/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */


form#mail_form input{
	height : 25px;
}
form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm,
form#mail_form input#postal,
form#mail_form input#address_1,
form#mail_form input#address_2,
form#mail_form input#phone,
form#mail_form input#day,
form#mail_form textarea{
	max-width : 98%;
  -webkit-appearance : none;
}

.link-pc{display: none;}

}
/* 640pixel end */