/* ===================================================================
CSS information
 file name  : questionnaire
 author     : honyaclub.com
 date       : 20160308
 update     : 20170329
 about      : questionnaire
=================================================================== */

@charset "shift_jis";

/* ------------------------------------------------------
form #anke table.order-table02
---------------------------------------------------------*/
form #anke table.order-table02,
form #anke table.order-table02 th,
form #anke table.order-table02 td{border:1px solid #dddddd;}
form #anke table.order-table02 tr{border:none;}
form #anke table.order-table02 td,
form #anke .order-table02 th{padding:20px;}
form #anke table.order-table02 th {
width:30%;
vertical-align:middle;
text-align:right;
font-weight:bold;
background-color:#eeeeee;
font-size: 115%;
}
form #anke table.order-table02 th .must-txt{
padding: 4px;
margin: -2px 0 20px 0;
color: #fff;
background-color: #f72e0a;
border-radius: 4px;
font-size: 80%;
}
form #anke table.order-table02 tr.order-table02 td[colspan="3"]{
background-color:#eeeeee;
font-size: 115%;
font-weight: bold;
}
form #anke table.order-table02 tr:not(.order-table02) td[colspan="3"]{display:none;}/*css3*/
form #anke table.order-table02 td input[type="text"],
form #anke table.order-table02 td textarea{
padding: 6px 1%;
width:98%;
border: 1px solid #a9a9a9;
border-radius: 2px;
}
form #anke table.order-table02 td input[name^="name"],
form #anke table.order-table02 td input[name^="kana"],
form #anke table.order-table02 td input[name^="mail"],
form #anke table.order-table02 td input[name^="cmail"],
form #anke table.order-table02 td input[name^="tel"],
form #anke table.order-table02 td input[name^="zip"]{
width:auto;
/width:40%;/*IE*/
}
form #anke table.order-table02 td input[name^="sex"]{margin-left:10px;}
form #anke table.order-table02 td input[name^="sex"]:first-child{margin-left:0;}
form #anke table.order-table02 td select{
padding: 4px 1%;
border: 1px solid #a9a9a9;
border-radius: 2px;
}

/* ------------------------------------------------------
#anke #anke-top
---------------------------------------------------------*/
form #anke-top{
margin-bottom:10px;
}
/*ガラケー対策*/
@media only screen and (min-width: 1px) {
form #anke-top{
padding:20px;
background-color:#eeeeee;
border:1px solid #dddddd;
}
}

/*ガラケー対策2*/
form div[style="font-size:x-small;"] #anke-top{
padding:0px;
background-color:#fff;
border:none;
}

/* ------------------------------------------------------
エラー表示
---------------------------------------------------------*/
form .anke-error {
padding: 5px 20px;
background-color: #CC0000;
color: #FFF;
font-size: 115%;
font-weight: bold;
}

/* ------------------------------------------------------
#anke #anke-bottom
---------------------------------------------------------*/

/* -----------------------------
#anke .anke-column2
--------------------------------*/
/*ガラケー対策*/
@media only screen and (min-width: 1px) {
form #anke .anke-column2{
padding:19px;
margin-bottom:30px;
background-color:#eeeeee;
border:1px solid #dddddd;
overflow:hidden;
}
form #anke .anke-column2 dl{
border:1px solid #dddddd;
min-height:260px;
background-color:#fff;
width:443px;
float:left;
margin-left:20px;
}
form #anke .anke-column2 dl:first-child{margin-left:0;}
form #anke .anke-column2 dd{
padding:13px 18px 10px 18px;
background-color:#fff;
}
form #anke .anke-column2 dt{
font-weight:bold;
margin-bottom:0;
font-size:115%;
}
form #anke .anke-column2 dd{border-top:1px solid #dddddd;}
}

/*ガラケー対策2*/
form div[style="font-size:x-small;"] #anke-top{
padding:0px;
background-color:#fff;
border:none;
}
form div[style="font-size:x-small;"] #anke .anke-column2{
padding:0;
margin-bottom:0;
background-color:#fff;
border:none;
overflow:auto;
}
form div[style="font-size:x-small;"] #anke .anke-column2 dl{
border:none;
min-height:1px;
background-color:#fff;
width:auto;
float:none;
margin-left:0;
}
form div[style="font-size:x-small;"] #anke .anke-column2 dl:first-child{margin-left:0;}
form div[style="font-size:x-small;"] #anke .anke-column2 dd{
padding:0;
background-color:#fff;
}
form div[style="font-size:x-small;"] #anke .anke-column2 dt{
font-weight:normal;
margin-bottom:0;
font-size:100%;
}
form div[style="font-size:x-small;"] #anke .anke-column2 dd{border-top:none;}


/* ------------------------------------------------------
#anke .display-none
---------------------------------------------------------*/
form #anke .display-none{display:none;}