#fv { position: relative; display: block; width: 100%; height: auto; z-index: 10;
  .logo_layer { position: absolute; z-index: 2; width: 100%; height: 100%; pointer-events: none; top: 0;left: 0; }
  .logo { position: sticky; width: 22%; height: auto; left: 50%; top: 49%; transform: translate(-50%, -50%); /*-webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.6));filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.6))*/
    img { display: block; width: 100%; height: auto; }
  }
  .kv_layer { position: relative; display: block; width: 100%; height:42.1vw; overflow: hidden;
    #bg-video { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; opacity: 0.5; }
    .kv { position: relative; display: block; width: 100%; height: auto; overflow: hidden; }
      .kv_bgstar{ position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);  width: 100%; opacity: 0.3;} 
  }
  .sp_bg{ display: none;}

  &::after { position: absolute; display: block; content: ""; bottom: 0; left: 0; width: 100%; height: var(--border_repeat_02_size); background: repeat-x center url(../images/svg/border_repeat_02_h_top.svg); background-size: contain; -webkit-transform: translateY(calc(100% - 1px)); transform: translateY(calc(100% - 1px)); }
}
@media only screen and (max-width: 835px) {
  #fv { height: calc(100dvh - 5vw);
    .kv_layer { position:inherit;  height:100%;
      #bg-video{  height: 132%; opacity: 0.1; top: 50%; left: 50%; transform: translate(-50%, -50%);  position: absolute;z-index: -1;}
      .kv_bgstar { opacity: 0.7; width: 150%; position: relative; z-index: 1;}
    }
    .logo{ width: 60%; position: absolute;}
    .sp_bg{ display: inherit; position: absolute; width: 100vw; height: 42.1vw; top:30%; left: 50%; background-color: #fff;overflow: hidden; transform: translate(-50%,-50%);
      video{ position: absolute; height: 140%; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.5;}
    }
  }
}
@-webkit-keyframes kv_star_swing {
  0% { -webkit-transform: rotateZ(8deg); transform: rotateZ(8deg); }
  50% { -webkit-transform: rotateZ(-4deg); transform: rotateZ(-4deg); }
  100% { -webkit-transform: rotateZ(8deg); transform: rotateZ(8deg); }
}
@keyframes kv_star_swing {
  0% { -webkit-transform: rotateZ(8deg); transform: rotateZ(8deg); }
  50% { -webkit-transform: rotateZ(-4deg); transform: rotateZ(-4deg); }
  100% { -webkit-transform: rotateZ(8deg); transform: rotateZ(8deg); }
}
.top_bnr {  position: absolute; z-index: 2; left: 3%; bottom: 3%; width: 20%;
  .fbk_swiper_outer { padding: 0; overflow: hidden;
    .fbk_swiper { margin-bottom: 0;;
      .swiper-wrapper { margin-bottom: 1vw;
        .swiper-slide {
          .slide_inner {
            .content { aspect-ratio: auto;
              img { filter: none; }
              &::after { display: none; }
            }
          }
        }
      }
    }
    width: 100%;
  }
}

@media only screen and (max-width: 835px) {

  .top_bnr { width: 80%; left: 10%; bottom: 5vw; 
      .fbk_swiper_outer { 
        .swiper_controller{ padding: 0.25em 0;}
        .fbk_swiper {
          .swiper-wrapper { margin-bottom: 2vw;
          }
        }
      }
  }
}

#top_story { position: relative; display: block; width: 100%; height: auto; padding: calc(var(--main_distance) * 0.6 + var(--border_repeat_02_size)) 0
    calc(var(--main_distance) * 0.6);
  .cmn_bg_layer {
    .ex_bg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
      img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
    }
    .ex_bg_logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 75%;
      img { display: block; width: auto; max-width: initial; height: 100%; opacity: 0.15; }
    }
    &.type_1 {
      .bg_corner.tr { top: calc(var(--corner_position) + var(--border_repeat_02_size)); }
    }
  }
}
.top_story_swiper_outer { position: relative; width: 100%; margin-top: 7vw; overflow: hidden;
	&.profpage{ padding: 0 0 10vw;}
  .top_story_swiper { position: relative; }
}
.top_story_slide_inner { position: relative; display: block; width: 100%; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; border: 2px solid #b29b64; background-color: #fbfbfb;
  img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
}
.top_story_link_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(var(--main_gap) * 0.5); width: 100%;
  .cmn_link_btn_a { margin: initial; width: calc((100% - var(--main_gap) * 0.5 * 2) / 3); min-width: 0; font-size: clamp(18px, 2vw, 24px); white-space: nowrap;
    span { padding: 0.5em 1em 0.6em; }
  }
}

@media only screen and (max-width: 835px) {
  #top_story{ padding:calc(var(--main_distance) * 0.7) 0 ;}
  .top_story_link_flex { 
   .cmn_link_btn_a { width: 100%;}
  }
  .top_story_swiper_outer{ margin-top: 15vw;
  	&.profpage{ padding: 0 0 15vw;}
  }
}


.cmn_intro_box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Shippori Mincho", "Noto Sans JP", "Noto Sans", "メイリオ", "Meiryo",
    "MS PGothic", sans-serif; text-align: center; font-size: min(80px, 9vw); line-height: 1.6em; margin-bottom: 1em;
  p { position: relative; display: inline-block; white-space: nowrap; margin-bottom: 1em; color: #0f131e;
    span { display: inline-block; font-weight: 500;
      &.strong { font-weight: 900; }
      &.small { font-size: 0.7em; }
    }
    &.text_small { font-size: 0.5em; line-height: 1.6em; margin-bottom: 1em;
      span { margin: 0 0.05em; }
    }
    &.side_line {
      &::before, &::after { position: absolute; display: block; content: ""; height: 0.3em; width: 7em; top: 50%; background: no-repeat center right
    url(../images/svg/parts_intro_text_side_l_black.svg); background-size: contain; }
    }
    &.side_line::before { left: 0; -webkit-transform: translate(calc((100% + 0.7em) * -1), -50%); transform: translate(calc((100% + 0.7em) * -1), -50%); }
    &.side_line::after { right: 0; -webkit-transform: translate(calc((100% + 0.7em) * 1), -50%) scale(-1, 1); transform: translate(calc((100% + 0.7em) * 1), -50%) scale(-1, 1); }
    &.mb_0 { margin-bottom: 0; }
    &:last-of-type { margin-bottom: 0; }
  }
}
.cmn_news_list { position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--main_gap) * 2); }
.cmn_news_rack { position: relative; display: block; width: 100%; height: auto; border: 1px solid #b29b64; background-color: #fbfbfb; text-align: left; margin-bottom: calc(var(--main_gap) * 1); padding: calc(var(--main_gap) * 1.5);
  &::before { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: min(60px, 40%); background: no-repeat top center url(../images/svg/news_bg_line_fill.svg); background-size: 100% 100%; -webkit-transform-origin: top; transform-origin: top; -webkit-transition: 0.4s ease; transition: 0.4s ease; }
  &::after { position: absolute; display: block; content: ""; top: 0; right: 0; width: min(90px, 15vw); height: min(90px, 15vw); background: no-repeat center url(../images/webp/news_stamp.webp); background-size: contain; -webkit-transform: translate(25%, -25%) rotateZ(20deg); transform: translate(25%, -25%) rotateZ(20deg); -webkit-transition: 0.4s ease; transition: 0.4s ease; }
  .date { position: relative; font-family: "Libre Bodoni", "Shippori Mincho", "Noto Sans JP", "Noto Sans", "メイリオ",
    "Meiryo", "MS PGothic", sans-serif; font-size: 16px; line-height: 1.4em; white-space: nowrap; color: #b29b64; margin-bottom: 0.5em; }
  .news_title { position: relative; color: #0f131e; font-weight: 700; font-size: clamp(15px, 2vw, 18px); line-height: 1.7em; }
  &:hover::before { -webkit-transform: rotateX(50deg); transform: rotateX(50deg); -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2)); }
  &:hover::after { opacity: 0.2; -webkit-filter: blur(10px); filter: blur(10px); }
}
#live {
  .live_kv_outer { position: relative; display: block; width: 100%; height: auto; margin-bottom: 3%;
    .back_logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 110vw; height: auto;
      img { display: block; width: 100%; height: auto; }
    }
    .live_kv { position: relative; display: block; width: 100%; height: auto;
      .kv_img { position: relative; display: block; width: 100%; height: auto;
        img { position: relative; display: block; width: 100%; height: auto; }
      }
      .logo { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, -10%); transform: translate(-50%, -10%); display: block; width: 60%; height: auto;
        img { position: relative; display: block; width: 100%; height: auto; }
      }
    }
  }
  .dateplace { display: block; width: 90%; height: auto; margin: 0 auto 7%;
    img { display: block; width: 100%; height: auto; }
  }
}
#merch {
  .banner { position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--main_gap) * 2);
    img { display: block; width: 100%; height: auto; }
  }
}
#story {
  .banner { position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--main_gap) * 2);
    img { display: block; width: 100%; height: auto; }
  }
  .slide_tit{ color: #fff;}

  .storylist{
    .cmn_news_rack{
      &::before{ display: none;}
      &::after{ display: none;}
    }
  }
}
#world{
	.world1{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  margin: 0 auto 5vw; width: 94%;
		&:nth-child(even){ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;
      .text_area{text-align: right;}
     }
		.img_area{ position: relative; display: block; width: 55%;
			img{ display: block; width: 100%;}
		}
		.text_area{ position: relative; display: block; width: 42%; height: auto; text-align: left; font-family: "Shippori Mincho", "Noto Sans JP", "Noto Sans", "メイリオ", "Meiryo", "MS PGothic", sans-serif; font-size: min(16px, 1.4vw); line-height: 1.9em; 
			.catch{ font-weight: 700; color: #b29b64; font-size: min(2vw, 30px); line-height: 1.6em; margin-bottom: 0.6em; }
		}
	}
	.world2{ margin: 0 auto 10vw; width: 100%;}
}
@media only screen and (max-width: 835px) {
	#world{
		.world1{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(var(--main_gap) * 0.5); width: 90%; margin-bottom: 8vw;
			&:nth-child(even){ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 
        .text_area{text-align: left;}    
      }
			.img_area{ width: 100%; }
			.text_area{ width: 100%; font-size: 14px;;
				.catch{ font-size:22px; }
			}
		}
	}
}
#music { position: relative; display: block; width: 100%; height: auto; padding: 0 0 calc(var(--main_distance) * 0.5);
  .music_lead { position: relative; display: block; width: 100%; text-align: center; font-size: clamp(14px, 1.6vw, 17px); line-height: 1.9em; margin-bottom: calc(var(--main_gap) * 2); }
  .music_tab { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-bottom: 1px solid #b29b64; margin-bottom: calc(var(--main_gap) * 2.5);
    .music_tab_btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; cursor: pointer; padding: 0.8em 0.5em 1em; -webkit-transition: 0.2s; transition: 0.2s; color: #0f131e; opacity: 0.5;
      .label { font-weight: 900; font-size: clamp(15px, 2vw, 19px); line-height: 1.4em; }
      .count { font-size: clamp(11px, 1.4vw, 13px); color: #318389; letter-spacing: 0.05em; }
      &.active { opacity: 1;
        &::after { position: absolute; display: block; content: ""; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #b29b64; }
      }
      &:hover { opacity: 1; }
    }
  }
  .music_tab_contents {
    .music_tab_content { display: none;
      &.active { display: block; }
    }
  }
  .music_release { position: relative; display: block; width: 100%; margin-bottom: calc(var(--main_gap) * 2.5);
    &:last-of-type { margin-bottom: 0; }
    .release_head { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(var(--main_gap) * 1); margin-bottom: calc(var(--main_gap) * 1.2); text-align: left;
      .jacket { position: relative; display: block; width: min(90px, 16vw); height: min(90px, 16vw); border: 1px solid #b29b64; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none;
        img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
      }
      .release_info {
        .release_title { font-weight: 900; font-size: clamp(16px, 2vw, 19px); line-height: 1.5em; margin-bottom: 0.2em; }
        .release_meta { font-size: clamp(12px, 1.4vw, 14px); color: #318389; letter-spacing: 0.05em;
          .sep { margin: 0 0.6em; color: #b29b64; }
        }
      }
    }
    .track_list {
      .track { position: relative; display: block; width: 100%; border: 1px solid #b29b64; background-color: #fbfbfb; padding: calc(var(--main_gap) * 1.2) calc(var(--main_gap) * 1.5); margin-bottom: calc(var(--main_gap) * 1); text-align: left;
        &:last-child { margin-bottom: 0; }
        .track_main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 0.8em; margin-bottom: 0.8em; -ms-flex-wrap: wrap; flex-wrap: wrap;
          .track_num { font-family: "Libre Bodoni", serif; font-size: clamp(13px, 1.6vw, 15px); color: #b29b64; }
          .track_title { font-weight: 900; font-size: clamp(15px, 1.8vw, 17px); }
          .track_tag { font-size: clamp(11px, 1.4vw, 12px); color: #b29b64; border: 1px solid #b29b64; border-radius: 4px; padding: 0.2em 0.8em; }
        }
        .track_links { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.8em; margin-bottom: 1em; -ms-flex-wrap: wrap; flex-wrap: wrap;
          .pill_link { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.3em; font-size: clamp(12px, 1.4vw, 13px); font-weight: 700; color: #0f131e; border: 1px solid #0f131e; border-radius: 9999px; padding: 0.5em 1.2em 0.55em; -webkit-transition: 0.2s; transition: 0.2s;
            &::after { content: "\2197"; font-size: 0.9em; }
            &:hover { background-color: #0f131e; color: #fbfbfb; }
          }
        }
        .comment_box { position: relative; display: block; background-color: rgba(178, 155, 100, 0.08); border-left: 3px solid #b29b64; padding: 1em 1.2em; text-align: left;
          .comment_label { font-family: "Libre Bodoni", serif; font-weight: 700; font-size: clamp(11px, 1.4vw, 12px); letter-spacing: 0.1em; color: #318389; margin-bottom: 0.5em; }
          .comment_text { font-size: clamp(13px, 1.6vw, 14px); line-height: 1.9em; }
        }
      }
    }
  }
}
@media only screen and (max-width: 835px) {
  #music {
    .music_lead { text-align: left; }
    .music_tab {
      .music_tab_btn { padding: 0.6em 0.3em 0.8em;
        .label { font-size: clamp(13px, 3.6vw, 15px); }
      }
    }
    .music_release {
      .release_head { gap: calc(var(--main_gap) * 0.7); }
      .track_list {
        .track { padding: calc(var(--main_gap) * 1) calc(var(--main_gap) * 1.2);
          .track_main { gap: 0.5em; }
          .track_links {
            .pill_link { padding: 0.5em 1em 0.55em; }
          }
        }
      }
    }
  }
}
#archive {
  .archive_wrap { border-top: solid 1px var(--color-line); text-align: left; }
  .archive_wrap.archive_collabo { margin-bottom: 100px; }
  .archive_wrap .li_arv { position: relative; display: flex; align-items: center; padding: 2%; width: 100%; border-bottom: solid 1px var(--color-line); transition: .3s; z-index: 1; border: 1px solid #b29b64; background-color: #fbfbfb; margin-bottom: 1vw; }
  .archive_wrap .li_arv::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-color: var(--color-white); transform-origin: 100% 50%; transform: scaleX(0); transition: transform ease .3s; }
  .archive_wrap .li_arv:hover:before { transform-origin: 0% 50%; transform: scale(1); }
  .archive_wrap .li_arv .img_box { width: 22%; margin: 0 2% 0 0; border-radius: 10px; overflow: hidden; }
  .archive_wrap .li_arv .txt_box { width: 76%; }
  .archive_wrap .li_arv .txt_box .period { font-family: var(--font-en); font-size: 12px; font-weight: bold; line-height: 1em; color: var(--color-primary); margin-bottom: 10px; }
  .archive_wrap .li_arv .txt_box .tit { font-size: 16px; font-weight: bold; line-height: 1.5em; color: var(--color-black); padding: 0 24px 0 0; position: relative; }
  .archive_wrap .li_arv .txt_box .tit::before { position: absolute; content: ''; width: 14px; height: 14px; right: 0; bottom: .2em; background: url(../images/common_icon_link_bl.svg) no-repeat; background-size: contain; }
  .archive_wrap .li_arv.disabled { pointer-events: none; }
  .archive_wrap .li_arv.disabled .txt_box .tit::before { content: none; }
  .archive_wrap .inner { margin-bottom: 50px; }
  .archive_wrap .view { display: flex; justify-content: flex-end; margin-bottom: 100px; }
  .archive_wrap .btn_fullwidth { margin-bottom: 100px; }
  .archive_wrap .btn_fullwidth .txt { margin: 0; }
}

@media only screen and (max-width: 835px) {
  #archive {
    .archive_wrap .li_arv{ flex-direction: column; padding: 5%; margin-bottom: 10px;}
    .archive_wrap .li_arv .img_box{ width: 100%; margin: 0 0 10px;}
    .archive_wrap .li_arv .txt_box{ width: 100%;}
  }
}

.cmn_album_flex { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(var(--main_gap) * 2);
  .album_img_area { display: block; width: 55%; height: auto;
    .album_img { display: block; width: 100%; height: auto;
      img { display: block; width: 100%; height: auto; }
    }
  }
  .text_area { display: block; width: 45%; height: auto; text-align: left;
    .title_box { display: block; border-bottom: 1px dashed #b29b64; margin-bottom: calc(var(--main_gap) * 1); padding-bottom: calc(var(--main_gap) * 0.5);
      .album_title_sub { font-family: "Libre Bodoni", "Shippori Mincho", "Noto Sans JP", "Noto Sans", "メイリオ",
    "Meiryo", "MS PGothic", sans-serif; letter-spacing: 0.1em; color: #b29b64; margin-bottom: 0.4em; line-height: 1.4em; }
      .album_title { width: 100%; font-family: "Libre Bodoni", "Shippori Mincho", "Noto Sans JP", "Noto Sans", "メイリオ",
    "Meiryo", "MS PGothic", sans-serif; font-size: min(80px, 11vw); line-height: 1.2em; white-space: nowrap; color: #b29b64;
        &.jp { font-family: "Shippori Mincho", "Noto Sans JP", "Noto Sans", "メイリオ", "Meiryo",
    "MS PGothic", sans-serif; font-size: min(45px, 8vw); line-height: 1.4em; font-weight: 700; margin-bottom: 0.2em; }
      }
      .price { color: #b29b64; margin-bottom: 0; margin-bottom: 0.4em; font-size: clamp(18px, 2vw, 25px); line-height: 1.4em;
        span { font-size: 0.6em; }
      }
    }
    .text_box { margin-bottom: 1.5em; }
    .album_link_btn_outer { position: relative; display: block; width: 100%; height: auto; }
  }
  &.type_top {
    .text_area {
      .text_box { font-size: clamp(14px, 1.5vw, 17px); font-weight: 700; line-height: 1.8em; }
    }
  }
  &.type_in_album { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
    .text_area { padding-top: calc(var(--main_gap) * 3); }
  }
}
@media only screen and (max-width: 835px) {
  .cmn_album_flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: calc(var(--main_gap) * 0.5);
    .album_img_area { width: 100%; }
    .text_area { width: calc(100% - var(--cmn_style_frame_01_size) * 2);
      .album_link_btn_outer { text-align: center;
        .cmn_link_btn_a { width: 100%; }
      }
    }
    &.type_in_album { -webkit-box-align: center; -ms-flex-align: center; align-items: center;
      .text_area { padding-top: 0; }
    }
  }
}

.fbk_swiper_outer { position: relative; width: 100%; padding: 0 10%;
  .fbk_swiper { position: relative; margin-bottom: calc(var(--main_gap) * 1.7);
    .swiper-wrapper { margin-bottom: calc(var(--main_gap) * 1);
      .swiper-slide {
        .slide_inner { cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s;
          .content { position: relative; display: block; width: 100%;/* aspect-ratio: 16/9;*/
            img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-filter: brightness(0.8) grayscale(1); filter: brightness(0.8) grayscale(1); -webkit-transition: 0.2s; transition: 0.2s; }
            &::after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }
          }
          .play_icon { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); width: auto; height: 50%; aspect-ratio: 1/1; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s;
            &::before, &::after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: contain; }
            &::before { background-image: url(../images/svg/video_play_circle.svg); -webkit-animation: rotation_r 120s linear infinite; animation: rotation_r 120s linear infinite; }
            &::after { background-image: url(../images/svg/video_play_arrow.svg); }
          }
        }
		.slide_tit{ text-align: left; padding: 0 3% 0 5%;}
        &.swiper-slide-active {
          .slide_inner {
            .content {
              img { -webkit-filter: brightness(1) grayscale(0); filter: brightness(1) grayscale(0); }
              &::after { opacity: 0; }
            }
            .play_icon { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; visibility: visible; }
            &:hover {
              .content {
                img { -webkit-filter: brightness(1.1) grayscale(0); filter: brightness(1.1) grayscale(0); }
              }
              .play_icon { -webkit-transform: translate(-50%, -50%) scale(1.02); transform: translate(-50%, -50%) scale(1.02); }
            }
          }
        }
        &.swiper-slide-duplicate-active {
          .slide_inner {
            .content {
              img { -webkit-filter: brightness(1) grayscale(0); filter: brightness(1) grayscale(0); }
              &::after { opacity: 0; }
            }
            .play_icon { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; visibility: visible; }
            &:hover {
              .content {
                img { -webkit-filter: brightness(1.1) grayscale(0); filter: brightness(1.1) grayscale(0); }
              }
              .play_icon { -webkit-transform: translate(-50%, -50%) scale(1.02); transform: translate(-50%, -50%) scale(1.02); }
            }
          }
        }
      }
    }
  }
  .swiper_controller { --swiper_button_size: clamp(60px, 20vw, 80px); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: calc(var(--main_gap) * 2);
    .fbk-swiper-button-prev { display: block; width: var(--swiper_button_size); height: auto; aspect-ratio: 80/40; background: no-repeat center; background-size: contain; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; background-image: url(../images/svg/videos_control_btn_prev.svg);
      &:hover { -webkit-transform: translateX(-5%); transform: translateX(-5%); }
    }
    .fbk-swiper-button-next { display: block; width: var(--swiper_button_size); height: auto; aspect-ratio: 80/40; background: no-repeat center; background-size: contain; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; background-image: url(../images/svg/videos_control_btn_next.svg);
      &:hover { -webkit-transform: translateX(5%); transform: translateX(5%); }
    }
    .fbk-swiper-pagination { --bullet_size: clamp(8px, 1vw, 10px); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: initial; transform: initial; z-index: initial; bottom: initial; left: initial; width: auto; height: auto; gap: var(--bullet_size);
      .swiper-pagination-bullet { background-color: initial; border: 1px solid #b29b64; background-color: #fbfbfb; opacity: 1; border-radius: initial; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); margin: initial; width: var(--bullet_size); height: var(--bullet_size); }
      .swiper-pagination-bullet-active { background-color: #b29b64; }
    }
  }
}

@media only screen and (max-width: 835px) {
  .fbk_swiper_outer {  padding: 0 5%;
    .fbk_swiper{margin-bottom: calc(var(--main_gap) * 2.5); 
      .slide_tit{ margin-bottom: 0;}
    }
  }
}



#profile { position: relative; display: block; width: 100%; height: auto; padding: calc(var(--main_distance) * 0.5) 0 calc(var(--main_distance) * 0.5);
  .cmn_bg_layer {
    .ex_bg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #b29b64; border-bottom: 1px solid #b29b64; overflow: hidden;
      img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
    }
    .back_text_fbking { position: absolute; top: 0; right: 0; width: 70%; height: auto; -webkit-transform: translate(5%, -20%); transform: translate(5%, -20%);
      img { display: block; width: 100%; height: auto; }
    }
    .back_text_fubuki { position: absolute; bottom: 0; left: 0; width: 80%; height: auto; -webkit-transform: translate(-3%, 20%); transform: translate(-3%, 20%);
      img { display: block; width: 100%; height: auto; }
    }
  }
	.select_btn{ position: absolute; z-index: 10; top: 5%; left: 5%; width: 6%;
		li{ cursor: pointer; margin-bottom: 10px; border-radius: 6px; overflow: hidden; border: 2px solid transparent; -webkit-transition: 0.2s; transition: 0.2s; background-color: #fff;
			&.active{ border-color: #b29b64; }
			&:hover{ opacity: 0.8; }
		}
		img{ display: block; width: 100%; height: auto; }
	}
  .cmn_main_layer {
    .profile_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
      .img_area { position: relative; display: block; width: 55%; height: auto;
        .fbk_img { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%) scale(1); display: block; width: 100%; height: auto; pointer-events: none;
          img { display: block; width: 100%; height: auto; }
          &.mode_live { -webkit-transform: translate(-80%, -45%) scale(1); transform: translate(-80%, -45%) scale(1); }
        }
      }
      .text_area { position: relative; display: block; width: 38%; height: auto; text-align: left; font-family: "Shippori Mincho", "Noto Sans JP", "Noto Sans", "メイリオ", "Meiryo",
    "MS PGothic", sans-serif;
        .name_box { margin-bottom: calc(var(--h_title_size) * 0.3);
          .name { position: relative; display: block; width: auto; height: calc(var(--h_title_size) * 0.8); margin-bottom: calc(var(--h_title_size) * 0.25 * 0.8); }
          .name_sub { display: block; width: auto; height: calc(var(--h_title_size) * 0.23 * 0.8); margin-bottom: 0; }
          img { display: block; width: auto; height: 100%; }
        }
        .sns_links { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: var(--main_gap); margin-bottom: 6%;
          li {
            a { display: block; font-size: clamp(13px, 1.2vw, 16px); line-height: 1em; white-space: nowrap; color: #b29b64; font-weight: 600; width: 8em; background-color: #0f131e; border: 1px solid #b29b64; border-radius: 6px; padding: 0.6em 0.9em 0.7em; text-align: center; -webkit-transition: 0.2s; transition: 0.2s;
              &:hover { color: #fbfbfb; }
            }
          }
        }
        .intro_text_box { margin-bottom: 6%; font-weight: 700;
          p.catch { font-size: min(26px, 1.4vw); line-height: 1.6em; margin-bottom: 0.5em; }
          p { font-size: min(16px, 1vw); line-height: 1.9em;
            &:last-of-type { margin-bottom: 0; }
          }
        }
        .status { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0 auto; font-size: min(14px, 1vw); line-height: 1em; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; row-gap: 1.5em;
          li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc((100% - 1em) / 2);
            span { display: block; width: 50%; text-align: center; padding: 0.8em 0; letter-spacing: -0.05em; font-weight: 700;
              &.title { border-top: 1px solid #0f131e; border-bottom: 1px solid #0f131e; white-space: nowrap; }
            }
          }
        }
      }
    }
  }
}
.profile_bottom_distance { position: relative; display: block; width: 100%; height: calc(var(--main_distance) * 1.4);
  &.mode_live { height: calc(var(--main_distance) * 1.8); }
}
@media only screen and (max-width: 835px) {
  #profile { padding: calc(var(--main_distance) * 0.3) 0 calc(var(--main_distance) * 0.3);

    .select_btn{ width: 15%; top: 8vw;}

    .cmn_bg_layer {
      .back_text_fbking { right: initial; left: 50%; width: 150%; -webkit-transform: translate(-50%, -30%); transform: translate(-50%, -30%); }
      .back_text_fubuki { bottom: initial; top: 44%; left: 0; width: 200%; -webkit-transform: translate(-3%, -50%); transform: translate(-3%, -50%); }
    }
    .cmn_main_layer {
      .profile_flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
        .img_area { width: 100%; margin-bottom: 5vw;
          .fbk_img { position: relative; top: initial; left: initial;  transform: none; display: block; width: 100%; height: auto;
            img { display: block; width: 100%; height: auto; }
            &.mode_live { position: relative; top: initial; left: initial; -webkit-transform: translate(-30%, -10%) scale(1.6); transform: translate(-30%, -10%) scale(1.6); display: block; width: 100%; height: auto; }
          }
        }
        .text_area { width: 90%;
          .name_box { margin-bottom: calc(var(--h_title_size) * 0.3);
            .name { height: calc(var(--h_title_size) * 1); margin-bottom: calc(var(--h_title_size) * 0.25 * 1); }
            .name_sub { height: calc(var(--h_title_size) * 0.23 * 1); }
          }
          .intro_text_box {
            p.catch { font-size: min(26px, 5.5vw); line-height: 1.6em; margin-bottom: 0.5em; }
            p { font-size: min(16px, 3.5vw); line-height: 1.9em;
              &:last-of-type { margin-bottom: 0; }
            }
          }
          .status { width: 100%; font-size: min(16px, 3.5vw); row-gap: 1em;
            li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
              span { width: 100%; }
            }
          }
        }
      }
    }
  }
  .profile_bottom_distance { display: none; }
}
#in_story {
  .cmn_news_rack {
    &::before { display: none;}
    &::after { display: none;}
  }
}
#in_news {
  .in_page_news_list_outer { margin-bottom: calc(var(--main_distance) * 0.25); }
  .news_article { margin-bottom: calc(var(--main_distance) * 0.25);
    .cmn_news_rack { margin-bottom: calc(var(--main_gap) * 1); pointer-events: none; }
  }
}
#live_date_place { padding: calc(var(--main_distance) * 0.6 + var(--border_repeat_02_size)) 0;
  .cmn_bg_layer { overflow: hidden;
    .bg_ring { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 105vw; min-width: min(1000px, 150vw); height: auto; opacity: 1;
      span { display: block; width: 100%; height: auto; -webkit-animation: rotation 120s linear infinite; animation: rotation 120s linear infinite;
        img { display: block; width: 100%; height: auto; }
      }
    }
    &.type_1 {
      .bg_corner.tr { top: calc(var(--corner_position) + var(--border_repeat_02_size)); }
      .bg_corner.bl { bottom: calc(var(--corner_position) + var(--border_repeat_02_size)); }
    }
  }
  &::after { position: absolute; display: block; content: ""; bottom: 0; left: 0; width: 100%; height: var(--border_repeat_02_size); background: repeat-x center url(../images/svg/border_repeat_02_h_bottom.svg); background-size: contain; }
  .dateplace { display: block; width: 100%; height: auto; margin: 0 auto 7%;
    img { display: block; width: 100%; height: auto; }
  }
  .ticket_link { display: block; width: 92%; height: auto; margin: 0 auto; -webkit-filter: drop-shadow(0 4px 0 #b29b64); filter: drop-shadow(0 4px 0 #b29b64); -webkit-transition: 0.2s; transition: 0.2s;
    img { display: block; width: 100%; height: auto; }
    &:hover { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-filter: drop-shadow(0 0px 0 #b29b64); filter: drop-shadow(0 0px 0 #b29b64); }
  }
}
#digital_message_board {
  .banner { position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--main_gap) * 2);
    img { display: block; width: 100%; height: auto; }
  }
}
#information {
  .logo { position: relative; display: block; width: 80%; height: auto; margin: 0 auto 4%;
    img { display: block; width: 100%; height: auto; }
  }
  .h_title { position: relative; display: block; width: 100%; height: auto; margin: 0 auto 3%;
    img { display: block; width: 100%; height: auto; }
  }
  .h_title_sub { position: relative; display: block; width: 25%; height: auto; margin: 0 auto 4%;
    img { display: block; width: 100%; height: auto; }
  }
}
.live_top_foot_back_link_btn_outer { position: relative; display: block; width: 100%; height: auto; padding: calc(var(--main_distance) * 0.4) 0
    calc(var(--main_distance) * 0.4 + var(--border_repeat_02_size)); }
#in_tickets {
  .ticket_box { position: relative; display: block; width: 100%; height: 100%; margin-bottom: calc(var(--main_distance) / 2);
    .ticket_section_title { position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--main_gap) * 1); text-align: center; background-color: #0f131e; color: #fff; font-size: clamp(22px, 3vw, 34px); line-height: 1.4em; border-radius: 10px; padding: 0.7em 0.5em 0.7em;
      .main { font-weight: 600; }
      .sub { color: #b29b64; font-size: 0.6em; line-height: 1.7em; font-weight: 600; margin-bottom: 0; letter-spacing: 0.05em; }
    }
    .price_list { position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--main_gap) * 2);
      .price { --price_font_size: clamp(26px, 6vw, 40px); position: relative; display: block; width: 100%; height: auto; text-align: left; font-size: var(--price_font_size); line-height: 1.2em; padding: 0.4em 0.6em 0.3em; margin-bottom: calc(var(--main_gap) * 0.5); color: #0f131e; background: #fff; border: 1px solid #0f131e; border-radius: 10px; font-weight: 700;
        span { position: relative; }
        .seat { display: inline-block; font-size: calc(var(--price_font_size) * 0.7); line-height: 1.4em; font-weight: 600; margin-right: 0.2em; }
        .price_num { display: inline-block; font-size: var(--price_font_size); line-height: 1.2em; white-space: nowrap; }
        .small { font-size: 0.5em; margin-left: 0em; font-weight: 600; }
      }
    }
    .seat_map_img { display: block; width: 100%; height: auto; cursor: pointer; margin-bottom: calc(var(--main_gap) * 2); }
    .ticket_playguide_list { position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--main_gap) * 2);
      &::before { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 1px; background: #b29b64; }
      .playguide_rack { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; padding: calc(var(--main_gap) * 1) 0;
        .playguide_title { font-size: clamp(22px, 6vw, 30px); line-height: 1.2em; text-align: left; letter-spacing: 0.05em; color: #0f131e; font-weight: 800; }
        .cmn_link_btn_a { margin: initial; }
        &::before { position: absolute; display: block; content: ""; bottom: 0; left: 0; width: 100%; height: 1px; background: #b29b64; }
      }
    }
  }
}
@media only screen and (max-width: 835px) {
  #in_tickets {
    .ticket_box {
      .ticket_playguide_list {
        .playguide_rack { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: calc(var(--main_gap) * 1.2) 0 calc(var(--main_gap) * 1.5);
          .playguide_title { margin-bottom: 0.5em; }
          .cmn_link_btn_a { width: 100%; }
        }
      }
    }
  }
}
#in_merch {
  .sales_period_box { position: relative; display: block; height: auto; margin-bottom: calc(var(--main_distance) * 0.25); border-top: 1px solid #b29b64; border-bottom: 1px solid #b29b64; padding: calc(var(--main_distance) * 0.25) 0;
    .title { position: relative; display: inline-block; margin: 0 auto; font-size: clamp(25px, 3vw, 40px); line-height: 1.2em; text-align: center; margin-bottom: 0.5em; font-weight: 600; }
    .notes { font-weight: bold; font-size: min(18px, 3.5vw); line-height: 1.6em; margin-bottom: 1em; text-align: center; }
    .period { position: relative; display: block; margin: 0 auto 0.2em; font-size: min(42px, 5.8vw); line-height: 1em; text-align: center; white-space: nowrap; font-weight: 600; margin-bottom: calc(var(--main_gap) * 1.5);
      span { font-size: 0.6em; }
    }
    .sales_page_links { position: relative; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: calc(var(--main_gap) * 1); }
  }
  .merch_list { position: relative; display: block; height: auto; margin-bottom: calc(var(--main_distance) / 2);
    .merch_bnr { margin-bottom: calc(var(--main_gap) * 2); }
  }
}
#in_information {
  .info_wrap { margin-bottom: calc(var(--main_distance) * 0.5);
    .logo { position: relative; display: block; width: 100%; height: auto; margin: 0 auto calc(var(--main_gap) * 4);
      img { display: block; width: 100%; height: auto; }
    }
    .cmn_schedule_list { margin-bottom: calc(var(--main_distance) * 0.5); }
    .dateplace { position: relative; display: block; width: 75%; height: auto; margin: 0 auto calc(var(--main_gap) * 4);
      img { display: block; width: 100%; height: auto; }
    }
    .credits { display: block; text-align: center; font-size: clamp(14px, 2vw, 17px); line-height: 1.6em; margin: 0 auto calc(var(--main_gap) * 4);
      .credits_rack { margin-bottom: 2em;
        .h { display: inline-block; color: #fff; letter-spacing: 0.1em; margin-bottom: 0.5em; padding: 0.1em 1.2em 0.2em; background-color: #0f131e; color: #fff; border-radius: 5px; }
        p:last-of-type { margin-bottom: 0; }
      }
    }
  }
}
@media only screen and (max-width: 835px) {
  #in_information {
    .info_wrap {
      .logo { width: 90%; }
      .dateplace { width: 90%; }
    }
  }
}
#in_album {
  #in_albums_main { margin-bottom: calc(var(--main_distance) * 0.4);
    .cmn_album_flex { margin-bottom: calc(var(--main_gap) * 4); }
  }
  #in_album_songs { margin-bottom: calc(var(--main_distance) * 0.4);
    .section_title { display: block; color: #b29b64; font-size: clamp(26px, 8vw, 60px); line-height: 1.4em; font-weight: 700; padding-bottom: 0.2em; margin-bottom: 0.5em; text-align: left; border-bottom: 4px double #b29b64; margin-bottom: 0; }
    text-align: left;
    .songs_list {
      .song_rack { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: clamp(16px, 4vw, 20px); padding: 1.2em 0; gap: 1em; border-bottom: 1px solid #b29b64;
        .main { position: relative; display: block; padding-left: 2.2em;
          .num { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.8em; height: 1.8em; color: #fbfbfb; background-color: #b29b64; border-radius: 50%; font-weight: 600; }
          .song_title { font-weight: 700; line-height: 1.4em; }
          .sub_info { margin-bottom: 0; font-size: 0.7em; line-height: 1.6em; }
        }
        .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 0.5em;
          a { position: relative; display: inline-block; background-color: #0f131e; color: #b29b64; font-size: 0.9em; font-weight: 700; white-space: nowrap; border-radius: 9999px; padding: 0.2em 2em 0.3em 1em; -webkit-transition: 0.2s; transition: 0.2s;
            &::after { position: absolute; display: block; content: ""; top: 0; right: 1em; width: 0.6em; height: 100%; background: no-repeat center url(../images/svg/icon_link_aroow_g.svg); background-size: contain; -webkit-transition: 0.2s; transition: 0.2s; }
            &:hover { color: #fbfbfb; }
            &:hover::after { -webkit-filter: grayscale(1) brightness(2); filter: grayscale(1) brightness(2); }
          }
        }
      }
    }
  }
  #in_album_benefits { margin-bottom: calc(var(--main_distance) * 0.4);
    .section_title { display: block; color: #b29b64; font-size: clamp(26px, 8vw, 60px); line-height: 1.4em; font-weight: 700; padding-bottom: 0.2em; margin-bottom: 0.5em; text-align: left; border-bottom: 4px double #b29b64; }
    .benefits_list { position: relative; --grid_gap: calc(var(--main_gap) * 2); --grid_column: 3; display: grid; grid-template-columns: repeat(
    var(--grid_column),
    calc(
      (100% - var(--grid_gap) * (var(--grid_column) - 1)) / var(--grid_column)
    )
  ); grid-row-gap: calc(var(--grid_gap) * 2); grid-column-gap: var(--grid_gap); width: 100%; height: auto;
      .benefit_box { position: relative; display: grid; grid-row: span 3; grid-template-rows: subgrid; gap: calc(var(--main_gap) * 0.2);
        .image_box { display: block; width: 100%; height: auto; overflow: hidden;
          img { display: block; width: 100%; height: auto; -webkit-transition: 0.2s; transition: 0.2s; }
        }
        a.image_box:hover {
          img { -webkit-transform: scale(1.03); transform: scale(1.03); }
        }
        .title { display: grid; place-items: center; text-align: center; font-size: clamp(14px, 2vw, 20px); line-height: 1.4em; font-weight: 800; }
      }
    }
  }
}
@media only screen and (max-width: 835px) {
  #in_album {
    #in_album_songs {
      .songs_list {
        .song_rack { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5em;
          .links { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 2.2em; }
        }
      }
    }
    #in_album_benefits {
      .benefits_list { --grid_gap: calc(var(--main_gap) * 1); --grid_column: 2; }
    }
  }
}
#in_videos {
  .videos_list { --grid_gap: calc(var(--main_gap) * 1); --grid_column: 3; display: grid; grid-template-columns: repeat(
    var(--grid_column),
    calc(
      (100% - var(--grid_gap) * (var(--grid_column) - 1)) / var(--grid_column)
    )
  ); grid-row-gap: calc(var(--grid_gap) * 1.5); grid-column-gap: var(--grid_gap); margin-bottom: calc(var(--main_distance) * 0.3);
    .video_box { position: relative; display: block; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s;
      .thumbnail { position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--main_gap) / 4);
        img { position: relative; display: block; width: 100%; height: auto; -webkit-transition: 0.2s; transition: 0.2s; }
        .play_icon { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 50%; aspect-ratio: 1/1; pointer-events: none;
          &::before, &::after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: contain; }
          &::before { background-image: url(../images/svg/video_play_circle.svg); -webkit-animation: rotation_r 120s linear infinite; animation: rotation_r 120s linear infinite; }
          &::after { background-image: url(../images/svg/video_play_arrow.svg); }
        }
      }
      .title { line-height: 1.5em; text-align: left; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
      &:hover {
        .thumbnail {
          img { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
        }
      }
    }
  }
}
@media only screen and (max-width: 835px) {
  #in_videos {
    .videos_list { --grid_column: 1; }
  }
}
/*# sourceMappingURL=pages.min.css.map*/