@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=PT+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese');

:root {
  --pc_designwidth: 1920;
  --sp_designwidth: 800;
  --color01: #10263F;
}

body {
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  margin: 0;
  padding: 0;
}

a {
  transition: 0.4s;
}

a:hover {
  opacity: 0.7;
}

p {
  margin: 0;
  font-family: 'Noto Sans JP';
  font-size: calc(28/ var(--sp_designwidth) * 100vw);
  line-height: 1.857;
  font-weight: bold;
}

img {
  vertical-align: top;
}

.sp_only {
  display: block;
}

.pc_only {
  display: none;
}

.mv {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url(../img/mv.jpg);
  background-size: cover;
  background-position: center center;
}

.mv:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  padding-top: calc(1200/ var(--sp_designwidth) * 100vw);
}

.mp_head {
  width: 100%;
}

.mp_head a {
  display: block;
  padding: 10px 0;
  text-align: center;
}

.mp_head img {
  width: 100%;
  max-width: 150px;
  text-align: center;
}

.mp_block {
  padding: 10% 0;
}

#kore {
  width: 100%;
  height: 100vh;
  /* background-repeat: no-repeat;
  background-size: cover; */
}

.wrap {
  width: 90%;
  margin: 0 auto;
}

/* 左側・トップ */
.fix_left {
  /* display: none; */
  background: #dddddd;
}

/* 右側・メニュー*/
/* 開 */
.fix_right {
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.fx_right_wrap {
  width: 100%;
  max-width: calc(638/ var(--sp_designwidth) * 100vw);
  margin: calc(82/ var(--sp_designwidth) * 100vw) auto calc(104/ var(--sp_designwidth) * 100vw);
  /* ブラウザ側のバー対策 */
  padding-bottom: 50px;
}

.menu_title {
  margin-bottom: calc(22/ var(--sp_designwidth) * 100vw);
}

/* 閉 */
.fix_right.close {
  display: none;
}

.menu_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(11/ var(--sp_designwidth) * 100vw) calc(22/ var(--sp_designwidth) * 100vw);
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu_list .menu_list_item {
  width: calc(100% / 3 - calc(22/ var(--sp_designwidth) * 100vw));
}

.menu_list .menu_list_item.full_card {
  width: 100%;
  margin-bottom: 20px;
}

.menu_bottom {
  margin-top: calc(19/ var(--sp_designwidth) * 100vw);
}

/* メインコンテンツ部分 */
#kore .mein_box {
  background: #ffffff;
  overflow-x: hidden;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
}

/* Chrome, Safari 対応 */
#kore .mein_box::-webkit-scrollbar {
  display: none;
}

/* メニューボタン */
/* 開 */
#menu_btn {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: calc(120/ var(--sp_designwidth) * 100vw);
  height: calc(120/ var(--sp_designwidth) * 100vw);
  background: rgba(18, 18, 18, 0);
  border-radius: 0 0 0 calc(30/ var(--sp_designwidth) * 100vw);
  text-align: center;
  z-index: 999;
  transition: 0.5s;
}

#menu_btn .h_bar {
  position: absolute;
  top: calc(27/ var(--sp_designwidth) * 100vw);
  left: 50%;
  display: block;
  width: calc(48/ var(--sp_designwidth) * 100vw);
  height: calc(10/ var(--sp_designwidth) * 100vw);
  margin: 0 auto;
  background: rgba(33, 24, 21, 1);
  border-radius: calc(5/ var(--sp_designwidth) * 100vw);
  transform: translate(-50%, calc(20/ var(--sp_designwidth) * 100vw)) rotate(45deg);
  transition: 0.5s;
}

#menu_btn .h_bar:nth-child(2) {
  position: absolute;
  top: calc(47/ var(--sp_designwidth) * 100vw);
  bottom: 0;
  transform: translate(-50%, 0) rotate(-45deg);
  transition: 0.5s;
}

#menu_btn span.h_text {
  display: none;
  position: absolute;
  left: 50%;
  bottom: calc(27/ var(--sp_designwidth) * 100vw);
  transform: translateX(-50%);
  color: #ffffff;
  font-family: 'Noto Sans JP';
  font-size: calc(24/ var(--sp_designwidth) * 100vw);
  font-weight: bold;
  transition: 0.5s;
}

/* 閉 */
#menu_btn.close {
  background: rgba(18, 18, 18, 1);
}

#menu_btn.close .h_bar {
  width: calc(60/ var(--sp_designwidth) * 100vw);
  height: calc(6/ var(--sp_designwidth) * 100vw);
  background: #ffffff;
  transform: translateX(-50%) rotate(0);
}

#menu_btn.close .h_bar:nth-child(2) {
  position: absolute;
  transform: translate(-50%, 0) rotate(0);
}

#menu_btn.close span.h_text {
  display: block;
}

/* What's「これ」！？超人気15 */
.whatskore {
  padding: calc(70/ var(--sp_designwidth) * 100vw) 0 calc(35/ var(--sp_designwidth) * 100vw);
  background: #EBE6E0;
}

.whats_title {
  width: calc(720/ var(--sp_designwidth) * 100vw);
  margin: 0 auto;
}

.whats_text {
  margin: calc(25/ var(--sp_designwidth) * 100vw) auto calc(40/ var(--sp_designwidth) * 100vw);
  text-align: center;
}

/* 3連スライダー */
.imgslider .slick-list {
  margin: 0 calc(-10/ var(--sp_designwidth) * 100vw);
}

.imgslider .slick-slide {
  margin: 0 calc(10/ var(--sp_designwidth) * 100vw);
}

.imgslider02 {
  margin: calc(10/ var(--sp_designwidth) * 100vw) 0;
}

#tyouninki {
  background: #DED5CD;
}

.coupon {
  padding-top: calc(70/ var(--sp_designwidth) * 100vw);
  background: #C01210;
}

.coupon_title {
  margin-bottom: calc(20/ var(--sp_designwidth) * 100vw);
}

.coupon_time {
  width: 100%;
  margin: calc(12/ var(--sp_designwidth) * 100vw) 0 calc(27/ var(--sp_designwidth) * 100vw);
  padding: calc(10/ var(--sp_designwidth) * 100vw) 0;
  text-align: center;
  color: #ffffff;
  font-family: 'Noto Sans JP';
  font-size: calc(28/ var(--sp_designwidth) * 100vw);
  font-weight: bold;
  border: 2px solid #ffffff;
}

/* コンテンツ内15傑 */
#tyouninki {
  padding-top: calc(88/ var(--sp_designwidth) * 100vw);
  padding-bottom: calc(49/ var(--sp_designwidth) * 100vw);
}

.tyou_menu {
  background: #ffffff;
  border: calc(6/ var(--sp_designwidth) * 100vw) solid #1e1e1e;
  border-radius: calc(20/ var(--sp_designwidth) * 100vw);
  box-sizing: border-box;
}

.tyou_menu .menu {
  width: 90%;
  max-width: calc(638/ var(--sp_designwidth) * 100vw);
  margin-top: calc(-36/ var(--sp_designwidth) * 100vw);
  margin-left: auto;
  margin-right: auto;
}

.tyou_menu .menu_list_item.pc_only {
  display: none;
}

.menu_list_item.full_card {
  margin-bottom: 20px;
}

.tyouninki_item {
  padding: calc(82/ var(--sp_designwidth) * 100vw) 0;
}

#tyouninki_01,
#tyouninki_06,
#tyouninki_11,
#tyouninki_16 {
  background: #FCDA3D;
}

#tyouninki_02,
#tyouninki_07,
#tyouninki_12 {
  background: #629EC1;
}

#tyouninki_03,
#tyouninki_08,
#tyouninki_13 {
  background: #FA929E;
}

#tyouninki_04,
#tyouninki_09,
#tyouninki_14 {
  background: #59B37A;
}

#tyouninki_05,
#tyouninki_10,
#tyouninki_15 {
  background: #FBA25C;
}

.tyouninki_title {
  margin: 0 auto calc(48/ var(--sp_designwidth) * 100vw);
}

.tyouninki_slider .slick-list {
  margin: 0 -100px;
}

.tyouninki_slider .slick-slide {
  margin: 0 100px;
}

.tyouninki_slider_item {
  max-width: calc(720/ var(--sp_designwidth) * 100vw);
  border: calc(6/ var(--sp_designwidth) * 100vw) solid #141414;
  box-shadow: calc(6/ var(--sp_designwidth) * 100vw) calc(6/ var(--sp_designwidth) * 100vw) 0px 0px rgba(30, 30, 30, 1);
  box-sizing: border-box;
}

.item_catch {
  margin: calc(99/ var(--sp_designwidth) * 100vw) auto 0;
}

.item_text {
  margin: calc(26/ var(--sp_designwidth) * 100vw) auto;
}

/* ラインナップ */
.lineup {
  margin-top: calc(100/ var(--sp_designwidth) * 100vw);
  background: #ffffff;
  border: calc(6/ var(--sp_designwidth) * 100vw) solid #121212;
  border-radius: calc(5/ var(--sp_designwidth) * 100vw);
  box-sizing: border-box;
}

.lineup_title {
  width: calc(425/ var(--sp_designwidth) * 100vw);
  margin: calc(-56/ var(--sp_designwidth) * 100vw) auto calc(37/ var(--sp_designwidth) * 100vw);
}

.lineup_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(41/ var(--sp_designwidth) * 100vw) calc(19/ var(--sp_designwidth) * 100vw);
  width: calc(619/ var(--sp_designwidth) * 100vw);
  text-align: center;
  list-style: none;
  margin: 0 auto calc(58/ var(--sp_designwidth) * 100vw);
  padding: 0;
}

.lineup_card {
  width: calc(300/ var(--sp_designwidth) * 100vw);
}

.lineup_card.full,
.lineup_card.lineup_sub {
  width: 100%;
}

.lineup_card.lineup_sub {
  margin-bottom: calc(-10/ var(--sp_designwidth) * 100vw);
}

.lineup_card_img {
  margin-bottom: calc(14/ var(--sp_designwidth) * 100vw);
}

.lineup_card_name {
  font-family: 'Noto Sans JP';
  font-size: calc(28/ var(--sp_designwidth) * 100vw);
  font-weight: bold;
  line-height: 1.643;
}

.lineup_card a {
  text-underline-offset: 3px;
  text-decoration-thickness: calc(2/ var(--sp_designwidth) * 100vw);
  color: #1e1e1e;
}

/* フッター */
.fotter {
  background: #ffffff;
}

.f_logo {
  width: calc(720/ var(--sp_designwidth) * 100vw);
  margin: calc(76/ var(--sp_designwidth) * 100vw) auto;
}

.f_navi {
  background: #EBE6DF;
}

.f_list {
  display: flex;
  justify-content: center;
  width: calc(720/ var(--sp_designwidth) * 100vw);
  list-style: none;
  margin: 0 auto;
  padding: calc(41/ var(--sp_designwidth) * 100vw) 0 calc(38/ var(--sp_designwidth) * 100vw);
}

.f_list_name {
  display: flex;
  box-sizing: border-box;
}

.f_list_name:not(:last-child) {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #111111;
}

.f_list_name a {
  display: inline-block;
  color: #111111;
  font-family: 'Noto Sans JP';
  font-size: calc(18/ var(--sp_designwidth) * 100vw);
  font-weight: bold;
  text-decoration: none;
}



@media (min-width: 768px) {

  p {
    font-size: 20px;
  }


  .sp_only {
    display: none;
  }

  .pc_only {
    display: block;
  }

  #kore {
    position: relative;
  }

  .fix_left {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% / 3);
    height: 100vh;
    height: -webkit-fill-available;
  }

  .mv {
    height: 100vh;
    background-size: cover;
  }

  .mv:before {
    padding-top: calc(1200/ var(--pc_designwidth) * 100vw);
  }

  /* メニュー */
  .fix_right {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    display: block;
    width: calc(100% / 3);
    height: 100vh;
    height: -webkit-fill-available;
    overflow-y: visible;
  }

  .fx_right_wrap {
    margin: calc(99/ var(--pc_designwidth) * 100vw) 0 0;
  }

  .menu_title {
    width: 80%;
    margin: 0 auto 15px;
  }

  .fix_right .menu_list {
    justify-content: flex-start;
    gap: calc(13/ var(--pc_designwidth) * 100vw) calc(12/ var(--pc_designwidth) * 100vw);
    width: calc(508/ var(--pc_designwidth) * 100vw);
    margin: 0 auto;
  }

  .fix_right .menu_list .menu_list_item {
    width: calc(118/ var(--pc_designwidth) * 100vw);
  }

  .fix_right .menu_list .menu_list_item.full_card {
    width: 100%;
    display: none;
  }

  .menu_bottom {
    margin: 10px auto 0;
    text-align: center;
  }

  .menu_bottom a {
    color: #111111;
    font-size: 16px;
    font-weight: bold;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
  }

  /* PC時用 */
  .fix_right.close {
    display: block;
  }

  /* メニューボタン */
  #menu_btn {
    display: none;
  }

  #kore:before {
    content: "";
    position: fixed;
    top: 0;
    left: calc(100% / 3);
    display: block;
    width: 3px;
    height: 100%;
    background: #121212;
    z-index: 999;
  }

  #kore:after {
    content: "";
    position: fixed;
    top: 0;
    right: calc(100% / 3);
    display: block;
    width: 3px;
    height: 100%;
    background: #121212;
    z-index: 999;
  }

  /* メインコンテンツ部分 */
  #kore .mein_box {
    position: absolute;
    top: 0;
    left: calc(50% + 3px);
    transform: translateX(-50%);
    width: calc(100% / 3);
  }

  .whatskore {
    position: relative;
    padding: calc(70 / var(--pc_designwidth) * 100vw) 0 calc(35 / var(--pc_designwidth) * 100vw);
  }

  .whats_title {
    width: 96%;
    max-width: calc(720 / var(--pc_designwidth) * 100vw);
  }

  .whats_text {
    margin: calc(18 / var(--pc_designwidth) * 100vw) auto calc(40 / var(--pc_designwidth) * 100vw);
    text-align: center;
  }

  /* 3連スライダー */
  .imgslider .slick-list {
    margin: 0 calc(-10/ var(--pc_designwidth) * 100vw);
  }

  .imgslider .slick-slide {
    margin: 0 calc(10/ var(--pc_designwidth) * 100vw);
  }

  .imgslider02 {
    margin: calc(10 / var(--pc_designwidth) * 100vw) 0;
  }

  .coupon {
    padding-top: calc(70 / var(--pc_designwidth) * 100vw);
  }

  .coupon_title {
    margin-bottom: calc(20 / var(--pc_designwidth) * 100vw);
  }

  .coupon_time {
    margin: calc(12 / var(--pc_designwidth) * 100vw) 0 calc(27 / var(--pc_designwidth) * 100vw);
    padding: calc(10 / var(--pc_designwidth) * 100vw) 0;
    font-size: 20px;
  }

  /* コンテンツ内15傑 */
  #tyouninki {
    padding-top: calc(88 / var(--pc_designwidth) * 100vw);
    padding-bottom: calc(49 / var(--pc_designwidth) * 100vw);
  }

  .tyou_menu {
    border: calc(6 / var(--pc_designwidth) * 100vw) solid #1e1e1e;
    border-radius: calc(20 / var(--pc_designwidth) * 100vw);
  }

  .tyou_menu .menu {
    max-width: calc(638 / var(--pc_designwidth) * 100vw);
    margin-top: calc(-36 / var(--pc_designwidth) * 100vw);
  }

  .menu_list {
    gap: calc(11 / var(--pc_designwidth) * 100vw) calc(22 / var(--pc_designwidth) * 100vw);
  }

  .menu_list .menu_list_item {
    width: calc(100% / 3 - calc(22 / var(--pc_designwidth) * 100vw));
  }

  .tyouninki_item {
    padding: calc(82 / var(--pc_designwidth) * 100vw) 0;
  }

  .tyouninki_title {
    width: 96%;
    margin: 0 auto calc(48 / var(--pc_designwidth) * 100vw);
  }


  .tyouninki_slider .slick-list {
    margin: 0 calc(-100 / var(--pc_designwidth) * 100vw);
  }

  .tyouninki_slider .slick-slide {
    margin: 0 calc(100 / var(--pc_designwidth) * 100vw);
  }

  .tyouninki_slider_item {
    max-width: calc(580/ var(--pc_designwidth) * 100vw);
    border: calc(6/ var(--pc_designwidth) * 100vw) solid #141414;
    box-shadow: calc(6/ var(--pc_designwidth) * 100vw) calc(6/ var(--pc_designwidth) * 100vw) 0px 0px rgba(30, 30, 30, 1);
  }

  .item_catch {
    margin: calc(99/ var(--pc_designwidth) * 100vw) auto 0;
  }

  .item_text {
    margin: calc(26/ var(--pc_designwidth) * 100vw) auto;
    font-size: 19px;
  }

  /* ラインナップ */
  .lineup {
    margin-top: calc(100/ var(--pc_designwidth) * 100vw);
    border: calc(6/ var(--pc_designwidth) * 100vw) solid #121212;
    border-radius: calc(5/ var(--pc_designwidth) * 100vw);
  }

  .lineup_title {
    width: calc(425/ var(--pc_designwidth) * 100vw);
    margin: calc(-56/ var(--pc_designwidth) * 100vw) auto calc(37/ var(--pc_designwidth) * 100vw);
  }

  .lineup_list {
    gap: calc(41/ var(--pc_designwidth) * 100vw) calc(19/ var(--pc_designwidth) * 100vw);
    width: 90%;
    max-width: calc(619/ var(--pc_designwidth) * 100vw);
    margin: 0 auto calc(58/ var(--pc_designwidth) * 100vw);
  }

  .lineup_card {
    width: calc(241/ var(--pc_designwidth) * 100vw);
  }

  .lineup_card.lineup_sub {
    margin-bottom: calc(-10/ var(--pc_designwidth) * 100vw);
  }

  .lineup_card_img {
    margin-bottom: calc(14/ var(--pc_designwidth) * 100vw);
  }

  .lineup_card_name {
    font-size: 18px;
  }

  .lineup_card a {
    text-decoration-thickness: 2px;
  }

  /* フッター */

  .f_logo {
    width: 100%;
    margin: calc(76/ var(--pc_designwidth) * 100vw) auto;
  }

  .f_list {
    width: calc(623/ var(--pc_designwidth) * 100vw);
    padding: calc(41/ var(--pc_designwidth) * 100vw) 0 calc(38/ var(--pc_designwidth) * 100vw);
  }


  .f_list_name a {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .fx_right_wrap {
    margin: calc(30 / var(--pc_designwidth) * 100vw) 0 0;
  }

  .fix_right .menu_list {
    gap: calc(13 / var(--pc_designwidth) * 100vw) calc(10 / var(--pc_designwidth) * 100vw);
    width: calc(500 / var(--pc_designwidth) * 100vw);
  }

  .fix_right .menu_list .menu_list_item {
    width: calc(117 / var(--pc_designwidth) * 100vw);
  }

  .item_text {
    font-size: 19px;
  }

  .f_list_name a {
    font-size: calc(16 / var(--pc_designwidth) * 100vw);
  }
}

@media (min-width: 1920px) {

  p {
    font-size: 25px;
  }

  .fx_right_wrap {
    margin: calc(60 / var(--pc_designwidth) * 100vw) 0 0;
  }

  .fix_right .menu_list {
    gap: calc(13 / var(--pc_designwidth) * 100vw) calc(10 / var(--pc_designwidth) * 100vw);
    width: calc(450 / var(--pc_designwidth) * 100vw);
  }

  .fix_right .menu_list .menu_list_item {
    width: calc(105 / var(--pc_designwidth) * 100vw);
  }

  .item_text {
    font-size: 25px;
  }
}