/*全体設定*/
H3{
width:99%;
max-width:720px;
background-color:#ccccff;
padding: 0.2em;
margin: 0.2em 0em;
font-size: 15px; font-size:1.2rem;
border-radius: 3px;
}

hr {
page-break-after: always;
}

form{
font-size: 12px; font-size: 1.0rem;
line-height: 125%;
}

p{
font-size: 12px; font-size: 1.0rem;
line-height: 130%;
clear:left;
}

p.rad{
margin: 0.2em 0em;
}

p.small{
font-size: 10px; font-size:0.8rem;
margin: 0.1em 0em;
}

textarea{
width: 100%;
max-width:720px;
background-color: #fffff0;
line-height: 1.25em; line-height: 1.25rem;
font-size: 15px; font-size:1.2rem;
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input{
font-size: 12px; font-size: 1.0rem;
background-color:#f9f9ff;
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

select {
font-size: 12px; font-size: 1.0rem;
background-color:#f9f9ff;
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
box-shadow: 0px 1px rgba(255, 255, 255, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


/*iphone対応*/
.target{
cursor:pointer;
}

/*横サイズ*/

div.700 {
max-width:720px;
border:none;
}

div.panel90p {
max-width:720px;
width:100%;
border:none;
}


/*ラジオボタン処理*/

/*section A*/

.section_a input{
display: none;
}
.section_a label{
display: block;
float: left;
cursor: pointer;
width: 82px;
margin: 5px 0;
padding: 10px 5px;
border-right: 1px solid #abb2b7;
background: #eeeeee;
color: #555e64;
font-size: 14px;
text-align: center;
line-height: 1;
transition: .1s;
}

.section_a span{
display: block;
float: left;
width: 315px;
margin: 4px 0px;
padding: 10px 0px;
background: #ffffff;
color: #000000;
font-size: 15px;
text-align: left;
line-height: 1.1;
}

.section_a label:first-of-type{
border-radius: 3px 0 0 3px;
}
.section_a label:last-of-type{
border-right: 0px;
border-radius: 0 3px 3px 0;
}
.section_a input[type="radio"]:checked + label {
background-color: #a9a9f0;
color: #fff;
}


/*section B*/

.section_b input{
display: none;
}
.section_b label{
display: block;
float: left;
cursor: pointer;
width: 135px;
margin: 5px 0;
padding: 10px 0px;
border-right: 1px solid #abb2b7;
background: #eeeeee;
color: #555e64;
font-size: 13px;
text-align: center;
line-height: 1;
transition: .1s;
}

.section_b span{
display: block;
float: left;
width: 143px;
margin: 4px 0px;
padding: 10px 0px;
background: #ffffff;
color: #000000;
font-size: 15px;
text-align: left;
line-height: 1.2;
}

.section_b label:first-of-type{
border-radius: 3px 0 0 3px;
}
.section_b label:last-of-type{
border-right: 0px;
border-radius: 0 3px 3px 0;
}
.section_b input[type="radio"]:checked + label {
background-color: #a9a9f0;
color: #fff;
}

/*コメント*/
.comment label{
display: block;
float: left;
cursor: pointer;
width: 135px;
margin: 2px 0;
padding: 1px 0px;
font-size: 14px;
text-align: center;
line-height: 1;
transition: .1s;
}

.comment input{
display: none;
}

.comment span{
display: block;
float: left;
width: 143px;
margin: 2px 0px;
padding: 1px 0px;
background: #ffffff;
color: #000000;
font-size: 15px;
text-align: left;
line-height: 1.2;
}


/*section q3*/

.section_q3 input{
display: none;
}

.section_q3 span{
font-size:15px;
}

.section_q3 label{
display: block;
float: left;
cursor: pointer;
width: 156px;
margin: 3px 0px 8px 0px;
padding: 8px 5px;
border-right: 1px solid #abb2b7;
background: #eeeeee;
color: #555e64;
text-align: center;
line-height: 1;
transition: .1s;
}

.section_q3 label:first-of-type{
border-radius: 3px 0 0 3px;
}
.section_q3 label:last-of-type{
border-right: 0px;
border-radius: 0 3px 3px 0;
}
.section_q3 input[type="radio"]:checked + label {
background-color: #a9a9f0;
color: #fff;
}

@media (max-width:480px){
.section_q3 label{
font-size: 18px;
}
}

@media (min-width:481px){
.section_q3 label{
font-size: 14px;
}
}