@charset "UTF-8";
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio, canvas, iframe, img, svg, video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  color: #333;
  font: 14px/1.8em "游ゴシック", "Yu Gothic", "YuGothic", Arial, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Roboto, "Droid Sans", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
  margin: 0; }

h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0; }

dd {
  margin-left: 0; }

a {
  color: #333; }

a:focus {
  border: 0;
  outline: 0; }

ul, ol {
  margin: 0;
  padding-left: 0; }
  ul li, ol li {
    list-style: none; }

img {
  max-width: 100%;
  height: auto;
  *zoom: 1; }

* {
  box-sizing: border-box; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.invisible {
  visibility: hidden; }

.clearfix {
  *zoom: 1; }
  .clearfix:before {
    content: " ";
    display: table; }
  .clearfix:after {
    content: " ";
    display: table;
    clear: both; }

/* FONT */
/* FONT */
@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?79851357");
  src: url("../font/fontello.eot?79851357#iefix") format("embedded-opentype"), url("../font/fontello.woff?79851357") format("woff"), url("../font/fontello.ttf?79851357") format("truetype"), url("../font/fontello.svg?79851357#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  position: relative;
  min-width: 1000px; }

a {
  text-decoration: none; }

.wrap {
  margin: 0 auto;
  width: 960px; }

.fLeft {
  float: left; }

.fRight {
  float: right; }

.sp {
  display: none; }

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000; }

.header_sp {
  display: none; }

.menu_sp {
  display: none i; }

.header_pc {
  position: relative;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  padding: 20px 0;
  background: url(../images/share/bg_header.png) top center; }
  .header_pc .logo {
    width: 100px;
    float: left;
    margin-right: 20px; }
  .header_pc .txt {
    width: 630px;
    float: left; }
  .header_pc .social {
    width: 190px;
    float: right;
    margin-left: -10px; }
    .header_pc .social a {
      display: inline-block;
      margin-left: 10px; }
      .header_pc .social a:hover img {
        opacity: .7; }

.menu_pc {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  color: #fff;
  font-size: 114.28571%;
  width: 100%;
  margin: 0 auto;
  background: #333; }
  .menu_pc .wrap {
    width: 1000px; }
  .menu_pc ul {
    width: 910px;
    float: left;
    /*li {
      display: table-cell;
      width: 182.5px;
      padding: 20px 0 20px 35px;
      vertical-align: middle;
      a {
        display: inline-block;
        color: #fff;
        height: 50px;
        padding-left: 10px;
        margin-right: 10px;
        &.pink {
           border-left: 4px solid #ff5c86;
        }
        &.aqua {
           border-left: 4px solid #5ba0ff;
        }
        &.orange {
          line-height: 50px;
          border-left: 4px solid #fe601d;
        }
        &.white {
          line-height: 50px;
          border-left: 4px solid #fff;
        }
      }
      &:hover {
        background: #212121;
      }
      &.active {
        background: #212121;
      }
    }*/ }
    .menu_pc ul li {
      display: table;
      float: left;
      width: 224px; }
      .menu_pc ul li a {
        display: table-cell;
        padding: 20px 0 20px 35px;
        color: #fff;
        vertical-align: middle; }
        .menu_pc ul li a span {
          display: inline-block;
          padding-left: 10px;
          height: 50px; }
          .menu_pc ul li a span img {
            margin-left: .3em; }
          .menu_pc ul li a span.pink {
            border-left: 4px solid #ff5c86; }
          .menu_pc ul li a span.aqua {
            border-left: 4px solid #5ba0ff; }
          .menu_pc ul li a span.orange {
            line-height: 50px;
            border-left: 4px solid #fe601d; }
          .menu_pc ul li a span.white {
            line-height: 50px;
            border-left: 4px solid #fff; }
      .menu_pc ul li:hover {
        background: #212121; }
      .menu_pc ul li.active {
        background: #212121; }
  .menu_pc .close_menu_pc {
    display: block;
    width: 50px;
    float: right;
    margin: 20px 20px 0 0; }
    .menu_pc .close_menu_pc:hover img {
      opacity: .7; }

.content .mv {
  position: relative;
  width: 1000px;
  margin: 0 auto; }
  .content .mv .item {
    position: relative; }

.sns_box {
  margin-bottom: 3em !important; }
  .sns_box .fb_box {
    float: left;
    width: 49%; }
  .sns_box .tw_box {
    float: right;
    width: 49%; }

footer .connect {
  padding: 60px 0 10px 0;
    /*.fb {
      width: 860px;
      margin: 0 auto;
      padding: 0 60px;

    }*/ }
  footer .connect ul li {
    float: left;
    margin-right: 15px; }
    footer .connect ul li a {
      position: relative;
      display: inline-block;
      padding-left: 16px;
      text-decoration: underline;
      color: #fe601d; }
      footer .connect ul li a:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "■";
        color: #fe601d;
        font-size: 92.85714%; }
footer .info {
  color: #fff;
  text-align: center;
  padding: 15px 0;
  background: #ff7d46; }
  footer .info .copyright {
    margin-top: 10px; }

@media only screen and (min-width: 769px) {
  .menu_sp {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  body {
    min-width: inherit; }

  #fb-root {
    display: none; }

  /* To fill the container and nothing else */
  .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
    text-align: center; }

  .sp {
    display: block; }

  .pc {
    display: none; }

  .wrap {
    margin: 0 auto;
    width: 100%; }

  .menu_pc {
    display: none !important; }

  header {
    position: static;
    width: 100%; }

  .header_pc {
    display: none !important; }

  .header_sp {
    display: block;
    width: 100%;
    background: #e95a0e; }
    .header_sp ul {
      display: table; }
      .header_sp ul li {
        width: 15%;
        display: table-cell; }
        .header_sp ul li.logo {
          display: table-cell;
          width: 55%;
          vertical-align: middle; }
          .header_sp ul li.logo img {
            width: 50%;
            height: auto; }
        .header_sp ul li img {
          width: 100%;
          height: auto; }

  .menu_sp {
    position: absolute;
    width: 100%;
    padding: 0 2%;
    background: #333;
    z-index: 100000; }
    .menu_sp ul {
      padding-left: 2%;
      padding: 3% 0; }
      .menu_sp ul li {
        padding: 4% 2% 4% 0; }
        .menu_sp ul li a {
          display: block;
          padding: 2% 2% 2% 3%;
          color: #fff;
          font-size: 128.57143%; }
          .menu_sp ul li a.pink {
            border-left: 4px solid #ff5c86; }
          .menu_sp ul li a.aqua {
            border-left: 4px solid #5ba0ff; }
          .menu_sp ul li a.orange {
            border-left: 4px solid #fe601d; }
          .menu_sp ul li a.white {
            border-left: 4px solid #fff; }
          .menu_sp ul li a img {
            margin-left: 10px; }

  .content .mv {
    position: relative;
    width: 100%;
    margin: 0 auto; }

  .sns_box {
    margin-bottom: 3em !important;
    width: 94%; }
    .sns_box .fb_box,
    .sns_box .tw_box {
      float: none;
      width: 100%; }
    .sns_box .fb_box {
      margin-bottom: 3%; }

  footer .connect {
    padding: 3% 3% 2% 3%;
    /*.fb {
      width: 100%;
      margin: 0 auto;
      padding: 5% 2%;
      text-align: center;
      overflow: hidden;
      .fb-like {
         padding: 0 28%;
      }

    }*/ }
    footer .connect ul {
      width: 100%;
      margin: 5% auto 0 auto;
      padding: 0; }
      footer .connect ul li {
        float: left;
        margin-right: 10px; }
        footer .connect ul li a {
          position: relative;
          display: inline-block;
          padding-left: 13px;
          font-size: 92.85714%;
          text-decoration: underline;
          color: #fe601d;
          /*&:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "■";
            color: #fe601d;
            @include fz(13);
          }*/ }
  footer .info {
    color: #fff;
    text-align: center;
    padding: 15px 0;
    background: #ff7d46; }
    footer .info .copyright {
      margin-top: 10px; } }
@media only screen and (max-width: 480px) {
  .header_sp {
    display: block;
    width: 100%; }
    .header_sp ul li {
      width: 20%;
      float: left; }
      .header_sp ul li.logo {
        width: 40%; }
        .header_sp ul li.logo img {
          width: 100%;
          height: auto; }
      .header_sp ul li img {
        width: 100%;
        height: auto; } }
@media only screen and (max-width: 320px) {
  footer .connect {
    padding: 3% 3% 2% 3%; }
    footer .connect .fb {
      width: 100%;
      margin: 0 auto;
      padding: 5% 2%;
      text-align: center;
      overflow: hidden; }
      footer .connect .fb .fb-like {
        padding: 0 28%; }
    footer .connect ul li a {
      font-size: 85.71429%;
      text-decoration: underline;
      color: #fe601d; }
      footer .connect ul li a:before {
        font-size: 85.71429%; } }