@charset "UTF-8";
@font-face {
  font-family: "zen-kaku-gothic-new";
  src: url("path-to-font.woff2") format("woff2");
  unicode-range: U+0000-FFFF;
}
/* color
===================================================== */
/* 共通
===================================================== */
html,
body {
  font-family: YakuHanJPs, zen-kaku-gothic-new, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.04em;
  margin: 0 auto;
  background-color: transparent;
  color: #342D2D;
  background-color: #ffffff;
  position: relative;
}

body {
  overflow-x: hidden;
  position: relative;
}

img,
video {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}
/* vw計算(pc用)
===================================================== */
/* vw変換(SP用)
===================================================== */
#weekly_code {
  background-color: #F9ECD0;
  /* a
  ===================================================== */
}
#weekly_code a {
  display: block;
  text-decoration: none;
  transition: all 0.6s;
  color: #342D2D;
}
#weekly_code a:hover {
  opacity: 0.6;
  transition: all 0.6s;
  cursor: pointer;
}
#weekly_code a[href=""] {
  pointer-events: none;
}
#weekly_code {
  /* font
  ===================================================== */
}
#weekly_code .en_1 {
  font-family: YakuHanJPs, poppins-thin, sans-serif;
  font-weight: 700;
  font-style: normal;
}
#weekly_code .en_2 {
  font-family: YakuHanJPs, poppins-thin, sans-serif;
  font-weight: 500;
  font-style: normal;
}
#weekly_code .ja_1 {
  font-family: YakuHanJPs, "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}
#weekly_code {
  /* loading
  ===================================================== */
}
#weekly_code .loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: #F9ECD0;
  color: #342D2D;
  font-size: 2.6666666667vw;
  text-align: center;
}
@media screen and (min-width: 800px) {
  #weekly_code .loading {
    font-size: 0.7638888889vw;
  }
}
#weekly_code .speed1,
#weekly_code .speed2,
#weekly_code .speed3 {
  opacity: 0;
  visibility: hidden;
}
#weekly_code {
  /* 共通
  ===================================================== */
}
#weekly_code .line1 {
  width: 100%;
  background-color: #342D2D;
  height: 1px;
}
#weekly_code .line2 {
  width: 100%;
  background-color: #FBD4C5;
  height: 1px;
}
#weekly_code {
  /* 背景指定 
  ===================================================== */
  /* 回る文字
  ========================================================= */
  /* fv
  ===================================================== */
}
#weekly_code .fv {
  position: relative;
  padding: 40px 0 0;
}
@media screen and (min-width: 800px) {
  #weekly_code .fv {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: center;
    padding: 50px 0 0;
    gap: 4.8611111111vw;
    margin-bottom: 13.8888888889vw;
  }
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .fv_right {
    width: 52.7777777778vw;
    position: sticky;
    top: calc(50vh + 25px - 26.3888888889vw);
    right: 0;
    transition: transform 0.6s ease;
  }
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .fv_right .fv_slide {
    width: 50vw;
    margin-right: 2.0833333333vw;
    transition: transform 0.6s ease;
  }
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .fv_left {
    width: 33.3333333333vw;
    margin-left: 9.7222222222vw;
  }
}
#weekly_code .fv .fv_slide {
  width: 100vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .fv_slide {
    width: 52.7777777778vw;
  }
}
#weekly_code .fv .fv_parts {
  position: absolute;
  z-index: 1;
}
#weekly_code .fv .fv_parts1 {
  width: 21.3333333333vw;
  top: calc(58.6666666667vw + 40px);
  right: 2.9333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .fv_parts1 {
    width: 8.0277777778vw;
    top: calc(6.9444444444vw + 50px);
    left: 35.5555555556vw;
    right: auto;
  }
}
#weekly_code .fv .fv_parts2 {
  width: 18.6666666667vw;
  top: calc(8.6933333333vw + 40px);
  right: 7.3226666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .fv_parts2 {
    width: 6.9444444444vw;
    top: 5.5555555556vw;
    right: 8.3333333333vw;
  }
}
#weekly_code .fv .fv_parts3 {
  width: 45.3333333333vw;
  top: calc(72.5333333333vw + 40px);
  left: 3.2vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .fv_parts3 {
    width: 16.6666666667vw;
    top: calc(11.1111111111vw + 50px);
    left: 8.8194444444vw;
  }
}
#weekly_code .fv .main_ttl {
  width: 92vw;
  margin: 0 auto 5.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .main_ttl {
    width: 32.9861111111vw;
    margin: 18.0555555556vw auto 4.1666666667vw;
  }
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .slide_loop {
    width: 31.9444444444vw;
  }
}
#weekly_code .fv .slide_loop .swiper-slide {
  width: 29.3333333333vw;
  margin-left: -8vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .slide_loop .swiper-slide {
    width: 9.375vw;
    margin-left: -2.2222222222vw;
  }
}
#weekly_code .fv .slide_loop .swiper-slide a:hover {
  opacity: 1;
  transform: scale(1.02);
}
#weekly_code .fv .slide_loop .swiper-slide:first-child {
  margin-left: 0;
}
#weekly_code .fv .lead {
  width: fit-content;
  margin: 0 auto;
  padding: 21.3333333333vw 0 26.6666666667vw;
  font-size: 3.3333333333vw;
  text-align: center;
  line-height: 2.24;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 800px) {
  #weekly_code .fv .lead {
    width: 34.7222222222vw;
    font-size: 0.9722222222vw;
    text-align: left;
    padding: 6.9444444444vw 0 6.9444444444vw;
  }
}
#weekly_code {
  /* flex
  ===================================================== */
}
@media screen and (min-width: 800px) {
  #weekly_code .pc_flex {
    display: flex;
    align-items: flex-start;
  }
}
#weekly_code {
  /* nav
  ===================================================== */
}
#weekly_code .nav {
  margin-bottom: 26.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav {
    width: 31.5972222222vw;
    margin-bottom: 0;
    position: sticky;
    top: 0;
  }
}
#weekly_code .nav .nav_wrap {
  position: relative;
  background-color: #FFF9EC;
  border-radius: 4.2666666667vw;
  border: 0.2666666667vw solid #342D2D;
  width: 89.3333333333vw;
  margin: 0 auto;
  padding: 9.3333333333vw 0 6.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .nav_wrap {
    border-radius: 1.1111111111vw;
    width: 23.6111111111vw;
    margin: 0 auto;
    padding: 2.4305555556vw 0 1.7361111111vw;
    border: 0.0902777778vw solid #342D2D;
  }
}
#weekly_code .nav .nav_parts1 {
  width: 26.6666666667vw;
  position: absolute;
  top: -4vw;
  left: 6.1333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .nav_parts1 {
    width: 6.9444444444vw;
    top: -1.0416666667vw;
    left: 1.5972222222vw;
  }
}
#weekly_code .nav .ttl_wrap {
  position: relative;
  width: fit-content;
  margin: 0 auto 9.3333333333vw;
  padding: 0 8vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .ttl_wrap {
    margin: 0 auto 2.4305555556vw;
    padding: 0 2.0833333333vw;
  }
}
#weekly_code .nav .ttl_wrap .ttl_main {
  font-size: 5.3333333333vw;
  letter-spacing: 0.1em;
  margin-bottom: 2.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .ttl_wrap .ttl_main {
    font-size: 1.3888888889vw;
    margin-bottom: 0.6944444444vw;
  }
}
#weekly_code .nav .ttl_wrap .ttl_num {
  width: 5.3333333333vw;
  display: inline;
  margin: 0 1.3333333333vw 0 0.5333333333vw;
  transform: translateY(15%);
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .ttl_wrap .ttl_num {
    width: 1.3888888889vw;
    margin: 0 0.3472222222vw 0 0.1388888889vw;
  }
}
#weekly_code .nav .ttl_wrap .ttl_sub {
  font-size: 2.2666666667vw;
  letter-spacing: 0.14em;
  text-align: center;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .ttl_wrap .ttl_sub {
    font-size: 0.5902777778vw;
  }
}
#weekly_code .nav .ttl_wrap::before {
  content: "";
  display: block;
  background-image: url(../images/moji2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.0666666667vw;
  height: 11.7333333333vw;
  position: absolute;
  top: 2.1333333333vw;
  left: 0;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .ttl_wrap::before {
    width: 0.7986111111vw;
    height: 3.0555555556vw;
    top: 0.5555555556vw;
  }
}
#weekly_code .nav .ttl_wrap::after {
  content: "";
  display: block;
  background-image: url(../images/moji3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.0666666667vw;
  height: 11.7333333333vw;
  position: absolute;
  top: 2.1333333333vw;
  right: 0;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .ttl_wrap::after {
    width: 0.7986111111vw;
    height: 3.0555555556vw;
    top: 0.5555555556vw;
  }
}
#weekly_code .nav .item_wrap {
  display: flex;
  column-gap: 2.6666666667vw;
  row-gap: 4.8vw;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 2.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .item_wrap {
    column-gap: 0.6944444444vw;
    row-gap: 1.25vw;
    margin-left: 0.6944444444vw;
  }
}
#weekly_code .nav .item_wrap li {
  width: 25.3333333333vw;
  transition: all 0.6s;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .item_wrap li {
    width: 5.9027777778vw;
  }
}
#weekly_code .nav .item_wrap li p {
  text-align: center;
  font-size: 2.2666666667vw;
  letter-spacing: 0.1em;
  margin-top: 0.7466666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .nav .item_wrap li p {
    font-size: 0.5902777778vw;
    margin-top: 0.1944444444vw;
  }
}
#weekly_code .nav .item_wrap li a:hover {
  transform: scale(1.1);
  transition: all 0.6s;
  opacity: 1;
}
#weekly_code {
  /* main
  ===================================================== */
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents {
    width: 36.8055555556vw;
  }
}
#weekly_code .main_contents .main_ttl {
  width: 92vw;
  margin: 0 auto;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_ttl {
    width: 29.1666666667vw;
  }
}
#weekly_code .main_contents .main_ttl .ttl_head .ttl_head_flex {
  display: flex;
  justify-content: space-between;
  font-size: 2.6666666667vw;
  letter-spacing: 0.14em;
  padding: 2.6666666667vw 1.3333333333vw 11.2vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_ttl .ttl_head .ttl_head_flex {
    font-size: 0.7638888889vw;
    padding: 0.7638888889vw 0.3819444444vw 3.2083333333vw;
  }
}
#weekly_code .main_contents .main_ttl .contents_num {
  position: relative;
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_ttl .contents_num {
    margin-bottom: 3.0555555556vw;
  }
}
#weekly_code .main_contents .main_ttl .contents_num img {
  width: auto;
  height: 16.8vw;
  margin: 0 auto;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_ttl .contents_num img {
    height: 4.8125vw;
  }
}
#weekly_code .main_contents .main_ttl .contents_num p {
  font-size: 4.2666666667vw;
  letter-spacing: 0.1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_ttl .contents_num p {
    font-size: 1.2222222222vw;
  }
}
#weekly_code .main_contents .main_ttl .contents_ttl {
  position: relative;
  letter-spacing: 0.14em;
  margin-bottom: 12vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_ttl .contents_ttl {
    margin-bottom: 3.4375vw;
  }
}
#weekly_code .main_contents .main_ttl .contents_ttl .waku {
  display: block;
  width: 74.6666666667vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_ttl .contents_ttl .waku {
    width: 21.3888888889vw;
  }
}
#weekly_code .main_contents .main_ttl .contents_ttl p {
  font-size: 6.9333333333vw;
  text-align: center;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_ttl .contents_ttl p {
    font-size: 1.9861111111vw;
  }
}
#weekly_code .main_contents .main_img {
  width: 89.3333333333vw;
  margin: 0 auto 6.6666666667vw;
  position: relative;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_img {
    width: 27.7777777778vw;
    margin: 0 auto 1.3888888889vw;
  }
}
#weekly_code .main_contents .main_img .main_copy {
  position: absolute;
  top: 0;
  right: 3.2vw;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  gap: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_img .main_copy {
    right: 0.9166666667vw;
    gap: 0.3055555556vw;
  }
}
#weekly_code .main_contents .main_img .main_copy p {
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  text-orientation: upright;
  -webkit-text-orientation: upright;
  font-size: 5.3333333333vw;
  letter-spacing: 0.2em;
  padding: 3.2vw 2.4vw 3.2vw;
  border: 0.2666666667vw solid #342D2D;
  border-radius: 1.0666666667vw;
  width: fit-content;
  height: fit-content;
  display: inline-block;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_img .main_copy p {
    font-size: 1.5277777778vw;
    padding: 0.9166666667vw 0.6875vw 0.9166666667vw;
    border: 0.0833333333vw solid #342D2D;
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents .main_txt {
  width: 86.6666666667vw;
  margin: 0 auto 5.3333333333vw;
  font-size: 3.3333333333vw;
  line-height: 2.24;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .main_txt {
    width: 26.3888888889vw;
    font-size: 0.9722222222vw;
    margin: 0 auto 1.5277777778vw;
  }
}
#weekly_code .main_contents .main_txt p span {
  display: block;
}
#weekly_code .main_contents .sub_contents {
  position: relative;
  width: 100vw;
  height: 110.6666666667vw;
  margin: 0 auto;
  overflow-x: hidden;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .sub_contents {
    width: 28.6458333333vw;
    height: 31.7013888889vw;
    overflow-x: visible;
  }
}
#weekly_code .main_contents .sub_contents .collage_img {
  position: absolute;
}
#weekly_code .main_contents .arrow {
  width: 2.6666666667vw;
  margin: 0 auto 10.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .arrow {
    width: 0.7638888889vw;
    margin: 0 auto 3.0555555556vw;
  }
}
#weekly_code .main_contents {
  /* クレジットここから
  ===================================================== */
}
#weekly_code .main_contents .creditAjax a:has(.nolink) {
  pointer-events: none;
}
#weekly_code .main_contents .creditAjax p {
  font-size: 2.4vw;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .creditAjax p {
    font-size: 0.6875vw;
  }
}
#weekly_code .main_contents .creditAjax .item_img {
  margin-bottom: 1.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .creditAjax .item_img {
    margin-bottom: 0.3819444444vw;
  }
}
#weekly_code .main_contents .creditAjax .brand_name {
  line-height: 1.3333333333;
  white-space: pre-line;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .creditAjax .brand_name {
    margin-bottom: 0.2291666667vw;
  }
}
#weekly_code .main_contents .creditAjax .item_name {
  margin-bottom: 1.3333333333vw;
  line-height: 1.3333333333;
  white-space: pre-line;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .creditAjax .item_name {
    margin-bottom: 0.3819444444vw;
  }
}
#weekly_code .main_contents .creditAjax .creditAjax_price {
  margin-bottom: 1.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .creditAjax .creditAjax_price {
    margin-bottom: 0.2083333333vw;
  }
}
#weekly_code .main_contents .creditAjax {
  /* Ajaxで価格を表示する際のスタイル
  ===================================================== */
}
#weekly_code .main_contents .creditAjax .creditAjax_price__proper::before,
#weekly_code .main_contents .creditAjax .creditAjax_price__sale::before {
  content: "¥";
}
#weekly_code .main_contents .creditAjax .creditAjax_price__sale {
  color: red;
  margin-left: 0.5333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .creditAjax .creditAjax_price__sale {
    margin-left: 0.1527777778vw;
  }
}
#weekly_code .main_contents .creditAjax .creditAjax_price__off {
  color: red;
  font-size: 0.8em;
}
#weekly_code .main_contents .creditAjax .creditAjax_price__off::before {
  content: "(";
}
#weekly_code .main_contents .creditAjax .creditAjax_price__off::after {
  content: ")";
}
#weekly_code .main_contents .creditAjax .creditAjax__saleOn .creditAjax_price__proper {
  text-decoration: line-through;
}
#weekly_code .main_contents .creditAjax .buy_btn {
  font-size: 2.6666666667vw;
  line-height: 1;
  letter-spacing: 0.08em;
  background-color: #342D2D;
  color: #ffffff;
  border-radius: 100vw;
  width: fit-content;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .creditAjax .buy_btn {
    font-size: 0.7638888889vw;
  }
}
#weekly_code .main_contents .creditAjax .com {
  font-size: 2.4vw;
  background-color: #ffffff;
  color: #342D2D;
  padding: 1.3333333333vw 3.2vw 1.0666666667vw;
  border-radius: 100vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .creditAjax .com {
    font-size: 0.6875vw;
    background-color: #ffffff;
    color: #342D2D;
    padding: 0.3819444444vw 0.9166666667vw 0.3055555556vw;
  }
}
#weekly_code .main_contents .credit_list1 .creditAjax .buy_btn {
  padding: 1.3333333333vw 3.7333333333vw 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .creditAjax .buy_btn {
    padding: 0.3819444444vw 1.0694444444vw 0.3055555556vw;
  }
}
#weekly_code .main_contents .credit_list1 .creditAjax .creditAjax_price__off {
  display: block;
  margin-top: 0.5333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .creditAjax .creditAjax_price__off {
    margin-top: 0.1527777778vw;
  }
}
#weekly_code .main_contents .credit_list2 .creditAjax .buy_btn {
  font-size: 2.4vw;
  padding: 1.3333333333vw 3.2vw 1.0666666667vw;
  margin: 0;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .creditAjax .buy_btn {
    font-size: 0.6875vw;
    padding: 0.3819444444vw 0.9166666667vw 0.3055555556vw;
  }
}
#weekly_code .main_contents {
  /* クレジットここまで
  ===================================================== */
}
#weekly_code .main_contents .credit_list1 {
  width: 94.6666666667vw;
  margin: 0 auto 13.3333333333vw;
  padding: 9.6vw 0 8.5333333333vw;
  background-color: #FFF9EC;
  border: 0.2666666667vw solid #342D2D;
  border-radius: 4.2666666667vw;
  text-align: center;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 {
    width: 27.1180555556vw;
    margin: 0 auto 3.8194444444vw;
    padding: 2.75vw 0 2.4444444444vw;
    border: 0.0916666667vw solid #342D2D;
    border-radius: 1.2222222222vw;
  }
}
#weekly_code .main_contents .credit_list1 .list_ttl {
  position: relative;
  margin-bottom: 6.9333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .list_ttl {
    margin-bottom: 1.9861111111vw;
  }
}
#weekly_code .main_contents .credit_list1 .list_ttl p:nth-child(1) {
  font-size: 5.8666666667vw;
  letter-spacing: 0.08em;
  width: fit-content;
  margin: 0 auto 2.6666666667vw;
  padding-bottom: 1.8666666667vw;
  background-image: linear-gradient(transparent 10%, rgba(251, 212, 197, 0.6) 10%);
  background-position: 0 2.1333333333vw;
  background-repeat: no-repeat;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .list_ttl p:nth-child(1) {
    font-size: 1.6805555556vw;
    margin: 0 auto 0.7638888889vw;
    padding-bottom: 0.5347222222vw;
    background-position: 0 0.6111111111vw;
  }
}
#weekly_code .main_contents .credit_list1 .list_ttl p:nth-child(2) {
  font-size: 2.4vw;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .list_ttl p:nth-child(2) {
    font-size: 0.6875vw;
  }
}
#weekly_code .main_contents .credit_list1 .list_ttl img {
  width: 72vw;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .list_ttl img {
    width: 20.625vw;
  }
}
#weekly_code .main_contents .credit_list1 .list_wrap {
  display: flex;
  width: 84vw;
  margin: 0 auto;
  justify-content: center;
  padding-left: 1.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .list_wrap {
    width: 24.0625vw;
    padding-left: 0.3819444444vw;
  }
}
#weekly_code .main_contents .credit_list1 .list_wrap .item_img {
  width: 24vw;
  margin: 0 auto 1.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .list_wrap .item_img {
    width: 6.875vw;
    margin: 0 auto 0.3819444444vw;
  }
}
#weekly_code .main_contents .credit_list1 .list_wrap .item_info {
  width: 25.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .list_wrap .item_info {
    width: 7.2569444444vw;
  }
}
#weekly_code .main_contents .credit_list1 .count-1 .creditAjax_link {
  display: flex;
  gap: 4vw;
  align-items: center;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .count-1 .creditAjax_link {
    gap: 1.1458333333vw;
  }
}
#weekly_code .main_contents .credit_list1 .count-1 .creditAjax_link .item_info {
  width: 32vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .count-1 .creditAjax_link .item_info {
    width: 8.4027777778vw;
  }
}
#weekly_code .main_contents .credit_list1 .count-2 {
  gap: 5.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .count-2 {
    gap: 1.5277777778vw;
  }
}
#weekly_code .main_contents .credit_list1 .count-2 .item_info {
  width: fit-content;
}
#weekly_code .main_contents .credit_list1 .count-3 {
  gap: 1.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .count-3 {
    gap: 0.3819444444vw;
  }
}
#weekly_code .main_contents .credit_list1 .count-3 .item_info {
  width: 26.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .count-3 .item_info {
    width: 7.6388888889vw;
  }
}
#weekly_code .main_contents .credit_list1 .count-4 {
  flex-wrap: wrap;
  column-gap: 2.6666666667vw;
  row-gap: 6.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .count-4 {
    column-gap: 0.7638888889vw;
    row-gap: 1.9097222222vw;
  }
}
#weekly_code .main_contents .credit_list1 .count-4 .item_info {
  width: 32vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list1 .count-4 .item_info {
    width: 9.1666666667vw;
  }
}
#weekly_code .main_contents .credit_list2 {
  width: 78.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 {
    width: 22.5347222222vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_ttl {
  position: relative;
  width: fit-content;
  margin: 0 auto 6.9333333333vw;
  padding: 0 10.1333333333vw;
  text-align: center;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_ttl {
    margin: 0 auto 1.9861111111vw;
    padding: 0 2.9027777778vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_ttl p:nth-child(1) {
  font-size: 4.2666666667vw;
  letter-spacing: 0.08em;
  margin: 0 auto 2.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_ttl p:nth-child(1) {
    font-size: 1.2222222222vw;
    margin: 0 auto 0.7638888889vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_ttl p:nth-child(2) {
  font-size: 2.4vw;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_ttl p:nth-child(2) {
    font-size: 0.6875vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_ttl::before {
  content: "";
  display: block;
  background-image: url(../images/moji2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.1333333333vw;
  height: 8vw;
  position: absolute;
  top: 0vw;
  left: 0;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_ttl::before {
    width: 0.6111111111vw;
    height: 2.2916666667vw;
    top: 0vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_ttl::after {
  content: "";
  display: block;
  background-image: url(../images/moji3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.1333333333vw;
  height: 8vw;
  position: absolute;
  top: 0vw;
  right: 0;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_ttl::after {
    width: 0.6111111111vw;
    height: 2.2916666667vw;
    top: 0vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_wrap li {
  position: relative;
  width: 70.6666666667vw;
  margin: 0 auto;
  padding-right: 2.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_wrap li {
    width: 19.4791666667vw;
    padding-right: 0.7638888889vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_wrap li p {
  letter-spacing: 0.06em;
}
#weekly_code .main_contents .credit_list2 .list_wrap a {
  display: flex;
  gap: 4vw;
  align-items: center;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_wrap a {
    gap: 1.1458333333vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_wrap a .item_img {
  width: 13.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_wrap a .item_img {
    width: 3.8194444444vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_wrap a .price_flex {
  width: 53.3333333333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_wrap a .price_flex {
    width: 15.2777777778vw;
  }
}
#weekly_code .main_contents .credit_list2 .list_wrap li + li {
  margin-top: 1.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents .credit_list2 .list_wrap li + li {
    margin-top: 0.3819444444vw;
  }
}
#weekly_code .main_contents {
  /* 個別指定
  ===================================================== */
}
#weekly_code .main_contents #section1 .main_img .main_copy .section_title2 {
  margin-top: 25.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section1 .main_img .main_copy .section_title2 {
    margin-top: 7.9166666667vw;
  }
}
#weekly_code .main_contents #section1 .sub_contents .collage1 {
  width: 21.3333333333vw;
  top: 9.8666666667vw;
  right: -6.5333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section1 .sub_contents .collage1 {
    width: 6.1111111111vw;
    top: 2.8263888889vw;
    right: -1.8715277778vw;
  }
}
#weekly_code .main_contents #section1 .sub_contents .collage2 {
  width: 60vw;
  top: 8vw;
  right: 6.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section1 .sub_contents .collage2 {
    width: 17.1875vw;
    top: 2.2916666667vw;
    right: 1.9097222222vw;
  }
}
#weekly_code .main_contents #section1 .sub_contents .collage3 {
  width: 53.3333333333vw;
  bottom: 9.3333333333vw;
  left: 6.1333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section1 .sub_contents .collage3 {
    width: 15.2777777778vw;
    bottom: 2.6736111111vw;
    left: 1.7569444444vw;
  }
}
#weekly_code .main_contents #section1 .sub_contents .collage3 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section1 .sub_contents .collage3 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section1 .sub_contents .collage4 {
  width: 58.6666666667vw;
  top: 0;
  right: -9.6vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section1 .sub_contents .collage4 {
    width: 16.8055555556vw;
    top: 0;
    right: -2.75vw;
  }
}
#weekly_code .main_contents #section1 .credit_list1 .count-3 li:first-child .item_info {
  letter-spacing: 0;
  width: 32vw;
  margin-right: -1.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section1 .credit_list1 .count-3 li:first-child .item_info {
    width: 9.1666666667vw;
    margin-right: -0.3819444444vw;
  }
}
#weekly_code .main_contents #section2 .main_img .main_copy .section_title2 {
  margin-top: 25.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section2 .main_img .main_copy .section_title2 {
    margin-top: 7.9166666667vw;
  }
}
#weekly_code .main_contents #section2 .sub_contents .collage1 {
  width: 17.8666666667vw;
  top: 36vw;
  right: 46.9333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section2 .sub_contents .collage1 {
    width: 5.1180555556vw;
    top: 10.3125vw;
    right: 13.4444444444vw;
  }
}
#weekly_code .main_contents #section2 .sub_contents .collage2 {
  width: 36vw;
  top: 4.2666666667vw;
  right: 6.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section2 .sub_contents .collage2 {
    width: 10.3125vw;
    top: 1.2222222222vw;
    right: 1.9097222222vw;
  }
}
#weekly_code .main_contents #section2 .sub_contents .collage2 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section2 .sub_contents .collage2 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section2 .sub_contents .collage3 {
  width: 45.3333333333vw;
  bottom: 11.7333333333vw;
  left: 42.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section2 .sub_contents .collage3 {
    width: 12.9861111111vw;
    bottom: 3.3611111111vw;
    left: 12.2222222222vw;
  }
}
#weekly_code .main_contents #section2 .sub_contents .collage3 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section2 .sub_contents .collage3 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section2 .sub_contents .collage4 {
  width: 42.6666666667vw;
  top: 37.6vw;
  right: 28vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section2 .sub_contents .collage4 {
    width: 12.2222222222vw;
    top: 10.7708333333vw;
    right: 8.0208333333vw;
  }
}
#weekly_code .main_contents #section2 .sub_contents .collage5 {
  width: 58.6666666667vw;
  top: 0;
  left: -8.8vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section2 .sub_contents .collage5 {
    width: 16.8055555556vw;
    top: 0;
    left: -2.5208333333vw;
  }
}
#weekly_code .main_contents #section3 .main_img .main_copy .section_title2 {
  margin-top: 21.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .main_img .main_copy .section_title2 {
    margin-top: 6.6666666667vw;
  }
}
#weekly_code .main_contents #section3 .sub_contents .collage1 {
  width: 13.6vw;
  top: 81.0666666667vw;
  left: 1.6vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .sub_contents .collage1 {
    width: 3.8958333333vw;
    top: 23.2222222222vw;
    left: 0.4583333333vw;
  }
}
#weekly_code .main_contents #section3 .sub_contents .collage2 {
  width: 47.2vw;
  top: 0vw;
  left: 5.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .sub_contents .collage2 {
    width: 13.5208333333vw;
    top: 0vw;
    left: 1.5277777778vw;
  }
}
#weekly_code .main_contents #section3 .sub_contents .collage2 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .sub_contents .collage2 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section3 .sub_contents .collage3 {
  width: 35.4666666667vw;
  top: 62.4vw;
  left: 26.9333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .sub_contents .collage3 {
    width: 10.1597222222vw;
    top: 17.875vw;
    left: 7.7152777778vw;
  }
}
#weekly_code .main_contents #section3 .sub_contents .collage3 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .sub_contents .collage3 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section3 .sub_contents .collage4 {
  width: 53.6vw;
  top: 45.3333333333vw;
  right: 28vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .sub_contents .collage4 {
    width: 15.3541666667vw;
    top: 12.9861111111vw;
    right: 8.0208333333vw;
  }
}
#weekly_code .main_contents #section3 .sub_contents .collage5 {
  width: 58.6666666667vw;
  top: 0;
  right: -7.7333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .sub_contents .collage5 {
    width: 16.8055555556vw;
    top: 0;
    right: -2.2152777778vw;
  }
}
#weekly_code .main_contents #section3 .sub_contents .collage6 {
  width: 23.2vw;
  top: 88vw;
  left: 8vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section3 .sub_contents .collage6 {
    width: 6.6458333333vw;
    top: 25.2083333333vw;
    left: 2.2916666667vw;
  }
}
#weekly_code .main_contents #section4 .main_img .main_copy .section_title2 {
  margin-top: 30.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section4 .main_img .main_copy .section_title2 {
    margin-top: 9.5833333333vw;
  }
}
#weekly_code .main_contents #section4 .sub_contents .collage1 {
  width: 17.8666666667vw;
  top: 36vw;
  right: 45.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section4 .sub_contents .collage1 {
    width: 5.1180555556vw;
    top: 10.3125vw;
    right: 12.9861111111vw;
  }
}
#weekly_code .main_contents #section4 .sub_contents .collage2 {
  width: 36vw;
  top: 4.2666666667vw;
  right: 6.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section4 .sub_contents .collage2 {
    width: 10.3125vw;
    top: 1.2222222222vw;
    right: 1.9097222222vw;
  }
}
#weekly_code .main_contents #section4 .sub_contents .collage2 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section4 .sub_contents .collage2 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section4 .sub_contents .collage3 {
  width: 45.3333333333vw;
  bottom: 11.7333333333vw;
  right: 12vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section4 .sub_contents .collage3 {
    width: 12.9861111111vw;
    bottom: 3.3611111111vw;
    right: 3.4375vw;
  }
}
#weekly_code .main_contents #section4 .sub_contents .collage3 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section4 .sub_contents .collage3 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section4 .sub_contents .collage4 {
  width: 54.9333333333vw;
  top: 33.6vw;
  right: 19.2vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section4 .sub_contents .collage4 {
    width: 15.7361111111vw;
    top: 9.625vw;
    right: 5.5vw;
  }
}
#weekly_code .main_contents #section4 .sub_contents .collage5 {
  width: 58.6666666667vw;
  top: 0;
  left: -9.6vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section4 .sub_contents .collage5 {
    width: 16.8055555556vw;
    top: 0;
    left: -2.75vw;
  }
}
#weekly_code .main_contents #section5 .main_img .main_copy .section_title2 {
  margin-top: 25.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section5 .main_img .main_copy .section_title2 {
    margin-top: 7.9166666667vw;
  }
}
#weekly_code .main_contents #section5 .sub_contents .collage1 {
  width: 16vw;
  top: 50.1333333333vw;
  right: 0.5333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section5 .sub_contents .collage1 {
    width: 4.5833333333vw;
    top: 14.3611111111vw;
    right: 0.1527777778vw;
  }
}
#weekly_code .main_contents #section5 .sub_contents .collage2 {
  width: 48.8vw;
  top: 5.0666666667vw;
  left: 8vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section5 .sub_contents .collage2 {
    width: 13.9791666667vw;
    top: 1.4513888889vw;
    left: 2.2916666667vw;
  }
}
#weekly_code .main_contents #section5 .sub_contents .collage2 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section5 .sub_contents .collage2 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section5 .sub_contents .collage3 {
  width: 52.8vw;
  top: 71.7333333333vw;
  left: 7.2vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section5 .sub_contents .collage3 {
    width: 15.125vw;
    top: 20.5486111111vw;
    left: 2.0625vw;
  }
}
#weekly_code .main_contents #section5 .sub_contents .collage4 {
  width: 58.6666666667vw;
  top: 0;
  right: 2.4vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section5 .sub_contents .collage4 {
    width: 16.8055555556vw;
    top: 0;
    right: 0.6875vw;
  }
}
#weekly_code .main_contents #section6 .main_img .main_copy .section_title2 {
  margin-top: 30.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section6 .main_img .main_copy .section_title2 {
    margin-top: 9.5833333333vw;
  }
}
#weekly_code .main_contents #section6 .sub_contents .collage1 {
  width: 13.6vw;
  top: 52.2666666667vw;
  left: 34.9333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section6 .sub_contents .collage1 {
    width: 3.8958333333vw;
    top: 14.9722222222vw;
    left: 10.0069444444vw;
  }
}
#weekly_code .main_contents #section6 .sub_contents .collage2 {
  width: 42.6666666667vw;
  top: 5.3333333333vw;
  right: 6.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section6 .sub_contents .collage2 {
    width: 12.2222222222vw;
    top: 1.5277777778vw;
    right: 1.9097222222vw;
  }
}
#weekly_code .main_contents #section6 .sub_contents .collage2 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section6 .sub_contents .collage2 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section6 .sub_contents .collage3 {
  width: 36vw;
  bottom: 13.8666666667vw;
  right: 21.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section6 .sub_contents .collage3 {
    width: 10.3125vw;
    bottom: 3.9722222222vw;
    right: 6.1111111111vw;
  }
}
#weekly_code .main_contents #section6 .sub_contents .collage3 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section6 .sub_contents .collage3 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section6 .sub_contents .collage4 {
  width: 55.4666666667vw;
  top: 48.2666666667vw;
  right: 13.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section6 .sub_contents .collage4 {
    width: 15.8888888889vw;
    top: 13.8263888889vw;
    right: 3.8194444444vw;
  }
}
#weekly_code .main_contents #section6 .sub_contents .collage5 {
  width: 58.6666666667vw;
  top: 0;
  left: -8.5333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section6 .sub_contents .collage5 {
    width: 16.8055555556vw;
    top: 0;
    left: -2.4444444444vw;
  }
}
#weekly_code .main_contents #section7 .main_img .main_copy .section_title2 {
  margin-top: 20vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .main_img .main_copy .section_title2 {
    margin-top: 6.25vw;
  }
}
#weekly_code .main_contents #section7 .sub_contents .collage1 {
  width: 13.6vw;
  top: 79.7333333333vw;
  left: 1.8666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .sub_contents .collage1 {
    width: 3.8958333333vw;
    top: 22.8402777778vw;
    left: 0.5347222222vw;
  }
}
#weekly_code .main_contents #section7 .sub_contents .collage2 {
  width: 47.2vw;
  top: 0vw;
  left: 5.3333333333vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .sub_contents .collage2 {
    width: 13.5208333333vw;
    top: 0vw;
    left: 1.5277777778vw;
  }
}
#weekly_code .main_contents #section7 .sub_contents .collage2 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .sub_contents .collage2 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section7 .sub_contents .collage3 {
  width: 35.4666666667vw;
  top: 62.4vw;
  left: 24.2666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .sub_contents .collage3 {
    width: 10.1597222222vw;
    top: 17.875vw;
    left: 6.9513888889vw;
  }
}
#weekly_code .main_contents #section7 .sub_contents .collage3 img {
  border-radius: 1.0666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .sub_contents .collage3 img {
    border-radius: 0.3055555556vw;
  }
}
#weekly_code .main_contents #section7 .sub_contents .collage4 {
  width: 62.1333333333vw;
  top: 40.8vw;
  left: 0.8vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .sub_contents .collage4 {
    width: 17.7986111111vw;
    top: 11.6875vw;
    left: 0.2291666667vw;
  }
}
#weekly_code .main_contents #section7 .sub_contents .collage5 {
  width: 58.6666666667vw;
  top: 0;
  right: -8.2666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .sub_contents .collage5 {
    width: 16.8055555556vw;
    top: 0;
    right: -2.3680555556vw;
  }
}
#weekly_code .main_contents #section7 .sub_contents .collage6 {
  width: 22.1333333333vw;
  top: 88vw;
  left: 8vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents #section7 .sub_contents .collage6 {
    width: 6.3402777778vw;
    top: 25.2083333333vw;
    left: 2.2916666667vw;
  }
}
#weekly_code .main_contents section + section {
  margin-top: 26.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .main_contents section + section {
    margin-top: 7.6388888889vw;
  }
}
#weekly_code {
  /* right
  ===================================================== */
}
@media screen and (min-width: 800px) {
  #weekly_code .right_contents {
    position: sticky;
    top: 50px;
    width: 31.5972222222vw;
  }
}
#weekly_code .right_contents .contents_item {
  margin-left: 5.1388888889vw;
}
#weekly_code .right_contents .contents_item li {
  transition: 0.4s ease;
}
#weekly_code .right_contents .contents_item a {
  width: 15.9722222222vw;
  display: block;
  border-bottom: 0.0833333333vw solid #342D2D;
  padding: 1.6666666667vw 0;
}
#weekly_code .right_contents .contents_item a p {
  font-size: 0.9027777778vw;
  letter-spacing: 0.1em;
}
#weekly_code .right_contents .contents_item a p span {
  margin-right: 0.6944444444vw;
  margin-left: -0.9722222222vw;
  transition: 0.4s ease;
}
#weekly_code .right_contents .contents_item a img.nav_icon {
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  width: 0.6944444444vw;
  margin-right: 0.2777777778vw;
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}
#weekly_code .right_contents .contents_item .active {
  transition: 0.4s ease;
}
#weekly_code .right_contents .contents_item .active img.nav_icon {
  opacity: 1;
  visibility: visible;
}
#weekly_code .right_contents .contents_item .active span {
  margin-left: 0vw;
}
#weekly_code {
  /* footer
  ===================================================== */
}
#weekly_code .staff_credit {
  padding: 21.3333333333vw 0 26.6666666667vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .staff_credit {
    padding: 11.1111111111vw 0 18.0555555556vw;
  }
}
#weekly_code .staff_credit .line_dot {
  width: 89.3333333333vw;
  height: 0.5333333333vw;
  margin: 0 auto 16vw;
  background-image: url(../images/line_dot.webp);
  background-position: center;
  background-size: contain;
  background-repeat: repeat-x;
}
@media screen and (min-width: 800px) {
  #weekly_code .staff_credit .line_dot {
    width: 75vw;
    height: 0.1388888889vw;
    margin: 0 auto 11.1111111111vw;
  }
}
#weekly_code .staff_credit .credit_wrap {
  position: relative;
  width: 89.3333333333vw;
  height: 106.6666666667vw;
  background-image: url(../images/s-credit_sp.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 4.2666666667vw;
  border: 0.2666666667vw solid #342D2D;
  margin: 0 auto;
}
@media screen and (min-width: 800px) {
  #weekly_code .staff_credit .credit_wrap {
    width: 75vw;
    height: 31.9444444444vw;
    border-radius: 1.1111111111vw;
    border: 0.0833333333vw solid #342D2D;
    background-image: url(../images/s-credit_pc.webp);
  }
}
#weekly_code .staff_credit .credit_wrap .credit_flex {
  position: absolute;
  top: 32vw;
  left: 16vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .staff_credit .credit_wrap .credit_flex {
    display: flex;
    gap: 2.2222222222vw;
    align-items: flex-start;
    justify-content: center;
    top: 11.6666666667vw;
    left: 25.9027777778vw;
  }
}
#weekly_code .staff_credit .credit_wrap .credit_flex p {
  color: #ffffff;
}
#weekly_code .staff_credit .credit_wrap .credit_flex p:nth-child(1) {
  font-size: 4vw;
  margin-bottom: 5.3333333333vw;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 800px) {
  #weekly_code .staff_credit .credit_wrap .credit_flex p:nth-child(1) {
    font-size: 1.1458333333vw;
    margin-bottom: 0vw;
    padding-top: 0.5555555556vw;
  }
}
#weekly_code .staff_credit .credit_wrap .credit_flex p:nth-child(2) {
  font-size: 2.9333333333vw;
  line-height: 2.5454545455;
}
@media screen and (min-width: 800px) {
  #weekly_code .staff_credit .credit_wrap .credit_flex p:nth-child(2) {
    font-size: 0.8333333333vw;
  }
}
#weekly_code {
  /* スライド調整
  ===================================================== */
}
#weekly_code .swiper-container {
  width: 100%;
  overflow: hidden;
}
#weekly_code .swiper-wrapper {
  width: 100%;
  height: auto !important;
}
#weekly_code .swiper-slide {
  width: 100%;
  box-sizing: border-box;
}
#weekly_code .swiper-slide img {
  max-width: 100%;
  display: block;
}
#weekly_code .slide_loop {
  overflow: hidden;
}
#weekly_code .slide_loop {
  opacity: 0;
  transition: opacity 0.6s ease;
}
#weekly_code .slide_loop.swiper-ready {
  opacity: 1;
}
#weekly_code .slide_loop .swiper-wrapper {
  height: auto !important;
  transition-timing-function: linear !important;
}
#weekly_code {
  /* フェード調整
  ===================================================== */
}
#weekly_code .txt_tate {
  overflow: hidden;
}
#weekly_code .txt_yoko {
  overflow: hidden;
}
#weekly_code {
  /* totop
  ===================================================== */
}
#weekly_code .totop {
  width: 6.6666666667vw;
  position: fixed;
  bottom: 8vw;
  right: 0vw;
  z-index: 100;
  opacity: 1;
}
@media screen and (min-width: 800px) {
  #weekly_code .totop {
    width: 2.0833333333vw;
    bottom: 3.4722222222vw;
    right: 0vw;
  }
}
#weekly_code .week_icon {
  position: fixed;
  top: calc(15.4666666667vw + 40px);
  left: 1.8666666667vw;
  z-index: 1;
  width: 11.2vw;
}
@media screen and (min-width: 800px) {
  #weekly_code .week_icon {
    width: 3.75vw;
    top: calc(15vh + 50px);
    right: 5.5555555556vw;
    left: auto;
  }
}
#weekly_code .fixed_contents {
  opacity: 0;
  visibility: hidden;
}
#weekly_code {
  /* 下矢印
  ===================================================== */
}/*# sourceMappingURL=style.css.map */