@charset "UTF-8";

/* @use 'variables' as *; */
/*----------------------------------------
    top page
------------------------------------------*/
/* fv
------------------------------------------*/
#fv {position: relative;
	--kv_img_w_num: 1000;
	--kv_img_h_num: 1408;
	--kv_tb_padding_num: 60;
	--kv_area_w_num: 45;
	--fv_flex_gap: 5%;
	
}
/*
#fv .fv_flex {position: relative;display: flex;align-items: center;justify-content: space-between;max-width: calc(100vh * var(--kv_img_w_num) / var(--kv_area_w_num) * 100 / (var(--kv_img_h_num) + var(--kv_tb_padding_num) * 2 + var(--header_height_num) * 2));width: 90%;margin: 0 auto;}
#fv .fv_flex .kv {position: relative;display: block;width: calc(1% * var(--kv_area_w_num));aspect-ratio: var(--kv_img_w_num)/calc(var(--kv_img_h_num) + var(--kv_tb_padding_num) * 2 + var(--header_height_num) * 2);}
#fv .fv_flex .kv img {display: block;width: 100%;height: 100%;-o-object-fit: contain;   object-fit: contain;}

#fv .fv_flex .texts {width: calc(100% - 1% * var(--kv_area_w_num) - var(--fv_flex_gap));}
#fv .fv_flex .texts .logo {display: block;width: 100%;height: auto;margin-bottom: 8%;}
#fv .fv_flex .texts .logo img {display: block;width: 100%;}
#fv .fv_flex .texts .fv_dateplace {display: block;width: 60%;height: auto;margin: 0 auto;margin-bottom: 8%;}
#fv .fv_flex .texts .fv_dateplace img {display: block;width: 100%;}
#fv .fv_flex .texts .fv_credits {display: block;width: 100%;height: auto;margin: 0 auto;}
#fv .fv_flex .texts .fv_credits img {display: block;width: 100%;}
*/

#fv .fv_flex {position: relative; width: 100%;margin: 0 auto; padding: calc( var(--over_frame_border_distance) *2);}
#fv .fv_flex .kv{ width: 100%;}

#fv .fv_flex .texts{margin: -18.5vw auto 5vw;width: 45%;}
#fv .fv_flex .texts img{ width: 100%;}
#fv .fv_flex .texts .logo{ margin-bottom: 2.5vw;}
#fv .fv_flex .texts .logo img{ filter: drop-shadow(0px 0px 1vw rgba(255, 255, 255, 0.6)); }
#fv .fv_flex .texts .fv_dateplace {display: block; position: relative; width: 80%; margin: 0 auto;}
#fv .fv_flex .texts .fv_dateplace img{ filter: drop-shadow(0px 0px 0.25vw rgba(0, 4, 19, 0.4));}


@media only screen and (max-width: 835px) {
	#fv {padding: 60px 0 0;}
	#fv .fv_flex {  flex-direction: column-reverse;  width: 100%;  max-width: initial;}
  	#fv .fv_flex .kv {   margin-bottom: calc(var(--main_distance) * 0.5);  aspect-ratio: initial;}
  	#fv .fv_flex .texts {  width: 80%; margin-top: -10.5vw; }
	#fv .fv_flex .texts .logo{ margin-bottom: 5vw;}
	#fv .fv_flex .texts .logo img{ filter: drop-shadow(0px 0px 1vw rgba(255, 255, 255, 0.4)); }
  	#fv .fv_flex .texts .fv_credits {  width: 70%;}
	#fv .fv_flex .texts .fv_dateplace img{ filter: none;}
}

#bg_fv {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: #191919;overflow: hidden;}
#bg_fv .bg_back_img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: no-repeat center url(../images/webp/bg_main_img.webp);background-size: cover;}
#bg_fv .circle_tl {position: absolute;top: 0;left: 0;width: 100lvh;height: 100lvh;transform: translate(-50%, -50%);}
#bg_fv .circle_tl::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center url(../images/webp/bg_circle.webp);background-size: contain;-webkit-animation: rotation 180s linear infinite;        animation: rotation 180s linear infinite;}
#bg_fv .circle_main {position: absolute;top: 45%;left: 70%;width: 110lvh;height: 110lvh;transform: translate(-50%, -50%);}
#bg_fv .circle_main::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center url(../images/webp/bg_circle.webp);background-size: contain;-webkit-animation: rotation 180s linear infinite;        animation: rotation 180s linear infinite;}
#bg_fv .petal_canvas_outer {position: absolute;top: 0;left: 0;width: 100%;height: calc(var(--vh, 1vh) * 110);}
#bg_fv .petal_canvas_outer #petal_canvas {position: relative;width: 100%;height: 100%;transform: translateZ(0);}
#bg_fv .bottom_flowers {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;}
#bg_fv .bottom_flowers::before {position: absolute;display: block;content: "";bottom: 0;left: 0;width: 100%;height: 100%;background: no-repeat bottom center url(../images/webp/bg_bottom_flowers_red.webp);background-size: max(600px, 100%) auto;}

@media only screen and (max-width: 835px) {
	#bg_fv .circle_main {  top: 30%;  left: 50%;  width: 100lvh;  height: 100lvh;}
}
/* news
-------------------------------*/
#news {position: relative;padding: calc(var(--main_distance) * 1) 0 calc(var(--main_distance) * 0.5);}
#news .main_layer .news_outer .news_box .com_frame_content{ padding: calc(var(--frame_corner_size) * 0.5) calc(var(--frame_corner_size) * 0.5) calc(var(--frame_corner_size) * 0.3) ;}

#news .main_layer .news_outer .news_box .news_list{/* margin-bottom: calc(var(--frame_corner_size) * 0.25); */}
#news .main_layer .news_outer .news_box .news_list .news_rack a {position: relative;padding: calc(var(--main_gap) * 1) 0;display: flex;gap: var(--main_gap);text-align: left;color: #fff;font-size: clamp(14px, 2vw, 16px);line-height: 1.7em;font-weight: bold;}
#news .main_layer .news_outer .news_box .news_list .news_rack a .date {white-space: nowrap;margin-bottom: 0;transition: 0.2s;}
#news .main_layer .news_outer .news_box .news_list .news_rack a .title {transition: 0.2s;}
#news .main_layer .news_outer .news_box .news_list .news_rack a::after {position: absolute;display: block;content: "";bottom: 0;left: 0;width: 100%;height: 1px;background-size: 10px 100%;background-image: linear-gradient(to right, #928765, #928765 5px, transparent 5px, transparent 10px);}
#news .main_layer .news_outer .news_box .news_list .news_rack a:hover .date {opacity: 0.6;}
#news .main_layer .news_outer .news_box .news_list .news_rack a:hover .title {opacity: 0.6;}


@media only screen and (max-width: 835px) {
	#news {/* padding:0 0 calc(var(--main_distance) * 1); */}

	#news .main_layer .news_outer { width: 90%;}
	#news .main_layer .news_outer .news_box .com_frame_content{padding: 8% 5%;}
	#news .main_layer .news_outer .news_box .news_list{/* margin-bottom: 2em; */}
	#news .main_layer .news_outer .news_box .news_list .news_rack a {  padding:1em 0; flex-direction: column;  gap: calc(var(--main_gap) / 2);}
}

/* introduction
-------------------------------*/
#story {position: relative;padding: 0 0 calc(var(--main_distance) * 0.5) 0;}
#story .com_h_outer{ margin-bottom:calc(var(--main_distance) * 0.5);}
#story .main_layer .intro_box p {font-size: clamp(14px, 2vw, 20px);line-height: 2em;font-weight: bold;margin-bottom: 2em;}

.character_wrap{ margin-top: 8vw;}
.chara_list{ display: flex;gap: 2%; flex-wrap: wrap;}
.chara_list img{ width: 100%;}
.chara_list li{ width: 49%; margin-bottom: 2%;}

.chara_txt{ text-align: left; font-size: 14px; line-height: 1.5em;
.blank_space{margin-bottom:39px;
@media only screen and (max-width: 835px) {margin-bottom: 18px;}}}
.chara_txt h4{ text-align: center; color:var(--key_c); font-size: 18px; line-height: 1.7em; font-weight: 600; padding: 0.5em 0 0;}
.chara_txt dl{ padding: 0 0 0.5em;}
.chara_txt dt{ color: var(--key_c); font-weight: 600;}
.chara_txt dd{ padding-left: 1em;}

@media only screen and (max-width: 835px) {
	.chara_list{ display: inherit;}
	.chara_list li{ width: 100%; margin-bottom: 20px;}
	.chara_txt h4{ padding: 10px 0 0 0;}
}

/* cast
-------------------------------*/
#cast {position: relative; padding:0 0 calc(var(--main_distance) * 1) 0;}
#cast .main_layer .cast_outer {
	--cast_list_gap: clamp(14px , 3vw , 100px);
	--cast_img_frame_size:clamp(10px, 2vw , 22px);
}
#cast .main_layer .cast_outer .cast_rack {margin-bottom: calc(var(--main_distance) * 1);}
#cast .main_layer .cast_outer .cast_rack.mb_gap {margin-bottom: calc(var(--cast_list_gap) * 2);}
#cast .main_layer .cast_outer .cast_rack:last-of-type {margin-bottom: calc(var(--main_distance) * 0.5);}
#cast .main_layer .cast_outer .cast_rack .cast_list {position: relative;display: flex;justify-content: center;flex-wrap: wrap;gap: var(--cast_list_gap);}
#cast .main_layer .cast_outer .cast_rack .cast_list.mode_one_column {flex-direction: column;align-items: center;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box {display: block;width: calc((100% - var(--cast_list_gap) * 2) / 3);}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame {position: relative;display: block;padding: var(--cast_img_frame_size);margin-bottom: var(--cast_img_frame_size);cursor: pointer;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .cast_img {display: block;border: 2px solid var(--key_c);transition: 0.2s;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .cast_img img {display: block;width: 100%;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span::before, #cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span::after {position: absolute;display: block;content: "";}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span:nth-of-type(1)::before, #cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span:nth-of-type(1)::after {left: 0;width: 100%;height: var(--cast_img_frame_size);background: no-repeat bottom center url(../images/svg/frame_cast_img_t.svg);background-size: contain;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span:nth-of-type(1)::before {top: 0;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span:nth-of-type(1)::after {bottom: 0;transform: scale(1, -1);}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span:nth-of-type(2)::before, #cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span:nth-of-type(2)::after {top: 0;width: var(--cast_img_frame_size);height: 100%;background: no-repeat right center url(../images/svg/frame_cast_img_l.svg);background-size: contain;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span:nth-of-type(2)::before {left: 0;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame .frame span:nth-of-type(2)::after {right: 0;transform: scale(-1, 1);}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_img_frame:hover .cast_img {filter: brightness(0.8);}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_name_box {color: #fff;text-align: center;}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_name_box .character {font-size: clamp(13px, 2vw, 20px);line-height: 1em;white-space: nowrap;margin-bottom: 0.5em;color: var(--key_c);}
#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box .cast_name_box .cast {font-size: clamp(17px, 2.5vw, 27px);line-height: 1em;white-space: nowrap;margin-bottom: 0; }
#cast .main_layer .cast_outer .cast_rack .cast_list_ensemble {display: flex;flex-wrap: wrap;justify-content: center;gap: 1em 1.5em;color: #fff;font-size: clamp(14px, 2vw, 20px);}
#cast .main_layer .cast_outer .cast_rack .cast_list_ensemble li {line-height: 1em;white-space: nowrap;}

#cast .main_layer .cast_outer .cast_rack .cast_list.margin_li{ margin-bottom: var(--cast_list_gap);}

@media only screen and (max-width: 835px) {
	#cast .main_layer .cast_outer .cast_rack .cast_list {  gap: calc(var(--cast_list_gap) * 2) calc(var(--cast_list_gap) * 1);}
  	#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box {  width: calc((100% - var(--cast_list_gap) * 1) / 2);}
  	#cast .main_layer .cast_outer .cast_rack .cast_list .cast_box.sp_mono_row {  margin: 0 calc((100% - var(--cast_list_gap) * 1) / 4);}
}

/* staff 
-------------------------------*/
#staff {position: relative;padding: 0 0 calc(var(--main_distance) * 0.5);}
#staff .main_layer .staff_list li {font-size: 16px;line-height: 1.4em;margin-bottom:0.75em;}
#staff .main_layer .staff_list li span {font-size: 0.7em;}
#staff .main_layer .staff_list li .sstit{ font-size: 0.8em;}

@media only screen and (max-width: 835px) {
	#staff .main_layer .staff_list li {font-size: 15px;}
}

/* schedule
-------------------------------*/
#schedule {position: relative;}

#schedule .com_h_outer{ margin-bottom: calc(var(--main_distance) * 0.75);}

#schedule .main_layer .schedule_outer{ margin-bottom:calc(var(--main_distance) * 1);}
#schedule .main_layer .schedule_outer .dateplace {display: block;margin: 0 auto;margin-bottom: calc(var(--main_gap) * 1.5);width: min(400px, 60%);height: auto;}
#schedule .main_layer .schedule_outer .dateplace img {width: 100%;}
#schedule .main_layer .schedule_outer .schedule_img {display: block;margin: 0 auto;margin-bottom: calc(var(--main_gap) * 1.5);width: 100%;height: auto;}
#schedule .main_layer .schedule_outer .schedule_img img {width: 100%;}

#schedule .main_layer .schedule_outer .special_links {margin: 0 auto;/* margin-bottom: calc(var(--main_gap) * 1.5); */width: 80%;height: auto;}
#schedule .main_layer .schedule_outer .special_links .com_frame_content {background-color: #000;padding: min(var(--main_gap) * 2, 5vw) min(var(--main_gap) * 2, 4vw);}
#schedule .main_layer .schedule_outer .special_links .com_frame_content .links .com_link_text:last-of-type {margin-bottom: 0;}

@media only screen and (max-width: 835px) {
	#schedule .main_layer .schedule_outer .special_links {  width: 100%;}
}

/* ticket
-------------------------------*/
#tickets .com_h_outer{ margin-bottom: calc(var(--main_distance) * 0.2);}
.notice{ margin-bottom: 2em;}


#ticket {
  position: relative;
  padding: calc(var(--main_distance) * 1) 0;
}
#ticket .main_layer .price_list {
  margin-bottom: calc(var(--main_distance) / 2);
}
#ticket .main_layer .price_list .price_rack {
  position: relative;
  display: block;
  padding: calc(var(--main_gap) * 1.5) 0 calc(var(--main_gap) * 1);
  text-align: left;
}
#ticket .main_layer .price_list .price_rack .price_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--main_gap) * 1);
}
#ticket .main_layer .price_list .price_rack .price_flex .price_title {
  font-size: min(34px, 5.5vw);
  line-height: 1.4em;
}
#ticket .main_layer .price_list .price_rack .price_flex .price {
  font-size: min(34px, 4.5vw);
  line-height: 1.4em;
  margin-bottom: 0;
}
#ticket .main_layer .price_list .price_rack .price_flex .price span {
  font-size: 0.6em;
}
#ticket .main_layer .price_list .price_rack .border_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
#ticket .main_layer .price_list .price_rack .border_bottom::before, #ticket .main_layer .price_list .price_rack .border_bottom::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  width: 1em;
  height: 1em;
  background: no-repeat center url(../images/svg/parts_star_w.svg);
  background-size: contain;
}
#ticket .main_layer .price_list .price_rack .border_bottom::before {
  left: 0;
  transform: translate(-50%, -50%);
}
#ticket .main_layer .price_list .price_rack .border_bottom::after {
  right: 0;
  transform: translate(50%, -50%);
}
#ticket .main_layer .ticket_list .ticket_box {
  --ticket_box_side_size: clamp(15px , 3vw , 30px);
  position: relative;
  display: block;
  background-color: #635B48;
  margin: 0 auto calc(var(--main_gap) * 1);
  width: calc(100% - var(--ticket_box_side_size) * 2);
  height: auto;
  padding: calc(var(--ticket_box_side_size) * 1) calc(var(--ticket_box_side_size) * 1);
}
#ticket .main_layer .ticket_list .ticket_box .ticket_title {
  font-size: clamp(15px, 2vw, 24px);
  line-height: 1.4em;
  font-weight: bold;
  margin-bottom: 0.6em;
}
#ticket .main_layer .ticket_list .ticket_box .ticket_link_btn {
  position: relative;
  display: block;
  background-color: #fcfcfc;
  color: #111111;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.4em;
  font-weight: bold;
  padding: 1em 3em;
  transition: 0.2s;
  margin-bottom: 1em;
}
#ticket .main_layer .ticket_list .ticket_box .ticket_link_btn span {
  position: relative;
}
#ticket .main_layer .ticket_list .ticket_box .ticket_link_btn::before, #ticket .main_layer .ticket_list .ticket_box .ticket_link_btn::after {
  position: absolute;
  display: block;
  content: "";
  width: 1.5em;
  height: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  background: no-repeat center url(../images/svg/parts_link_btn_icon_02.svg);
  background-size: contain;
}
#ticket .main_layer .ticket_list .ticket_box .ticket_link_btn::before {
  left: 1em;
}
#ticket .main_layer .ticket_list .ticket_box .ticket_link_btn::after {
  right: 1em;
}
#ticket .main_layer .ticket_list .ticket_box .ticket_link_btn:hover {
  background-color: #111111;
  color: #fff;
}
#ticket .main_layer .ticket_list .ticket_box .box_side {
  position: absolute;
  top: var(--ticket_box_side_size);
  width: var(--ticket_box_side_size);
  height: calc(100% - var(--ticket_box_side_size) * 2);
  background-color: #635B48;
}
#ticket .main_layer .ticket_list .ticket_box .box_side.left::before, #ticket .main_layer .ticket_list .ticket_box .box_side.left::after, #ticket .main_layer .ticket_list .ticket_box .box_side.right::before, #ticket .main_layer .ticket_list .ticket_box .box_side.right::after {
  position: absolute;
  display: block;
  content: "";
  width: var(--ticket_box_side_size);
  height: var(--ticket_box_side_size);
  background: no-repeat center url(../images/svg/parts_ticket_corner_tl;.svg);
  background-size: contain;
}
#ticket .main_layer .ticket_list .ticket_box .box_side.left::before, #ticket .main_layer .ticket_list .ticket_box .box_side.right::before {
  top: 0;
  transform: translateY(-100%);
}
#ticket .main_layer .ticket_list .ticket_box .box_side.left::after, #ticket .main_layer .ticket_list .ticket_box .box_side.right::after {
  bottom: 0;
  transform: translateY(100%);
}
#ticket .main_layer .ticket_list .ticket_box .box_side.left {
  left: 0;
  transform: translateX(-100%);
}
#ticket .main_layer .ticket_list .ticket_box .box_side.left::before {
  transform: translateY(-100%) rotate(0deg);
}
#ticket .main_layer .ticket_list .ticket_box .box_side.left::after {
  transform: translateY(100%) rotate(270deg);
}
#ticket .main_layer .ticket_list .ticket_box .box_side.right {
  right: 0;
  transform: translateX(100%);
}
#ticket .main_layer .ticket_list .ticket_box .box_side.right::before {
  transform: translateY(-100%) rotate(90deg);
}
#ticket .main_layer .ticket_list .ticket_box .box_side.right::after {
  transform: translateY(100%) rotate(180deg);
}
#ticket .main_layer .ticket_list .ticket_box.disactive {
  filter: grayscale(1);
}
#ticket .main_layer .ticket_list .ticket_box.disactive .ticket_title {
  opacity: 0.6;
}
#ticket .main_layer .ticket_list .ticket_box.disactive .period {
  opacity: 0.6;
}
#ticket .main_layer .ticket_list .ticket_box.disactive p {
  opacity: 0.6;
}
#ticket .main_layer .ticket_list .ticket_box.disactive .ticket_link_btn {
  background-color: initial;
  border: 1px solid #111111;
  opacity: 0.5;
}

@media only screen and (max-width: 835px) {
  #ticket .main_layer .price_list .price_rack .price_flex {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--main_gap) * 0.2);
    margin-bottom: calc(var(--main_gap) * 0.5);
  }
}



@media only screen and (max-width: 835px) {
	#schedule .main_layer .price_list .price_rack .price_flex {  flex-direction: column;  justify-content: flex-start;  align-items: flex-start;  gap: calc(var(--main_gap) * 0.2);  margin-bottom: calc(var(--main_gap) * 0.5);}
}


/***** table *****/
.demo01{width:100%;font-size:16px;line-height:1em;overflow: hidden;border-radius: 1px;border-spacing: 0;border-collapse: collapse;margin-bottom: 30px;table-layout: fixed;}
.demo01.pc_only{ display: inline-table;}
.demo01 th{font-weight: bold;line-height: 1.5em;background-color: rgba(0,0,0,0.5);vertical-align: middle;padding: 1em 0;text-align: center;border-color: #555;}
.demo01 td{text-align: center;padding: 0.75em 0;font-weight: bold;line-height:1.5em;border-color: #555;background-color: rgba(0,0,0,0.2);vertical-align: middle;}
.demo01 td img{ width: 30px;}
.demo01 td .event{ font-size: 12px; color: var(--key_c);  }
.demo01 .sat{ background-color:rgba(0,73,100,0.5);}
.demo01 .sun{ background-color:rgba(130,0,0,0.5);}
.demo01 th.month{ font-size: 24px;width: 15%;}

.demo01 .date span{ font-size: 0.7em;}

.demo01 .txts{ font-size: 0.7em;}

.table_explain_wrap{margin-bottom: 6vw; text-align: left;
.table_explain{display: flex;align-items: center;
  &.catface{position: relative;padding-left: clamp(16px, 2vw, 20px);
  &::before{content: "";width: clamp(15px, 2vw, 18px); aspect-ratio: 164 / 150;  background: no-repeat center url(../images/icon_cat1.svg); position: absolute; left: 0;}
  }
  &.catpaw{position: relative;padding-left: clamp(16px, 2vw, 20px);
     &::before{content: "";width: clamp(15px, 2vw, 18px); aspect-ratio: 164 / 150;  background: no-repeat center url(../images/icon_cat2.svg); position: absolute;left: 0;}
  }
&:not(:last-of-type){margin-bottom: 0;}}
}

@media only screen and (max-width: 768px){
    .demo01{ margin-bottom: 10px;}
    .demo01.pc_only{ display: none;}
	.demo01.sp_only{ display: inline-table!important;}
	.demo01{ margin-bottom: 20px;}
	.demo01 th{border-right: 1px solid #555;padding: 5px 0;font-size: 15px;line-height: 1.5em;}
	.demo01 td{border-left: 1px solid #555;border-right: 1px solid #555;border-top-width: 1px;border-bottom-width: 0;padding: 10px 0;font-size: 14px;line-height: 1.3em;}
	
	.demo01 th.month{ width: 28%;}
	.demo01 th.time{ width: 36%;}
	.demo01 td img{ width: 25px;}
	
	.demo01 .txts{ font-size: 13px;}
    
}

/* official_sns
-------------------------------*/
#official_sns {position: relative;padding: calc(var(--main_distance) * 1) 0;}
#official_sns .sns_tit{ width: 300px; margin: 0 auto 5vw;}
#official_sns .main_layer .sns_outer {width: 85%;}

#official_sns .main_layer .sns_outer .xlink{ width: 100%;}

@media only screen and (max-width: 768px){
	#official_sns .sns_tit{ width: 150px; margin: 0 auto 3vw;}
}

/* banners
-------------------------------*/
#banners {position: relative;padding: calc(var(--main_distance) * 1) 0 0;}
#banners .bnr_flex {position: relative;display: flex;justify-content: center;gap: calc(var(--main_gap) / 2);flex-wrap: wrap;}
#banners .bnr_flex .bnr {position: relative;display: block;width: calc((100% - var(--main_gap) / 2 * 2) / 3);max-width: 350px;height: auto;transition: 0.2s;}
#banners .bnr_flex .bnr img {position: relative;width: 100%;}
#banners .bnr_flex .bnr.ol::after {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;border: 2px solid var(--key_c);pointer-events: none;}
#banners .bnr_flex .bnr:hover {opacity: 0.6;}

@media only screen and (max-width: 835px) {
	#banners .bnr_flex .bnr {  width: calc((100% - var(--main_gap) / 2 * 0) / 1 * 0.8);}
}

/*----------------------------------------
    in goods
------------------------------------------*/
#in_goods .goods_list .goods_block {position: relative;margin-bottom: calc(var(--main_distance) * 0.3);}
#in_goods .goods_list .goods_block .goods_content {display: flex;justify-content: space-between;align-items: flex-start;gap: calc(var(--main_gap) * 2);}
#in_goods .goods_list .goods_block .goods_content .image_area {position: relative;width: 40%;}
#in_goods .goods_list .goods_block .goods_content .image_area .swiper-container {width: 100%;overflow: hidden;cursor: pointer;}
#in_goods .goods_list .goods_block .goods_content .image_area .pagination_box .swiper-pagination {position: relative;bottom: initial;left: initial;}
#in_goods .goods_list .goods_block .goods_content .image_area .pagination_box .swiper-pagination .swiper-pagination-bullet {border: 1px solid var(--key_c);opacity: 1;}
#in_goods .goods_list .goods_block .goods_content .image_area .pagination_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--key_c);}
#in_goods .goods_list .goods_block .goods_content .text_area {position: relative;width: 60%;}
#in_goods .goods_list .goods_block .goods_content .text_area .goods_title {display: block;width: 100%;font-size: clamp(20px, 4vw, 27px);line-height: 1.4em;text-align: left;font-weight: 800;border-bottom: 1px dashed var(--key_c);padding-bottom: 0.4em;margin-bottom: 0.5em;}
#in_goods .goods_list .goods_block .goods_content .text_area .price {font-size: clamp(16px, 2vw, 22px);line-height: 1.4em;text-align: left;font-weight: 800;margin-bottom: 0.6em;}
#in_goods .goods_list .goods_block .goods_content .text_area .price span {font-size: 0.7em;}
#in_goods .goods_list .goods_block .goods_content .text_area .text_box {margin-bottom: calc(var(--main_gap) * 2);}
#in_goods .goods_guide_outer {margin-bottom: calc(var(--main_distance) / 2);}

@media only screen and (max-width: 835px) {
	#in_goods .goods_list .goods_block .goods_content {  flex-direction: column;  padding: calc(var(--frame_corner_size) * 0.5) calc(var(--frame_corner_size) * 0.3);  gap: 0;}
	#in_goods .goods_list .goods_block .goods_content .image_area {  width: 100%;  margin-bottom: calc(var(--main_gap) * 1);}
  	#in_goods .goods_list .goods_block .goods_content .text_area {  width: 100%;}
}

/*----------------------------------------
    in guide
------------------------------------------*/
#in_guide .guide_outer .guide {margin-bottom: calc(var(--main_distance) / 2);}

/*----------------------------------------
    in streaming
------------------------------------------*/
#in_streaming .streaming_outer .streaming_detail {margin-bottom: calc(var(--main_distance) / 2);}

/*----------------------------------------
    in blu-ray
------------------------------------------*/
#in_blu-ray .blu-ray_outer .blu-ray_detail {margin-bottom: calc(var(--main_distance) / 2);}
/*# sourceMappingURL=pages.css.map */