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

.text-center{display:flex; justify-content:center; align-items:center; padding-top:1%;}
.text-center a,.text-center img{display:block;}
.text-center a{margin:1.5%;}

html{    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;}

body{
	width:100%;
	margin-top:0;
	padding:0 0 10%;
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}

select{-webkit-appearance:none; font-size:16px; padding:3%; width:100%; margin-bottom:3%;}
#gender li{width:100%; margin-bottom:0;}
#gender li label{display:block; background:#fff; border:1px solid #ccc; border-radius:25px;}
#gender li label:hover{display:block; padding:5%; background:#ccc;}

#unique li{width:100%; margin-bottom:0;}
#unique li label{display:block; background:#fff; border:1px solid #ccc; border-radius:25px; font-size:12px;}
#unique li label:hover{display:block; padding:5%; background:#ccc;}




input[type="email"]{width:100%; box-sizing:border-box; font-size:16px; padding:2%;}
input[type="text"]#message1{width:100%; box-sizing:border-box; font-size:14px; padding:2%;}
textarea{font-size:16px; width:100%; min-height:180px; padding:3%; box-sizing:border-box; border:1px solid #000;}
.form_box dt{margin-bottom:3%; font-size:16px; line-height: 1.5;}

.title_box, .form_intro{text-align:center;}
p.form_intro{margin-top:0; font-size:18px; padding:5% 0;}
section.title_box{margin-bottom:0; padding:5% 0;}
p.intro_txt{text-align:left; line-height:1.5; font-size:14px;}
dl p{font-size:16px; line-height:1.5;}

p.thankyou{margin:5% 0; font-size:14px;}


.radio{display:flex; width:100%;}
.radio li{width:100%;}
.radio li label{display:block; padding:5%; border:1px solid #ccc; border-radius:50px; text-align:center;}
.radio li label input[type="radio"]{ margin-left:-15%;}

main{width:100%;}
.contents_l{width:100%;}


#title{width:100%; display:block;}

 .form_box dl{
	 border:none;
	 padding:0 0 2%;
	 margin:0 auto 0;
	 width:100%;
	 box-sizing:border-box;
}
.form_box dl dt{
background:#f39800;
font-size:16px;
padding:1.5%;
line-height:1.6;
margin-bottom:2.5%; 
}
.form_box dl dd{
padding:2% 2.5%;
}

ramen-present





img#title{width:100%; max-width:100%;}


.sp_none{
	display:none;
}

form{
	width:100%;
}

.title_box{
	width:90%;
	padding:2% 1%;
	margin:0 0 1%;
	box-sizing:border-box;
}

.title_box h2{
	font-size:20px;
	width:95%;
	margin:0 0 1%;
	text-align:center;
	line-height:1.3;
}
.title_box p{
	width:95%;
	margin:0 auto;
	line-height:1.3;
}

.atention{
	margin-bottom:1%;
	color:#F00;
}

.form_intro{
	margin:2% 0 0;
	padding:2%;
	width:100%;
	box-sizing:border-box;
	background:#C00;
}

.form_box dd{margin-left:0;}

.thankyou{
	width:95%;
	margin:2% auto;
	font-size:18px;
	text-align:center;
	color:#333;
}

.item_link{
	width:80%;
	margin:0 auto;
	display:block;
}

input[type="email"],input[type="tel"],input[type="text"],textarea,select{font-size:16px; max-width:100%; margin:0 auto; display:block;}

/* --------------------------------
 * フォームボタン
 * -------------------------------- */

form#mail_form input#form_submit_button{
	width : 90%;
	height : auto;
	padding : 10px 15px;
	vertical-align : middle;
	color : #444444;
	background : #eeeeee;
	border : 1px solid #cccccc;
	border-radius : 3px;
	font-family : inherit;
	font-weight : bold;
	display:block;
	margin:1% auto; 
}
form#mail_form input#form_submit_button:hover{
	cursor : pointer;
	color : #900;
	background : #e0e0e0;
}

.reset_button{
	width : auto;
	height : auto;
	padding : 10px 15px;
	vertical-align : middle;
	color : #444444;
	background : #eeeeee;
	border : 1px solid #cccccc;
	border-radius : 3px;
	font-family : inherit;
	font-weight : bold;
	margin:10px 0px; 
}


.reset_button:hover{
	cursor : pointer;
	color : #106dff;
	background : #e0e0e0;
}

/* --------------------------------
 * SP用の整形
 * -------------------------------- */

 
 #wrapper{width:100%;
 display:block;
 padding:0;
 clear:both;
 }
 
 .title_box,.form_intro{
width:100%;
}

section .title_box{margin-bottom:5%;}
section .title_box p{font-size:14px; line-height:1.5; margin:0;}




  .buttoncover{
	  width:400px;
	  margin:0px auto;}
	  
	  footer {
	background: #000;
		  text-align: center;
		  
	width: 100%;
	color: #FFF;
	font-size: 14px;
	padding: 3%;
	margin-top: 20px;
}

section#ramen-present input{width:100%;}

#check label{max-width:100%; display:block; padding:3.5%; border:1px solid #ccc; margin:2.5% auto; border-radius:5px; margin-bottom:3%; box-sizing:border-box;}
#check label input{margin-left:1.5%; font-size:16px;}


footer {
	background: #000;
	width: 100%;
	color: #FFF;
	font-size: 80%;
	padding: 10px;
	margin-top: 20px;
}