﻿@charset "utf-8";

header div p:last-of-type,aside {display:none;}
footer{background:none;}
.sec1,.sec2{padding:1em;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}

.sec1{margin-bottom:4em;}
.sec1 p{text-align:center;}
.sec1 p:first-of-type{font-size:4vmin;}
.sec1 p:last-of-type a{font-weight:bold;color:#c00;}
.sec1 p:last-of-type a span{font-size:7vmin;}

.sec2 h3 + p{margin-bottom:2em;}

table{border-collapse:collapse;width:100%;margin:0 auto 2em;}
th,td{display:block;box-sizing:border-box;vertical-align:top;font-size:0.9em;}
th{padding-left:0.3em;text-align:left;border-left:solid 4px #009;}
td{padding:0.5em 0 2em;}
td li{display:inline-block;padding-right:2em;}
label[for="issue"]:after,label[for="name"]:after,label[for="zip"]:after,label[for="address"]:after,label[for="tel"]:after,label[for="email"]:after
{content:"必須";display:inline-block;margin-left:1em;padding:0.3em;line-height:1;font-size:0.8em;background-color:#f00;color:#fff;}
input[type="text"],textarea{box-sizing:border-box;width:100%;padding:0.8em;border:solid 1px #bbb;border-radius:5px;font-size:0.9em;}
input[type="text"]:focus,textarea:focus{background-color:#fee;border:solid 2px #c30;}
input[name="zip"]{width:50%;}
input[type="radio"]{margin-right:0.5em;}
input[name="email"]{margin-bottom:0.3em;}


.btn{text-align:center;}
input[type="button"],input[type="submit"]{padding:1em 4em;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:5px;font-weight:bold;
transition:opacity 0.3s;
}
input[type="submit"]{
border:solid 1px #c60;
background: rgb(254,204,177);
background: -moz-linear-gradient(top, rgba(254,204,177,1) 0%, rgba(241,116,50,1) 50%, rgba(234,85,7,1) 51%, rgba(251,149,94,1) 100%);
background: -webkit-linear-gradient(top, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%);
background: linear-gradient(to bottom, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );
text-shadow:0 0 3px rgba(100,40,0,0.9);
color:#fff;
}
input[type="button"]{border:solid 1px #999;}
.btn input:hover{opacity:0.8;}
.btn input:not(last-of-type){margin-bottom:3em;}


#form{display:block;max-width:960px;margin:auto;padding:0 1em;}
#form h1{margin-bottom:1em;text-align:center;}
#form h1 img{max-width:200px;width:50%;}
#form h2{padding:1em;text-align:center;background:#f0f0f0;}
#form header + p{padding:2em 0;text-align:center;line-height:2em;}
#form header + p span{white-space:nowrap;}
.red,span.msg{color:#f00;}



@media screen and (min-width: 481px),print {
#form{padding-top:2em;}
#form h1{margin-bottom:2em;}
.sec1,.sec2{padding:4em; }
.sec1 p:first-of-type{font-size:3vmin;}
.sec1 p:last-of-type a span{font-size:6vmin;}

table{margin-bottom:4em;}
th,td{display:table-cell;padding:0.5em;border:none;border-bottom:dotted 1px #333;line-height:3em;font-size:1em;}
th{width:13em;}
input[type="text"],textarea{font-size:1em;}
input[name="zip"],input[name="tel"],input[name="year"]{width:50%;}
}