@charset "UTF-8";
/*********************
* 変数の定義
**********************/
/*********************
* ヘッダ
**********************/
header {
  position: fixed;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  z-index: 800;
}
header .menuBtn {
  width: 56px;
  height: 56px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
header .menuBtn span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 16px;
}
header .menuBtn span:first-child {
  top: 20px;
}
header .menuBtn span:nth-child(2) {
  top: 27px;
}
header .menuBtn span:nth-child(3) {
  top: 34px;
}
/*********************
* mixin
**********************/
/*********************
* セクション・共通
**********************/
section {
  position: absolute;
  top: 0;
  visibility: hidden;
  height: 100vh;
  overflow: hidden;
  opacity: 0;
  transition-duration: 1s;
}
section img[src$=".svg"] {
  width: 100%;
}
section.show {
  visibility: visible;
  opacity: 1;
}
section.index {
  position: relative;
}
section.index .logo {
  margin: 0;
  width: 175px;
  width: 12.83%;
  position: absolute;
  top: 5.2%;
  left: 5.15%;
}
@media screen and (max-width: 767px) {
  section.index .logo {
    top: 5.5357142857vh;
    left: 5.7333333333vw;
    width: 23.312vw;
  }
}
section.index .title {
  margin: 0;
  font-size: 0;
  width: 100%;
  text-align: center;
  line-height: 50vh;
}
@media screen and (max-width: 767px) {
  section.index .title {
    margin: 30.3571428571vh 0 0;
    padding-bottom: 0;
    line-height: 1;
  }
}
section.index .title img {
  width: 50%;
  max-width: 500px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  section.index .title img {
    width: auto;
    max-width: none;
    height: 6.25vh;
  }
}
section.index .index_body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 50vh;
  background-color: #fff;
}
section.index .sliderWrapper .slider {
  height: 350px;
  background-size: auto 100%;
  animation: animatedBackgroundPC 40s linear infinite;
}
@media screen and (max-width: 979px) {
  section.index .sliderWrapper .slider {
    height: 250px;
    animation-name: animatedBackgroundTAB;
  }
}
@media screen and (max-width: 767px) {
  section.index .sliderWrapper .slider {
    height: 100px;
    animation-name: animatedBackgroundSP;
  }
}
section.index .scroll {
  padding-top: 5vh;
  height: 15vh;
}
@media screen and (max-width: 767px) {
  section.index .scroll {
    padding-top: 6.5178571429vh;
    height: 17.6785714286vh;
  }
}
section.index .scroll .scroll_btn {
  text-align: center;
}
section.index .scroll .scroll_btn img {
  width: 2.35%;
}
@media screen and (max-width: 767px) {
  section.index .scroll .scroll_btn img {
    width: auto;
    height: 5.7098214286vh;
  }
}
section.page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 767px) {
  section.page {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
section.page .page_photo {
  width: 43.99%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #d7d7d7;
  transition-duration: 1.5s;
  transform: translate(0, -50px);
}
@media screen and (max-width: 767px) {
  section.page .page_photo {
    display: none;
  }
}
section.page .page_photo_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  section.page .page_photo_sp {
    display: block;
    width: 100%;
    height: 52.1428571429vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #d7d7d7;
    transition-duration: 1.5s;
    transform: translate(0, -50px);
  }
}
@media screen and (max-width: 320px) {
  section.page .page_photo_sp {
    background-position: top center;
  }
}
section.page.up .page_photo, section.page.up .page_photo_sp {
  transform: translate(0, 50px);
}
section.page.down .page_photo, section.page.down .page_photo_sp {
  transform: translate(0, -50px);
}
section.page.hide.up .page_photo, section.page.hide.up .page_photo_sp {
  transform: translate(0, -50px);
}
section.page.hide.down .page_photo, section.page.hide.down .page_photo_sp {
  transform: translate(0, 50px);
}
section.page.show .page_photo, section.page.show .page_photo_sp {
  transform: translate(0, 0) !important;
}
section.page.show .page_detail {
  opacity: 1;
}
section.page .page_detail {
  width: 56.01%;
  padding: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  opacity: 0;
  transition-duration: 1.2s;
  transition-delay: 0.3s;
}
@media screen and (max-width: 767px) {
  section.page .page_detail {
    width: 100%;
    height: 47.8571428571vh;
    padding: 0;
    justify-content: flex-start;
  }
}
section.page .page_detail .detail_contents .contents_title {
  margin: 0 0 70px;
  font-size: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  section.page .page_detail .detail_contents .contents_title {
    position: absolute;
    top: 15px;
    left: 37px;
    margin-bottom: 0;
  }
  section.page .page_detail .detail_contents .contents_title img {
    width: auto;
    height: 11px;
  }
}
section.page .page_detail .detail_contents .contents_title span {
  display: inline-block;
  vertical-align: middle;
}
section.page .page_detail .detail_contents .contents_title span.num {
  width: 26px;
  padding-bottom: 5px;
  border-bottom: solid 2px #a4a4a4;
  margin-right: 26px;
}
@media screen and (max-width: 767px) {
  section.page .page_detail .detail_contents .contents_title span.num {
    margin-right: 13px;
    width: 20px;
    padding-bottom: 1px;
  }
}
section.page .page_detail .detail_contents .contents_subtitle {
  margin: 0 0 70px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  section.page .page_detail .detail_contents .contents_subtitle {
    margin-top: 53px;
    margin-bottom: 15px;
    max-width: calc(100vw - 20px);
  }
}
section.page .page_detail .detail_contents .contents_text {
  font-size: 14px;
  font-weight: 300;
  line-height: 2.15;
}
@media screen and (max-width: 767px) {
  section.page .page_detail .detail_contents .contents_text {
    font-size: 12px;
    line-height: 2;
    max-width: calc(100vw - 20px);
  }
}
section.page .page_detail .detail_contents .contents_text p {
  margin: 0;
}
section.page .page_detail .detail_pagination {
  width: 37px;
  font-size: 0;
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  section.page .page_detail .detail_pagination {
    display: none;
  }
}
section.page.reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  section.page.reverse {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-03 .page_detail .detail_contents .contents_text {
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-07 .page_detail .detail_contents .contents_text, section.usagi.page.page-07 .page_detail .detail_contents .contents_text, section.medaka.page.page-06 .page_detail .detail_contents .contents_text, section.hanashi.page.page-07 .page_detail .detail_contents .contents_text, section.medaka.page.page-03 .page_detail .detail_contents .contents_text {
    line-height: 1.5;
  }
}
section.page .dots_pagination {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  section.page .dots_pagination {
    top: auto;
    bottom: 15px;
    left: 0;
    right: 0;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
section.page .dots_pagination span {
  display: block;
  border-radius: 100px;
  background-color: #000;
  opacity: 0.25;
  width: 10px;
  height: 10px;
  margin: 15px 0;
}
@media screen and (max-width: 767px) {
  section.page .dots_pagination span {
    width: 5px;
    height: 5px;
    margin: 0 12.5px;
  }
}
section.page .dots_pagination section.page.page-01 .dots_pagination span:nth-of-type(1), section.page.page-01 .dots_pagination section.page .dots_pagination span:nth-of-type(1), section.page .dots_pagination section.page.page-02 .dots_pagination span:nth-of-type(2), section.page.page-02 .dots_pagination section.page .dots_pagination span:nth-of-type(2), section.page .dots_pagination section.page.page-03 .dots_pagination span:nth-of-type(3), section.page.page-03 .dots_pagination section.page .dots_pagination span:nth-of-type(3), section.page .dots_pagination section.page.page-04 .dots_pagination span:nth-of-type(4), section.page.page-04 .dots_pagination section.page .dots_pagination span:nth-of-type(4), section.page .dots_pagination section.page.page-05 .dots_pagination span:nth-of-type(5), section.page.page-05 .dots_pagination section.page .dots_pagination span:nth-of-type(5), section.page .dots_pagination section.page.page-06 .dots_pagination span:nth-of-type(6), section.page.page-06 .dots_pagination section.page .dots_pagination span:nth-of-type(6), section.page .dots_pagination section.page.page-07 .dots_pagination span:nth-of-type(7), section.page.page-07 .dots_pagination section.page .dots_pagination span:nth-of-type(7) {
  opacity: 0.75;
}
section.sakura.page.page-07 .page_photo, section.usagi.page.page-07 .page_photo, section.medaka.page.page-06 .page_photo, section.hanashi.page.page-07 .page_photo {
  width: 100%;
  height: 100vh;
}
section.sakura.page.page-07 .page_detail, section.usagi.page.page-07 .page_detail, section.medaka.page.page-06 .page_detail, section.hanashi.page.page-07 .page_detail {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #fff;
  padding: 30px 24px 24px;
  width: auto;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-07 .page_detail, section.usagi.page.page-07 .page_detail, section.medaka.page.page-06 .page_detail, section.hanashi.page.page-07 .page_detail {
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
    background-color: transparent;
    padding: 0;
    width: 100%;
  }
}
section.sakura.page.page-07 .page_detail .detail_contents .contents_title, section.usagi.page.page-07 .page_detail .detail_contents .contents_title, section.medaka.page.page-06 .page_detail .detail_contents .contents_title, section.hanashi.page.page-07 .page_detail .detail_contents .contents_title {
  margin-bottom: 0;
  float: left;
  position: absolute;
  top: 31px;
  left: 24px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-07 .page_detail .detail_contents .contents_title, section.usagi.page.page-07 .page_detail .detail_contents .contents_title, section.medaka.page.page-06 .page_detail .detail_contents .contents_title, section.hanashi.page.page-07 .page_detail .detail_contents .contents_title {
    top: 15px;
    left: 37px;
  }
}
section.sakura.page.page-07 .page_detail .detail_contents .contents_title span.main, section.usagi.page.page-07 .page_detail .detail_contents .contents_title span.main, section.medaka.page.page-06 .page_detail .detail_contents .contents_title span.main, section.hanashi.page.page-07 .page_detail .detail_contents .contents_title span.main {
  width: 91px !important;
}
section.sakura.page.page-07 .page_detail .detail_contents .contents_subtitle, section.usagi.page.page-07 .page_detail .detail_contents .contents_subtitle, section.medaka.page.page-06 .page_detail .detail_contents .contents_subtitle, section.hanashi.page.page-07 .page_detail .detail_contents .contents_subtitle {
  margin-bottom: 17px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-07 .page_detail .detail_contents .contents_subtitle, section.usagi.page.page-07 .page_detail .detail_contents .contents_subtitle, section.medaka.page.page-06 .page_detail .detail_contents .contents_subtitle, section.hanashi.page.page-07 .page_detail .detail_contents .contents_subtitle {
    padding-right: 0;
    margin-bottom: 15px;
    text-align: left;
  }
}
section.sakura.page.page-07 .page_detail .detail_contents .contents_subtitle img, section.usagi.page.page-07 .page_detail .detail_contents .contents_subtitle img, section.medaka.page.page-06 .page_detail .detail_contents .contents_subtitle img, section.hanashi.page.page-07 .page_detail .detail_contents .contents_subtitle img {
  width: 232px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-07 .page_detail .detail_contents .contents_subtitle img, section.usagi.page.page-07 .page_detail .detail_contents .contents_subtitle img, section.medaka.page.page-06 .page_detail .detail_contents .contents_subtitle img, section.hanashi.page.page-07 .page_detail .detail_contents .contents_subtitle img {
    width: 180px;
  }
}
section.sakura.page.page-07 .page_detail .detail_contents .contents_text p, section.usagi.page.page-07 .page_detail .detail_contents .contents_text p, section.medaka.page.page-06 .page_detail .detail_contents .contents_text p, section.hanashi.page.page-07 .page_detail .detail_contents .contents_text p {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-07 .page_detail .detail_contents .contents_text p span.sp_lb, section.usagi.page.page-07 .page_detail .detail_contents .contents_text p span.sp_lb, section.medaka.page.page-06 .page_detail .detail_contents .contents_text p span.sp_lb, section.hanashi.page.page-07 .page_detail .detail_contents .contents_text p span.sp_lb {
    display: block;
  }
}
section.sakura {
  background-color: #ffe5eb;
}
section.usagi {
  background-color: #e5f1d4;
}
section.medaka {
  background-color: #fce6cc;
}
section.hanashi {
  background-color: #ddeef1;
}
@keyframes animatedBackgroundPC {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2255.8064516129px 0;
  }
}
@keyframes animatedBackgroundTAB {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1611.2903225807px 0;
  }
}
@keyframes animatedBackgroundSP {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -644.5161290323px 0;
  }
}
/*********************
* セクション・さくら
**********************/
section.sakura.page .page_detail .detail_contents .contents_title span.main {
  width: 62px;
}
section.sakura.page.page-01 .page_detail .detail_contents .contents_subtitle {
  width: 222px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-01 .page_detail .detail_contents .contents_subtitle {
    width: 180px;
  }
}
section.sakura.page.page-02 .page_detail .detail_contents .contents_subtitle {
  width: 318px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-02 .page_detail .detail_contents .contents_subtitle {
    width: 252px;
  }
}
section.sakura.page.page-03 .page_detail .detail_contents .contents_subtitle {
  width: 294px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-03 .page_detail .detail_contents .contents_subtitle {
    width: 234px;
  }
}
section.sakura.page.page-04 {
  display: block;
}
section.sakura.page.page-04 .page_detail .detail_contents .contents_subtitle {
  width: 294px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-04 .page_detail .detail_contents .contents_subtitle {
    width: 234px;
  }
}
section.sakura.page.page-04 .page_photo {
  width: 100%;
  height: 100vh;
}
section.sakura.page.page-04 .page_detail {
  width: 378px;
  padding: 45px 40px 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffe5eb;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-04 .page_detail {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 0;
    width: 100%;
  }
}
section.sakura.page.page-04 .page_detail .detail_contents .contents_title {
  margin-bottom: 63px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-04 .page_detail .detail_contents .contents_title {
    margin-bottom: 0;
  }
}
section.sakura.page.page-04 .page_detail .detail_contents .contents_subtitle {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-04 .page_detail .detail_contents .contents_subtitle {
    margin-bottom: 15px;
  }
}
section.sakura.page.page-04 .page_pagination {
  width: 68px;
  font-size: 0;
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-04 .page_pagination {
    display: none;
  }
}
section.sakura.page.page-05 .page_detail .detail_contents .contents_subtitle {
  width: 316px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-05 .page_detail .detail_contents .contents_subtitle {
    width: 252px;
  }
}
section.sakura.page.page-06 .page_detail .detail_contents .contents_subtitle {
  width: 285px;
}
@media screen and (max-width: 767px) {
  section.sakura.page.page-06 .page_detail .detail_contents .contents_subtitle {
    width: 216px;
  }
}
/*********************
* セクション・うさぎ
**********************/
section.usagi.index .title span.main {
  width: 256px;
}
section.usagi.page .page_detail .detail_contents .contents_title span.main {
  width: 64px;
}
section.usagi.page.page-01 .page_detail .detail_contents .contents_subtitle {
  width: 281px;
}
@media screen and (max-width: 767px) {
  section.usagi.page.page-01 .page_detail .detail_contents .contents_subtitle {
    width: 216px;
  }
}
section.usagi.page.page-02 .page_detail .detail_contents .contents_subtitle {
  width: 208px;
}
@media screen and (max-width: 767px) {
  section.usagi.page.page-02 .page_detail .detail_contents .contents_subtitle {
    width: 162px;
  }
}
section.usagi.page.page-03 .page_detail .detail_contents .contents_subtitle {
  width: 165px;
}
@media screen and (max-width: 767px) {
  section.usagi.page.page-03 .page_detail .detail_contents .contents_subtitle {
    width: 126px;
  }
}
section.usagi.page.page-04 .page_detail .detail_contents .contents_subtitle {
  width: 232px;
}
@media screen and (max-width: 767px) {
  section.usagi.page.page-04 .page_detail .detail_contents .contents_subtitle {
    width: 180px;
  }
}
section.usagi.page.page-05 .page_detail .detail_contents .contents_subtitle {
  width: 187px;
}
@media screen and (max-width: 767px) {
  section.usagi.page.page-05 .page_detail .detail_contents .contents_subtitle {
    width: 144px;
  }
}
section.usagi.page.page-06 .page_detail .detail_contents .contents_subtitle {
  width: 187px;
}
@media screen and (max-width: 767px) {
  section.usagi.page.page-06 .page_detail .detail_contents .contents_subtitle {
    width: 144px;
  }
}
/*********************
* セクション・めだか
**********************/
section.medaka.index .title span.main {
  width: 261px;
}
section.medaka.page .page_detail .detail_contents .contents_title span.main {
  width: 66px;
}
section.medaka.page.page-01 .page_detail .detail_contents .contents_subtitle {
  width: 208px;
}
@media screen and (max-width: 767px) {
  section.medaka.page.page-01 .page_detail .detail_contents .contents_subtitle {
    width: 162px;
  }
}
section.medaka.page.page-02 .page_detail .detail_contents .contents_subtitle {
  width: 308px;
}
@media screen and (max-width: 767px) {
  section.medaka.page.page-02 .page_detail .detail_contents .contents_subtitle {
    width: 234px;
  }
}
section.medaka.page.page-03 .page_detail .detail_contents .contents_subtitle {
  width: 282px;
}
@media screen and (max-width: 767px) {
  section.medaka.page.page-03 .page_detail .detail_contents .contents_subtitle {
    width: 216px;
  }
}
section.medaka.page.page-04 .page_detail .detail_contents .contents_subtitle {
  width: 330px;
}
@media screen and (max-width: 767px) {
  section.medaka.page.page-04 .page_detail .detail_contents .contents_subtitle {
    width: 252px;
  }
}
section.medaka.page.page-05 .page_detail .detail_contents .contents_subtitle {
  width: 251px;
}
@media screen and (max-width: 767px) {
  section.medaka.page.page-05 .page_detail .detail_contents .contents_subtitle {
    width: 198px;
  }
}
/*********************
* セクション・はなし
**********************/
section.hanashi.index .title span.main {
  width: 257px;
}
section.hanashi.page .page_detail .detail_contents .contents_title span.main {
  width: 65px;
}
section.hanashi.page.page-01 .page_detail .detail_contents .contents_subtitle {
  width: 260px;
}
@media screen and (max-width: 767px) {
  section.hanashi.page.page-01 .page_detail .detail_contents .contents_subtitle {
    width: 198px;
  }
}
section.hanashi.page.page-02 .page_detail .detail_contents .contents_subtitle {
  width: 308px;
}
@media screen and (max-width: 767px) {
  section.hanashi.page.page-02 .page_detail .detail_contents .contents_subtitle {
    width: 234px;
  }
}
section.hanashi.page.page-03 .page_detail .detail_contents .contents_subtitle {
  width: 304px;
}
@media screen and (max-width: 767px) {
  section.hanashi.page.page-03 .page_detail .detail_contents .contents_subtitle {
    width: 234px;
  }
}
section.hanashi.page.page-04 .page_detail .detail_contents .contents_subtitle {
  width: 378px;
}
@media screen and (max-width: 767px) {
  section.hanashi.page.page-04 .page_detail .detail_contents .contents_subtitle {
    width: 288px;
  }
}
section.hanashi.page.page-05 .page_detail .detail_contents .contents_subtitle {
  width: 278px;
}
@media screen and (max-width: 767px) {
  section.hanashi.page.page-05 .page_detail .detail_contents .contents_subtitle {
    width: 216px;
  }
}
section.hanashi.page.page-06 .page_detail .detail_contents .contents_subtitle {
  width: 260px;
}
@media screen and (max-width: 767px) {
  section.hanashi.page.page-06 .page_detail .detail_contents .contents_subtitle {
    width: 198px;
  }
}
/*# sourceMappingURL=./seasons-shiki.css.map */