@charset "UTF-8";
/* ================================================

- Base

================================================ */
/* ================================================

- 

================================================ */
body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ================================================

- フォント

================================================ */
.kozukaMincho {
  font-family: kozuka-mincho-pro, serif;
  font-weight: 300;
  font-style: normal;
}

.garamond {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
}

.NotoSerif {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}

.century {
  font-family: century-old-style-std, serif;
  font-weight: 400;
  font-style: normal;
}

.centuryB {
  font-family: century-old-style-std, serif;
  font-weight: 700;
  font-style: normal;
}

/* ================================================

- 

================================================ */
.transition3, .lozad {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.lozad {
  opacity: 0;
}

.lozad[data-loaded=true] {
  opacity: 1;
}

.indentKome p {
  position: relative;
  padding: 0 0 0 16px;
}
.indentKome p::before {
  display: block;
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

/* RWD表示切り替え
---------------------------------------------------------------------------- */
@media all and (min-width: 768px) {
  .nopc {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .nosp {
    display: none !important;
  }
}
/* ================================================

- メインビジュアル

================================================ */
.slider__item .slider__item__bg {
  padding-top: 71.81818%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}
.slider__item .slider__item__bg .slider__item__lead {
  width: 79.091vw;
  position: absolute;
  top: 5.455vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 568px) {
  .slider__item .slider__item__bg {
    padding-top: 0;
    height: 55vh;
  }
  .slider__item .slider__item__bg .slider__item__lead {
    width: 94vw;
    top: 7vw;
  }
}
/* ================================================

- 360vr

================================================ */
.bnr360__wrap {
  padding: 33px 0 37px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a1e5f+28,1e0026+100 */
  background: #2a1e5f; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(28%, #2a1e5f), to(#1e0026));
  background: linear-gradient(to bottom, #2a1e5f 28%, #1e0026 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2a1e5f", endColorstr="#1e0026",GradientType=0 ); /* IE6-9 */
}

.bnr360__ttl {
  font-size: 1.9rem;
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
  color: #AA9649;
}

.bnr360__catch {
  margin-top: 13px;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  color: #FFFFFF;
}

.bnr360__content {
  max-width: 454px;
  margin: 24px auto 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.bnr360__content:hover {
  opacity: 0.7;
}

/* @media screen */
@media screen and (max-width: 568px) {
  .bnr360__wrap {
    padding: 20px 3.2vw 22px;
  }
  .bnr360__ttl {
    font-size: 5.0666666667vw;
    text-align: center;
  }
  .bnr360__catch {
    margin-top: 13px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .bnr360__catch span {
    display: block;
  }
  .bnr360__content {
    margin: 15px auto 0;
  }
}