@charset "UTF-8";
@import url(_ress.css);
/* ========================================================
common
=========================================================*/
html, body {
  height: 100%;
  font-family: 'Yu Gothic Pr6N W50 M', "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  color: #000;
  line-height: 1.8; }

html {
  background: #000; }

body {
  font-size: 14px; }

a {
  color: #222;
  text-decoration: underline;
  cursor: pointer; }

section {
  position: relative; }

li {
  list-style: none; }

a:hover {
  opacity: .5;
  -webkit-transition: all .6s ease-out;
  -o-transition: all .6s ease-out;
  transition: all .6s ease-out; }
  @media (max-width: 1023px) {
    a:hover {
      opacity: 1; } }

img {
  vertical-align: bottom; }

/* ========================================================
TOP
=========================================================*/
main h1 {
  margin-bottom: 40px; }
  main h1 img {
    width: 100%; }

header {
  width: 100%; }
  header ul.lnav {
    display: block;
    margin-top: -1px; }
    header ul.lnav li {
      display: inline-block;
      width: 50%; }
      header ul.lnav li img {
        width: 100%; }
  header ul.gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    header ul.gnav li {
      display: inline-block;
      width: 33.3333%; }
      header ul.gnav li img {
        width: 100%; }

.box-btn {
  width: 100%;
  text-align: center;
  background: #222 url(../../img/gnav_bg_sp.png) no-repeat top center; }
  .box-btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center; }
    .box-btn ul li {
      display: inline-block;
      width: 25%;
      /*&:last-child {
				width: 100%;
			}*/ }
      .box-btn ul li a.disable {
        opacity: .2;
        cursor: default; }
        .box-btn ul li a.disable:hover {
          opacity: .2; }
      .box-btn ul li a:hover {
        opacity: .6;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
      .box-btn ul li a img {
        width: 90%;
        margin: 0 auto; }

.box-localnav {
  width: 90%;
  margin: 0 auto; }
  .box-localnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0; }
    .box-localnav ul li img {
      width: 100%; }

#sec-movie {
  background: #000 url(../../img/footer_sp.png) no-repeat top center;
  background-size: 100% auto;
  padding: 20px; }
  #sec-movie h2 {
    color: #fff100;
    text-align: center;
    font-size: 8vw; }
  #sec-movie article .iframe-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    #sec-movie article .iframe-wrap iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  #sec-movie article p {
    color: #fff;
    font-size: 4vw;
    text-align: left;
    font-weight: bold;
    margin-bottom: 2vh;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc; }
    #sec-movie article p span {
      padding-right: 5px; }
    #sec-movie article p.common span {
      color: #fff; }

.sec-bnr {
  margin-top: 20px; }
  .sec-bnr ul {
    width: 100%;
    text-align: center; }
    .sec-bnr ul li {
      width: 100%;
      display: block;
      margin-bottom: 50px; }
      .sec-bnr ul li img {
        width: 90%; }

#sec-comment {
  width: 100%;
  text-align: center; }
  #sec-comment h2 {
    color: #fff100;
    text-align: center;
    font-size: 8vw; }
  #sec-comment img {
    width: 90%; }

.list-bnr {
  margin-top: 50px; }
  .list-bnr ul {
    width: 100%;
    text-align: center; }
    .list-bnr ul li {
      width: 50%;
      display: inline-block;
      margin-bottom: 50px;
      text-align: center; }
      .list-bnr ul li img {
        width: 90%; }

footer {
  margin-bottom: 20px; }
  footer .copyright {
    min-height: 25px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 10px 0 8px; }

#switchSphone2PC {
  margin-bottom: 20px; }
  #switchSphone2PC p {
    font-size: 25px;
    text-align: center;
    color: #fff; }
    #switchSphone2PC p a {
      color: #fff; }

/* ========================================================
下層ページ
=========================================================*/
.lowerpage #main-content {
  width: 100%;
  margin: 10px auto 0;
  overflow: hidden; }
  .lowerpage #main-content h1 {
    display: block;
    margin-bottom: 20px; }
    .lowerpage #main-content h1 img {
      width: 100%; }
  .lowerpage #main-content nav.localnav {
    width: 90%;
    margin: 20px auto 0; }
    .lowerpage #main-content nav.localnav h1 {
      display: none; }
    .lowerpage #main-content nav.localnav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .lowerpage #main-content nav.localnav ul li {
        width: 50%; }
        .lowerpage #main-content nav.localnav ul li a {
          display: block; }
          .lowerpage #main-content nav.localnav ul li a img {
            width: 100%; }
  .lowerpage #main-content h2.alh {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border: 9px solid #383838; }
    .lowerpage #main-content h2.alh .wrap .slick01 {
      width: 90%;
      margin: 0 auto; }
  .lowerpage #main-content h2 img {
    display: block;
    width: 90%;
    margin: 0 auto; }
  .lowerpage #main-content .content-txt {
    display: none; }