@charset "UTF-8";
/* TOPページ */
/* メインスライダー */
#slider-container .main-slider .main-slider_btn{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  right: 50%;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 500px;
  margin-right: -30px;
  padding: 0.5em 0.8em 0.5em 1em;
  border: 2px solid #fff;
  background: #27c7ff;
  margin-bottom: 25px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  font-size: 20px;
  color: #fff;
  -webkit-transition: color 0.2s ease,background-color 0.2s ease,border-color 0.2s ease;
  transition: color 0.2s ease,background-color 0.2s ease,border-color 0.2s ease;
}
#slider-container .main-slider .main-slider_btn:hover{
  background-color: #fff;
  color: #27c7ff;
  border-color: #27c7ff;
}
#slider-container .main-slider .main-slider_btn.-airani{
  background-color: #153A71;
  color: #fff;
  border-color: #fff;
}
#slider-container .main-slider .main-slider_btn.-airani:hover{
  background-color: #fff;
  color: #153A71;
  border-color: #153A71;
}
#slider-container .main-slider .main-slider_btn.-ayunda{
  background-color: #C2896C;
  color: #fff;
  border-color: #fff;
}
#slider-container .main-slider .main-slider_btn.-ayunda:hover{
  background-color: #fff;
  color: #C2896C;
  border-color: #C2896C;
}
#slider-container .main-slider .main-slider_btn.-moona{
  background-color: #5E40D4;
  color: #fff;
  border-color: #fff;
}
#slider-container .main-slider .main-slider_btn.-moona:hover{
  background-color: #fff;
  color: #5E40D4;
  border-color: #5E40D4;
}
#slider-container .main-slider .main-slider_btn.-anya{
  background-color: #4F5168;
  color: #fff;
  border-color: #fff;
}
#slider-container .main-slider .main-slider_btn.-anya:hover{
  background-color: #fff;
  color: #4F5168;
  border-color: #4F5168;
}
#slider-container .main-slider .main-slider_btn.-hololive-indonesia01 {
  width: 465px;
  margin-right: 100px;
  margin-bottom: 12px;
  background-color: #c01829;
  color: #fff;
  border-color: #fff;
}
#slider-container .main-slider .main-slider_btn.-hololive-indonesia01:hover{
  background-color: #fff;
  color: #c01829;
  border-color: #c01829;
}
#slider-container .main-slider .main-slider_btn.-hololive-indonesia02 {
  width: 465px;
  margin-right: -195px;
  margin-bottom: 10px;
  background-color: #c01829;
  color: #fff;
  border-color: #fff;
}
#slider-container .main-slider .main-slider_btn.-hololive-indonesia02:hover{
  background-color: #fff;
  color: #c01829;
  border-color: #c01829;
}
#slider-container .main-slider .main-slider_btn:after{
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  display: block;
  width: 0.4em;
  height: 0.4em;
  border-top: 0.15em solid currentColor;
  border-right: 0.15em solid currentColor;
  margin-left: 0.5em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}
#slider-container .main-slider .main-slider_btn>span{
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  display: block;
  width: 100%;
}
@media screen and (max-width: 750px) {
  #slider-container .main-slider .main-slider_btn{
    left: 0;
    right: 0;
    width: 93%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    font-size: 3.8vw;
  }
  #slider-container .main-slider .main-slider_btn.-hololive-indonesia01{
    left: auto;
    width: 45%;
    margin-right: 2%;
    margin-bottom: 5.5%;
    padding-top: 0.9em;
    padding-bottom: 0.9em;
    font-size: 2.2vw;
  }
  #slider-container .main-slider .main-slider_btn.-hololive-indonesia02{
    left: 3%;
    right: auto;
    width: 45%;
    margin-bottom: 1%;
    font-size: 2.2vw;
  }
}
.header-sns {
  position: absolute;
  right: 5px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ccc;
}
.header-sns >dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.8em;
}
.header-sns >dt>span {
  display: block;
}
.header-sns >dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px;
}
.header-sns__list >li{
  width: 30px;
  margin-left: 5px;
  margin-right: 5px;
}
.header-sns__list >li>a{
  display: block;
}
.header-sns__list >li>a>img{
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 750px) {
  .header-sns {
    display: none;
  }
}
.header-bottom-area{
  padding: 10px 0.5em;
  background: #000;
  color: #ccc;
}
.header-bottom-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}
.header-bottom-sns >dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.8em;
  font-size: 0.9em;
}
.header-bottom-sns >dt>span {
  display: block;
}
.header-bottom-sns >dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-bottom-sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px;
}
.header-bottom-sns__list >li{
  width: 25px;
  margin-left: 5px;
  margin-right: 5px;
}
.header-bottom-sns__list >li>a{
  display: block;
}
.header-bottom-sns__list >li>a>img{
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 751px) {
  .header-bottom-area {
    display: none;
  }
}
/* お問い合わせページ */
.detailFrame.-contact .contact-link{
  color: #D12631;
  text-decoration: underline;
}
.detailFrame.-contact .contact-link:after{
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.3em;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3A%23D12631%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%3Cpath%20class%3D%22st0%22%20fill%3D%22%23D12631%22%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M232.812%20312.829l117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E') center center / 100% no-repeat;
  content: '';
}