html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
html {
    overflow-y: scroll;
}
blockquote, q {
    quotes: none;
}
blockquote::before, lockquote::after, q::before, q::after {
    content: none;
}
input, textarea {
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: outside none none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: center;
}
a:focus {
    outline: medium none;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
}
.both {
    clear: both;
}
.inline_block {
    display: inline-block;
}
* {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
    vertical-align: bottom;
}
html, body {
    background-color: #FFFFFF;
    font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
    font-size: 14px;
    position: relative;
}
html {
}
a {
    color: #000000;
    text-decoration: none;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    color: #000000;
}
a:hover {
    color:  #000000;
    text-decoration: underline;
}
a:active {
    color:  #000000;
}
.row--nopadding {
    margin-left: 0;
    margin-right: 0;
}
.row--nopadding > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
body > h1 {
    display: block;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin: 0 0 0 -500px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 1000px;
}
#index_contents > section > h1, #contents #main > section > h1 {
    font-weight: 900;
    height: 20px;
    line-height: 20px;
    margin: 0 auto 20px;
}
#contents #main > section h2 {
    height: 30px;
    line-height: 30px;
    margin: 0 auto 20px;
    padding: 0 0 0 25px;
    text-align: left;
    width: 915px;
}
#contents #main > section > section > h1 {
    height: 30px;
    line-height: 30px;
    margin: 0 auto 20px;
    padding: 0 0 0 25px;
    text-align: left;
    width: 915px;
}
#contents {
    margin: 0 auto;
}
#main {
    margin: 0 auto;
    padding: 0;
}
#main .inner {
    padding: 3%;
}
.att {
    color: #ef3072;
}
.pink {
    color: #fe408b;
}
#breadcrumb li {
    float: left;
}
#breadcrumb li a {
    color: #fff;
}
#breadcrumb li a:hover {
    text-decoration: none;
}
.cast {
    margin: 0 -10px 0 0;
    width: 950px;
}

#extra {
    background: #FFFFFF;
    padding: 5% 1% 1%;
}
#extra #banner_u {
    width: 100%;
}
#extra #banner_u a {
    display: block;
    width: 100%;
}
#extra #banner_u li {
    margin: 0 0 1%;
    width: 100%;
}
#extra #banner_l {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#extra #banner_l a {
    display: block;
    width: 100%;
}
#extra #banner_l figure {
    display: table-cell;
    vertical-align: middle;
}
#foot {
    background: rgba(0, 0, 0, 0) url("../img/foot_nav_bk.jpg") repeat scroll 0 0 / 100% auto;
    margin: 0 auto;
    padding: 0;
}
#foot h1 {
    margin: 0 0 2%;
}
#foot ul {
    display: table;
    margin: 0 auto 1.5%;
    table-layout: fixed;
    width: 100%;
}
#foot ul li {
    display: table-cell;
    width: 50%;
}
footer {
    background: #FFFFFF;
    bottom: 0;
    clear: both;
    color: #000;
    font-size: 12px;
    height: 35px;
    /*padding: 10px 0;*/
    width: 100%;
}
footer ul {
    display: table;
    table-layout: fixed;
    width: 90%;
}
footer ul li {
    display: table-cell;
    vertical-align: middle;
}
footer ul li:first-child {
    width: 70%;
}
footer ul li:first-child p span {
    font-size: 7px;
}
footer ul li:last-child {
    width: 20%;
}
footer ul li:last-child img {
    padding: 0 1% 0 0;
}
#extra #banner_l {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#extra #banner_l a {
    display: block;
    width: 100%;
}
#extra #banner_l figure {
    display: table-cell;
    vertical-align: middle;
}
#extra #banner_l figure:last-child {
    left: 1px;
    position: relative;
}


/*opinion
--------------------------------------------------------------------*/

body#contact{
  margin: 0;
  padding: 0;
  color: #000;
  font-family: 'Hiragino Mincho ProN', serif;
}

body#contact #wrap{
  width: 100%;max-width: 640px;
  margin: 0 auto;
}

body#contact header{text-align: center;}
body#contact header h1{margin: 0;padding: 0;background-color: #754893;color: #ffffff;font-size: 16px;font-weight: normal;}

body#contact #wrap #container>h2{
  margin: 0;
  padding: 0;
  line-height: 100%;
}

body#contact #wrap #container>p{
  margin: 10px;
  font-size: 16px;
}

body#contact footer{ height: 0; line-height: 1.5; text-align: center; }
body#contact footer p{ margin: 2em auto 0 auto; }

.red{
  color: #c9011f;
}
.orange{ color: #754893;}

body#contact #opinion{
  padding: 10px;
  font-size: 16px;
}
body#contact #opinion h3{ margin: 0; padding: 0;font-size: 16px; }
body#contact #opinion fieldset{
  padding: 10px 0;
  border: 0px;
  font-size: 16px;
}
body#contact #opinion fieldset input{
  width: 20em;
　box-sizing: border-box;
　-webkit-box-sizing: border-box;
  margin-top: .5em;
  margin-left: 10px;
  margin-right: 10px;
  padding: 7.5px;
  border: 1px solid #666666;
  font-size: 16px;
}
body#contact #opinion fieldset div{
  margin-top: 5px;
  width: 100%;
  display: block;
}
body#contact #opinion textarea{
  height: 6em;
  margin: .5em 10px;
  border: 1px solid #666666;
  font-size: 16px;
  font-family: "Meiryo", "メイリオ", sans-serif;
}
body#contact #opinion .ta-c { text-align: center; }

body#contact #opinion .ta-c input{
  display: inline-block;
  padding: .3em 1em;
  border: 2px solid #754893;
  letter-spacing: 4px;
  font-size: 16px;
  color: #000;
  background-color: #efefef;
}

body#contact #opinion form table tbody tr{
  line-height: 2;
}

body#contact ul{
  margin: 1em 15px 0;
  padding: 0;
}
body#contact li{
  margin: 0;
  font-size: 16px;
  list-style-type: none;
  line-height: 1.5em;
}

/*review
--------------------------------------------------------------------*/

body#review{ margin: 0; padding: 0; color: #000; font-family: "Meiryo", "メイリオ", sans-serif; }
body#review #wrap { width: 100%; max-width: 640px; margin: 0 auto; }

body#review header{text-align: center;}
body#review header h1{margin: 0;padding: 0;background-color: #754893;color: #ffffff;font-size: 16px;font-weight: normal;}

body#review #wrap #container p{ margin: 14px; font-size: 16px; line-height: 1.5;}

footer{ text-align: center; }

.red{ color: #c9011f; }

body#review #opinion fieldset div{ margin-top: 5px; width: 16em; float: left; }
body#review #opinion .form { text-align: center;}
body#review #opinion .form input { width: 90%; font-size: 16px; }
body#review #opinion .form select { font-size: 16px; }
body#review #opinion .ta-c{ text-align: center; }
body#review #opinion .ta-c input { display: inline-block; padding: .3em 1em; border: 2px solid #754893; letter-spacing: 4px; font-size: 16px; color: #000; }

body#review ul{ margin: 2em 15px; padding: 0;}
body#review li{ margin: 0; padding-left: 1em; padding-bottom: .25em; font-size: 18px; list-style-type: none; line-height: 1.5em; }

body#review th.title { text-align: left;}