@charset "UTF-8";
/* Scss Document */
/*----------------- reset ------------------*/
*,
*:before,
*:after {
  box-sizing: border-box; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; }

h1, h2, h3, ul {
  margin: 0; }

ul {
  padding: 0px; }

li {
  list-style-type: none; }

img {
  vertical-align: middle; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.is-hover-fade {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.is-hover-fade:hover {
  opacity: 0.7; }

body {
  background-color: #fff; }

.section-inner {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  overflow: hidden; }

.fancybox-close {
  background: url(../img/index/btn-close.png) no-repeat !important;
  width: 47px !important;
  height: 47px !important;
  position: absolute;
  top: -40px !important;
  right: 20px !important; }

.fancybox-opened .fancybox-skin {
  box-shadow: none !important; }

.sp-on {
  display: none; }

.logo-cero {
  display: inline-block;
  width: 54px;
  height: 62px;
  background: url(../img/index/logo-cero.png) no-repeat 0 0; }
  .logo-cero img {
    display: none; }

/*----------------- footer ------------------*/
footer {
  background-color: #3b3b3b;
  padding: 55px 0 15px 0; }
  footer .section-inner {
    max-width: 1280px; }
  footer .bnr {
    text-align: center;
    padding-bottom: 35px; }
    footer .bnr span {
      display: block;
      color: #fff;
      font-size: 16px;
      margin-top: 5px;
      text-align: center; }
    footer .bnr a {
      text-decoration: none; }
  footer .link {
    border-top: solid 1px #6a6a6a;
    border-bottom: solid 1px #6a6a6a;
    padding: 10px 0; }
    footer .link li {
      float: left;
      margin-right: 35px; }
      footer .link li a {
        position: relative;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        padding-left: 15px; }
        footer .link li a:before {
          content: "";
          width: 2px;
          height: 100%;
          background-color: #e6dbb5;
          position: absolute;
          left: 0;
          top: 0; }
  footer .copy-box {
    margin-top: 15px; }
    footer .copy-box .left {
      float: left;
      margin-right: 20px; }
    footer .copy-box .text {
      font-size: 12px;
      color: #c5c5c5; }

/*----------------- sp ------------------*/
@media (max-width: 1024px) {
  .sp-none {
    display: none !important; }

  .sp-on {
    display: block; }

  img {
    width: 100%; }

  .section-inner {
    width: 100%;
    padding: 0 2.66%; }

  .fancybox-close {
    background-size: 100% !important;
    width: 7% !important;
    height: 0 !important;
    padding-top: 12%;
    top: -5vw !important;
    right: 5% !important; }

  .logo-cero {
    width: auto;
    height: auto; }
    .logo-cero img {
      display: inline; }

  /*----------------- footer ------------------*/
  footer {
    padding: 10% 0 5% 0; }
    footer .section-inner {
      width: 100%; }
    footer .bnr {
      width: 100%;
      padding-bottom: 7%; }
      footer .bnr span {
        font-size: 3vw;
        margin-top: 1%; }
    footer .link {
      padding: 2% 0; }
      footer .link li {
        display: inline-block;
        width: 46%;
        float: none;
        margin-right: 3%; }
        footer .link li a {
          font-size: 2vw;
          padding-left: 5%; }
    footer .copy-box {
      margin-top: 3%; }
      footer .copy-box .left {
        width: 25%;
        margin: 0 auto;
        margin-bottom: 5%;
        float: none; }
      footer .copy-box .text {
        float: none;
        width: 90%;
        margin: 0 auto;
        font-size: 2vw;
        color: #c5c5c5; } }
.oo_pcimt {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  vertical-align: bottom; }
  .oo_pcimt img {
    display: none; }

@media only screen and (max-width: 1023px) {
  .oo_pcimt {
    width: auto;
    height: auto !important;
    background-image: none !important; }
    .oo_pcimt img {
      display: inline; } }
.fancybox-inner .fancybox-image,
.fancybox-wrap .fancybox-image {
  width: auto;
  height: auto;
  max-height: none;
  margin: 0 auto; }

.fancybox-skin {
  margin: 50px 0 !important;
  padding: 15px 0 !important; }

.fancybox-wrap:not(.fancybox-type-iframe) .fancybox-inner {
  height: auto !important; }

@media print, screen and (min-width: 1025px) {
  .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-inner,
  .fancybox-wrap:not(.fancybox-type-iframe) {
    width: 900px !important; } }
@media only screen and (max-width: 1023px) {
  .fancybox-inner,
  .fancybox-wrap {
    width: 90vw !important; } }

/*# sourceMappingURL=common.css.map */