/*
Theme Name: Gencoty
*/

@charset "UTF-8";

body {
  background-image: linear-gradient(-196.7deg,
      #252a31 850px, #31353c 850px,#31353c 1750px,#252a31 1750px,#252a31
  );
  background-size: 100%;
      color: #ffffff;
  font-family: "ヒラギノ丸ゴ ProN W3", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック",  Verdana, sans-serif;
  font-size: 1em;
  line-height: 1.6;
  margin: 0px;
  -webkit-text-size-adjust: 100%;
}
@media (max-width: 800px) {
    body {
      background-image: linear-gradient(-196.7deg,
          #252a31 850px, #31353c 850px,#31353c 1750px,#252a31 1750px,
          #252a31 2650px, #31353c 2650px,#31353c 3550px,#252a31 3550px,
          #252a31 4400px, #31353c 4400px,#31353c 5350px,#252a31 5350px,
          #252a31
      );
    }
}

h1 {
  font-size: 2rem; }
  @media (max-width: 600px) {
    h1 {
      font-size: 1.4rem;
      text-align: center; } }

a,a:link,a:visited{
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}

a img{
  border-style:none;
}

.sp{
  display: none;
}
@media (max-width: 800px) {
    .sp{
      display: block;
    }
}

.pc{
  display: block;
}
@media (max-width: 800px) {
    .pc{
      display: none;
    }
}

/* ==================== ヘッダー：通常ページ用 ==================== */
header {
  background-image: url("../images/common/header_back_pc.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  height:170px;
  width:100%;
}
@media (max-width: 800px) {
    header {
      background-image: url("../images/common/header_back_sp.png");
      height:calc(23000vw / 800);
    }
}

header #header_logo {
  width:920px;
  height:170px;
  margin: auto;
}
@media (max-width: 920px) {
    header #header_logo {
      width:100%;
      display: flex;
      justify-content: center;
    }
}
@media (max-width: 800px) {
    header #header_logo {
      height:calc(23000vw / 800);
      align-items: center;
    }
}

header #header_logo img {
  width: 395px;
  margin: 80px 0 0 0;
}
@media (max-width: 1260px) {
    header #header_logo img {
      margin-left: calc((1260px - 100vw) / 2);
    }
}
@media (max-width: 920px) {
    header #header_logo img {
      margin-left: 0;
    }
}
@media (max-width: 800px) {
    header #header_logo img {
      margin: 0;
      width: calc(54000vw / 800);
    }
}

/* ==================== フッター ==================== */
footer {
  color: #fff;
  font-size: .8rem;
  text-align: center;
  width: 100%;
}
@media (max-width: 600px) {
    footer {
    }
}

#footer_navi{
  background: #31353c;
  height:40px;
  width: 100%;
  display:flex;
  align-items: center;
  justify-content: center;
}

footer a:hover { text-decoration: none; }

#footer_main{
  background-color: #000000;
  height:180px;
  position: relative;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#footer_logo{
  width: 200px;
}
@media (max-width: 800px) {
    #footer_logo{
      width: 180px;
    }
}
@media (max-width: 800px) {
    #footer_logo{
      width: 160px;
    }
}

#footer_logo img{
  width: 100%;
}

#footer_x-icon{
  margin-bottom: 10px;
  font-size:.6rem;
}

#footer_x-icon img{
  width:45px;
}
@media (max-width: 800px) {
    #footer_x-icon img{
    }
}

#footer_copylight{
  text-align:center;
}
@media (max-width: 800px) {
    #footer_copylight{
      font-size:.6rem;
    }
}

/* ==================== ページトップへ ==================== */
#page_top,#page_top a,#page_top a::before{
  width: 50px;
  height: 50px;
}
@media (max-width: 800px) {
    #page_top,#page_top a,#page_top a::before{
      width: 45px;
      height: 45px;
    }
}

#page_top{
  position: fixed;
      right: 45px;
      bottom: 50px;
  opacity: 0.7;
}
@media (max-width: 800px) {
    #page_top{
      right: calc(4000vw / 800);
    }
}

#page_top a{
  position: relative;
  display: block;
  text-decoration: none;
}

#page_top a::before{
  display: flex;
  content: '';
  background-image: url("../images/common/arrow_top.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

/* ==================== SPメニュー ==================== */

/* ==================== メイン ==================== */
.main_area{
  margin:0 auto 230px auto;
  width:920px;
}
@media (max-width: 920px) {
    .main_area{
      width:100%;
      padding:0 5rvw 0 5vw; 
    }
}
@media (max-width: 800px) {
    .main_area{
      margin-bottom: calc(10000vw / 800); 
    }
}

/* ==================== パンくず ==================== */
.breadcrumb{
  color:#656b75;
  margin-bottom:100px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1260px) {
    .breadcrumb{
      margin-left: calc((1260px - 100vw) / 2);
    }
}
@media (max-width: 920px) {
    .breadcrumb{
      margin-left: 0;
      padding-right: 5vw;
      margin-left: calc((100vw - 395px) / 2);
    }
}
@media (max-width: 800px) {
    .breadcrumb{
      margin-bottom:calc(10000vw / 800);
      margin-left: calc((100vw - (54000vw / 800)) / 2);
      font-size: 0.7em;
    }
}

.breadcrumb_home{ height:1em; }
@media (max-width: 800px) {
    .breadcrumb_home{
      height: 0.7em;
    }
}

.breadcrumb span:after{ content: "　／　"; }
.breadcrumb span:last-child:after{ content: ""; }

.breadcrumb a,.breadcrumb a:link,.breadcrumb a:visited,.breadcrumb a:hover {
  color:#656b75;
}

/* ==================== トップページ：ロゴ ==================== */
#top_logo_area,#top_logo_bg{
  width:920px;
  height:350px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 800px) {
    #top_logo_area,#top_logo_bg{
      height:calc(35000vw / 800);
    }
}

#top_logo_area{
  background-image: url("../images/common/logo_gencotoy_back01.png");
  background-position: left top;
  margin-bottom: 90px;
  display:flex;
  justify-content: center;
  align-items: top;
}

#top_logo_bg{
  background-image: url("../images/common/logo_gencotoy_back02.png");
  background-position: right bottom;
}

@media (max-width: 920px) {
    #top_logo_area,#top_logo_bg{
      width:100%;
      height:calc(39000vw / 800);
    }
    #top_logo_area{
      margin-bottom: calc(9500vw /800);
    }
}

#top_logo{
  width:400px;
  height:218px;
  text-align: center;
  margin:74px auto 0 auto;
  background-image: url("../images/common/wave_white.png");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: contain;
}
@media (max-width: 800px) {
    #top_logo{
      margin-top:calc(((39000vw / 800) - (29000vw / 800))/ 2);
      width:calc(47000% / 800);
      height:calc(27000vw / 800);
    }
    #top_logo img{
      width:calc(43000vw / 800);
    }
}

/* ==================== 概略 ==================== */
.description{
  width:100%;
  box-sizing: border-box;
  padding:0 40px 0 40px;
  font-size:1.8rem;
  font-weight: bold;
  margin:0 auto 100px auto;
}
@media (max-width: 920px) {
    .description{
      padding: 0 5vw 0 5vw;
      box-sizing: border-box;
      font-size: calc(90vw / 18.8);
    }
}
@media (max-width: 800px) {
    .description{
      margin-bottom: calc(10000vw / 800);
    }
}

/* ==================== タイトル ==================== */
.lineup_title{
  width:100%;
  margin-bottom: 50px;
}
@media (max-width: 800px) {
    .lineup_title{
      margin-bottom: calc(5000vw / 800);
    }
}

.lineup_title_m{
  width:100%;
  box-sizing: border-box;
}

.lineup_title_jp{
  color:#f1dd30;
  font-size:3.4rem;
  font-weight:900;
  line-height: 1.1;
  text-align:center;
  width:100%;
  margin-bottom: 30px;
}
@media (max-width: 800px) {
    .lineup_title_jp{
      font-size: calc(90vw / 10);
      margin-bottom: calc(2000vw / 800);
    }
}

.lineup_title_jp .fontp60{
  font-size:2.04rem;
}
@media (max-width: 800px) {
    .lineup_title_jp .fontp60{
      font-size:calc(54vw / 10);
    }
}

.lineup_title_jp.news{
  color: #30eaf1;
}

.lineup_title_en{
  color: #656b75;
  font-size:1.6rem;
  text-align:center;
  width:100%;
  height:75px;
  background-image: url("../images/common/wave_gray.png");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 800px) {
    .lineup_title_en{
      background-size: contain;
      width: 70vw;
      height: calc(10000vw / 800);
      font-size: calc((90vw / 14) * 0.8);
    }
}

.lineup_title_s{
  font-size:2rem;
  text-align:center;
  width:100%;
  margin-top: 20px;
}
@media (max-width: 800px) {
    .lineup_title_s{
      font-size: calc(90vw / 14);
      margin-top: calc(2000vw / 800);
    }
}
/* ==================== サムネイル ==================== */
.lineup_area{
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom:90px;
  flex-wrap: wrap;
}
@media (max-width: 920px) {
    .lineup_area{
      padding: 0 5vw 0 5vw;
      box-sizing: border-box;
    }
}
@media (max-width: 800px) {
    .lineup_area{
      flex-direction: column;
      margin-bottom: calc(5000vw / 800);
    }
}

.lineup_area.belowtwo{
  justify-content: center;
}

.lineup_box{
  width: 280px;
  margin-bottom: 55px;
  margin-right: 40px;
}
@media (max-width: 920px) {
    .lineup_box{
      width: calc(30vw - (4000vw / 920));
      margin-right: calc(4000vw / 920);
    }
}
@media (max-width: 800px) {
    .lineup_box{
      width: 90vw;
      margin-right: 0;
    }
}

.lineup_box:nth-of-type(3n),.lineup_box:last-child{
  margin-right: 0;
}

.lineup_img{
  width:100%;
  height:280px;
  background:#ffffff;
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 3px;
}
@media (max-width: 920px) {
    .lineup_img{
      height:calc(30vw - (4000vw / 920));
      margin-bottom: 10px;
    }
}
@media (max-width: 800px) {
    .lineup_img{
      height:90vw;
    }
}

.lineup_img img{
  width: 100%;
  border:10px solid #ffffff;
  border-radius: 10px;
  background-clip: padding-box;
  box-sizing: border-box;
}
@media (max-width: 800px) {
    .lineup_img img{
      border:calc(1000vw / 800) solid #ffffff;    
    }
}

.comingsoon{
  background: #000000;
}

.comingsoon img{
  opacity: 0.7;
  background: #ffffff;
}

.comingsoon:after{
  content: '';
  display: inline-block;
  width:100%;
  height:280px;
  background-image: url(../images/common/comingsoon.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: -103%;
}
@media (max-width: 920px) {
    .comingsoon:after{
      height:calc(30vw - (4000vw / 920));
    }
}
@media (max-width: 800px) {
    .comingsoon:after{
      height:90vw;
      margin-bottom: -90vw;
    }
}

.series_image_l.comingsoon:after{
  height: 520px;
}
@media (max-width: 920px) {
    .series_image_l.comingsoon:after{
      height: 90vw;
    }
}


.comingsoon:after img{
  border:none;
}


.schedule_tag{ background:#1ea235; }
.reservations_tag{ background: #656b75; }

.schedule_tag,.reservations_tag{
  width:100%;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 3px;
  padding: 8px 0 8px 0;
}
@media (max-width: 920px) {
    .schedule_tag,.reservations_tag{
    }
}
@media (max-width: 800px) {
    .schedule_tag,.reservations_tag{
      margin-bottom: calc(2000vw / 800);
    }
}

.schedule_tag:empty,.reservations_tag:empty{
  padding: 0 0 0 0;
}
/* ==================== シリーズイメージ ==================== */
.series_image_area{
  width: 100%;
  margin: 40px auto 60px auto;
  display :flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 920px) {
    .series_image_area{
      padding: 0 5vw 0 5vw;
      box-sizing: border-box;
      flex-direction: column;
    }
}

.series_image_l{
  width: 520px;
  height: 520px;
  margin-right: 20px;
}
@media (max-width: 920px) {
    .series_image_l{
      width: 90vw;
      height: 90vw;
      margin-right: 0;
      margin-bottom: calc(2000vw / 800);
    }
}

/* 2024/2/6 追加*/
.series_image_l.video{
  display:flex;
  align-items: center;
  justify-content: center;
  overflow:hidden;
  border-radius: 10px;
  background:#ffffff;
  position:relative;
}
@media (max-width: 920px) {
    .series_image_l.video{
      height: auto;
    }
    .series_image_l.video.extra{
      height: 90vw;
    }
}


.series_image_l.video .video01{
  height:100%;
}
@media (max-width: 920px) {
    .series_image_l.video .video01{
      max-height:80vh;
    }
}

.series_image_l.video.extra .video01{
  width:100%;
  height:auto;
}
@media (max-width: 920px) {
    .series_image_l.video.extra .video01{
      max-height: none;
    }
}

.series_image_l.video .btn_play{
  width: 104px;
  border:none;
  position: absolute;
    top: 50%;
    left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 920px) {
    .series_image_l.video .btn_play{
      width: 18vw;
    }
}

.series_image_l.video .btn_play.playActive{display:none;}

/* 2024/2/6 追加：ここまで*/

.series_image_s{
  width: 160px;
  height: 520px;
  display :flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 920px) {
    .series_image_s{
      width: 90vw;
      height: calc(30vw - ((2000vw / 800) * 2) + 20px);
      flex-direction: row;
    }
}
@media (max-width: 800px) {
    .series_image_s{
      height: calc(30vw - ((2000vw / 800) * 2) + ((1000vw / 800) * 2));
    }
}

.series_image_s div{
  height: 160px;
}
@media (max-width: 920px) {
    .series_image_s div{
      height: calc(30vw - ((2000vw / 800) * 2) + 20px);
      margin-right: calc(2000vw / 800);
    }
    .series_image_s div:last-child{
      margin-right: 0;
    }
}
@media (max-width: 800px) {
    .series_image_s div{
      height: calc(30vw - ((2000vw / 800) * 2) + ((1000vw / 800) * 2));
    }
}

.series_image_l img,.series_image_s img{
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  border:10px solid #ffffff; 
}
@media (max-width: 800px) {
    .series_image_l img,.series_image_s img{
      border:calc(1000vw / 800) solid #ffffff; 
    }
}

/* ==================== プロフィール ==================== */
.profile_area{
  width: 100%;
  padding:36px 90px 36px 90px;
  box-sizing: border-box;
  background-image: url("../images/common/corner_top.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 920px) {
    .profile_area{
      width: 90vw;
      margin:auto;
      padding-left:calc(8000vw /800);
      padding-right:calc(8000vw /800);
    }
}
@media (max-width: 920px) {
    .profile_area{
      background-image: url("../images/common/corner_top_s.png");
    }
}

.profile_area::after{
  content:"";
  display: inline-block;
  background-image: url("../images/common/corner_bottom.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width:920px;
  height:54px;
  margin-bottom: 100px;
  margin-left:-90px;
}
@media (max-width: 920px) {
    .profile_area::after{
      width: 90vw;
      margin-left: calc((8000vw /800) * -1);
    }
}
@media (max-width: 800px) {
    .profile_area::after{
      background-image: url("../images/common/corner_bottom_s.png");
      margin-bottom: calc(10000vw / 800);
    }
}

.profile_detail{
  display:flex;
  flex-direction: row;
}

.profile_name{
  font-size:2.6rem;
  font-weight: 900;
  height:100px;
  padding-top:10px;
  box-sizing: border-box;
  background-image: url("../images/common/wave_gray_l.png");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  margin-bottom: 30px;
}
@media (max-width: 800px) {
    .profile_name{
      background-image: url("../images/common/wave_gray.png");
      background-size: contain;
      font-size: calc(90vw / 13.5);
    }
}

.profile_icon{
  width: 200px;
  height:200px;
  margin-right: 35px;
}
@media (max-width: 800px) {
    .profile_icon{
      width: calc(20000vw / 800);
      height: calc(20000vw / 800);
      margin-right: calc(3000vw / 800);
    }
}

.profile_icon img{
  width:100%;
  border-radius: 10px;
  box-sizing: border-box;
  border:10px solid #d5d5d5;
}
@media (max-width: 800px) {
    .profile_icon img{
      border:calc(1000vw / 800) solid #d5d5d5; 
    }
}

.profile_text{
  width:calc(100% - 220px);
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 800px) {
    .profile_text{
      width:calc(100% - ((20000vw / 800) + (3000vw / 800)));
    }
}

.profile_description{
  font-size: 1.5rem;
}
@media (max-width: 800px) {
    .profile_description{
      font-size: calc(90vw / 24);
      min-height: calc(20000vw / 800);
      margin-bottom: calc(3000vw / 800);
    }
}

.profile_account{
  width:100%;
  font-size: 1.2rem;
}
@media (max-width: 800px) {
    .profile_account{
      margin-left: calc(((20000vw / 800) + (3000vw / 800)) * -1);
      font-size: 0.95rem;
    }
}

.profile_account a,.profile_account a:link,.profile_account a:visited,.profile_account a:hover {
  color: #ffffff;}

/* ==================== 動画 ==================== */
.movie_area{
  width:700px;
  border-radius: 10px;
  margin: 0 auto 100px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 920px) {
    .movie_area{
      width:90vw;
    }
}
@media (max-width: 800px) {
    .movie_area{
      margin-bottom: calc(20000vw / 800);
    }
}

.movie_area.moviecomingsoon{
  height: 397px;
  background:#b3b3b3;
}
@media (max-width: 920px) {
    .movie_area.moviecomingsoon{
      height:calc(39700vw / 700);
    }
}
@media (max-width: 800px) {
    .movie_area.moviecomingsoon{
    }
}

.movie_area.moviecomingsoon img{
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.movie_area iframe{
  width:100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.video_area{
  width: 280px;
  border-radius: 10px;
  background:#b3b3b3;
  margin: 0 auto 100px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 920px) {
    .video_area{
      width: 90vw;
      max-height:90vh;
    }
}
@media (max-width: 800px) {
    .video_area{
      margin-bottom: calc(10000vw / 800);
    }
}

.video_area video{
  width:100%;
}

/* ==================== 商品情報 ==================== */
.infolist_area{
  margin: 0 auto 0px auto;
}
@media (max-width: 800px) {
    .infolist_area{
    }
}

.infolist_area ul{
  list-style: none;
  padding: 0;
  width:700px;
  margin: auto;
  font-size:1.2rem;
}
@media (max-width: 920px) {
    .infolist_area ul{
      width:90vw;
    }
}
@media (max-width: 800px) {
    .infolist_area ul{
      font-size: 0.95rem;
    }
}

.infolist_area li{
  display: flex;
  padding:15px 10px 15px 10px;
  align-items: center;
  border-top:1px solid #656b75;
  box-sizing: border-box;
  line-height: 1.2;
}
.infolist_area li:last-child{
  border-bottom:1px solid #656b75;
}
@media (max-width: 920px) {
    .infolist_area li{
    }
}

.infolist_expense{
  color:#f1dd30;
  width:230px;
}
@media (max-width: 920px) {
    .infolist_expense{
      width:calc(21500vw / 800);
    }
}

/* ==================== 商品スライド ==================== */
.container {
  margin: 65px auto 65px;
  max-width: 920px;
}
@media (max-width: 920px) {
    .container {
      width:90vw;
    }
}
@media (max-width: 800px) {
    .container {
      margin-top: calc(6500vw /800);
      margin-bottom: calc(6500vw /800);
    }
}

.slider,.thumbnail-img{
  background: #ffffff;
  border-radius: 10px;
  box-sizing: border-box;
}

.slider{ width: 700px; height: 700px; margin:auto;}
.thumbnail-img{ width: 170px; height: 170px;}
@media (max-width: 920px) {
    .slider{
        width: calc(60000vw / 800);
        height: calc(60000vw / 800);
    }
    .thumbnail-img{
        width: calc(15000vw  / 800);
        height: calc(15000vw  / 800);
    }
}

.slider img{
  width: 100%;
  height: 700px;
  border:10px solid #ffffff;
  border-radius: 10px;
  box-sizing: border-box;

  object-fit: contain;
}
@media (max-width: 920px) {
    .slider img{
        height: calc(60000vw / 800);
    }
}

.thumbnail{
    margin:20px auto 0 auto;
    width: 710px;
}
@media (max-width: 920px) {
    .thumbnail{
        width: calc((60000vw / 800) + 10px);
    }
}

.thumbnail-img{
    margin-left:5px;
    margin-right:5px;
}
@media (max-width: 920px) {
    .thumbnail-img{
        margin-left:calc(500vw  / 800);
        margin-right:calc(500vw  / 800);
    }
}

.thumbnail-img img{
  width: 100%;
  height: 170px;
  border:10px solid #ffffff;
  border-radius: 10px;
  box-sizing: border-box;
  object-fit: contain;
}
@media (max-width: 920px) {
    .thumbnail-img img{
        height: calc(15000vw  / 800);
    }
}

@media (max-width: 800px) {
    .slider img, .thumbnail-img img{
      border:calc(1000vw / 800) solid #ffffff; 
    }
}

/* ==================== ニュース一覧 ==================== */
.news_area,.news_top .news_area{
  list-style: none;
  padding: 0;
}

.news_top{
  margin-bottom: 160px;
  background-color: rgba( 255, 255, 255, 0.2 ) ;
  border-radius: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
@media (max-width: 920px) {
    .news_top{
      width: 90vw;
      margin: 0 auto 20vw;
      border-radius: 3.75vw;
      padding-top: 2.5vw;
      padding-bottom: 2.5vw;
    }
}

.news_area .news_data{
  padding:0 40px 60px 40px;
  box-sizing: border-box;
  background-image: url("../images/common/wave_gray_l.png");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  margin-bottom: 20px;
}
@media (max-width: 920px) {
    .news_area .news_data{
      background-image: url("../images/common/wave_gray.png");
      background-size: 70vw;
      padding: 0 5vw 7.5vw 5vw;
      margin-bottom: 2.5vw;
    }
}

.news_top .news_area .news_data{
  padding:0 40px 0px 40px;
  box-sizing: border-box;
  margin-bottom: 0px;
}
@media (max-width: 920px) {
    .news_top .news_area .news_data{
      padding: 0 5vw 0 5vw;
    }
}

.news_top .news_data a{
    display:flex;
}


.news_date{
  width:100%;
  font-size: 1.2rem;
}
@media (max-width: 920px) {
    .news_date{
    }
}
@media (max-width: 800px) {
    .news_date{
      font-size: 0.95rem;
    }
}

.news_top .news_data .news_date{
  width:10em;
}

.news_top .news_area .news_data,.news_data:last-child{
  background-image: none;
}

.news_top .lineup_title_s{
  margin-top: 0px;
  color: #30eaf1;
  font-weight: bold;
}

.news_title{
  width:100%;
  box-sizing: border-box;
  font-size:1.8rem;
  font-weight: bold;
  margin:0 auto 1.8rem auto;
}
@media (max-width: 920px) {
    .news_title{
    }
}
@media (max-width: 800px) {
    .news_title{
      font-size: calc(90vw / 18.8);
    }
}

.news_top .news_data .news_title{
  font-size: 1.2rem;
  margin:0 auto 1rem auto;
}
@media (max-width: 800px) {
    .news_top .news_data .news_title{
      font-size: 0.95rem;
    }
}

.news_body{
  width: 100%;
  font-size: 1.2rem;
}
@media (max-width: 800px) {
    .news_body{
      font-size: 0.95rem;
    }
}

.link_title{
  font-size:1.8rem;
  text-align:center;
  width:100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 800px) {
    .link_title{
      width: 70vw;
      font-size: calc(90vw / 18.8);
      margin-top: 2.5vw;
    }
}

/*
.link_title.news:after{
  content: '';
  display: inline-block;
  width:100%;
  height:20px;
  background-image: url("../images/common/wave_gray.png");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  margin-top: 60px;
}
@media (max-width: 800px) {
    .link_title.news:after{
      background-size: contain;
      margin-top: 7.5vw;
    }
}
*/

/* ==================== ページング ==================== */
.pagination{
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
@media (max-width: 800px) {
    .pagination{
      font-size: calc(90vw / 24);
      margin-top: 7.5vw;
    }
}

.page_number,.now_page_number,.leader{
  width:40px;
  height:40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 800px) {
    .page_number,.now_page_number,.leader{
      width:6.5vw;
      height:6.5vw;
    }
}

.page_number,.now_page_number{
  margin-left: 10px;
  margin-right: 10px;
  border:1px solid #ffffff;
}
@media (max-width: 800px) {
    .page_number,.now_page_number{
      margin-left: 2.5vw;
      margin-right: 2.5vw;
    }
}

.now_page_number{
  background: #ffffff;
  color:#000000;
}

.page_feed,.first_last_page{
  width:40px;
  height:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #ffffff;
}
@media (max-width: 800px) {
    .page_feed,.first_last_page{
      width:6.5vw;
      height:6.5vw;
    }
}

.page_feed{
  margin-right: 10px;
}
@media (max-width: 800px) {
    .page_feed{
      margin-right: 2.5vw;
    }
}

.first_last_page{
  margin-left: 10px;
}
@media (max-width: 800px) {
    .first_last_page{
      margin-left: 2.5vw;
    }
}

/* ==================== 記事のカスタマイズ ==================== */
figure.wp-block-gallery{
    display:flex;
    flex-wrap: wrap;
    width:100%;
    justify-content: flex-start;
    margin-left:0;
    margin-right: 0;
}

figure.wp-block-image.img_2 {
    width: calc((100% - 40px) / 2) ;   
}
@media (max-width: 800px) {
    figure.wp-block-image.img_2 {
      width: calc((100% - 6vw) / 2) ;   
    }
}

figure.wp-block-image.img_3 {
    width: calc((100% - 60px) / 3) ;   
}
@media (max-width: 800px) {
    figure.wp-block-image.img_3 {
      width: calc((100% - 9vw) / 3) ;   
    }
}

figure.wp-block-image.img_over4 {
    width: calc((100% - 80px) / 4) ;   
}
@media (max-width: 800px) {
    figure.wp-block-image.img_over4 {
      width: calc((100% - 12vw) / 4) ;   
    }
}

figure.wp-block-image {
    margin-left: 10px;
    margin-right: 10px;
}
@media (max-width: 800px) {
    figure.wp-block-image{
      margin-left: 1.5vw;
      margin-right: 1.5vw;
    }
}

figure.wp-block-image img{
    width:100%;    
}

/* ==================== トップページ スペシャル告知：24/07/15追加 ==================== */
.special_area{
  width:100%;
  margin: 0 auto 100px;
  box-sizing: border-box;
}
@media (max-width: 920px) {
    .special_area{
      padding: 0 5vw 0 5vw;
      box-sizing: border-box;
      font-size: calc(90vw / 18.8);
    }
}
@media (max-width: 800px) {
    .special_area{
      margin-bottom: calc(10000vw / 800);
    }
}

.special_banner{
  width: 480px;
  margin: 0 auto 0;
}
@media (max-width: 920px) {
    .special_banner{
    }
}
@media (max-width: 800px) {
    .special_banner{
      width: 100%;
    }
}


.special_banner img{
  width: 100%;
}

/* ==================== トップページ ショップバナー：25/01/03追加 ==================== */
.top_store_banner_box{
    border:solid 5px #ffffff;
    border-radius: 20px;
    padding-top:40px;
    padding-bottom:10px;
    margin:0 auto 100px;
    box-sizing: border-box;
}
@media (max-width: 920px) {
    .top_store_banner_box{
        width:calc(100% - 10vw);
    }
}

.top_store_banner_area{
    list-style: none;
    margin:0px 40px 0;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
@media (max-width: 800px) {
    .top_store_banner_area{
        margin:0px 5vw 0;
        justify-content: center;
    }
}

.top_store_banner{
    width:calc(50% - 20px);
    margin:0 auto 40px;
}
@media (max-width: 920px) {
    .top_store_banner{
    }
}
@media (max-width: 800px) {
    .top_store_banner{
        width:100%;
    }
}

.top_store_banner img{
    width:100%;
}

.top_store_banner_box .description{
    margin-bottom:50px; 
}
@media (max-width: 920px) {
}
@media (max-width: 800px) {
}