@charset "utf-8";
/*only_pc*/
#freearea_p_osa0080001_001 .c-breadcrumbs li a:hover{
  text-decoration: underline;
}
#freearea_p_osa0080001_001 .st-ns_general-wrap .st-ns_link-shift:hover{
  transform: translate(10px, 0);
}
/*only_pc*/

/*only_sp*/
#freearea_s_osa0080001_001 .st-ns_general-wrap{
  margin-top: -25px;
}
/*only_sp*/

/*defaultCancel*/
#wrapper{
  min-width: auto;
}
#wrapper:has(#freearea_s_osa0080001_001){
  overflow: visible;
}
#container #mainContent{
  margin: 0;
  padding: 0;
}
.st-ns_general-wrap img{
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
}
.st-ns_general-wrap,.st-ns_general-wrap a{
  color: #222;
  text-decoration: none;
}
h1,
h2,
h3{
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}
.st-ns_general-wrap .st-ns_flex-box{
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
}
.st-ns_general-wrap{
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
.st-ns_general-wrap{
  margin-top: -20px;
  width: 100%;
}
/*defaultCancel*/

/*breadcrumb_start*/
.c-breadcrumbs{
  background: #fff;
  box-sizing: border-box;
  display: block;
  height: calc(16px + (8px * 2));
  line-height: 1.5;
  padding: 8px;
  width: 100%;
}
.c-breadcrumbs li{
  float: left;
  font-size: 12px;
  padding-left: 20px;
  position: relative;
}
.c-breadcrumbs li,.c-breadcrumbs li a{
  color: #666;
  text-decoration: none;
}
.c-breadcrumbs li:before{
  border-right: solid 1px;
  border-top: solid 1px;
  color: #666;
  content: "";
  display: block;
  height: 6px;
  left: 0.3em;
  position: absolute;
  top: 35%;
  transform: rotate(45deg) translate(0%, -25%);
  width: 6px;
}
.c-breadcrumbs li:first-child:before{
  display: none;
}
.c-breadcrumbs li:first-child{
  padding-left: 0;
}
/*breadcrumb_end*/

/*common_start*/
.st-ns_general-wrap{
  box-sizing: border-box;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 1px;
  overflow: hidden;
  position: relative;
}
.st-ns_general-wrap a{
  display: block;
  opacity: 1;
  transition: 0.3s;
}
.st-ns_general-wrap img{
  display: block;
  height: auto;
  width: 100%;
}
.st-ns_general-wrap a:hover img{
  opacity: 1;
}
.st-ns_general-wrap a:before,.st-ns_general-wrap a:after{
  content: "";
  display: block;
  position: absolute;
}
.st-ns_sp-block,
.st-ns_sp-block a,
img.st-ns_sp-block{
  display: none;
}
/*common_end*/

/*top_start*/
.st-ns_top-visual{
  background-image: linear-gradient(0deg, #e5f8ff, #ffffff);
  position: relative;
}
.st-ns_top-visual::before{
  background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(to right, #fff 1px, transparent 1px);
  background-size: 45px 45px;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.st-ns_scroll{
  color: #50a0f0;
  font-family: "Darker Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  position: absolute;
  right: calc(100% - clamp(3rem, -38.917rem + 49.1vw, 20rem));
  text-orientation: mixed;
  top: 50%;
  translate: clamp(-1.063rem, -4.244rem + 4.97vw, 0rem) -240%;
  writing-mode: sideways-lr;
}
.st-ns_scroll:before,
.st-ns_scroll:after{
  background: #50a0f0;
  content: "";
  position: absolute;
  top: 66px;
}
.st-ns_scroll:before {
  animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
  border-radius: 50%;
  height: 6px;
  left: 50%;
  translate: -30% 0;
  width: 6px;
}
.st-ns_scroll:after{
  height: 120px;
  left: 50%;
  width: 2px;
}
@keyframes circlemove{
  0%{top: 66px;}
  100%{top: 186px;}
}
@keyframes cirlemovehide{
  0%{opacity: 0}
  50%{opacity: 1;}
  80%{opacity: 0.9;}
  100%{opacity: 0;}
}
.st-ns_top-visual-im{
  margin: 0 auto;
  max-width: 1248px;
  position: relative;
  width: clamp(58.5rem, 0.114rem + 91.23vw, 78rem);
  z-index: 1;
}
.st-ns_top-visual .st-ns_top-loop{
  position: relative;
  z-index: 1;
}
.st-ns_top-visual .st-ns_loop-area{
  align-items: center;
  animation: loop-slide 30s infinite linear both;
  height: 104px;
  width: 4000px;
}
.st-ns_top-visual .st-ns_loop-tx{
  margin-left: 27px;
  width: 207px;
}
@keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
/*top_end*/

/*contents*/
.st-ns_contents-h2{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_check.png) repeat 0 0 / 117px;
  margin-top: 10px;
}
.st-ns_contents-h2::before{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_line.png) repeat-x center 0 / 40px 26px;
  content: '';
  display: block;
  height: 26px;
  width: 100%;
}
.st-ns_h2-img{
  margin: 0 auto;
  padding: 19px 0 25px;
}
.st-ns_h2-img.st-ns_con-01{
  width: 772px;
}
.st-ns_h2-img.st-ns_con-02{
  width: 376px;
}
.st-ns_contents-inner{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_pattern.png) repeat 0 0 / 500px 440px ,linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 215, 1));
  padding-bottom: 156px;
}
div[class^="st-ns_section-0"]{
  margin: 0 auto;
}
.st-ns_section-01{
  max-width: 1062px;
}
.st-ns_section-02{
  max-width: 1026px;
}
.st-ns_section-03{
  max-width: 1076px;
}
.st-ns_contents-h3{
  padding-top: 72px;
}
.st-ns_section-02 .st-ns_contents-h3{
  margin-top: 53px;
  padding-left: 14px;
}
.st-ns_h3-img{
  margin: 0 auto;
}
.st-ns_h3-img.st-ns_sec-01{
  width: 448px;
}
.st-ns_h3-img.st-ns_sec-02{
  margin-left: 0;
  width: 376px;
}
.st-ns_h3-img.st-ns_sec-03{
  width: 612px;
}
.st-ns_section-01 .st-ns_section-bg{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_goods01_pc.png) no-repeat 1px 18px / 1061px auto;
  padding-bottom: 37px;
}
.st-ns_section-02 .st-ns_section-bg{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_goods02_pc.png) no-repeat 0 0 / 1026px auto;
  margin-top: -217px;
  padding-bottom: 52px;
}
.st-ns_section-03 .st-ns_section-bg{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_goods03_pc.png) no-repeat 1px 0 / 1075px auto;
  margin-top: -59px;
  padding-bottom: 103px;
}
.st-ns_section-img{
  margin: 0 auto;
}
.st-ns_section-img.st-ns_sec-01{
  margin-top: 10px;
  padding-left: 47px;
  width: 838px;
}
.st-ns_section-img.st-ns_sec-02{
  padding: 7px 0 0 11px;
  width: 796px;
}
.st-ns_section-img.st-ns_sec-03{
  padding: 67px 0 0 76px;
  width: 868px;
}
.st-ns_section-button{
  margin: -2px auto 0;
  width: 868px;
}
.st-ns_section-02 .st-ns_section-button{
  margin: -63px 0 0 auto;
  width: 547px;
}
.st-ns_section-03 .st-ns_section-button{
  margin-top: -44px;
}
.st-ns_section-button.st-ns_flex-box{
  justify-content: space-between;
}
.st-ns_btn::marker{
  font-size: 0;
}
.st-ns_btn-tx a{
  align-items: center;
  background: #fff;
  border: 4px solid #e0777c;
  border-radius: 100px;
  box-shadow: 0px 4px 0px #e0777c;
  color: #e0777c;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  height: 149px;
  justify-content: center;
  line-height: 1.3;
  padding-bottom: 22px;
  position: relative;
  text-align: center;
  width: 191px;
}
.st-ns_section-02 .st-ns_btn-tx a{
  height: 120px;
  margin: 0 auto;
  padding: 0 15px 0 0;
  width: 367px;
}
.st-ns_btn-tx a::after{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_ic_arrow.png) no-repeat 0 0 / 100%;
  bottom: 35px;
  content: '';
  display: block;
  filter: brightness(0) saturate(100%) invert(51%) sepia(75%) saturate(1592%) hue-rotate(317deg) brightness(109%) contrast(76%);
  height: 26px;
  margin-left: 10px;
  width: 24px;
}
.st-ns_section-02 .st-ns_btn-tx a::after{
  bottom: 50%;
  right: 32px;
  translate: 0 50%;
}
.st-ns_btn-tx .st-ns_color01{
  border-color: #aec928;
  box-shadow: 0px 4px 0px #aec928;
  color: #aec928;
}
.st-ns_btn-tx .st-ns_color02{
  border-color: #89939d;
  box-shadow: 0px 4px 0px #89939d;
  color: #89939d;
}
.st-ns_btn-tx .st-ns_color03{
  border-color: #48b5e3;
  box-shadow: 0px 4px 0px #48b5e3;
  color: #48b5e3;
}
.st-ns_btn-tx .st-ns_color01::after{
  filter: brightness(0) saturate(100%) invert(97%) sepia(11%) saturate(3064%) hue-rotate(11deg) brightness(84%) contrast(85%);
}
.st-ns_btn-tx .st-ns_color02::after{
  filter: brightness(0) saturate(100%) invert(65%) sepia(1%) saturate(4214%) hue-rotate(178deg) brightness(92%) contrast(70%);
}
.st-ns_btn-tx .st-ns_color03::after{
  filter: brightness(0) saturate(100%) invert(67%) sepia(19%) saturate(1445%) hue-rotate(157deg) brightness(94%) contrast(88%);
}
/*contents*/

/*character*/
.st-ns_character{
  background-image: linear-gradient(0deg, #e5f8ff, #ffffff);
  border-top: 4px solid #e0777c;
  position: relative;
}
.st-ns_character::before{
  background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(to right, #fff 1px, transparent 1px);
  background-size: 45px 45px;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.st-ns_chara-inner{
  margin: 0 auto;
  padding: 88px 0 56px 8px;
  position: relative;
  width: 619px;
  z-index: 1;
}
.st-ns_chara-inner::before,
.st-ns_chara-inner::after{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_deco01.png) no-repeat 0 0 / 100%;
  content: '';
  display: block;
  height: 36px;
  position: absolute;
  top: 50%;
  translate: 0 60px;
  width: 568px;
}
.st-ns_chara-inner::before{
  left: -599px;
}
.st-ns_chara-inner::after{
  right: -599px;
  rotate: 180deg;
}
/*character*/

/*footer_start*/
.st-ns_footer{
  background: #28c4ff;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 11px 0 9px;
  text-align: center;
}
/*footer_end*/

/*hover*/
.st-ns_general-wrap a,
.st-ns_general-wrap a img{
  transition: 0.3s;
}
/*hover*/

/*jump animation*/
.st-ns_jump-anima{
  opacity : 0;
}
.st-ns_jump-anima.st-ns_active{
	animation: poyon .5s ease;
	animation-fill-mode:forwards;
}
@keyframes poyon{
	0%  {opacity: 1; transform: translate(0%, 100%);}
	50% {opacity: 1; transform: translate(0%, -10%);}
	80% {opacity: 1; transform: translate(0%, 5%);}
	100%{opacity: 1; transform: translate(0%, 0%);}
}
/*jump animation*/

/*1024 or less tablet*/
@media screen and (max-width:1023px){
  /*defaultCancel*/
  .c-breadcrumbs li a.is-tap{
    text-decoration: none!important;
  }
  /*defaultCancel*/

  /*SP_breadcrumb_start*/
  .c-breadcrumbs{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
  }
  .c-breadcrumbs li{
    display: block;
    float: initial;
  }
  .c-breadcrumbs li:nth-of-type(n+2){
    padding-left: 15px;
  }
  .c-breadcrumbs li:before{
    top: 50%;
    transform: rotate(45deg) translate(-50%, -20%);
  }
  /*SP_breadcrumb_end*/

  /*common_start*/
  .ns-tab{display: block;}
  .st-ns_general-wrap{-webkit-text-size-adjust: 100%;}
  .st-ns_sp-block,
  .st-ns_sp-block a,
  img.st-ns_sp-block{display: block;}
  .ns-pc-block,
  .ns-pc-block a,
  img.ns-pc-block{display: none;}
  /*common_end*/

  /*top_start*/
  .st-ns_top-visual::before{
    background-size: clamp(1.406rem, 7.03vw, 2.813rem) clamp(1.406rem, 7.03vw, 2.813rem);
  }
  .st-ns_scroll{
    display: none;
  }
  .st-ns_top-visual-im{
    max-width: 800px;
    width: clamp(18.749rem, 1.508rem + 86.21vw, 50rem);
  }
  .st-ns_top-visual .st-ns_loop-area{
    height: clamp(3.438rem, 17.19vw, 6.875rem);
  }
  .st-ns_top-visual .st-ns_loop-tx{
    margin-left: clamp(0.844rem, 4.22vw, 1.688rem);
    width: clamp(6.469rem, 32.34vw, 12.938rem);
  }
  /*top_end*/

  /*contents*/
  .st-ns_contents-h2{
    background-size: clamp(3.656rem, 18.28vw, 7.313rem);
    margin-top: clamp(0.313rem, 1.56vw, 0.625rem);
  }
  .st-ns_contents-h2::before{
    background-size: clamp(1.719rem, 8.59vw, 3.438rem) clamp(1.125rem, 5.63vw, 2.25rem);
    height: clamp(1.125rem, 5.63vw, 2.25rem);
  }
  .st-ns_h2-img{
    padding: clamp(1.094rem, 5.47vw, 2.188rem) 0 clamp(1.188rem, 5.94vw, 2.375rem);
  }
  .st-ns_h2-img.st-ns_con-01{
    width: clamp(18.75rem, 93.75vw, 37.5rem);
  }
  .st-ns_h2-img.st-ns_con-02{
    width: clamp(10rem, 50vw, 20rem);
  }
  .st-ns_contents-inner{
    background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_pattern.png) repeat 0 0 / clamp(15.625rem, 78.13vw, 31.25rem) clamp(13.75rem, 68.75vw, 27.5rem) ,linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 215, 1));
    padding-bottom: clamp(3.156rem, 15.78vw, 6.313rem);
  }
  .st-ns_contents-02 .st-ns_contents-inner{
    padding-bottom: clamp(3.438rem, 17.19vw, 6.875rem);
  }
  div[class^="st-ns_section-0"]{
    max-width: 800px
  }
  .st-ns_contents-h3{
    padding-top: clamp(1.75rem, 8.75vw, 3.5rem);
  }
  .st-ns_section-02 .st-ns_contents-h3{
    height: clamp(1.5rem, 7.5vw, 3rem);
    margin-top: clamp(1.156rem, 5.78vw, 2.313rem);
    padding-left: clamp(0.625rem, 3.13vw, 1.25rem);
  }
  .st-ns_h3-img.st-ns_sec-01{
    width: clamp(14.063rem, 70.31vw, 28.125rem);
  }
  .st-ns_h3-img.st-ns_sec-02{
    width: clamp(11.438rem, 57.19vw, 22.875rem);
  }
  .st-ns_h3-img.st-ns_sec-03{
    width: clamp(18.75rem, 93.75vw, 37.5rem);
  }
  .st-ns_section-01 .st-ns_section-bg{
    background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_goods01_sp.png) no-repeat 0 clamp(0.031rem, 0.16vw, 0.063rem) / 100%;
    padding-bottom: clamp(3.063rem, 15.31vw, 7.656rem);
  }
  .st-ns_section-02 .st-ns_section-bg{
    background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_goods02_sp.png) no-repeat 0 0 / 100%;
    margin-top: 0;
    padding-bottom: 0;
  }
  .st-ns_section-03 .st-ns_section-bg{
    background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251120hololive/20251117/hololive_bg_goods03_sp.png) no-repeat 0 0 / 100%;
    margin-top: clamp(0.438rem, 2.19vw, 0.875rem);
    padding-bottom: clamp(3.531rem, 17.66vw, 8.828rem);
  }
  .st-ns_section-img.st-ns_sec-01{
    margin-top: clamp(0.594rem, 2.97vw, 1.188rem);
    padding-left: clamp(1.781rem, 8.91vw, 4.453rem);
    width: clamp(17.656rem, -0.073rem + 88.65vw, 44.25rem);
  }
  .st-ns_section-img.st-ns_sec-02{
    padding: clamp(1.438rem, -0.438rem + 9.38vw, 3.313rem) 0 0 clamp(0.625rem, 3.13vw, 1.563rem);
    width: clamp(19.281rem, -0.031rem + 96.56vw, 48.25rem);
  }
  .st-ns_section-img.st-ns_sec-03{
    padding: clamp(0.219rem, 1.09vw, 0.547rem) 0 0 clamp(2.156rem, 10.78vw, 5.391rem);
    width: clamp(17.406rem, -0.073rem + 87.4vw, 43.625rem);
  }
  .st-ns_section-button{
    bottom: clamp(0.969rem, 4.84vw, 1.938rem);
    flex-wrap: wrap;
    margin-top: 0;
    position: relative;
    width: clamp(17.25rem, 86.25vw, 43.125rem);
  }
  .st-ns_section-02 .st-ns_section-button{
    margin: clamp(1.75rem, 8.75vw, 3.5rem) auto 0;
    width: clamp(14.313rem, 0.021rem + 71.46vw, 35.75rem);
  }
  .st-ns_section-03 .st-ns_section-button{
    bottom: clamp(0.688rem, 3.44vw, 1.375rem);
    margin-top: 0;
  }
  .st-ns_btn{
    width: calc((100% / 2) - clamp(0.25rem, 1.25vw, 0.5rem));
  }
  .st-ns_section-02 .st-ns_btn{
    width: 100%;
  }
  .st-ns_btn:nth-of-type(n+3){
    margin-top: clamp(0.75rem, 3.75vw, 1.5rem);
  }
  .st-ns_btn-tx{
    display: flex;
  }
  .st-ns_btn-tx a{
    border-width: clamp(0.125rem, 0.63vw, 0.25rem);
    box-shadow: 0 clamp(0.125rem, 0.63vw, 0.25rem) 0 #e0777c;
    font-size: clamp(0.875rem, 4.38vw, 1.75rem);
    height: clamp(4.25rem, 21.25vw, 8.5rem);
    line-height: 1.25;
    padding-bottom: clamp(1.063rem, 5.315vw, 2.126rem);
    width: 100%;
  }
  .st-ns_section-02 .st-ns_btn-tx a{
    height: clamp(4.5rem, 22.5vw, 9rem);
    padding: 0 clamp(1rem, 5vw, 2rem) 0 0;
    width: 100%;
  }
  .st-ns_btn-tx a::after{
    bottom: clamp(0.938rem, 4.69vw, 1.875rem);
    height: clamp(0.867rem, 4.34vw, 1.734rem);
    margin-left: clamp(0.313rem, 1.56vw, 0.625rem);
    width: clamp(0.797rem, 3.98vw, 1.594rem);
  }
  .st-ns_section-02 .st-ns_btn-tx a::after{
    right: clamp(1.5rem, 7.5vw, 3rem);
  }
  .st-ns_btn-tx .st-ns_color01{
    box-shadow: 0 clamp(0.125rem, 0.63vw, 0.25rem) 0 #aec928;
  }
  .st-ns_btn-tx .st-ns_color02{
    box-shadow: 0 clamp(0.125rem, 0.63vw, 0.25rem) 0 #89939d;
  }
  .st-ns_btn-tx .st-ns_color03{
    box-shadow: 0 clamp(0.125rem, 0.63vw, 0.25rem) 0 #48b5e3;
  }
  /*contents*/

  /*character*/
  .st-ns_character{
    border-width: clamp(0.188rem, 0.94vw, 0.375rem) 0 0 0;
  }
  .st-ns_character::before{
    background-size: clamp(1.406rem, 7.03vw, 2.813rem) clamp(1.406rem, 7.03vw, 2.813rem);
  }
  .st-ns_chara-inner{
    padding: clamp(2.656rem, 13.28vw, 5.313rem) clamp(0.063rem, 0.31vw, 0.125rem) clamp(2.594rem, 12.97vw, 5.188rem) 0;
    width: clamp(14.438rem, 72.19vw, 28.875rem);
  }
  .st-ns_chara-inner::before,
  .st-ns_chara-inner::after{
    height: clamp(1.125rem, 5.63vw, 2.25rem);
    top: clamp(0.75rem, 3.75vw, 1.5rem);
    width: clamp(17.75rem, 88.75vw, 35.5rem);
  }
  .st-ns_chara-inner::before{
    left: 50%;
    translate: -50%;
  }
  .st-ns_chara-inner::after{
    bottom: clamp(0.75rem, 3.75vw, 1.5rem);
    right: 50%;
    top: auto;
    translate: 50%;
  }
  /*character*/

  /*footer_start*/
  .st-ns_footer{
    line-height: 1.2;
    padding: 11px 3% 9px;
  }
  /*footer_end*/
}