@charset "UTF-8";
/* @Reference site */
/* @MEMO */
@-webkit-keyframes shakeAnime {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  25% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes shakeAnime {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  25% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@-webkit-keyframes fuwa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fuwa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.about {
  background: url(../../imgs/kansonomori/top/about/bg.png) no-repeat top center;
  background-size: auto 100%;
  height: 191.2vw;
  margin-top: -22.7vw;
  padding: 28vw 0 0;
  position: relative;
}

.about__inner {
  margin: 0 auto;
  width: 75.2vw;
}

.about__ttl {
  text-align: center;
}

.about__ttl img {
  width: 63.2vw;
}

.about__txt {
  color: #603813;
  font-size: 3.7vw;
  font-weight: bold;
  line-height: 1.57;
  margin-top: 3.2vw;
}

.about__manabi {
  margin-top: 9.3vw;
  text-align: center;
}

.about__manabi__ttl {
  background: #806042;
  border-radius: 9999px;
  color: #fff;
  display: inline-block;
  font-size: 4vw;
  font-weight: bold;
  line-height: 8.8vw;
  margin: 0 auto;
  padding: 0 5.3vw;
}

.about__manabi__txt {
  color: #603813;
  font-size: 3.7vw;
  line-height: 1.57;
  margin-top: 3.2vw;
}

.about__manabi a {
  color: #603813;
  font-size: 3.7vw;
  text-align: center;
  text-decoration: underline;
}

.about__manabi a:nth-child(4) {
  display: inline-block;
  margin-left: 2.2vw;
}

.about__offer {
  position: absolute;
  left: 2.6vw;
  bottom: 2.6vw;
  color: #fff;
  font-size: 2.6vw;
}

.anchor {
  background: url(../../imgs/kansonomori/top/header/ico_anchor_about.png) 34.6vw 46% no-repeat, #fff;
  background-size: 4.2vw 4.2vw;
  border-radius: 9999px;
  border: 0.5vw solid #603813;
  width: 41vw;
}

.anchor.-kanso {
  position: absolute;
  top: 60vw;
  left: 6.6vw;
}

.anchor.-manabi {
  position: absolute;
  top: 71.3vw;
  left: 6.6vw;
}

.anchor.-manabi img {
  margin: -0.8vw 0.2vw 0 0.5vw;
  width: 22.5vw;
}

.anchor a {
  color: #603813;
  display: block;
  font-size: 2.9vw;
  font-weight: bold;
  line-height: 9.3vw;
  padding-left: 1.8vw;
}

.anchors {
  position: absolute;
  top: 70.6vw;
  left: 6.6vw;
}

.-open .anchors {
  position: absolute;
  top: 84vw;
  left: 6.6vw;
}

.anchors__item:not(:first-child) {
  margin-top: 2.6vw;
}

.anchors__item a {
  color: #603813;
  display: block;
  font-size: 4.5vw;
  font-weight: bold !important;
  line-height: 4.2vw;
  padding-left: 4.8vw;
  position: relative;
  text-align: left;
}

.anchors__item.-s1 a {
  background: url(../../imgs/kansonomori/top/header/ico_anchor_s1.png) no-repeat 0 50%/contain;
}

.anchors__item.-s2 a {
  background: url(../../imgs/kansonomori/top/header/ico_anchor_s2.png) no-repeat 0 50%/contain;
}

.anchors__item.-s3 a {
  background: url(../../imgs/kansonomori/top/header/ico_anchor_s3.png) no-repeat 0 50%/contain;
}

.anchors__item.-chu a {
  background: url(../../imgs/kansonomori/top/header/ico_anchor_chu.png) no-repeat 0 50%/contain;
}

@-webkit-keyframes animalStayAnime {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes animalStayAnime {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@-webkit-keyframes baFuwaFuwa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-2px, 5px);
            transform: translate(-2px, 5px);
  }
}

@keyframes baFuwaFuwa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-2px, 5px);
            transform: translate(-2px, 5px);
  }
}

.branches {
  position: relative;
  width: 100%;
}

.branches.-type1, .branches.-type5 {
  height: 102.1vw;
}

.branches.-type2, .branches.-type6 {
  height: 18.6vw;
}

.branches.-type3, .branches.-type7 {
  height: 102.1vw;
}

.branches.-type4, .branches.-type8 {
  height: 116.8vw;
}

.branches.-s1:first-of-type {
  margin-top: 45.3vw;
}

.branches.-s1:first-of-type:before {
  position: absolute;
  top: -45.4vw;
  left: 0;
  background: url(../../imgs/kansonomori/top/main/bg_branch1.png) no-repeat 0 0/100%;
  content: "";
  display: block;
  height: 60.5vw;
  width: 100%;
  z-index: 1;
}

.branches.-s1:last-of-type {
  margin-bottom: 133.3vw;
}

.branches.-s1 + .-s2 {
  margin-top: 53.3vw;
}

.branches.-s1 + .-s2:before {
  position: absolute;
  top: -35.5vw;
  left: 0;
  background: url(../../imgs/kansonomori/top/main/bg_branch2.png) no-repeat 0 0/100%;
  content: "";
  display: block;
  height: 35.4vw;
  width: 100%;
  z-index: 3;
}

.branches.-s2 + .-s3 {
  margin-top: 32vw;
}

.branches.-s3 + .-chu {
  margin-top: 53.3vw;
}

.branches.-s3 + .-chu:before {
  position: absolute;
  top: -35.5vw;
  left: 0;
  background: url(../../imgs/kansonomori/top/main/bg_branch2.png) no-repeat 0 0/100%;
  content: "";
  display: block;
  height: 35.4vw;
  width: 100%;
  z-index: 3;
}

.branches__bg {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.-type1 .branches__bg, .-type5 .branches__bg {
  background-image: url(../../imgs/kansonomori/top/main/branch1.png);
}

.-type3 .branches__bg, .-type7 .branches__bg {
  background-image: url(../../imgs/kansonomori/top/main/branch3.png);
}

.-type4 .branches__bg, .-type8 .branches__bg {
  background-image: url(../../imgs/kansonomori/top/main/branch4.png);
}

.branches__main {
  position: relative;
}

.branches__title {
  width: 53.3vw;
}

.branches__title.-s1 {
  position: absolute;
  top: -35.8vw;
  right: 0;
}

.branches__title.-s2 {
  position: absolute;
  top: -32vw;
  left: 0;
}

.branches__title.-s3 {
  position: absolute;
  top: -50.7vw;
  right: 0;
}

.branches__title.-chu {
  position: absolute;
  top: -32vw;
  left: 0;
}

.branches__item.-item1 {
  position: absolute;
  top: 5.3vw;
  left: 12.5vw;
  z-index: 4;
}

.-type2 .branches__item.-item1, .-type6 .branches__item.-item1 {
  position: absolute;
  top: -14.7vw;
  left: 12.5vw;
}

.-type3 .branches__item.-item1, .-type7 .branches__item.-item1 {
  position: absolute;
  top: 49.3vw;
  left: 12.5vw;
}

.-type4 .branches__item.-item1, .-type8 .branches__item.-item1 {
  position: absolute;
  top: 29.3vw;
  left: 12.5vw;
}

.branches__item.-item2 {
  position: absolute;
  top: 5.3vw;
  left: 55.4vw;
  z-index: 3;
}

.-type2 .branches__item.-item2, .-type6 .branches__item.-item2 {
  position: absolute;
  top: -14.7vw;
  left: 55.4vw;
}

.-type3 .branches__item.-item2, .-type7 .branches__item.-item2 {
  position: absolute;
  top: 49.3vw;
  left: 55.4vw;
}

.-type4 .branches__item.-item2, .-type8 .branches__item.-item2 {
  position: absolute;
  top: 29.3vw;
  left: 55.4vw;
}

.branches__item.-active .branches__item__book {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
          transform: scale(1);
}

.branches__item.-att .branches__item__ba__main {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
          transform: scale(1);
}

.branches__item.-att .branches__item__book {
  -webkit-transform: scale(1.1) rotate(5deg);
          transform: scale(1.1) rotate(5deg);
}

.branches__item__book {
  box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.7);
  border-radius: 2px;
  cursor: pointer;
  width: 32vw;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.branches__item__book img {
  max-width: none;
  width: 100%;
}

.branches__item__ba {
  position: absolute;
  left: -1.4vw;
  bottom: -32.6vw;
  cursor: pointer;
  height: 37.8vw;
  width: 37.8vw;
}

.branches__item__ba__main {
  height: 100%;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

.branches__item__ba__inner {
  -webkit-animation: baFuwaFuwa 2s infinite linear;
          animation: baFuwaFuwa 2s infinite linear;
  -webkit-animation-direction: alternate-reverse;
          animation-direction: alternate-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.-s1 .branches__item__ba__inner {
  background-image: url(../../imgs/kansonomori/top/main/ba_s1.png);
}

.-s2 .branches__item__ba__inner {
  background-image: url(../../imgs/kansonomori/top/main/ba_s2.png);
}

.-s3 .branches__item__ba__inner {
  background-image: url(../../imgs/kansonomori/top/main/ba_s3.png);
}

.-chu .branches__item__ba__inner {
  background-image: url(../../imgs/kansonomori/top/main/ba_chu.png);
}

.branches__item__ba__text {
  color: #fff;
  font-size: 3.2vw;
  font-weight: bold;
  padding-bottom: 1.3vw;
  width: 24.6vw;
}

.branches__animal span {
  -webkit-animation: animalStayAnime 1s infinite;
          animation: animalStayAnime 1s infinite;
  background-repeat: no-repeat;
  display: block;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.branches .-animal1 {
  display: none;
}

.branches.branches.-s1.-type1 .-animal1 {
  position: absolute;
  top: 75.7vw;
  left: 3vw;
  display: block;
  z-index: 3;
}

.branches.branches.-s1.-type1 .-animal1 span {
  height: 8.5vw;
  width: 11.6vw;
  background: url(../../imgs/kansonomori/top/animal/animal1_r.png) no-repeat 0 0/100%;
}

.branches.branches.-s1.-type5 .-animal1 {
  position: absolute;
  top: 75.7vw;
  left: 3vw;
  display: block;
  z-index: 3;
}

.branches.branches.-s1.-type5 .-animal1 span {
  height: 8.5vw;
  width: 11.6vw;
  background: url(../../imgs/kansonomori/top/animal/animal5_r.png) no-repeat 0 0/100%;
}

.branches.branches.-s1.-type4 .-animal1 {
  position: absolute;
  top: 78.6vw;
  left: 78.6vw;
  display: block;
  z-index: 1;
}

.branches.branches.-s1.-type4 .-animal1 span {
  height: 16.6vw;
  width: 15.8vw;
  background: url(../../imgs/kansonomori/top/animal/animal10_r.png) no-repeat 0 0/100%;
}

.branches.branches.-s1.-type8 .-animal1 {
  position: absolute;
  top: 73.3vw;
  left: 78.6vw;
  display: block;
  z-index: 1;
}

.branches.branches.-s1.-type8 .-animal1 span {
  height: 25.7vw;
  width: 13.8vw;
  background: url(../../imgs/kansonomori/top/animal/animal7_l.png) no-repeat 0 0/100%;
}

.branches.branches.-s2.-type1 .-animal1 {
  position: absolute;
  top: 75.7vw;
  left: 3vw;
  display: block;
  z-index: 3;
}

.branches.branches.-s2.-type1 .-animal1 span {
  height: 8.5vw;
  width: 11.6vw;
  background: url(../../imgs/kansonomori/top/animal/animal4_r.png) no-repeat 0 0/100%;
}

.branches.branches.-s2.-type5 .-animal1 {
  position: absolute;
  top: 75.7vw;
  left: 3vw;
  display: block;
  z-index: 3;
}

.branches.branches.-s2.-type5 .-animal1 span {
  height: 8.5vw;
  width: 11.6vw;
  background: url(../../imgs/kansonomori/top/animal/animal4_r.png) no-repeat 0 0/100%;
}

.branches.branches.-s2.-type4 .-animal1 {
  position: absolute;
  top: 81.3vw;
  left: 78.6vw;
  display: block;
  z-index: 2;
}

.branches.branches.-s2.-type4 .-animal1 span {
  height: 13vw;
  width: 13.6vw;
  background: url(../../imgs/kansonomori/top/animal/animal9_l.png) no-repeat 0 0/100%;
}

.branches.branches.-s2.-type8 .-animal1 {
  position: absolute;
  top: 81.3vw;
  left: 78.6vw;
  display: block;
  z-index: 2;
}

.branches.branches.-s2.-type8 .-animal1 span {
  height: 13vw;
  width: 13.6vw;
  background: url(../../imgs/kansonomori/top/animal/animal8_r.png) no-repeat 0 0/100%;
}

.branches.branches.-s3.-type1 .-animal1 {
  position: absolute;
  top: 66.6vw;
  left: 3vw;
  display: block;
  z-index: 3;
}

.branches.branches.-s3.-type1 .-animal1 span {
  height: 16.6vw;
  width: 15.8vw;
  background: url(../../imgs/kansonomori/top/animal/animal11_r.png) no-repeat 0 0/100%;
}

.branches.branches.-s3.-type5 .-animal1 {
  position: absolute;
  top: 68.2vw;
  left: 3vw;
  display: block;
  z-index: 3;
}

.branches.branches.-s3.-type5 .-animal1 span {
  height: 16.6vw;
  width: 15.8vw;
  background: url(../../imgs/kansonomori/top/animal/animal10_l.png) no-repeat 0 0/100%;
}

.branches.branches.-s3.-type4 .-animal1 {
  position: absolute;
  top: 81.3vw;
  left: 78.6vw;
  display: block;
  z-index: 2;
}

.branches.branches.-s3.-type4 .-animal1 span {
  height: 25vw;
  width: 13.4vw;
  background: url(../../imgs/kansonomori/top/animal/animal3_l.png) no-repeat 0 0/100%;
}

.branches.branches.-s3.-type8 .-animal1 {
  position: absolute;
  top: 73.3vw;
  left: 78.6vw;
  display: block;
  z-index: 1;
}

.branches.branches.-s3.-type8 .-animal1 span {
  height: 25.7vw;
  width: 13.8vw;
  background: url(../../imgs/kansonomori/top/animal/animal6_r.png) no-repeat 0 0/100%;
}

.branches.branches.-chu.-type1 .-animal1 {
  position: absolute;
  top: 75.7vw;
  left: 3vw;
  display: block;
  z-index: 3;
}

.branches.branches.-chu.-type1 .-animal1 span {
  height: 8.5vw;
  width: 11.6vw;
  background: url(../../imgs/kansonomori/top/animal/animal2_r.png) no-repeat 0 0/100%;
}

.branches.branches.-chu.-type5 .-animal1 {
  position: absolute;
  top: 75.7vw;
  left: 3vw;
  display: block;
  z-index: 3;
}

.branches.branches.-chu.-type5 .-animal1 span {
  height: 8.5vw;
  width: 11.6vw;
  background: url(../../imgs/kansonomori/top/animal/animal1_r.png) no-repeat 0 0/100%;
}

.branches.branches.-chu.-type4 .-animal1 {
  position: absolute;
  top: 81.3vw;
  left: 78.6vw;
  display: block;
  z-index: 2;
}

.branches.branches.-chu.-type4 .-animal1 span {
  height: 25vw;
  width: 13.4vw;
  background: url(../../imgs/kansonomori/top/animal/animal7_l.png) no-repeat 0 0/100%;
}

.branches.branches.-chu.-type8 .-animal1 {
  position: absolute;
  top: 81.3vw;
  left: 78.6vw;
  display: block;
  z-index: 2;
}

.branches.branches.-chu.-type8 .-animal1 span {
  height: 25vw;
  width: 13.4vw;
  background: url(../../imgs/kansonomori/top/animal/animal4_l.png) no-repeat 0 0/100%;
}

.kanso {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  overflow-y: scroll;
  padding: 13.3vw 0 0;
  width: 100%;
  display: none;
  z-index: -1;
}

.kanso.-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
}

.kanso__inner {
  height: 260.6vw;
  width: 101.6vw;
  position: relative;
}

.-s1 .kanso__inner {
  background: url(../../imgs/kansonomori/top/kanso/base_s1.png) no-repeat 0 0/100%;
}

.-s2 .kanso__inner {
  background: url(../../imgs/kansonomori/top/kanso/base_s2.png) no-repeat 0 0/100%;
}

.-s3 .kanso__inner {
  background: url(../../imgs/kansonomori/top/kanso/base_s3.png) no-repeat 0 0/100%;
}

.-chu .kanso__inner {
  background: url(../../imgs/kansonomori/top/kanso/base_chu.png) no-repeat 0 0/100%;
}

.kanso__head {
  margin: 0 auto;
  height: 67.4vw;
  padding-top: 12.8vw;
  width: 66.6vw;
}

.kanso__username {
  color: #fff;
  font-size: 3.7vw;
  font-weight: bold;
  line-height: 8vw;
  position: relative;
}

.kanso__username:before {
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 8vw;
  margin-right: 3.2vw;
  vertical-align: middle;
  width: 8vw;
}

.kanso__username[data-index="0"]:before {
  background-image: url(../../imgs/kansonomori/top/kanso/ico_face1.png);
}

.kanso__username[data-index="1"]:before {
  background-image: url(../../imgs/kansonomori/top/kanso/ico_face2.png);
}

.kanso__username[data-index="2"]:before {
  background-image: url(../../imgs/kansonomori/top/kanso/ico_face3.png);
}

.kanso__username[data-index="3"]:before {
  background-image: url(../../imgs/kansonomori/top/kanso/ico_face4.png);
}

.kanso__username[data-index="4"]:before {
  background: url(../../imgs/kansonomori/top/kanso/ico_face5.png) no-repeat;
}

.kanso__usertext {
  color: #fff;
  font-size: 3.7vw;
  font-weight: bold;
  height: 27vw;
  line-height: 1.6;
  margin-top: 2.6vw;
  overflow-y: scroll;
  padding-right: 10px;
  /*スクロールバー全体*/
  /*スクロールバーの軌道*/
  /*スクロールバーの動く部分*/
}

.kanso__usertext::-webkit-scrollbar {
  width: 6px;
}

.kanso__usertext::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: transparent;
}

.kanso__usertext::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

.kanso__main {
  margin: 0 auto;
  padding-top: 5.3vw;
  width: 74.6vw;
}

.kanso__book {
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.3vw;
}

.kanso__book img {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
  max-height: 100%;
  max-width: 100%;
}

.kanso__readbtn {
  margin-top: 3.2vw;
}

.kanso__readbtn a {
  font-size: 18px;
  font-size: 1.125rem;
  background: #e95069;
  border-radius: 6px;
  color: #fff;
  display: block;
  letter-spacing: 5px;
  line-height: 44px;
  font-weight: bold;
  position: relative;
  text-align: center;
}

.kanso__readbtn a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  display: block;
  height: 9px;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  width: 9px;
}

.-open .kanso__readbtn {
  display: none !important;
}

.kanso__tags {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.kanso__tags__item {
  background-color: #1aaa68;
  border-radius: 11px;
  color: #fff;
  font-size: 2.8vw;
  font-weight: bold;
  line-height: 5.3vw;
  margin: 0 1.3vw 1.3vw 0;
  padding: 0 1.3vw;
}

.kanso__title {
  color: #603813;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 2.6vw;
  padding: 4.2vw 0;
  position: relative;
}

.kanso__title:before, .kanso__title:after {
  background: url(../../imgs/kansonomori/top/kanso/line.png) 0 0 no-repeat;
  height: 6px;
  content: "";
  display: block;
  width: 100%;
}

.kanso__title:before {
  position: absolute;
  top: 0;
  left: 0;
}

.kanso__title:after {
  position: absolute;
  bottom: 0;
}

.kanso__author, .kanso__publish {
  color: #603813;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.6;
}

.kanso__author {
  margin-top: 3.2vw;
}

.kanso__excerpt {
  color: #603813;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1.7;
  margin-top: 15px;
}

.kanso__prev {
  position: absolute;
  top: 26.1vw;
  left: 4vw;
  cursor: pointer;
  height: 8vw;
  width: 8vw;
}

.kanso__prev span {
  display: block;
  height: 100%;
  width: 100%;
}

.kanso__prev span img {
  max-width: none;
  width: 100%;
}

.kanso__next {
  position: absolute;
  top: 26.1vw;
  right: 4vw;
  cursor: pointer;
  height: 8vw;
  width: 8vw;
}

.kanso__next span {
  display: block;
  height: 100%;
  width: 100%;
}

.kanso__next span img {
  max-width: none;
  width: 100%;
}

.kanso__close {
  position: absolute;
  top: -9.4vw;
  right: 4vw;
  cursor: pointer;
  height: 10.6vw;
  width: 10.6vw;
}

.kanso__close span {
  display: block;
}

.kanso__close span img {
  width: 100%;
}

#mainContent {
  padding: 0;
}

.c-main {
  visibility: hidden;
}

.owl {
  background: #e95069;
  width: 100%;
}

.owl.-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
}

.owl__inner {
  text-align: center;
  position: relative;
}

.owl__inner__txt {
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 60px;
  position: relative;
}

.owl__inner__txt:before {
  background: url(../../imgs/kansonomori/top/owl/ph.png) no-repeat center/100%;
  content: "";
  display: block;
  height: 79px;
  width: 79px;
  position: absolute;
  left: -90px;
  bottom: 0;
}

.owl__inner__txt:after {
  background: url(../../imgs/kansonomori/top/owl/ico.png) no-repeat center/100%;
  content: "";
  display: block;
  height: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  position: absolute;
  top: 50%;
  right: -40px;
}

.pageHeader {
  background: url(../../imgs/kansonomori/top/header/bg.png) 50% -75px no-repeat;
  background-size: 220vw auto;
  height: 105.3vw;
  width: 100%;
  position: relative;
}

.pageHeader__title {
  position: absolute;
  top: -19.8vw;
  left: 50%;
  background: url(../../imgs/kansonomori/top/header/title_bg.png) no-repeat 0 0/100%;
  height: 85.3vw;
  padding-top: 24vw;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 82.1vw;
}

.pageHeader__title__text {
  display: block;
  line-height: 1;
  margin: 0 auto;
  text-align: center;
}

.pageHeader__title__text.-text1 {
  width: 42.6vw;
}

.-open .pageHeader__title__text.-text1 {
  width: 58.6vw;
}

.pageHeader__title__text.-text2 {
  margin-top: 1.6vw;
  width: 40vw;
}

.pageHeader__title__text.-text3 {
  margin-top: 1.6vw;
  width: 50.4vw;
}

.pageHeader__title__text.-text4 {
  width: 73vw;
}

.pageHeader__recommend {
  position: absolute;
  top: 57.3vw;
  left: 52.9vw;
  background: url(../../imgs/kansonomori/top/header/recommend_bg.png) no-repeat 0 0/contain;
  height: 52.2vw;
  padding-top: 5vw;
  width: 50.4vw;
}

.pageHeader__recommend__title {
  margin: 0 auto;
  position: relative;
  width: 36.2vw;
}

.pageHeader__recommend__book {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 37vw;
  margin: 1.3vw auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 37vw;
}

.pageHeader__recommend__book img {
  box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.7);
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}