@charset "UTF-8";
/* Scss Document */
.mainbnr__slide.slick-initialized {
  opacity: 1; }

.mainbnr__slide {
  opacity: 0;
  transition: opacity .3s linear;
  position: relative;
  overflow: hidden; }
  .mainbnr__slide a {
    display: block; }
  .mainbnr__slide .mainbnr__slide__img {
    position: relative;
    /*  overflow: hidden;*/ }
    .mainbnr__slide .mainbnr__slide__img h2 {
      position: absolute;
      left: 0;
      bottom: 0;
      font-weight: 600; }
      .mainbnr__slide .mainbnr__slide__img h2 span {
        font-size: 0.12rem;
        display: inline-block;
        background: #fff;
        padding: 0.03rem 0.08rem 0;
        color: #808080; }
      .mainbnr__slide .mainbnr__slide__img h2 stong {
        background: #fff;
        padding: 0.05rem 0.1rem 0;
        text-align: left;
        display: inline-block;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

@media screen and (min-width: 680px) {
  .mainbnr__top {
    display: flex;
    justify-content: space-between;
    letter-spacing: 0.01rem; }
    .mainbnr__top img {
      width: 100%; }
    .mainbnr__top .mainbnr__slide {
      width: 8.05rem; }
      .mainbnr__top .mainbnr__slide .colred {
        background: red; }
        .mainbnr__top .mainbnr__slide .colred .slick-dots {
          position: absolute;
          right: 0.1rem;
          bottom: 0.1rem; }
      .mainbnr__top .mainbnr__slide h2 {
        bottom: 0; }
    .mainbnr__top .sidebnr {
      width: 3.84rem;
      padding: 0 0 0 0.25rem;
      display: flex;
      flex-wrap: wrap; }
      .mainbnr__top .sidebnr a + a {
        margin: -0.04rem 0 0; }

  .mainbnr__btm {
    display: flex;
    justify-content: space-between;
    margin: 0; }
    .mainbnr__btm a {
      display: block;
      width: 5.89rem; }
    .mainbnr__btm a + a {
      padding: 0 0 0 0.15rem; }
    .mainbnr__btm img {
      width: 100%; } }
@media screen and (max-width: 679px) {
  .mainbnr__top {
    display: block; }
    .mainbnr__top img {
      width: 100%; }

  .mainbnr__slide {
    width: 100%;
    position: relative;
    overflow: hidden; }

  .mainbnr__slide__img h2 {
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 600;
    line-height: 0.2rem; }
    .mainbnr__slide__img h2 span {
      font-size: 0.10rem;
      display: inline-block;
      background: #fff;
      padding: 0.01rem 0.06rem 0;
      color: #808080;
      letter-spacing: 0;
      margin: 0 0 -0.01rem; }
    .mainbnr__slide__img h2 stong {
      background: #fff;
      padding: 0.05rem 0.12rem 0;
      text-align: left;
      display: inline-block;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
      font-size: 0.18rem;
      margin: 0 0 -0.01rem 0; }

  .sidebnr {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between; }
    .sidebnr a {
      width: 48%; }
      .sidebnr a img {
        width: 100%; }

  .mainbnr__btm {
    width: 100%;
    display: block;
    margin: 0.15rem 0 0;
    box-sizing: border-box; }
    .mainbnr__btm a {
      display: block; }
    .mainbnr__btm a + a {
      margin: 0.12rem 0; }
    .mainbnr__btm img {
      width: 100%; } }
.section-wrap {
  margin: 1rem 0 0;
  letter-spacing: 0.01rem; }

.title-bodoni {
  margin: 0 0 0.2rem; }
  .title-bodoni h2 {
    font-family: aktiv-grotesk, sans-serif;
    font-size: 0.21rem;
    position: relative;
    display: inline-block;
    padding: 0 0.12rem 0 0;
    font-weight: 200 !important;
    letter-spacing: 0.02rem; }
  .title-bodoni .h2-topnews_title::after {
    width: 1.27rem;
    bottom: -0.03rem; }

.top-news .title-bodoni {
  margin: 0 0 0.3rem; }

@media screen and (min-width: 680px) {
  .title-bodoni {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.3rem; }
    .title-bodoni h2 {
      font-size: 0.21rem; }
    .title-bodoni .h2-topnews_title::after {
      width: 1.13rem;
      bottom: -0.03rem; } }
@media screen and (max-width: 679px) {
  .section-wrap {
    margin: 0.75rem 0; }

  .title-bodoni {
    text-align: center;
    margin: 0 0 0.5rem; }
    .title-bodoni h2 {
      font-size: 0.21rem; }
    .title-bodoni .h2-topnews_title::after {
      width: 1.13rem;
      bottom: -0.15rem; } }
.pickup {
  background: #f6ed80;
  /*border-top:#61c9e3 solid 0.08rem;
  border-bottom:#61c9e3 solid 0.08rem;*/
  padding: 0.15rem 0 0.5rem; }
  .pickup .span_date {
    display: block;
    line-height: 0.23rem; }

.h2-pickup_title::after {
  width: 1.55rem;
  bottom: -0.13rem;
  left: 0; }

.pickup_posttile {
  line-height: 0.2rem; }

.pickup_catetitle {
  font-size: 0.13rem;
  margin: 0; }
  .pickup_catetitle a {
    text-decoration: underline;
    color: #000; }

@keyframes loop {
  0% {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }
@keyframes loop2 {
  0% {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
@media screen and (min-width: 680px) {
  .top-pickup_title {
    max-width: 12rem;
    padding: 0.4rem 0 0.2rem;
    margin: 0.2rem auto;
    position: relative; }
    .top-pickup_title .pickup-sub {
      position: absolute;
      right: 0.1rem;
      top: -0.3rem;
      width: 0.68rem; }

  .top-pickup_catch {
    position: absolute;
    left: 2rem;
    top: 0.45rem; }

  .slide {
    opacity: 0; }

  .pickup-slide {
    width: 100%;
    /* opacity: 0;*/
    transition: opacity .3s linear; }
    .pickup-slide img {
      width: 100%; }
    .pickup-slide .pickup-slide_list {
      display: flex;
      flex-direction: column;
      max-width: 3.84rem;
      width: calc(100vw / 2);
      padding: 0 0.1rem;
      transition: none; }
      .pickup-slide .pickup-slide_list a {
        outline: none; }

  .pickup-slide.slick-initialized {
    opacity: 1; }

  .pick-up_sp {
    display: none; }

  .slide_wrap:hover .pickup-slide {
    animation-play-state: paused; }

  .slide_wrap {
    display: flex;
    width: 100vw;
    max-height: 3.51rem;
    overflow: hidden;
    height: 100%; }

  .pickup-slide {
    display: flex;
    width: auto; }

  .pickup-slide:first-child {
    animation: loop 100s -50s linear infinite; }

  .pickup-slide:last-child {
    animation: loop2 100s linear infinite; } }
@media screen and (max-width: 679px) {
  .top-pickup_title {
    max-width: 12rem;
    padding: 0.4rem 0 0;
    margin: 0.2rem auto 0;
    position: relative; }
    .top-pickup_title .pickup-sub {
      position: absolute;
      right: 0.1rem;
      top: -0.3rem;
      width: 0.68rem; }

  .top-pickup_catch {
    position: relative;
    padding: 0.25rem 0 0; }

  .slide {
    display: none; }

  .pick-up_sp {
    display: block; }
    .pick-up_sp .pickup_catetitle {
      margin: 0; }
    .pick-up_sp .pickup_latest {
      width: 100%; }
      .pick-up_sp .pickup_latest img {
        width: 100%; }
    .pick-up_sp .pickup_old {
      margin: 0.4rem 0 0; }
      .pick-up_sp .pickup_old ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .pick-up_sp .pickup_old ul li {
          width: 48%;
          padding: 0 0 0.2rem; }
          .pick-up_sp .pickup_old ul li img {
            width: 100%; } }
@media screen and (min-width: 680px) {
  .h2-works_title::after {
    width: 1.32rem;
    bottom: -0.03rem;
    left: 0.05rem; } }
@media screen and (max-width: 679px) {
  .h2-works_title::after {
    width: 1.32rem;
    bottom: -0.15rem;
    left: 0.05rem; } }
.top-contents {
  background: #f9f8f0;
  padding: 0 0 0.5rem;
  z-index: -1; }

.top-contents_title {
  padding: 0.6rem 0 0;
  position: relative; }

@media screen and (min-width: 680px) {
  .top-contents_catch {
    position: absolute;
    left: 2.3rem;
    top: 0.65rem; }

  .h2-contents_title::after {
    width: 1.8rem;
    bottom: -0.03rem;
    left: 0.03rem; } }
@media screen and (max-width: 679px) {
  .top-contents_catch {
    position: relative;
    padding: 0.25rem 0 0; }

  .h2-contents_title::after {
    width: 1.8rem;
    bottom: -0.15rem;
    left: 0.03rem; } }
@media screen and (min-width: 980px) {
  .contents-morertn {
    display: block; }

  .contents-morertn_btm {
    display: none; } }
@media screen and (max-width: 979px) {
  .contents-morertn {
    display: none; }

  .contents-morertn_btm {
    display: block; } }
@media screen and (min-width: 680px) {
  .h2-event_title::after {
    width: 1.15rem;
    bottom: -0.03rem;
    left: 0.01rem; } }
@media screen and (max-width: 679px) {
  .h2-event_title::after {
    width: 1.15rem;
    bottom: -0.15rem;
    left: 0.01rem; } }
.top-event p + p {
  padding: 0 0 0.05rem; }
.top-event .top-event__place {
  /* border-top:1px solid #000;*/
  padding: 0;
  line-height: 1.2; }

.top-sns {
  margin: 0.7rem 0 0.6rem; }
  @media screen and (max-width: 979px) {
    .top-sns {
      display: none; } }
  .top-sns .sns-box {
    width: 3.84rem;
    min-width: 3.84rem; }

.insta-box, .ytb-box {
  padding: 0 0 0 0.15rem; }

.sns-wrap {
  display: flex;
  justify-content: space-between; }

.fb-container {
  width: 3.84rem;
  height: 5.16rem;
  padding: 0.1rem 0 0; }

.sns-title {
  font-family: aktiv-grotesk, sans-serif;
  font-size: 0.22rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0.15rem 0;
  letter-spacing: 0.01rem;
  text-align: center;
  margin: 0 0 0.2rem; }
  .sns-title img {
    height: 0.15rem; }

.sns-box + .sns-box {
  padding: 0 0 0 0.15rem; }

.sponsored-slideWrap {
  display: flex;
  width: 100%;
  max-height: 1.01rem;
  overflow: hidden;
  height: 100%; }

.sponsored-roopbox {
  display: flex;
  width: auto; }

.sponsored-slideWrap:hover .sponsored-roopbox {
  animation-play-state: paused; }

.sponsored-roopbox:first-child {
  animation: loop 100s -50s linear infinite; }

.sponsored-roopbox:last-child {
  animation: loop2 100s linear infinite; }

.sponsored-link {
  /*border-top:1px solid #000;*/
  padding: 1rem 0 0; }
  .sponsored-link h3 {
    font-family: aktiv-grotesk, sans-serif;
    font-size: 0.21rem;
    padding: 0 0 0.15rem;
    letter-spacing: 0.02rem;
    font-weight: normal; }

@media screen and (max-width: 979px) {
  .sponsored-link {
    margin: 0.5rem 0 0; } }
@media screen and (max-width: 679px) {
  .sponsored-link {
    margin: 0.5rem 0 0;
    padding: 0.3rem 0; }

  .sponsored-slide {
    min-width: 1.73rem;
    padding: 0 0.1rem 0 0; }
    .sponsored-slide img {
      width: 100%; } }
@media screen and (min-width: 680px) {
  .sponsored-slide {
    width: 2.75rem;
    padding: 0 0.12rem 0 0; }
    .sponsored-slide img {
      width: 100%; } }