#page {
  background: 0 0;
}
.section {
  padding: 40px 0;
}
.s-banner {
  background: url("../images/top/bg_main.png") center;
  background-position-y: 200px;
  padding: 110px 0 20px;
background-repeat: repeat-x;
  background-size: 3000px;
  background-color: #fff;
  position: relative;
  z-index: 0;
}

.s-banner::before{
  /*content: "";
  background: url(../images/top/20th_anniv/balloon.png) center no-repeat;
  background-size: 1500px;
  position: absolute;
  top: -390px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;*/
}

.s-banner .banner-slide {
  width: 770px;
  margin: 0 auto;
  text-align: center;
}
.s-banner .banner-slide .banner-slide_item a {
  display: block;
  text-align: center;
}
.s-banner .banner-feature {
  width: 770px;
  margin: 0 auto;
}
.s-banner .banner-feature ul {
  text-align: center;
  font-size: 0;
}
.s-banner .banner-feature li {
  display: inline-block;
  margin: 7px 10px;
  /*padding: 3px 5px;*/
}
.s-banner .banner-feature li a {
  /*background: url('../images/top/bg_banner.png') no-repeat center center;*/
  /*padding: 13px 10px 6px;*/
  display: block;
}
.s-banner .banner-feature li a:focus {
  outline: none;
}
.s-news {
  background-image: url("../images/top/bg_newsTop.jpg"),
    url("../images/top/bg_news.png");
  background-repeat: repeat-x, no-repeat;
  background-position: center top, center center;
}
.s-news .btn a {
  border: 2px solid #ffd37d;
  background: linear-gradient(to bottom, #ffe7b8 0, #ffd88e 100%);
}
.s-staffblog {
  background-image: url("../images/top/bg_staffblog-01.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 1500px;
  position: relative;
  margin-bottom: -3.44px;
}

.s-staffblog::before{
  content: "";
  background: url("../images/top/bg_staffblog-02.jpg");
  background-size: contain;
  position: absolute;
  top: 0;
  z-index: -10000;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  left: 0;
}

.s-staffblog .btn a {
  border: 2px solid #a5ce74;
  background: linear-gradient(to bottom, #d5f0b6 0, #bce689 100%);
}
.s-item {
  background-image: url("../images/top/bg_item-01.png"),
    url("../images/top/bg_item-02b.png?v=2");
  background-repeat: no-repeat, repeat-x;
  background-position: center center, center top;
}
.s-item h2 {
  padding-bottom: 20px;
}
.s-item .s-item_slide .slick-slide,
.s-item .s-item_slide .slick-track {
  height: 470px;
  /*background: rgba(255, 0, 0, 0.2);*/
}
.s-item .s-item_slide .s-item_slide__item {
  width: 300px;
}
.s-item .s-item_slide .s-item_slide__item .s-item_slide_s {
  padding: 0 20px 0 20px;
}
.s-item .s-item_slide .s-item_slide__item img {
  width: 100%;
}
.s-item .s-item_slide .s-item_slide__item a {
  text-decoration: none !important;
  color: #6b3b3e;
}
.s-item .s-item_slide .s-item_slide__item a:focus {
  outline: none;
}
.s-item .s-item_slide .s-item_slide__item a .txt_wrap {
  opacity: 0;
}
.s-item .s-item_slide .s-item_slide__item[data-no="1"] a .txt_wrap {
  opacity: 1;
}
.s-item .s-item_slide .s-item_slide__item a .title {
  font-family: mplus-2c-medium, "Meiryo UI", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 26px;
  line-height: 1.2;
  margin-top: 8px;
  margin-bottom: 8px;
}
.s-item .s-item_slide .s-item_slide__item a .item_txt {
  font-size: 18px;
  line-height: 1.4;
}
/*
.s-item .s-item_slide .s-item_slide__item img {
    transform: scale(0.8);
    width: 100%
}
.s-item .s-item_slide .s-item_slide__item.slick-center img {
    transform: scale(1.08);
}
*/

/*-------------
20th_popup
---------------*/

.check--box {
  display: none;
}

#popup--20th--pre--close:checked ~ .btn--popup--close {
  opacity: 0;
  transition: all 0.8s;
}

#popup--20th--pre--close:checked ~ .btn_20th_pre {
  opacity: 0;
  transition: all 0.8s;
}

.popup--20th--pre--outer {
  display: block;
}

@media only screen and (min-width: 768px) {
  .popup--20th--pre--outer {
    position: fixed;
    right: 195px;
    bottom: 30px;
    transition: all 0.8s;
  }
}

.btn--popup--close {
  display: block;
  opacity: 1;
}

.btn--popup--close--inner {
  position: relative;
  width: 240px;
  margin: 0 auto;
  text-align: right;
}

.btn--popup--close > img {
  width: 100%;
}

.btn_20th_pre {
  display: block;
  background: url("../images/20th_pre/popup_btn_20th.png");
  width: 280px;
  height: 395px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  opacity: 1;
}

.btn_20th_pre > a {
  height: 100%;
  display: block;
}

/*----- book titles -----*/

#twenty_anniv_popup .mfp-close {
  right: 33px;
  top: 10px;
}

.book--detail {
  width: 750px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  height: 500px;
}

.detail--inner {
  width: 100%;
  margin: 0 auto;
}

.book--content {
  margin: 0 auto;
  width: 615px;
  padding-top: 80px;
  box-sizing: border-box;
}

.book--content.tit__2 {
  padding-top: 90px;
}

.book--content.tit__3 {
  padding-top: 86px;
}

.book--content.tit__4 {
  padding-top: 86px;
}

.book--content.tit__5 {
  padding-top: 92px;
}

.book--content > img {
  width: 100%;
}

.btn--book--detail {
  width: 148px;
  position: absolute;
  display: inline-block;
  bottom: 65px;
  right: 167px;
}

.book--detail.tit__1 {
  background: url("../images/20th_pre/tit_1_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__2 {
  background: url("../images/20th_pre/tit_2_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__3 {
  background: url("../images/20th_pre/tit_3_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__4 {
  background: url("../images/20th_pre/tit_4_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__5 {
  background: url("../images/20th_pre/tit_5_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__6 {
  background: url("../images/20th_pre/tit_6_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__7 {
  background: url("../images/20th_pre/tit_7_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__8 {
  background: url("../images/20th_pre/tit_8_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__9 {
  background: url("../images/20th_pre/tit_9_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__10 {
  background: url("../images/20th_pre/tit_10_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__11 {
  background: url("../images/20th_pre/tit_11_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__12 {
  background: url("../images/20th_pre/tit_12_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__13 {
  background: url("../images/20th_pre/tit_13_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__14 {
  background: url("../images/20th_pre/tit_14_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}
.book--detail.tit__15 {
  background: url("../images/20th_pre/tit_15_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__16 {
  background: url("../images/20th_pre/tit_16_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__17 {
  background: url("../images/20th_pre/tit_17_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__18 {
  background: url("../images/20th_pre/tit_18_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__19 {
  background: url("../images/20th_pre/tit_19_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

.book--detail.tit__20 {
  background: url("../images/20th_pre/tit_20_bg.png");
  background-position: center;
  background-size: 750px;
  background-repeat: no-repeat;
}

/*-------------
20th_popup
---------------*/

/*-------------
Top_20th_Special
---------------*/
.anniv--area {
  width: 770px;
  margin: 18px auto 14px auto;
}

.anniv--kv,
.anniv--kv--img {
  width: 770px;
}

.anniv--kv {
  margin-bottom: 14px;
}

.anniv--kv--img img,
.anniv--detail--btn,
.anniv--detail--btn img {
  width: 100%;
}

.anniv--detail--btn a {
  padding: 0 80px;
  display: block;
}

/*-------------
Top_20th_Special
---------------*/