@charset "UTF-8";
@font-face {
  font-family: "LINESeedJP";
  src: url("../font/LINESeedJP_OTF_Th.woff2") format("woff2"), url("../font/LINESeedJP_OTF_Th.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "LINESeedJP";
  src: url("../font/LINESeedJP_OTF_Rg.woff2") format("woff2"), url("../font/LINESeedJP_OTF_Rg.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "LINESeedJP";
  src: url("../font/LINESeedJP_OTF_Bd.woff2") format("woff2"), url("../font/LINESeedJP_OTF_Bd.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "LINESeedJP";
  src: url("../font/LINESeedJP_OTF_Eb.woff2") format("woff2"), url("../font/LINESeedJP_OTF_Eb.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
/* common */
.p-top__tab {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1099px) {
  .p-top__tab {
    justify-content: flex-start;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-top__tab {
    gap: 0.5rem;
  }
}
.p-top__tab-item {
  min-width: 9.2rem;
  height: 3rem;
  padding: 0 1rem;
  text-align: center;
  border-radius: 4rem;
  border: 1px solid #EE721F;
  background-color: #fff;
  line-height: 2.8rem;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
@media screen and (max-width: 1099px) {
  .p-top__tab-item {
    min-width: initial;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top__tab-item {
    font-size: 1.3rem;
  }
}
.p-top__tab-item:hover, .p-top__tab-item.is-current {
  color: #fff;
  background-color: #EE721F;
}
.p-top__tab-item.is-current {
  pointer-events: none;
}
.p-top__notfound {
  text-align: center;
}

/* pickup */
.p-top-pickup {
  padding-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-top-pickup {
    padding-top: 1.5rem;
  }
}
.p-top-pickup__slider {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top-pickup__slider {
    margin-right: -1rem;
  }
}
.p-top-pickup__slider-prev, .p-top-pickup__slider-next {
  top: calc(40% - 1.5rem);
  width: 3rem;
  height: 3rem;
  border: 1px solid #fff;
  border-radius: 50%;
}
.p-top-pickup__slider-prev::after, .p-top-pickup__slider-next::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top-pickup__slider-prev, .p-top-pickup__slider-next {
    display: none;
  }
}
.p-top-pickup__slider-prev {
  left: -1.5rem;
  background: url(../images/common/icon_prev.svg) no-repeat center center/1.59rem auto, url(../images/common/bg_pock-main.png) center center/80% auto;
}
.p-top-pickup__slider-next {
  right: -1.5rem;
  background: url(../images/common/icon_next.svg) no-repeat center center/1.59rem auto, url(../images/common/bg_pock-main.png) center center/80% auto;
}
.p-top-pickup__slider .swiper:not(.swiper-initialized) {
  height: 27.3rem;
  opacity: 0;
}

/* information */
.p-top-information {
  margin-top: 4.3rem;
  padding: 0.4rem 0;
  color: #fff;
  font-weight: 700;
  background: url(../images/common/bg_pock-main.png) center center/80% auto #FFFEFA;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-information {
    margin-top: 3rem;
  }
}
.p-top-information__text {
  white-space: nowrap;
}
.p-top-information__text::before {
  content: "＞＞";
}
.p-top-information__slider .swiper-wrapper {
  transition-timing-function: linear;
}
.p-top-information__slider .swiper-slide {
  width: auto !important;
}

/* articles */
.p-top-articles {
  padding: 4.7rem 0 6.5rem 0;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-articles {
    padding: 3rem 0;
  }
}
.p-top-articles__title {
  position: relative;
  margin-bottom: 3rem;
  text-align: center;
}
.p-top-articles__title img {
  width: 25.4rem;
}
.p-top-articles__title::before {
  position: absolute;
  top: 0.3rem;
  left: calc(50% - 43rem);
  width: 26.9rem;
  height: 8.3rem;
  background: url(../images/common/icon_reading.gif) no-repeat 19.7rem 0.45rem/7.2rem 7.2rem, url(../images/top/icon_book.gif) no-repeat 9.6rem 0.65rem/8.2rem 6.8rem, url(../images/common/icon_coffee-01.gif) no-repeat left -0.65rem/4.5rem 4.5rem, url(../images/top/icon_coffee-02.gif) no-repeat 2.3rem 1.35rem/5.4rem 5.4rem;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-top-articles__title::before {
    left: 0;
    top: 3.55rem;
    width: 4rem;
    height: 4rem;
    background: url(../images/common/icon_reading.gif) no-repeat center center/contain;
  }
}
.p-top-articles__title::after {
  position: absolute;
  top: 0.45rem;
  right: calc(50% - 46rem);
  width: 29.9rem;
  height: 6.1rem;
  background: url(../images/top/icon_cat-01.gif) no-repeat left top/7.8rem 6.1rem, url(../images/common/icon_pen.gif) no-repeat 9.7rem 1.1rem/9.9rem 4.8rem, url(../images/common/icon_cat-02.gif) no-repeat 21.5rem 1.75rem/8.4rem 3.5rem;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-top-articles__title::after {
    right: 0;
    top: 3.85rem;
    width: 4.3rem;
    height: 3.5rem;
    background: url(../images/top/icon_book.gif) no-repeat center center/contain;
  }
}
.p-top-articles__list {
  display: grid;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
  row-gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 767px) {
  .p-top-articles__list {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.5rem;
  }
}
.p-top-articles__more {
  margin-top: 3rem;
}

/* popular */
.p-top-popular {
  padding: 1rem 0 9rem 0;
  overflow-x: hidden;
}
.p-top-popular__title {
  position: relative;
  margin-bottom: 4rem;
  text-align: center;
}
.p-top-popular__title img {
  width: 25.4rem;
}
.p-top-popular__title::before {
  position: absolute;
  top: -0.65rem;
  left: calc(50% - 48.5rem);
  width: 39rem;
  height: 10rem;
  background: url(../images/top/icon_cloud.png) no-repeat left -0.5rem/10.8rem 4rem, url(../images/top/icon_mountain-01.gif) no-repeat 12.3rem -0.1rem/17.5rem 8.7rem, url(../images/top/icon_cat-03.gif) no-repeat 32.5rem 1rem/6rem 8.5rem;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-top-popular__title::before {
    top: 3.5rem;
    left: -1rem;
    width: 11rem;
    height: 4.1rem;
    background: url(../images/top/icon_mountain-01.gif) no-repeat left top/7.75rem auto, url(../images/top/icon_cat-03.gif) no-repeat right top/2.6rem auto;
  }
}
.p-top-popular__title::after {
  position: absolute;
  top: -1.2rem;
  right: calc(50% - 45.5rem);
  width: 36.3rem;
  height: 9.3rem;
  background: url(../images/top/icon_bird.gif) no-repeat left bottom/auto 4.1rem, url(../images/top/icon_forest.gif) no-repeat 7rem 0.5rem/15.8rem auto, url(../images/top/icon_mountain-02.png) no-repeat right top/11.5rem auto;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-top-popular__title::after {
    top: 3.5rem;
    right: -1rem;
    width: 11rem;
    height: 3.8rem;
    background: url(../images/top/icon_bird.gif) no-repeat left bottom/2.4rem auto, url(../images/top/icon_forest.gif) no-repeat right top/7.5rem auto;
  }
}
.p-top-popular__list {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 2.5rem;
  counter-reset: number 0;
}
@media screen and (max-width: 767px) {
  .p-top-popular__list {
    display: block;
  }
}
.p-top-popular__list > div:first-child {
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .p-top-popular__list > div:first-child {
    margin-bottom: 2rem;
  }
}
.p-top-popular__slider {
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin-right: -1rem;
  padding-right: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.p-top-popular__slider > div {
  flex: 0 0 auto;
  width: 25rem;
  scroll-snap-align: start;
}
.p-top-popular__tag {
  margin-top: 3rem;
}

/* about */
.p-top-about__title {
  position: relative;
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-about__title {
    margin-bottom: 2rem;
  }
}
.p-top-about__title img {
  width: 22.5rem;
}
.p-top-about__title::before, .p-top-about__title::after {
  position: absolute;
  top: 3.6rem;
  content: "";
}
.p-top-about__title::before {
  left: calc(50% - 17rem);
  width: 4.8rem;
  height: 3rem;
  background: url(../images/top/icon_about-left.gif) no-repeat center center/contain;
}
.p-top-about__title::after {
  right: calc(50% - 17rem);
  width: 4.8rem;
  height: 3rem;
  background: url(../images/top/icon_about-right.gif) no-repeat center center/contain;
}
.p-top-about__content {
  line-height: 1.7;
}
.p-top-about__more {
  margin-top: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-about__more {
    margin-top: 2rem;
  }
}/*# sourceMappingURL=top.css.map */