@charset "UTF-8";

*{
padding:0;
margin:0;
}

body{
font-size:14px;
line-height:160%;
color:#fff;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
background-color:transparent!important;;
background-attachment:fixed;
}

img{border:0;}

html{
background:#ddd;
background: url(/doaxvv/img/bg.jpg) no-repeat fixed!important;
background-size: cover!important;}
#body_id_form{background:transparent!important;}

#wrapper{
background-color:rgba(255,255,255,0.9);
width:98%;max-width:800px;
margin:20px auto 10px;
border-radius:10px;
box-shadow:2px 2px 8px rgba(0,0,0,0.5);
position:relative;
}

#contents{
width:85%;
margin:0 auto 0;
}

hr{display:none;}

#kt{
display: block;
position: absolute;
top: 15px;
left: 15px;
}


#kt img{
width:60px;
height:38.29px;
}

h2{
display:block;
width:100%;
text-align:center;
font-size:30px;
font-weight:bold!important;
text-shadow:2px 2px 6px rgba(255,255,255,0.8);
padding: 130px 0 20px;
color: #0baefa;
line-height: 1.3em;
font-family: "M PLUS Rounded 1c"!important;
}

h3 {
font-size: 180%;
font-weight:900!important;
color: #0baefa;
display: block;
text-align: left;
padding: 10px 0 0;
border-bottom: solid 1px #0baefa;
line-height: 1.5;
margin-top: 2.5em!important;
}

h4{
display:inline; 
line-height:1.7;
font-size:120%;
color:#0caefa;
}

p{font-size:80%;margin-top:5px;display:inline-block;}

.question{
margin:35px 0 0;
}

.question_title{
display:inline;
}

input{
display:block;
border:none;
border-radius:3px;
font-size:19px;
border:1px solid #ddd;
padding:3px 8px;
margin:10px 0 0;
max-width:100%;
}

.question_desc{
display:inline-block;
color:#fff;
font-size:12px;
padding:0px 12px;
background-color:#fe5981;
border-radius:20px;
}

.info{
color: #333;
margin-top: 20px;
font-size: 16px;
font-weight: bold;
text-align: center;
font-family: "M PLUS Rounded 1c"!important;
}

.day{
background-color: #0daefa;
padding: 5px 5px;
border-radius: 30px;
text-align: center;
margin: 0 auto;
width: 100%;
max-width: 450px;
}

.confirm_text{
color: #fe5a81;
margin-top: 2em;
text-align: center;
border: solid 1px #fd7192;
padding: 10px 0;
}

.free-btn a{background: #213d9a; }

input:focus{
outline:none;
}

.textarea{border: 1px solid #ddd;}

#btn_area{
text-align:center;
margin:50px 0 20px;
}

#btn_area input{
display:inline;
width:30%;height:auto;
padding:10px 0;
color:#fff;
cursor:pointer;
text-shadow:2px 2px 6px rgba(30,70,30,0.8);
-webkit-appearance:none;
border-radius: 30px;
border: solid 2px #f877a4;
background-image: linear-gradient(0deg, rgba(255, 0, 107, 1), rgba(254, 148, 202, 1));
}

#btn_area input:hover{
opacity:0.8;
}

#footer{
text-align:center;
padding:30px 0 10px;
color:#999;
}

#footer address{
font-size:11px;
}

#alert{
display: block;
background-color: rgba(200,0,0,0.9);
padding: 18px 3%;
margin: 0 0 30px;
width: 94%;
left: 0;
top: 0;
}

#alert font{
color:#fff!important;
}

.option input{
display:inline;
margin-right:5px;
}

.option .text input{
margin-right:0px;
width:50%;
display:block;
}

.option label{
font-size:100%;
color:#636363;
}

.option textarea{
border:1px solid #ddd;
max-width:96%;
padding:2%;
font-size:16px;
margin-top:10px;
}

.option select{
background: #ddd;
border: 1px solid transparent;
display: block;
padding: 5px;
height: 2.5em;
font-size: 14px;
margin-top:10px;
max-width:100%;
}


/*---confirm---*/

#body_id_confirm h4{
font-size:15px;
}


#body_id_confirm span.text{
font-size:18px;
color:#001350;
margin-left:1em;
}

#body_id_confirm .option span.text{
margin-left:0;
}

#body_id_confirm .option {
display:block;
margin:8px 0 0;
font-size:18px;
color:#001350;
margin-left:1em;
}

#body_id_confirm .question_desc{
display:none;
}

#body_id_confirm .attention{
display:none;
}

#body_id_confirm #btn_bck{
background-color:#666;
margin-right:20px;
}

#body_id_confirm .c_atentiontxt{
display:none;
}


/*---confirm---*/

#finish{
display:block;
margin:30px 0 0;
}


#finish h3{
font-size:27px;
color:#333;font-weight:800;
display:block;
text-align:center;
background-color:transparent;
margin:0 0 20px;
}

#finish p{
display:block;
text-align:center;
font-size:15px;
color:#333;
}


#closebt a{
display:inline-block;
border-radius:20px;
background-color:#a00;
color:#fff;
margin:30px 0 0;
padding:2px 15px;
}

#closebt a:hover{
opacity:0.8;
}

h6{
border: 2px solid #D60;
border-radius: 30px;
padding: 2px 15px;
color: #d60;
font-size: 11px;
display: inline-block;
margin: 0 0 16px;
}


@media screen and (max-width: 800px) {
input{
display:block;
box-sizing: border-box;
padding:3% 3%;
font-size:16px;
}

.question_desc{
display:block;
text-align:center;
font-size:9px;
padding:0px 0;
margin:5px 0 10px;
background-color: #fe5981;
color:#fff;
line-height:1.7;
}

.option input[name="q9272"]{display:inline; width:auto;}
.option .text input{width: 100%!important;}
.option select {width: 50%;}
.option textarea {vertical-align: top;}

}




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

html{background:#ddd;}
#body_id_form{background:transparent;}

#wrapper{
background-color: rgba(255,255,255,0.9);
width: 96%;
margin: 2% auto 2%;
border-radius: 3px!important;
box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
position: relative;
}

h2{
display:block;
color: #0baefa;
width:100%;
line-height:1.3em;
text-align:center;
padding: 70px 0 20px;
font-size:17px;
font-weight:bold!important;
border-bottom:1px solid #ddd;
text-shadow:2px 2px 6px rgba(255,255,255,0.8);
}


#kt{
display: block;
position: absolute;
top: 10px;
left: 10px;
}


#kt img{
width:40px;
height:25.24px;
}

#btn_area input{
height:auto;
padding:15px 0;
background: #0baefa; 
border-radius: 8px; 
width: 50%!important;
}

#body_id_confirm #btn_bck{
background-color:#666;
margin-right:5%;
}

h4{
display:block; line-height:120%;
font-size:19px;
}


.option input[name="q9272"]{
display:inline;
width:auto;
}

.hidesp{ display:none;}

}




/*---オプション---*/


.attention{
display:inline-block;
line-height:140%;
font-size:11px;
color:#fff;
padding:8px 15px;
margin:10px 0 0;
background-color:rgba(0,0,0,0.3);
}

#privacynotice{
color:#333;
margin:0 0 20px;
}

.mo:hover{
opacity:0.8;
}