#layer_board_area {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 3vw;
    overflow-y: auto;
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 30;
}

.layer_board_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    background: #000;
    opacity: 0.5;
    z-index: 35;
}

.layer_board {
    position: relative;
    max-width: 900px;
    width: 100%;
    text-align: center;
    z-index: 40;
}

.layer_board.shortLayer {
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#Main {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
}

.main-kv_logo{width:24.6vw;
    position: absolute;
    z-index: 1;
    top: 1vw;
    left: 0.8vw;}

#main-kv_left {
    width: 23%;
    left: 0;
    top: 0;
    max-height: calc(100vh - 10px);
    position: sticky;
    background: url("../img/Leftmenu_bg.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 30%;
    padding-top: 7.5vw;
}

.main-kv_logo_sp{display: none;}

.top_onair{width: 75%;
    padding-left: 18%;
    margin-bottom: 2vw;}

.KvBtn{display: block;
    width: 15vw;
    margin: 2.7vh auto 0 auto;transition: 0.2s;}

.KvBtn:hover{filter: brightness(1.1); }

.mainLeftmenu{padding-left: 26%;position: relative;}
.mainLeftmenu li{}
.mainLeftmenu li a{font-size: 2.4vh;color: #4296e4;display: block;margin: 1.1vh 0;
    padding: 1vh 0; transition: 0.2s; padding-left: 4%;border-radius: 20px 0 0 20px;}

.mainLeftmenu li a:hover{color: #fff!important; background: rgb(178,242,82); background: linear-gradient(266deg, rgba(74,159,239,0) 0%, rgba(91,181,233,1) 25%, rgba(91,181,233,1) 100%); }

.main_kv_image {
    width: 77%;
    margin-left: auto;
    position: relative;
    z-index: -1;
}

#onair{padding-bottom: 8vw;
    padding-top: 1vw;}
.onair_Txt{text-align: center;color: #565656;font-size:clamp(20px, 1.4vw, 26px);text-shadow: #fff 1px 0 8px, #fff 1px 0 8px;line-height: 165%; padding: 0 4%;}

.onair_Txt a{color: #565656;text-decoration: underline;}

.onair_T{text-align: center;background: #499dea;margin: 0 auto 20px auto;width: 94%; max-width: 800px; border-radius: 50px;}
.onair_T div{text-align: center;color: #fff;  padding: 20px 40px;display: inline-block;font-size: clamp(19px, 2vw, 22px); }

.Mar60{margin-top: 60px;}

.onair_btns{display: flex;justify-content: center; align-items: center;width: 94%; max-width: 800px; margin: 10px auto 60px auto; gap:20px 2%;flex-wrap: wrap;}
.onair_btns li{width: 48.5%;}
.onair_btns li a{
    font-size:clamp(13px, 1.4vw, 18px);
    display: inline-block;
    border: 2px solid;
    position: relative;
    background: #fff;
    color: #499dea;
    overflow: hidden;
    border: 2px solid #499dea;
    padding: 1.3rem;
    transition: all .3s;
    border-radius: 50px;
text-align: center;
box-sizing: border-box;
width: 100%;
transition: .3s;}

.onair_btns li a:hover{background: #499dea;
    color: #fff;}

.onair_btns li a:hover:before {border-top: solid 2px #fff;
    border-right: solid 2px #fff;}

.onair_btns li a:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    width: 7px;
    height: 7px;
   right: 1.2rem;
    border-top: solid 2px #499dea;
    border-right: solid 2px #499dea;
    z-index: 2;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s;
}

#introduction{padding-bottom: 8vw; padding-top: 1vw;}
.catch{margin: 2rem auto 2rem auto;    width: 80%;max-width: 750px;text-align: center;}
.introduction_Txt{text-align: center;color: #565656;font-size:clamp(15px, 1.4vw, 20px);text-shadow: #fff 1px 0 8px, #fff 1px 0 8px;line-height: 165%; padding: 0 4%;}

#movie{position: relative;padding-bottom: 6.5vw;}
#movie video{width: 100%;}

.movieWrap{display: flex;align-items: center; justify-content: center; height: 43vw; width: 95%;margin-left: 5%; overflow: hidden;border-radius: 500px 0 0 500px;position: relative;}
.movieWrap:before{
    content: "";
    background: url(../img/movieBtn.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
    position: absolute;
    z-index: 3;
    width: 7%;
    height: 13%;
    min-width: 67px;
    min-height: 61px;
transition: 0.3s;left: 0;
    right: 0;
    margin: 0 auto;}

#movie a:hover .movieWrap:before{opacity: 0.8;}

.movie_over{z-index: 1; background:rgba(13,121,232,0.60); width: 100%; height: 100%; position: absolute;}

.movie-cont-wrap{display: flex; flex-wrap:wrap; justify-content: center; z-index: 2;margin-top: 2vw;}

.movie-cont{position: relative;width: 20%; margin-left: 2%;}
.movie-cont:first-child{margin-left: 0;}

.movie-cont-img{position: relative;border: 2px solid #1682ea;overflow: hidden;line-height: 0;border-radius:8px;display: flex; align-items: center;}
.movie-cont-img:before{content: "";
    background: url(../img/movieBtn.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
    position: absolute;
    z-index: 3;
    width: 7%;
    height: 13%;
    min-width: 67px;
    min-height: 61px;
transition: 0.3s;left: 0;
    right: 0;
    margin: 0 auto;}

.movie-cont-img::after {
  background:rgba(22,130,234,0.50);
  position: absolute;
    top:0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: skewY(0deg) scale(1, 1);
  height: 300px;
  transform-origin: left top;
  transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}

.movie-cont-img:hover::after {
    transition: 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}

.movie-cont-img img{width: 100%; object-fit: cover;height: auto;max-height: 265px;transition: 0.3s;}
.movie-cont-img img:hover{filter: blur(1px);opacity: 0.7; transition: 0.5s;}

.movie-cont-txt{padding:3% 0 0 0; color: #1682ea; font-size:clamp(14px, 2vw, 17px); font-weight: 600;}



#news{width: 100%;margin:3vw auto 13vw auto;background: #fff;position: relative;padding: 1vw 0 3vw 0;}
.news_bg1{position: absolute;
    background: url(../img/news_bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    z-index: 1;
    top: -12.5vw;
    width: 100%;
    height:12.6vw;}

.news_bg2{position: absolute;
    background: url(../img/news_bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    z-index: 1;
    bottom: -7vw;
    width: 100%;
    height:7.8vw;}

.News-cont-wrap{display: flex; flex-wrap:wrap; justify-content: center; z-index: 2;}

.News-cont{border-radius:8px; border: 2px solid #91eeec; position: relative;width: 20%; margin-left: 2%;background: #fff;}
.News-cont:first-child{margin-left: 0;}
.News-cont:before{content: "";
    background: url("../img/common/newsBox_item01.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    width: 14%;
    height: 28%;
    top: -9%;
    left: -4%;}

.News-cont:after{content: "";
    background: url("../img/common/newsBox_item02.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    width: 16%;
    height: 18%;
    bottom: -6%;
    right: -2%;}



.News-cont-img{position: relative;border-bottom: 1px solid #91eeec;overflow: hidden;line-height: 0;border-radius:7px 7px 0px 0px;}

.News-cont-img::after {
  background:rgba(22,130,234,0.50);
  position: absolute;
    top:0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: skewY(0deg) scale(1, 1);
  height: 300px;
  transform-origin: left top;
  transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}

.News-cont-img:hover::after {
    transition: 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}

.News-cont-img img{width: 100%; object-fit: cover;height: 11vw;transition: 0.3s;}
.News-cont a:hover .News-cont-img img{filter: blur(1px);opacity: 0.7; transition: 0.5s;}

.News-cont-txt{padding: 3% 6%; color: #1682ea; font-size:clamp(14px, 2vw, 17px); font-weight: 600;}
.News-cont-date{position: relative;font-size:clamp(11px, 1.7vw, 14px); color: #fff;background: #499dea;display: inline-block; padding: 0.3rem 0.8rem; border-radius: 0 20px 20px 0; margin-top: -5px;}

#cast{width: 90%; max-width: 900px; margin:0 auto 9vw auto;}
#staff{width: 90%; max-width: 900px; margin: 0 auto 9vw auto;}
            
            .staff-cast{
            text-align: center;
            display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-pack: justify;
                justify-content: center;
margin-bottom: 30px;}
            
            .staff-cast li {width: 23.3%; margin:0 clamp(26px, 1.88vw, 36px) clamp(26px, 1.88vw, 36px) clamp(26px, 1.88vw, 36px);}
            .staff-cast li dt{margin-bottom: 0.5em; color: #1682ea; font-size: clamp(12px, 0.75vw, 14px);}
            .staff-cast li dd{color: #2a2a2a; font-size: clamp(26px, 1.88vw, 36px);}
            .staff-cast li dd h5{font-weight: 400;position: relative;display: inline-block;}

.staff-cast li h5 a{position: absolute;right: clamp(-35px, -1.8vw, -35px);}
            
            .staff-cast2{
            text-align: center;
            display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-pack: justify;
                justify-content: center;
                margin-bottom: 30px;}
            
            .staff-cast2 li {width: 23.3%; margin:0 clamp(26px, 1.88vw, 36px) clamp(26px, 1.88vw, 36px) clamp(26px, 1.88vw, 36px);}
            .staff-cast2 li dt{margin-bottom: 0.5em; color: #1682ea; font-size: clamp(12px, 0.75vw, 14px);}
            .staff-cast2 li dd{color: #2a2a2a; font-size:clamp(24px, 1.88vw, 33px);}
            .staff-cast2 li dd h5{font-weight: 400;}
            
            .staff-cast .full{width: 90.3%;margin: 0 5% 0.5em 5%;}
            
            .staff-cast .full2{width: 90.3%;margin: 0 5% 5% 5%;}
            .staff-cast .full2 dd{font-size: clamp(28px, 1.88vw, 40px);}
            .staff-cast .full2 dt{font-size: clamp(15px, 0.9vw, 22px);}
            
            .staff-cast2 .full-mini{width: 90.3%;margin: 0 5% 0.5em 5%;}
            .staff-cast2 .full-mini dt{margin-bottom: 0;}
.staff-cast2 li.fullline{width: 100%;}
.staff-cast li.fullline{width: 100%;}

.comeWrap{display: flex; flex-wrap: wrap;align-items: flex-start;}
.castImg{width: 40%; margin-right: 3%;}
.modal_content{width: 57%;}
.modal_content h5{ font-size: 30px; line-height: 85%; padding-bottom: 15px; border-bottom:2px solid #2f9de5; margin-bottom: 15px;}
.modal_content h5 span{color: #2f9de5; display: block; margin-bottom: 7px; font-size: 50%;}
.castCome{line-height: 190%; font-size: 16px;}

.comeWrap2{display: flex; flex-wrap: wrap;align-items: flex-start;}
.modal_content2{width: 100%;}
.modal_content2 h5{ font-size: 30px;line-height: 85%;padding-bottom: 15px; border-bottom:2px solid #2f9de5; margin-bottom: 15px;line-height: 125%;}
.modal_content2 h5 span{color: #2f9de5;  display: block; margin-bottom: 7px; font-size: 50%;line-height: 90%;}
.castCome2{line-height: 190%;  font-size: 16px;}

.allComewrap .modaal-close {
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid #fff!important;
    width: 13%;
    margin: 0 auto;
    padding: 1.5% 0;
    border-radius: 30px;
    overflow: hidden;
    font-size: 170% !important;
    position: absolute;
    bottom: -9vh;
    right: 0;
    left: 0;
    top: auto;
}

.allComewrap .modaal-close:hover{background: unset!important;}

.allComewrap .modaal-close p{width: 100%; text-align: center; font-size: 20px;}

.modaal-close:after, .modaal-close:before{display: none!important;}
#modaal-close{display: none!important;}


#music {
    width: 90%;
    max-width: 900px;
    margin: 0 auto 9vw auto;
}

.goods-cont-wrap{display: flex; flex-wrap:wrap; justify-content: center; z-index: 2;}

.goods-cont{border-radius:8px; border: 2px solid #91eeec; position: relative;width: 20%; margin-left: 2%;background: #fff;}
.goods-cont:first-child{margin-left: 0;}
.goods-cont:before{content: "";
    background: url("../img/common/newsBox_item01.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    width: 14%;
    height: 28%;
    top: -9%;
    left: -4%;}

.goods-cont:after{content: "";
    background: url("../img/common/newsBox_item02.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    width: 16%;
    height: 18%;
    bottom: -6%;
    right: -2%;}

.goods-cont-date{position: relative;font-size:clamp(11px, 1.7vw, 14px); color: #fff;background: #499dea;display: inline-block; padding: 0.3rem 0.8rem; border-radius: 0 20px 20px 0; margin-top: -5px;}

.goods-cont-img{position: relative;border-bottom: 1px solid #91eeec;overflow: hidden;line-height: 0;border-radius:7px 7px 0px 0px;}

.goods-cont-img::after {
  background:rgba(22,130,234,0.50);
  position: absolute;
    top:0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: skewY(0deg) scale(1, 1);
  height: 300px;
  transform-origin: left top;
  transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}

.goods-cont-img:hover::after {
    transition: 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}

.goods-cont-img img{width: 100%; object-fit: cover;height: auto;max-height: 265px;transition: 0.3s;}
.goods-cont a:hover .goods-cont-img img{filter: blur(1px);opacity: 0.7; transition: 0.5s;}

.goods-cont-txt{padding: 3% 6%; color: #1682ea; font-size:clamp(14px, 2vw, 17px); font-weight: 600;}


#character{
    position: relative;
    background: #fff;
    background-size: cover;
    margin: 4vw 0 11vw 0;
    padding-top: 0.3vw;
}
.character_bg1{position: absolute;
    background: url(../img/news_bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    z-index: 0;
    top: -5px;
    width: 100%;
    height: 8vw;}

.character_bg2{
    position: absolute;
    background: url(../img/news_bg2.png) center top / cover no-repeat;
    background-position: center bottom;
    z-index: 0;
    bottom: -5px;
    width: 100%;
    height: 8vw;
    transform: rotate(180deg);}
.characterWrap{position: relative;z-index: 1;}

.character-slide{width: 90%; max-width: 1000px; display: flex;justify-content: center;align-items: flex-start; margin: 0 auto;}
.character-left{width: 54.2%;}
.character-right{width: 45.8%; padding-top: 4%;}

.character-name{color:#499dea;font-size:clamp(30px, 3.3vw, 60px);margin-bottom: 12px;}
.character-name-mini{color:#565656;font-size:clamp(16px, 1.4vw, 24px);margin-bottom: 20px;}
.character-cv{color:#565656;font-size:clamp(15px, 1.3vw, 21px);padding-bottom: 20px;position: relative;display: flex;align-items: center;}
.character-cv .cv{margin-right: 2%; width:clamp(32px, 2.24vw, 43px);}
.character-txt{color:#565656;font-size:clamp(13px, 1.2vw, 16px);line-height: 178%;}

.expression-pc{width: 85%; margin: 40px auto 0 auto;}
.expression-sp{display: none;}

.thumbnail{width: 70%; max-width:550px; margin: 0 auto 3vw auto;}
.thumbnail-img {
  opacity: 0.3;
  transition: opacity .3s linear;
    cursor: pointer;
}
.thumbnail-img  img{width: 96%; margin: 0 2%;}

.slick-current .thumbnail-img{opacity: 1;}

.music-cont-wrap{display: flex;flex-wrap: wrap;justify-content: center;}
.music-cont{width: 48%; margin: 0 1% 2% 1%;}
.musiccate {
    margin: 0 auto 5px auto;
    text-align: center;
}
.musiccate span {
    display: inline-block;
    background: #499dea;
    color: #fff;
    font-weight: bold;
    font-size: clamp(12px, 0.88vw, 15px);
    padding: 6px 13px;
    border-radius: 40px;
}
.musicTitle {
    font-size: clamp(24px, 1.88vw, 34px);
    color: #2a2a2a;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}
.musicArtist {
   font-size: clamp(14px, 1.5vw, 20px);
    color: #499dea;
    font-weight: bold;
    text-align: center;
}

.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 30px;
}
.prev-arrow {
  left: -40px;
}
.next-arrow {
  right: -40px;
}

.top_onair_sp{display: none;}

#story{padding-bottom: 8vw; padding-top: 1vw; }

#story h4 {
    text-align: center;
    font-size: clamp(22px, 2vw, 25px);
    color: #499dea;
    margin-bottom: 10px;
}

#story .panel_area{max-width: 900px; width: 90%; margin:  0 auto;}
#story .container{max-width: 800px; width: 100%; margin:  0 auto;}
#story .thumbnail-img img{width: 100%;margin: 0;}
#story .slick-slide img{border: 1px solid #6ae0e0;}

#story .storyText{
    color: #565656;
    font-size: clamp(15px, 1.4vw, 18px);
    text-shadow: #fff 1px 0 8px, #fff 1px 0 8px;
    line-height: 150%;
    margin-top: 20px;}

.storyText_RS{letter-spacing: -0.3rem;padding: 0 0.3rem;}

#story-cont .story_panel {
    opacity: 0;
    height:0;
    width: 100%;
    transition: 0.5s;
}
#story-cont .story_panel.active {
    opacity: 1;
    height: auto;
}

#story-cont .btn_area {
    display: -webkit-box;
    max-width: 600px;
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    counter-reset: number 0;
    margin: 0 auto;
    margin-bottom: 3%;
    row-gap: 1rem;
}

#story-cont .tab_btn {
    display: flex;
    justify-content: center;
    font-size: 110%;
    text-decoration: none;
    order: -1;
    margin: 0 0.5%;
    cursor: pointer;
    box-sizing: border-box;
}

#story-cont .btn {
    color: #499dea;
    position: relative;
    display: block;
    padding: 1.5%;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #499dea;
    width: 9%;
    transition: 0.3s;
}

#story-cont .btn_area .active {
    background: #499dea;
    color: #fff;
}

#story-cont .btn:hover {
    background: #499dea;
    color: #fff;
}

@media screen and (max-width:767px) {
    
    .top_onair_sp{display:block;margin-bottom: -2.5vw;
        position: relative;}
    
    .slide-arrow {
  width: 20px;
}
.prev-arrow {
  left: -30px;
}
.next-arrow {
  right: -30px;
}
    
    .music-cont{width: 100%; margin: 0 0 28px 0;}
    
    .main-kv_logo_sp{width: 80%;
        display: block;
        position: absolute;
        bottom:-5.5%;
        right: 0;
        left: 0;
        margin: 0 auto;
        z-index: 3;}
    
    #main-kv_left{display: none;}
    .main_kv_image { width: 100%;}
    
    .movieWrap {height:52vw;}
    .movieWrap:after {font-size: 8vw; bottom: 8%; left: 14vw;}
    
    .movie-cont-wrap {margin-top: 4vw;}
    
    .movie-cont{position: relative;width: 43%; margin:0% 2% 4% 2%;}
    .movie-cont:first-child {margin-left: 2%;}
    .movie-cont-img img { height:24vw;}
    
    .movie-cont-txt {
    padding: 4% 0 0 0;
    font-size: clamp(13px, 2vw, 17px);
}
    .movie-cont:after {bottom: -8%;}
    
    .movie-cont-img:before {
    width: 25%;
    height: 37%;
    min-width: 51px;
    min-height: 45px;
}
    
    .onair_Txt{font-size:clamp(15px, 1.4vw, 18px);}
    
    .catch {width: 95%;margin: 2rem auto 1rem auto;}
    .introduction_Txt{font-size:clamp(14px, 1.4vw, 16px);}
    
    #news {width:100%;}
    
    .News-cont{position: relative;width: 43%; margin:0% 2% 4% 2%;}
    .News-cont:first-child {margin-left: 2%;}
    .News-cont-img img { height:24vw;}
    
    .News-cont-txt {
    padding: 4% 8%;
    font-size: clamp(13px, 2vw, 17px);
}
    
    .News-cont:after {
    bottom: -8%;}
    
    #cast {margin: 0 auto clamp(100px, 27vw, 100px) auto;}
      #staff{margin: 0 auto clamp(80px, 20vw, 80px) auto;}
    #music{margin: 0 auto clamp(80px, 20vw, 80px) auto;}
                
                .staff-cast li {width: 37.5%; margin:0 clamp(6%, 1.88vw, 6%) clamp(6%, 1.88vw, 6%) clamp(6%, 1.88vw, 6%);}
                .staff-cast2 li {width: 90.3%; margin:0 clamp(6%, 1.88vw, 6%) clamp(14px, 0.88vw, 14px) clamp(6%, 1.88vw, 6%);}
                .staff-cast2 li:last-child{margin:0 clamp(6%, 1.88vw, 6%) clamp(6%, 1.88vw, 6%) clamp(6%, 1.88vw, 6%);}
                
                .staff-cast li dd {font-size: clamp(22px, 5.8888vw, 22px);}
                .staff-cast li dt {font-size: clamp(11px, 2.888vw, 11px);}
                .staff-cast2 li dd {font-size: clamp(22px, 5.8888vw, 22px);}
                .staff-cast2 li dt {font-size: clamp(11px, 2.888vw, 11px);}
                
                .staff-cast .full2 dd{font-size: clamp(25px, 5.8888vw, 25px);}
                .staff-cast .full2 dt{font-size: clamp(13px, 2.888vw, 11px);}
    
    .staff-cast .full3{width: 90.3%;}
    
    .castImg{width: 80%; margin: 0 auto 4% auto;text-align: center;}
.modal_content{width: 100%;}
    .modal_content h5{ font-size: 25px;}
    .modal_content2 h5{ font-size: 25px;}
.castCome{font-size: 14px;}
    .castCome2{font-size: 14px;}
    
    .allComewrap .modaal-close {
    width: 45%;
    padding: 1.5% 0;
    border-radius: 30px;
    bottom: -10vh;
}
    .allComewrap .modaal-close p{font-size: 17px;}
    
        .modaal-inner-wrapper {
        padding-bottom: 130px!important;
    }
    
    .commenth5{margin-left: -5vw;}
    
    .staff-cast-spmargin{margin: 0 clamp(6%, 1.88vw, 6%) clamp(14px, 0.88vw, 14px) clamp(6%, 1.88vw, 6%)!important;}
    
    .goods-cont{position: relative;width: 43%; margin:0% 2% 4% 2%;}
    .goods-cont:first-child {margin-left: 2%;}
    .goods-cont-img img { height:24vw;}
    
    .goods-cont-txt {
    padding: 4% 8%;
    font-size: clamp(13px, 2vw, 17px);
}
    
    .goods-cont:after {
    bottom: -8%;}
    
    #character {
    margin: 12vw 0 21vw 0;
    padding-top: 0;
}
    
    .character-slide{flex-wrap: wrap;}
.character-left{width: 100%;}
.character-right{width: 100%; padding-top: 4%;padding-bottom: 10vw;}
    
    .expression-pc{display: none;}
    .expression-sp{display: block; margin: 30px auto 0 auto; width: 80%;}
    
    #story-cont .btn_area {
    margin-bottom: 7%;
}
    
    #story-cont .btn {
    padding: 2%;
    width: 6%;
}

#story-cont .tab_btn {
    font-size: 95%;
    box-sizing: content-box;
}
    
}