@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

/****************************************************************************

index.php

****************************************************************************/

.opinion .opinionErrer { padding:20px 0 0 0; }
.opinion .opinionErrer p { color:#E10214;font-weight: bold; font-size: 16px; line-height:160%; text-align: center; }
.opinion .opinionWrap01 h3 { color:#111; font-weight:bold; font-size:18px; text-align:right; margin:0 0 20px 0; line-height:140%; }
.opinion .opinionWrap01 h3 * { font-weight:bold; color:#ddd; }
.opinion .opinionWrap01 figure { width:704px; margin:0 auto; /*background:#fff;*/ text-align:center; border:#ccc 6px solid; }
.opinion .opinionTable01 { margin:25px 0 0 0; border:1px solid #202023; }
.opinion .opinionTable01 table { width:100%; position:relative; }

.opinion .opinionTable01 table .col01 { width:160px; }
.opinion .opinionTable01 table .row01 { padding:15px 15px; }
.opinion .opinionTable01 table th { font-size:14px; font-weight:bold; color:#fff; padding:10px 15px; border:#9da1a7 1px solid; background-color:rgba(255,255,255,0.1); text-align:center; vertical-align:middle; border:1px solid #06090A; width: 30%; }

.opinion .opinionTable01 table td { font-size:14px; padding:10px 15px; border:#9da1a7 1px solid; background:rgba(255,255,255,0.2); text-align:left; vertical-align:middle; color:#FFF; border:1px solid #06090A; }

.opinion .opinionTable01 table td p { color:#FFF!important; }

/* form(input,select) */
.opinion input,
.opinion textarea,
.opinion select { font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Arial","Verdana","sans-serif"; border:none; padding:0; margin:0; }
.opinion input[type="radio"] { margin:0 6px 0 0; }
.opinion input[type="text"] { width:100%; font-size:16px; height:40px; line-height:40px; overflow:hidden; text-indent:10px; color:#333;/* background:URL(../../img/cmn/alBgFFF_18p.png) repeat; border:#2a2a2f 1px solid;*/ cursor:pointer;
/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);*/ background-color:rgba(255,255,255,.7);
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
/*-webkit-box-shadow: 0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
box-shadow:         0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.opinion input[type="text"]:focus { cursor:text; outline:none; background-color:#E7E7E7;
/**-webkit-box-shadow: 0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);
-moz-box-shadow:    0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);
box-shadow:         0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);**/
}
.opinion input[type="button"] { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:200px; height:50px; line-height:47px; font-size:14px; overflow:hidden; text-align:center; text-decoration:none; color:#fff; 

background: -moz-linear-gradient(top, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.16) 51%, rgba(255,255,255,0.16) 71%, rgba(255,255,255,0.16) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ffffff', endColorstr='#29ffffff',GradientType=0 );


 border:#000 2px solid; vertical-align:middle; margin:0 5px; padding:0; cursor:pointer; 
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
-webkit-transition: -webkit-box-shadow 0.5s ease;
-moz-transition: -moz-box-shadow 0.5s ease;
-ms-transition: -ms-box-shadow 0.5s ease;
-o-transition: -o-box-shadow 0.5s ease;
transition: box-shadow 0.5s ease;
}

.opinion textarea { width:100%; height:147px; font-size:16px; line-height:160%; overflow:hidden; padding:8px 10px; color:#333; /**background:URL(../../img/cmn/alBgFFF_18p.png) repeat; border:#2a2a2f 1px solid;*/ cursor:pointer; overflow:auto; resize: none;
/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);*/background-color:rgba(255,255,255,.7);
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
/*-webkit-box-shadow: 0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
box-shadow:         0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.opinion textarea:focus { cursor:text; outline:none; background-color:#E7E7E7;
/*-webkit-box-shadow: 0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);
-moz-box-shadow:    0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);
box-shadow:         0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);*/
}
.opinion .select-hidden { display:none; visibility:hidden; }
.opinion .select { width:100%; height:40px; line-height:40px; text-indent:10px; font-size:16px; color:#fff; cursor:pointer; display:inline-block; position:relative; text-align:left; vertical-align:top; }
.opinion .select-styled { position:absolute; top:0; bottom:0; left:0; right:0; color:#333; /*background:URL(../../img/cmn/alBgFFF_18p.png) repeat; border:#2a2a2f 1px solid;*/ cursor:pointer;
/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);*/ background-color:rgba(255,255,255,.7);
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
/*-webkit-box-shadow: 0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
box-shadow:         0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 8px 5px rgba(0, 0, 0, 0.15);*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.opinion .select-styled:after { content:''; width:0; height:0; border:7px solid transparent; border-color:#36363D transparent transparent transparent; position:absolute; top:16px; right:10px; }
.opinion .select-styled:hover {  }
.opinion .select-styled:active,.opinion .select-styled.active {  background-color:#E7E7E7;
/*-webkit-box-shadow: 0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);
-moz-box-shadow:    0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);
box-shadow:         0px 1px 0px 0px rgba(86, 86, 92, 1),inset 0px 0px 12px 5px rgba(255, 255, 255, 0.15);*/
}
.opinion .select-styled:active:after,.opinion .select-styled.active:after { top:9px; border-color:transparent transparent #aaa transparent; }
.opinion .select-options { max-height:216px; overflow:auto; display:none; position:absolute; top:100%; right:0; left:0; z-index:999; margin:0; padding:0; background-color:#1d1a1f;
/*-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 2px 6px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 2px 6px 0px rgba(0, 0, 0, 0.4); */
}
.opinion .select-options li { font-size:13px; height:36px; line-height:36px; text-indent:10px; border-top:#363441 1px solid; color:#ddd;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.opinion .select-options li:hover { color:#e7c300; background:#25232e; }
.opinion .select-options li[rel="hide"] { display:none; }

.opinion .complete { font-weight:bold; text-align:center; font-size:26px; padding:10px 0 0 0; }

/**@media screen and (max-width:700px) {**/
.opinion .opinionErrer { padding:15px 0 0 0; }
.opinion .opinionErrer p { font-size:14px; }	
.opinion .opinionWrap01 h3 { font-size:14px; text-align:left; margin:0 0 15px 0; }
.opinion .opinionWrap01 figure { width:100%; max-width:100%; margin:0 auto; border:#ccc 3px solid; border:none; }
.opinion .opinionWrap01 figure img { width:100%; }
.opinion .opinionTable01 { margin:15px 0 0 0; }
.opinion .opinionTable01 table .col01 { width:85px; }
.opinion .opinionTable01 table .row01 { padding:10px 5px; }
.opinion .opinionTable01 table th { font-size:13px; padding:8px 10px; }
.opinion .opinionTable01 table td { font-size:13px; padding:8px 10px; }

/* form(input,select) */
.opinion input[type="text"] { font-size:13px; }
.opinion input[type="button"] { width:44%; font-size:13px; margin:0 5px; }
.opinion input[type="button"]:hover { 
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}
.opinion textarea { height:141px; font-size:13px; }
.opinion input[type="text"] { font-size:13px; text-indent:5px; }
.opinion input[type="text"]:focus { }
.opinion .select { text-indent:5px; font-size:13px; }
.opinion .select-styled { }
.opinion .select-styled:after { content:''; width:0; height:0; border:5px solid transparent; border-color:#36363D transparent transparent transparent; position:absolute; top:17px; right:10px; }
.opinion .select-styled:active:after,.opinion .select-styled.active:after { top:11px; border-color:transparent transparent #36363D transparent; }
.opinion .select-options { max-height:160px; background-color:#19191E; border:1px solid #202023; }
.opinion .select-options li { font-size:13px; height:40px; line-height:40px; border:#06090A 1px solid; color:#ddd; position:relative;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}
.opinion .select-options li:hover { color:#ddd; background:#1d1a1f; }
.opinion .select-options li:before { content:""; display:block; border:1px solid #222327; border-bottom:1px solid #2D3035; border-top:1px solid #60626A; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; }

.opinion .complete { font-size:16px; padding:0; }
/**}**/