@charset "utf-8";
/*=============================================*/
/*                   home                      */
/*=============================================*/


#section1 {
    padding-bottom: 30px;
	position:relative;
	z-index:3;
}
#section1 h2 { padding-top:60px; padding-bottom:30px; text-align:center; position:relative; font-size:30px}
#section1 h2:after {
	  background: url(../img/shared/icon_under.png) repeat-x center;
		content: "";
		width: 46px;
		height: 2px;
		position: absolute;
		bottom: 15px;
		left: 50%;
		margin-left:-23px;
		z-index: 1;

	}




/* ================================================================================
	Form
================================================================================ */
/*CheckBoxとText */
.formLogin { padding-bottom:100px}
.field { clear:both; padding-bottom:25px}
.field label { width:100%; display:inline-block}
.field label span { padding-right:5px}
.field input { width:100%; height:50px; border-radius:5px; padding-left:10px}
.form_button { text-align:center; }
.form_link { text-align:center; padding-bottom:50px; padding-top:50px}
.form_link a { color:#c0a485}
.form_button input { border:none; width:270px; height:63px; background:#c0a486; border-radius:5px; color:#fff;box-shadow: 0px 0px 5px 2px #e3e3e3;-webkit-appearance:none;cursor: pointer;}
.form_button button { border:none; width:270px; height:63px; background:#c0a486; border-radius:5px; color:#fff;box-shadow: 0px 0px 5px 2px #e3e3e3;-webkit-appearance:none;cursor: pointer}
.conterFormBox [type="text"], .conterFormBox [type="email"], textarea, select{
    width: 90%;
    box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	ransition: background-color 0.2s linear;
    border-radius: 3px;
    padding: 10px 15px;
}
.conterFormBox [type="text"]:hover, textarea:hover{
	background-color: #ffe6e6;
	border: rgba(41,51,71,.4) solid 1px;
}
input, textarea, .select label, .file {
    box-sizing: border-box;
    /* background: #f6f7f8; */
    border: rgba(41,51,71,.3) solid 1px;
    outline: none;
}
.conterFormBox .button,.confirm_btn .button{
    cursor: pointer;
    display: block;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    line-height: 60px;
/*     transition: all .5s; */
    font-size: 20px;
    border: none;
    color: #fff;
    background: #78bb00;
}
.conterFormBox .button{
 	width: 480px;
}
.conterFormBox .button:hover,.confirm_btn .button:hover{
	background: #ff7607;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #ccc;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{
	 color: #ccc;
}
input::-moz-placeholder,textarea::-moz-placeholder{
	 color: #ccc;
}
#section1 .return {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
}
#section1 .return a {
    text-decoration: none;
    padding: 15px 70px;
    background: #aaaaaa;
    border-radius: 20px;
    color: #fff;
}
#section1 .done_shop {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
    #section1 {
    padding-bottom: 0px;
    }
	#section1 h2{
        padding-top: 15px;
        padding-bottom: 15px;
    }
	#section1 h2:after {
		bottom: 5px;


	}
	#section1 .return {
    }
    .field{
        padding-bottom: 15px;
    }
    .formLogin{
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0;
    }
    .form_link{
        padding-top: 15px;
        padding-bottom: 15px;
    }
	.form_button { padding-bottom:30px}

}

@media screen and (max-width: 320px){


	.form_button input { width:220px; height:50px}
}