@charset "utf-8";
@font-face {
  src: url('../resource/fonts/Roboto-Thin.ttf');
}
@font-face {
  src: url('../resource/fonts/Roboto-Light.ttf');
}
@font-face {
  src: url('../resource/fonts/Roboto-Medium.ttf');
}
/*main*/

*:focus {
    outline : none;
}

/** Use .sticky */
.music_player_video.is-sticky {
    position            : fixed;
    z-index             : 1000;
    top                 : auto;
    right               : 10px;
    bottom              : 10px !important;
    left                : auto;
    width               : 384px !important;
    height              : 216px !important;
    transition-property : bottom;
    transition-duration : 0.5s;
    transform           : translateY(0px);
}

.replay-video-cancel.is-sticky {
    position            : fixed;
    z-index             : 1001;
    top                 : auto;
    right               : 20px;
    bottom              : 180px;
    left                : auto;
    transition-property : bottom;
    transition-duration : 0.5s;
    transform           : translateY(0px);
}

@media screen and (max-width : 767px) {
    .radio-hz-text {
        font-size : 13px !important;
    }

    .music_player_video.is-sticky {
        right  : 10px;
        width  : 210px !important;
        height : 120px !important;
        bottom : 10px !important;
    }
    .replay-video-cancel.is-sticky {
        right  : 20px;
        bottom : 90px !important;
    }
}

/** Use .sticky */
._secL.is-sticky, .playVideo.is-sticky {
    position            : fixed;
    z-index             : 999999;
    top                 : auto;
    right               : 10px;
    bottom              : 10px !important;
    left                : auto;
    width               : 384px !important;
    height              : 216px !important;
    transition-property : bottom;
    transition-duration : 0.5s;
    transform           : translateY(0px);
}

.mobile-live.replay-video-cancel.is-sticky {
    position            : fixed;
    z-index             : 99999999;
    top                 : auto;
    right               : 20px;
    bottom              : 180px;
    left                : auto;
    transition-property : bottom;
    transition-duration : 0.5s;
    transform           : translateY(0px);
}

@media screen and (max-width : 767px) {
    .radio-hz-text {
        font-size : 13px !important;
    }

    ._secL.is-sticky, .playVideo.is-sticky {
        top               : initial !important;
        width             : 90% !important;
        bottom            : 0px !important;
        left              : 50%;
        top               : 50%;
        -webkit-transform : translateX(-50%) translateY(-50%);
        transform         : translateX(-50%) translateY(-40%);
    }

    .mobile-live.replay-video-cancel.is-sticky {
        right : 6px;
        top   : 10px;
    }
    
    .mobile-live-player.playVideo.is-sticky {
        width  : 288px !important;
        height : 162px !important;
        background: linear-gradient(to right, #e1633a  0%, #f1b157 100%);
    }
}


/*************************************** modal ***************************************/
.modal-body .login-input {
    background : transparent;
    border     : 0;
    border     : 1px solid #ddd;
}

.modal {
    background         : transparent;
    padding            : 0;
    padding-right      : 30px;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    -o-box-shadow      : none;
    -ms-box-shadow     : none;
    box-shadow         : none;
    left               : 10px;
}

.modal-dialog {
    background-color : white;
    border-radius    : 2px;
}

.modal a.close-modal {
    top       : 0;
    right     : 4px;
    padding   : 4px;
    font-size : 13px;
}

.modal.inmodal {
    max-width : 400px;
}

/************************************* modal end *************************************/
.onair-wrap {
    width           : 788px;
    display         : flex;
    justify-content : center;
    margin          : 0 auto;
    margin-top      : 50px;
    flex-direction  : column;
}

.onair-wrap .title-wrap {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    margin-bottom   : 10px;
}

.onair-wrap .title-wrap .onair-info-wrap {
    width   : 100%;
    display : flex;
}

.onair-wrap .title-wrap .title {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
}

.onair-wrap .title-wrap .title .onair-icon {
    background      : red;
    height          : 20px;
    width           : 40px;
    border-radius   : 5px;
    padding         : 1px 8px;
    font-size       : 12px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : white;
    margin-right    : 10px;
}

.onair-wrap .title-wrap .title .onair-title {
    display      : flex;
    font-size    : 14px;
    font-weight  : 600;
    margin-right : 10px;
    line-height  : 15px;
}

.onair-wrap .title-wrap .onair-time {
    font-size       : 12px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    margin-right    : 10px;
    COLOR           : ORANGE;
    font-weight     : 500;
}

.onair-wrap .title-wrap .btn-wrap .btn-link .live-detail-btn {
    border : 1px solid orange;
    color  : orange;
}

.onair-wrap .title-wrap .btn-wrap .btn-link .live-detail-btn:hover {
    border     : 1px solid orange;
    background : orange;
    color      : white;
}

.onair-wrap .img-wrap {
    position : relative;
}

.onair-wrap .img-wrap .play-icon {
    width             : 14%;
    position          : absolute;
    left              : 50%;
    top               : 50%;
    -webkit-transform : translateX(-50%) translateY(-50%);
    transform         : translateX(-50%) translateY(-50%);
}

.onair-wrap .img-wrap .event-pic {
    /*width : 100%;*/
}

.onair-wrap > .btn-wrap {
    display         : none;
    justify-content : flex-end;
    margin-top      : 10px;
}

.onair-wrap .btn-wrap .btn-link .live-detail-btn {
    border : 1px solid orange;
    color  : orange;
}

@media (max-width : 800px) {
    .onair-wrap {
        width              : 100%;
        padding            : 0px 10px;
        -moz-box-sizing    : border-box;
        -webkit-box-sizing : border-box;
        box-sizing         : border-box;
    }

    .onair-wrap .title-wrap {
        display        : flex;
        flex-direction : column;
    }

    .onair-wrap .title-wrap .title {
        display         : flex;
        justify-content : flex-start;
    }

    .onair-wrap > .btn-wrap {
        display : flex !important;
    }

    .onair-wrap .title-wrap .btn-wrap {
        display : none !important;
    }
}

@media (max-width : 524px) {
    .onair-wrap .title-wrap .onair-info-wrap {
        flex-direction : column;
    }

    .onair-wrap .title-wrap .title {
        display         : flex;
        justify-content : flex-start;
        align-items     : center;
    }

    .onair-wrap .title-wrap .onair-time {
        font-size    : 12px;
        text-align   : right;
        margin-top   : 5px;
        margin-right : 10px;
        COLOR        : ORANGE;
        font-weight  : 500;
        display      : inline;
    }
}

.slider-list {
    overflow : hidden;
}

.slider-list .slider-wrap {
    overflow-x                  : scroll;
    overflow-y                  : hidden;
    -webkit-transform           : translateZ(1px);
    transform                   : translateZ(1px);
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    -webkit-overflow-scrolling  : touch;
}

.slider-list .slider-wrap .slider-scroller {
    display       : flex;
    height        : 325px;
    flex-flow     : column wrap;
    align-content : flex-start;
}

@media (max-width : 600px) {
    .slider-list .slider-wrap .slider-scroller {
        height : auto;
    }
}

.list_full5 .slider-wrap .slider-scroller {
    display       : flex;
    height        : 185px;
    align-content : flex-start;
}

.list_full6 .slider-wrap .slider-scroller {
    display       : flex;
    height        : 185px;
    align-content : flex-start;
}

.list_full3 .slider-wrap .slider-scroller .slider-item {
    vertical-align : middle;
    margin-left    : 13px;
}

.list_full4 .slider-wrap .slider-scroller .slider-item {
    vertical-align : middle;
    margin-left    : 15px;
}

.list_full6 .slider-wrap .slider-scroller .slider-item {
    vertical-align : middle;
    margin-left    : 3px;
}

.slider-list .slider-wrap .slider-scroller .slider-item .item {
    width         : 130px;
    margin-bottom : 19px;
}

.list_full3.slider-list .slider-wrap .slider-scroller .slider-item .item {
    width         : 230px;
    margin-bottom : 19px;
}

/* .swiper-slide > a:hover .centered {
  opacity: 0.8;
  transition: 0.2s;
}
.swiper-slide > a:hover .list_circle {
  opacity: 0.8;
  transition: 0.2s;
} */


.slide-prev-btn {
    position          : absolute;
    left              : 0;
    top               : 45%;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    font-size         : 35px;
    color             : #c5c5c5;
    z-index           : 5;
    cursor            : pointer;
}

.slide-next-btn {
    position          : absolute;
    right             : 0;
    top               : 45%;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    font-size         : 35px;
    color             : #c5c5c5;
    z-index           : 5;
    cursor            : pointer;
}

.new-music-prev.slide-prev-btn,
.new-music-next.slide-next-btn {
    top : 48%;
}

.main .main-top-image {
    width    : 100%;
    position : relative;
}

.main .main-top-image .pc-disp {
    width : 100%;
}

.main .swiper-main1-list .main-top-title {
    display : inline-block;
}

.main .swiper-main1-list .main-top-title.cyan-color {
    color : #5090BE;
}

.main .swiper-main1-list .main-top-title.navy-color {
    color : #002276;
}

.main .main-top-image .sub-title {
}

.main .main-top-image .mobile-disp {
    width : 100%;
}

.main .swiper-main1-list .top-slider2 .top-color {
    color : white;
}

.main .swiper-main1-list .sub-slider2 .sub-color {
    color : white;
}

.main .swiper-main1-list .top-slider2 .main-top-title.right-title.navy-color {
    padding-right : 15px;
}


/* ----- mahoTV 부분 ----- */

.main_video.mahotv_main_video {
    display       : block;
    position      : relative;
    margin-bottom : 60px;
}

.slide-prev-btn.maholive-list-prev,
.slide-next-btn.maholive-list-next {
    top : 50%;
}

.main .main_video .content .mahotv-slider {
    margin : 0px 40px 40px 40px;
}

.channel_img_wrap {
    max-width     : 200px;
    max-height    : 200px;
    border-radius : 10px;
    overflow      : hidden;
    background    : #000;
    position      : relative;
}

.channel_img_wrap > img {
    width   : 100%;
    height  : 100%;
    opacity : 0.8;
    display : flex;
}

.channel_img_wrap .channel_title {
    width           : 100%;
    color           : #fff;
    font-size       : 17px;
    height          : 100%;
    position        : absolute;
    z-index         : 1;
    display         : flex;
    align-items     : center;
    justify-content : center;
    text-align      : center;
    padding         : 7px;
    box-sizing      : border-box;
    line-height     : 1.3em;
}

.channel_bg_gra:hover .channel_img_wrap > img {
    opacity    : 0.5;
    transition : all 0.2s;
}

.main .main_video .content .mahotv-slider .new_box {
    position      : absolute;
    top           : 17px;
    right         : 17px;
    background    : #d42f2f;
    color         : #fff;
    padding       : 5px;
    border-radius : 5px;
    font-size     : 12px;
}

.main .main_video .content .mahotv-slider .update_box {
    position      : absolute;
    top           : 17px;
    right         : 17px;
    background    : #d42f2f;
    color         : #fff;
    padding       : 5px;
    border-radius : 5px;
    font-size     : 12px;
}

.mahotv-slider.mahotv-slider-mob {
    display : none;
}

@media (max-width : 768px) {
    .slide-prev-btn.maholive-list-prev,
    .slide-next-btn.maholive-list-next {
        display : block;
        top     : 50%;
    }
    .main .main_video .child_video {
        padding            : 0;
    }

    .main .main_video .child_video .item_video .video_thumnail .centered .item_thum {
        width: 100%
    }

    .live-slider-mob.slider-list .slider-wrap .slider-scroller .swiper-slide {
            vertical-align : middle;
            padding        : 0;
            padding-bottom: 80px;
     }
         .slider-list .slider-wrap .slider-scroller {
             height : auto;
         }
}

@media (max-width : 600px) {
    .main_video.mahotv_main_video {
        margin-bottom : 0;
    }

    .slide-prev-btn.maholive-list-prev,
    .slide-next-btn.maholive-list-next {
        display : none;
    }

    .mahotv-slider.mahotv-slider-pc {
        display : none;
    }

    .mahotv-slider.mahotv-slider-mob {
        display : block;
    }

    .main .main_video .content .mahotv-slider {
        margin      : 0;
        margin-left : 3px;
    }

    .slider-list .slider-wrap .slider-scroller.channel-slider-scroller {
        height : 150px;
    }

    .slider-list .slider-wrap .slider-scroller.channel-slider-scroller .swiper-slide {
        width   : 150px;
        padding : 0 10px;
    }

    .channel_img_wrap > img {
        opacity : 0.5;
    }
}

/* .mahotv_area {
display        : flex;
flex-direction : column;
align-items    : center;
padding        : 40px 10px 0;
margin         : 30px 40px 0;
position       : relative;
}

.mahotv_wrap {
display         : flex;
flex-direction  : row;
justify-content : space-around;
align-items     : center;
width           : 100%;
border          : 5px solid #fcddd4;
padding         : 40px 10px 20px 10px;
border-radius   : 9px;
flex-shrink     : 0;
}

.mahotv_title {
position  : absolute;
top       : 1px;
left      : 50%;
transform : translateX(-50%);
}

.mahotv_wrap > a.wimg {
display : block;
}

.mahotv_wrap > a.mimg {
display : none;
}

@media (max-width : 1199px) {
.mahotv_area {
    margin         : 4vw;
    margin-bottom  : 0;
    padding-bottom : 0;
}

.mahotv_wrap > a {
    width : 32%;
}

.mahotv_wrap > a > img {
    width : 100%;
}
}

@media (max-width : 600px) {
.mahotv_area {
    padding     : 0 10px;
    padding-top : 40px;
    margin-top  : 35px;
}

.mahotv_wrap {
    flex-direction : column;
}

.mahotv_wrap > a.wimg {
    display : none;
}

.mahotv_wrap > a.mimg {
    display     : block;
    width       : 98%;
    margin-top  : 10px;
    flex-shrink : 0;
}

} */
/* ----- mahoTV 부분 ----- */
/* ----- body evet banner 부분 ----- */
.maho_event_area {
   /*  display : none; */
}

.maho_event_area.active {
/*     width               : 2560px;
    position            : relative;
    height              : 280px;
    height              : 268px;
    left                : 50%;
    overflow            : hidden;
    margin-left         : -1280px;
    background          : url('/user/img/body_event_img/mainpc_190805.png') no-repeat;
    background-size     : auto 100%;
    background-position : 50% 0;
    display             : flex;
    justify-content     : center;
    margin-top          : 60px;
    margin-bottom       : 0; */
}

.maho_event_exp_area {
    margin-top    : 10px;
    margin-bottom : 60px;
    text-align    : center;
    padding       : 0px 14px;
    line-height   : 1.2em;
}

.maho_event_area.maho_one_event_area.active {
/*     height              : 190px;
    background          : url('/user/img/body_event_img/mainpc_191121.png') no-repeat;
    width               : 2560px;
    position            : relative;
    left                : 50%;
    overflow            : hidden;
    margin-left         : -1280px;
    background-size     : auto 100%;
    background-position : 50% 0;
    display             : flex;
    justify-content     : center;
    margin-top          : 0; */
}

.maho_event_area_wrap {
/*     width           : 1200px;
    display         : flex;
    flex-direction  : row;
    justify-content : center; */
}

.maho_event_area_wrap > a {
    width  : 600px;
    height : 100%;
}

.maho_event_area_wrap > a.maho_event_middle {
    width : 100%;
}

.net_ticket_exp {
    margin-top  : 10px;
    text-align  : center;
    line-height : 1.5em;
}

.net_ticket_text01 {
    color   : #f0592b;
    display : inline;
}

.net_ticket_text02 {
    display : inline;
}

@media (min-width : 601px) {
    .maho_one_event_area_pc {
        display: block !important;
    }
    
    .maho_one_event_area_mobile {
        display: none !important;
    }
    
    .maho_one_event_area_pc a{
        margin: 0px 40px 40px 40px;
    }
    
    .maho_one_event_area_pc a img{
        width: calc(100% - 80px);
    }
}

@media (max-width : 1199px) {
    .maho_event_area.active {
        width  : 100%;
        left   : 0;
        margin : 0;
        /* height : 22vw; */
    }

    .maho_event_area.maho_one_event_area.active {
        /* height : 15.9vw; */
        width  : 100%;
        left   : 0;
        margin : 0;
    }

    .net_ticket_exp {
        padding : 0 20px;
    }

    .net_ticket_text02 {
        word-break : keep-all;
    }
}

@media (max-width : 600px) {
    .maho_event_area.active {
        margin-top      : 40px;
        /* background      : url('/user/img/body_event_img/mainmb_190805.png') no-repeat; */
        background-size : 100% auto;
        /* height          : 67vw; */
    }

    .maho_event_area.maho_one_event_area.active {
        margin-top      : 0;
        background-size : 100% auto;
        /* height          : 190px; */
        /* background      : url('/user/img/body_event_img/mainmb_191121.png') no-repeat center; */
    }

    .maho_one_event_area_pc {
        display: none !important;
    }
    
    .maho_one_event_area_mobile {
        padding: 30px 0px 0px 0px;
        dispaly: block !important;
    }
    
    .maho_one_event_area_pc a{
        margin: 40px 0px;
    }
    .maho_one_event_area_mobile a img{
        width: 100%;
    }
    
    .maho_event_exp_area {
        margin-top : 0;
        font-size  : 15px;
    }

    .maho_event_area_wrap {
        display        : flex;
        flex-direction : column;
        height         : 100%;
    }

    .maho_event_area_wrap > a {
        height : 50%;
        width  : 100%;
    }

    .maho_event_area_wrap > a.maho_event_middle {
        height : 100%;
    }

    .net_ticket_exp {
        line-height : 1.3em;
    }

    .net_ticket_text01 {
        font-size : 14px;
    }

    .net_ticket_text02 {
        word-break : break-word;
        font-size  : 14px;
    }
}

@media (max-width : 425px) {
    .maho_event_area.active {
        margin-top : 30px;
    }

    /* .maho_event_area.maho_one_event_area.active {
        background-size     : 140% auto;
        background-position : 50% 0;
        height              : 46vw;
    } */
}

/* ----- body evet banner 부분 ----- */
@media ( min-width : 601px) {
    .pc-disp {
        display : block;
    }

    .mobile-disp {
        display : none;
    }

    .swiper-slide.pc-slide .pc-disp {
        display : block;
    }

    .swiper-slide.mobile-slide .mobile-disp {
        display : none;
    }

    .swiper-slide.pc-slide {
        display : block;
    }

    .swiper-slide.mobile-slide {
        display : none;
    }

    .pc-prev {
        display : inline-block;
    }

    .pc-next {
        display : inline-block;
    }

    .mobile-prev {
        display : none;
    }

    .mobile-next {
        display : none;
    }

    .swiper-button-prev.pc-prev {
        left : 6vw;
    }

    .swiper-button-next.pc-next {
        right : 6vw;
    }

    .main .swiper-main1-list .pc-slide .top-title {
        position    : absolute;
        width       : 100%;
        margin      : 0 auto;
        top         : 6vw;
        text-align  : center;
        font-size   : 4vw;
        font-weight : 700;
    }

    .main .swiper-main1-list .pc-slide .sub-title {
        position    : absolute;
        width       : 100%;
        margin      : 0 auto;
        top         : 11vw;
        text-align  : center;
        font-weight : 700;
        font-size   : 2vw;
        background  : #ffffffd4;
        padding     : 10px;
    }

    .main .pc-slide .top-title.top-slider2 {
        font-size        : 3vw;
        top              : 6vw;
        left             : 1vw;
        background-color : rgba(0, 0, 0, 0.3);
        font-weight      : 400;
    }

    .main .pc-slide .sub-title.sub-slider2 {
        background-color : rgba(0, 0, 0, 0.3);
        font-weight      : 100;
        top              : 9vw;
        margin-top       : 5px;
    }

    .main .pc-slide .top-title.top-slider2.event-slide {
        font-size        : 1.8vw;
        top              : 6vw;
        left             : 12vw;
        background-color : rgba(0, 0, 0, 0);
        font-weight      : 300;
    }

    .main .swiper-main1-list .top-slider2.event-slide .top-color {
        color : #f1592b;
    }

    .main .swiper-main1-list .top-slider2.event-slide .top-color.event-slide-text {
        font-weight : 400;
    }

    .main .pc-slide .sub-title.sub-slider2.event-slide {
        background-color : rgba(0, 0, 0, 0);
        font-size        : 2.6vw;
        font-weight      : 400;
        top              : 8vw;
        left             : 11vw;
        margin-top       : 5px;
    }

    .main .pc-slide .top-title.top-slider-phone {
        font-size        : 2.5vw;
        top              : 6vw;
        background-color : rgba(0, 0, 0, 0.3);
        font-weight      : 400;
    }

    .main .pc-slide .sub-title.sub-slider-phone {
        font-size        : 2.5vw;
        top              : 8.7vw;
        background-color : rgba(0, 0, 0, 0.3);
        font-weight      : 400;
        padding          : 0;
    }

}


@media ( max-width : 600px) {
    .main .relation_head {
        margin : 40px 20px 5px !important;
    }

    .main .relation_head.new_music {
        margin : 40px 20px 5px !important;
    }

    .main .relation_head.live_schedule {
        margin : 40px 7px 5px !important;
    }

    .main .relation_head.best_music {
        margin : 40px 20px 5px !important;
    }

    .relation_head .pickup_artist {
        margin : 25px 20px 5px !important;
    }

    .main .video_list {
        margin : 0px !important;
    }

    .slider-list.list_full4 .slider-wrap .slider-scroller {
        height : 192px;
    }

    .pc-disp {
        display : none;
    }

    .mobile-disp {
        display : block;
    }

    .swiper-slide.pc-slide .pc-disp {
        display : none;
    }

    .swiper-slide.mobile-slide .mobile-disp {
        display : block;
    }

    .swiper-slide.pc-slide {
        display : none;
    }

    .swiper-slide.mobile-slide {
        display : block;
    }

    .pc-prev {
        display : none;
    }

    .pc-next {
        display : none;
    }

    .mobile-prev {
        display          : inline-block;
        background-image : none !important;
        left             : 1px !important;
    }

    .mobile-next {
        display          : inline-block;
        background-image : none !important;
        margin-right     : 10px !important;
    }

    .mobile-banner .xi-caret-up-circle-o {
        color     : #bbbbbb;
        font-size : 47px;
    }

    .mobile-banner .xi-caret-up-circle-o:hover {
        color : #eeeeee;
    }


    .main .main-banner .swiper-main1-list .top-title {
        position    : absolute;
        width       : 100%;
        margin      : 0 auto;
        top         : 10vw;
        left        : 10vw;
        text-align  : center;
        font-size   : 6vw;
        font-weight : 700;
    }

    .main .main-banner .swiper-main1-list .sub-title {
        position    : absolute;
        width       : 100%;
        margin-top  : 5px;
        top         : 18vw;
        text-align  : center;
        font-size   : 4vw;
        font-weight : 700;
        background  : #ffffffd4;
        padding     : 10px;
    }

    .main .main-banner .swiper-main1-list .top-title.top-slider2 {
        font-weight : 400;
        top         : 15vw;
        left        : 1vw;
        font-size   : 5vw;
    }

    .main .main-banner .swiper-main1-list .sub-title.sub-slider2 {
        font-weight      : 400;
        background-color : rgba(0, 0, 0, 0);
        font-size        : 5vw;
        padding          : 10px 10px 10px 2px;
    }

    .main .main-banner .swiper-main1-list .top-title.top-slider2.event-slide {
        font-size : 3.8vw;
        top       : 25vw;
    }

    .main .swiper-main1-list .top-slider2.event-slide .top-color {
        color : #f1592b;
    }

    .main .swiper-main1-list .top-slider2.event-slide .top-color.event-slide-text {
        font-weight : 500;
    }

    .main .main-banner .swiper-main1-list .sub-title.sub-slider2.event-slide {
        font-size : 5vw;
        top       : 27vw;
    }

    .body_event_img {
        margin-top : 35px;
    }

    .body_event_img > a > img.incontent_event_img_pc {
        display : none;
    }

    .body_event_img > a > img.incontent_event_img_mobile {
        display : block;
        margin  : auto;
        width   : 100%;
    }

    .list_full6 .slider-wrap .slider-scroller {
        height : 145px;
    }

}

@media ( max-width : 425px) {
    .main .relation_head {
        margin : 40px 20px 5px !important;
    }

    .main .relation_head.new_music {
        margin : 40px 20px 5px !important;
    }

    .main .relation_head.best_music {
        margin : 40px 20px 5px !important;
    }

    .relation_head .pickup_artist {
        margin : 40px 20px 5px !important;
    }
}

.main .slider_wrap {
    background : transparent;
}

.main .swiper-main1-list .swiper-slide img {
    width: 100%;
    height: calc(100vh - 100px);
    object-fit: cover;
}

.main .swiper-main1-list .swiper-slide img:hover {
    opacity: 1 !important;
}


.main .main_video .child_video .icon_live {
    display     : none;
    width       : 65px;
    height      : 32px;
    text-align  : center;
    line-height : 27px;
    position    : absolute;
    top         : 0px;
    left        : 0px;
    color       : white;
    background  : #f57500;
    z-index     : 1;
}

.main .main_video .child_video .icon_live.on_live {
    display : inline-block;
}

.main .main_video .content {
    *zoom    : 1;
    position : relative;
}

.main .main_video .content:after {
    content : " ";
    display : block;
    clear   : both;
}

.main .main_video .content .live-slider {
    margin : 0px 40px 40px 40px;
}

.main .main_video .child_video {
    height             : auto;
    vertical-align     : top;
    letter-spacing     : 0;
    position           : relative;
    padding            : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.main .main_video .child_video .live-start-time {
    font-size : 14px;
    color     : #9a9a9a;
}

.main .main_video .child_video .live-text-wrap {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    margin-bottom   : 5px;
    height          : 32px;
}

.main .main_video .child_video .live-text-wrap.live-active {
    flex-direction  : row-reverse;
    justify-content : flex-end;
}

.main .main_video .child_video .live-text-wrap .live-reserve-wrap {
    display : flex;
}

.main .main_video .child_video .live-text-wrap .live-reserve-text {
    font-size     : 12px;
    border        : 1px solid orange;
    padding       : 5px 3px;
    text-align    : center;
    color         : orange;
    border-radius : 3px;
    margin-left   : 3px;
}

.main .main_video .child_video .live-text-wrap .live-blink-text {
    color         : white;
    background    : #f57500;
    text-align    : center;
    font-size     : 16px;
    padding       : 6px 12px;
    border-radius : 3px;
    margin-right  : 6px;
}

.main .main_video .child_video.live-active .live-start-time {
    color : #444;
}

.main .main_video .child_video .live-text-wrap .live-blink-text {
    display : none;
}

.main .main_video .child_video .live-text-wrap.live-active .live-start-time {
    color : #f57500;
}

.main .main_video .child_video .live-text-wrap.live-active .live-blink-text {
    display : block;
}

.main .main_video .child_video .live-text-wrap.live-active .live-reserve-wrap {
    display : none;
}

.main .main_video .child_video.live-active .live-item-wrap {
    border : none;
}

.main .main_video .content .live-slider.live-slider-pc {
    display : block;
}

.main .main_video .content .live-slider.live-slider-mob {
    display : none;
}

@media (max-width : 600px) {
    .main .main_video .content .live-slider.live-slider-pc {
        display : none;
    }

    .slide-prev-btn.live-list-prev, .slide-next-btn.live-list-next {
        display : none;
    }

    .main .main_video .content .live-slider.live-slider-mob {
        display  : block;
        position : relative;
        margin   : 0;
    }

    .live-slider-mob.slider-list .slider-wrap .slider-scroller .swiper-slide .item {
        width : 100%;
        padding-top: 20px;
    }

    .main .main_video .child_video .live-start-time {
        font-size      : 12px;
        letter-spacing : -0.5px;
    }

    .main .main_video .child_video .live-text-wrap .live-reserve-text {
        font-size : 10px;
    }
}


.main .main_video .child_video .live-item-wrap {
    border : 1px solid #ddd;
}

.main .main_video .child_video .live-item-wrap.live-active {
    border : 2px solid orange;
}


.main .main_video .child_video:last-child {
    margin-right : 0px !important;
}

.main .main_video .child_video .item_video {
    position   : relative;
    background : black;
    overflow   : hidden;
}

.main .main_video .child_video .item_video {
    width            : 100%;
    background-color : black;
    position         : relative;
    text-align       : center;
    background       : #000;
    border-radius    : 2px;
}

.main .main_video .child_video .item_video .video_thumnail {
    position       : relative;
    padding-bottom : 56.25%;
    overflow       : hidden;
    background     : #fff;
}

.main .main_video .child_video .item_video .video_thumnail .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.main .main_video .child_video .item_video .video_thumnail .centered .item_thum {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

/*.main .main_video .child_video .item_video .item_thum {*/
/*z-index : 11;*/
/*width   : 100%;*/
/*}*/
.main .main_video .child_video .item_video .icon_play {
    position : absolute;
    z-index  : 2;
    bottom   : 19px;
    right    : 19px;
    color    : white;
}

.main .main_video .child_video .item_desc {
    padding : 10px;
}

.main .main_video .child_video .item_desc .item_subject {
    color              : black;
    font-weight        : 500;
    font-size          : 16px;
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 3em;

}

.thumbnail_date_view {
    color      : #555;
    font-size  : 13px;
    text-align : left;
}


.main .main_video .child_video .item_desc .item_name {
    color      : #555;
    font-size  : 13px;
    margin-top : 5px;
}

.main .main_video .child_video .item_desc .item_time {
    color     : #f57500;
    font-size : 13px;
    display   : inline-block;
    float     : right;
}

.thumbnail_live_mark {
    border-radius    : 4px;
    background-color : #fe323a;
    color            : #fff;
    display          : inline-block;
    position         : absolute;
    top              : 10px;
    left             : 12px;
    z-index          : 5;
    font-size        : 12px;
    letter-spacing   : 2px;
    padding          : 6px;
    cursor           : pointer;
}
.thumbnail_play_time_layer {
    display                : inline-block;
    position               : absolute;
    bottom                 : 0;
    right                  : 0;
    margin                 : 4px;
    color                  : #FFFFFF;
    background-color       : rgba(25, 24, 24, 0.8);
    padding                : 3px 4px 4px 4px;
    border-radius          : 2px;
    letter-spacing         : .5px;
    font-size              : 0.75rem;
    font-weight            : 500;
    line-height            : 0.75rem;
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    display                : inline-flex;
    z-index: 5;
}

.thumbnail_play_time {
    color : #FFFFFF;
}
.thumbnail_netticket_mark_layer {
    display: inline-flex;
    position: absolute;
    /* right: 5px; */
    left: 5px;
    /* top: 5px; */
    bottom: 3px;
    /* background-color: rgba(25, 24, 24, 0.8); */
    /* padding: 4px 1px 4px 1px;
    margin: 4px; */
    align-items: center;
    justify-content: center;
    /* border-radius: 4px; */
}
.thumbnail_netticket_mark {
    background: url('/user/img/icon/ticket_86147rr3.png') no-repeat center;
    height: 27px;
    width: 55px;
    background-size: auto 100%;
}
.thumbnail_arcaive_mark_layer {
    display: inline-flex;
    position: absolute;
    right: 5px;
    top: 5px;
    /* background-color: rgba(25, 24, 24, 0.8); */
    /* padding: 4px 1px 4px 1px;
    margin: 4px; */
    align-items: center;
    justify-content: center;
    /* border-radius: 4px; */
}
.thumbnail_arcaive_mark {
    background: url('/user/img/icon/ticket_86147bb3.png') no-repeat center;
    height: 27px;
    width: 55px;
    background-size: auto 100%;
}

.live_schedule_list_wrap {
    width           : 30%;
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
}

.live_schedule_list_navi_btn {
    position : absolute;
    top      : 45%;
    width    : 100%;
}

.live_schedule_list_content {
    position    : relative;
    margin-left : 30px;
}

.item_desc_info > p {
    font-size   : 13px;
    color       : #666;
    line-height : 1.5em;
    white-space : pre;
    margin-top  : 50px;
    padding     : 10px;
}

.live_page_link_bth {
    color     : #777;
    position  : absolute;
    font-size : 13px;
    right     : 12px;
    bottom    : 12px;
}

.schedule_img_box_wrap {
    width       : 80%;
    display     : flex;
    flex-wrap   : wrap;
    margin-left : 10%;
}

.schedule_img_box {
    width      : 100%;
    height     : 138px;
    box-shadow : 3px 3px #f9f9f9;
    overflow   : hidden;
    float      : left;
    text-align : center;
    position   : relative;
}

.schedule_img_box > img {
    position   : absolute;
    max-width  : 100%;
    max-height : 100%;
    width      : auto;
    height     : auto;
    margin     : auto;
    top        : 0;
    bottom     : 0;
    left       : 0;
    right      : 0;
}

.schedule_text_box {
    width       : 80%;
    margin-left : 10%;
}

.schedule_text_box .schedule_data,
.schedule_text_box .schedule_content {
    font-size : 13px;
    color     : #444;
}

.schedule_text_box .schedule_data {
    margin-top : 15px;
}

.schedule_title {
    font-size     : 15px;
    color         : #222;
    margin-bottom : 10px;
    display       : inline-block;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    height        : 1.2em;
    width         : 80%;
    margin-left   : 10%;
}

.schedule_text_box .schedule_content {
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : normal;
    line-height        : 1.2;
    height             : 2.5em;
    text-align         : left;
    word-wrap          : break-word;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    margin-top         : 5px;
}


.main .relation_head {
    position : relative;
    height   : 32px;
    margin   : 50px 40px 10px;
}

.main .relation_head.live_schedule {
    margin        : 0;
    margin-bottom : 10px;
    width         : 100%;
}

.main .relation_head.new_music {
    margin : -10px 40px 10px;
}

.main .relation_head.best_music {
    margin : 50px 40px 10px;
}

.main .relation_head .more-btn {
    float          : right;
    display        : inline-block;
    margin-top     : 3px;
    font-size      : 14px;
    vertical-align : middle;
}

.main .relation_head h3 {
    font-size      : 20px;
    font-weight    : bold;
    display        : inline-block;
    vertical-align : middle;
}

.main .relation_head .page_button {
    position : absolute;
    right    : 1px;
    top      : 0px;
}

.main .relation_head .page_button {
    font-size       : 16px;
    font-weight     : bold;
    margin          : 0px;
    display         : table;
    border-collapse : collapse;
}

.main .relation_head .page_button .btn_relation {
    display : table-cell;
    cursor  : pointer
}

.main .relation_head .page_button i {
    border  : 1px solid #dadada;
    padding : 6px;
    color   : #dadada
}

.main .relation_head .page_button i:hover {
    border : 1px solid #7b7b7b;
    color  : #7b7b7b
}

.main .relation_head .page_button:hover .btn_relation {
    border-color : #7b7b7b
}

.main .relation_head .page_button [data-func=prev] {
    border-right : 1px solid #dadada;
}

.main .relation_head .page_button [data-func=prev] i {
    border-right  : 0px;
    border-radius : 5px 0 0 5px;
}

.main .relation_head .page_button [data-func=next] {
    border-left : 1px solid #dadada;
}

.main .relation_head .page_button [data-func=next] i {
    border-left   : 0px;
    border-radius : 0 5px 5px 0;
}

.main .video_list {
    margin : 0px 20px 0 20px;
}

.main .video_list.list_full3 {
}

.main .video_list.list_full4 .swiper-slide {
    margin-top    : 0px !important;
    margin-bottom : 20px;
}

@media (max-width : 768px) {
    .main .video_list {
        margin : 0px 40px 40px 40px;
    }

    .main .video_list.list_full4 .swiper-slide {
        margin-bottom : 15px;
    }
}

@media (max-width : 600px) {

    .main .video_list.list_full {
        height : 185px;
    }

    .main .main_video .child_video .item_desc {
        padding-top : 5px;
    }
}

.main .video_list.list_full4 .item {
    position : relative;
    border   : 1px solid #e5e5e5;
    padding  : 8px;
}

.main .video_list.list_full4 li:nth-child(4n) {
    margin-right : 0%;
}

.main .video_list.list_full4 .icon_live {
    border-radius    : 4px;
    background-color : #fe323a;
    color            : #fff;
    position         : absolute;
    top              : 5px;
    right            : 7px;
    font-size        : 12px;
    letter-spacing   : 2px;
    padding          : 6px;
    display          : none;
    z-index          : 5;
}

.main .video_list.list_full4 .icon_live.on_live {
    display : inline-block;
}

/*.main .video_list.list_full4 .list_thum {*/
/*height: 0;*/
/*padding-bottom: 56.25%;*/
/*position: relative;*/
/*text-align: center;*/
/*background: #000;*/
/*overflow: hidden;*/
/*}*/
.main .video_list.list_full4 .list_thum {
    width      : 100%;
    overflow   : hidden;
    position   : relative;
    text-align : center;
    background : transparent;
}

.main .video_list.list_full4 .list_thum:before {
    content     : "";
    display     : block;
    padding-top : 100%; /* 1:1 비율 */
}

.main .video_list.list_full4 .list_thum .video_thumnail {
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
    background : #000;
}

.main .video_list.list_full4 .list_thum .video_thumnail .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

/*.main .video_list.list_full4 .list_thum img {*/
/*width : 100%;*/
/*}*/
.main .video_list.list_full4 .list_thum img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.main .video_list.list_full4 .list_title {
    font-family : 'noto sans JP', sans-serif;
}

.main .video_list.list_full4 .list_title {
    color            : #43444e;
    font-size        : 13px;
    font-weight      : 500;
    max-height       : 1em;
    overflow         : hidden;
    padding-left     : 3px;
    padding-bottom   : 5px;
    margin-top       : 11px;
    white-space      : nowrap;
    float            : left;
    max-width        : 80%;
    text-overflow    : ellipsis;
    white-space      : nowrap;
    /* width            : 100%; ie6 needs any width */
    overflow         : hidden;
    /* "overflow" value must be different from "visible" */
    -o-text-overflow : ellipsis; /* opera under 10.7 */
    text-overflow    : ellipsis; /* ie, safari */
}

@media (max-width : 1024px) {
    .main .video_list.list_full4 .list_title {
        max-width : 75%;
    }
    .channel_img_wrap .channel_title {
        font-size       : 16px;
    }
}

@media (max-width : 768px) {
    .channel_img_wrap .channel_title {
        font-size       : 14px;
    }
    .main .video_list.list_full4 .list_title {
        max-width : 64%;
    }
}

.main .video_list.list_full4 .list_name {
    font-size        : 12px;
    color            : #999;
    margin-left      : 3px;
    max-height       : 1em;
    white-space      : nowrap;
    width            : 100%; /* ie6 needs any width */
    overflow         : hidden;
    /* "overflow" value must be different from "visible" */
    -o-text-overflow : ellipsis; /* opera under 10.7 */
    text-overflow    : ellipsis; /* ie, safari */
    padding-bottom   : 2px;
}

.main .video_list.list_full4 .list_info {
    padding-left  : 3px;
    margin-top    : 0px;
    margin-bottom : 19px;
    text-align    : right;
}

.main .video_list.list_full4 .list_play {
    color        : #43444e;
    font-size    : 12px;
    margin-right : 7px;
}

.main .video_list.list_full4 .list_wish {
    color     : #43444e;
    font-size : 12px;
}

.main .video_list.list_full3 ul {
    position  : relative;
    overflow  : hidden; /*line-height: 0;*/
    font-size : 0;
    width     : 100%;
}

.main .video_list.list_full3 li {
    display        : inline-block;
    width          : 31.4%;
    margin-right   : 2.9%;
    margin-bottom  : 25px;
    vertical-align : top;
    letter-spacing : 0;
}

.main .video_list.list_full3 .item {
    position : relative;
}

.main .video_list.list_full3 .item:nth-child(3n) {
    margin-right : 0%;
}

.main .video_list.list_full3 .item .icon_live {
    border-radius    : 4px;
    background-color : #fe323a;
    color            : #fff;
    position         : absolute;
    top              : 5px;
    right            : 7px;
    font-size        : 12px;
    letter-spacing   : 2px;
    padding          : 6px;
    display          : none;
    z-index          : 5;
}

.main .video_list.list_full3 .icon_live.on_live {
    display : inline-block;
}

/*.main .video_list.list_full3 .item .list_thum {*/
/*height         : 0;*/
/*padding-bottom : 56.25%;*/
/*position       : relative;*/
/*text-align     : center;*/
/*background     : #000;*/
/*}*/
.main .video_list.list_full3 .list_thum {
    padding-top: 30px;
    width            : 100%;
    position         : relative;
    text-align       : center;
}

.main .video_list.list_full3 .list_thum .video_thumnail {
    position       : relative;
    padding-bottom : 56.25%;
    overflow       : hidden;
    background     : #fff;
}

.main .video_list.list_full3 .list_thum .video_thumnail .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.main .video_list.list_full3 .item .list_thum .centered img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

/*.main .video_list.list_full3 .item .list_thum img {*/
/*width : 100%;*/
/*}*/
.main .video_list.list_full3 .item .list_title {
    font-family : 'noto sans JP', sans-serif;
}

.main .video_list.list_full3 .item .list_title {
    font-weight        : 500;
    color              : #43444e;
    font-size          : 14px;
    height             : 17px;
    overflow           : hidden;
    margin-top         : 11px;
    text-overflow      : ellipsis;
    padding-right      : 5px;
    max-width          : 100%;
    float              : left;
    margin-bottom      : 3px;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 3em;
}

.main .video_list .item .video_mark {
    margin-top : 11px;
}

.main .video_list .item .video_mark .video_icon {
    background-image : url('/user/img/video_mark.png');
    width            : 19px;
    height           : 14px;
    display          : inline-block;
    float            : right;

}

.main .video_list.list_full3 .item .list_profile {
    height     : 25px;
    overflow   : hidden;
    position   : absolute;
    bottom     : 0px;
    left       : 0px;
    background : rgba(000, 000, 000, 0.5);
    padding    : 5px 0px;
    width      : 100%;
    text-align : left
}

.main .video_list.list_full3 .item .list_userimg {
    display       : inline-block;
    width         : 25px;
    height        : 25px;
    border-radius : 50%;
    overflow      : hidden;
    margin-left   : 8px;
}

.main .video_list.list_full3 .item .list_userimg img {
    width : 100%;
}

.main .video_list.list_full3 .item .list_name {
    font-size        : 13px;
    color            : #999;
    max-height       : 1em;
    overflow         : hidden;
    white-space      : nowrap;
    text-overflow    : ellipsis;
    width            : 100%; /* ie6 needs any width */
    /* "overflow" value must be different from "visible" */
    -o-text-overflow : ellipsis; /* opera under 10.7 */
    text-overflow    : ellipsis; /* ie, safari */
    clear            : both;
    padding-bottom   : 2px;
}

.main .video_list.list_full3 .item .list_info {
    padding-right  : 10px;
    padding-bottom : 10px;
    text-align     : right;
    margin-top     : 3px;
}

.main .video_list.list_full3 .item .list_play {
    color        : #43444e;
    font-size    : 12px;
    margin-right : 7px;
}

.main .video_list.list_full3 .item .list_wish {
    color     : #43444e;
    font-size : 12px;
}

/*----------------ranking_area------------------------------*/

.ranking .head_wrap {
    background : #0a0a21 url(../img/ranking_header.png) no-repeat center top;
    height     : 223px;
}

.ranking .head_wrap h3 {
    text-align  : center;
    font-size   : 60px;
    color       : white;
    padding-top : 64px;
}
.main .ranking_head.new_music {
    position: relative;
    height: 32px;
    margin: 40px 40px 10px;
}
.main .ranking_head h3 {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
.main .ranking_head .more-btn {
    float: right;
    display: inline-block;
    margin-top: 3px;
    font-size: 14px;
    vertical-align: middle;
}

.main_ranking_area {
    position      : relative;
    display: flex;
    flex-direction: column;
    margin: 0 40px;
    margin-bottom: 70px;
}
.main_artist_ranking_warp {
    background : url('/user/img/ranking_bg02.png') no-repeat;
    background-position: left top;
    box-sizing : border-box;
    background-size: 100% auto;
    height: 170px;
}
.main_music_ranking_warp {
    background : url('/user/img/ranking_bg01.png') no-repeat;
    background-position: left top;
    box-sizing : border-box;
    background-size: 100% auto;
    height: 170px;
    margin-top: 20px;
}

.main_ranking_area .ranking_area {
    display: flex;
    align-items: flex-end;
    height: 100%;
}
.main_ranking_area .ranking_area .ranking_left,
.main_ranking_area .ranking_area .ranking_list {
    width: 50%;
}
.main_ranking_area .ranking_area .ranking_left {
    display: flex;
    padding: 20px 30px;
    box-sizing: border-box;
}
.ranking_numb.fir_num {
  display: flex;
}
.ranking_numb.fir_num .num {
  font-family: Oswald, sans-serif !important;
  font-size: 40px;
}
.ranking_numb.fir_num .rank {
  display: none;
}
.ranking_numb.fir_num .rank.on {
  display: block;
}
.ranking_numb.fir_num .up {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 25px;
    color: #e62a1e;
    font-weight: bold;
    padding-top: 13px;
}
.ranking_numb.fir_num .down {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 25px;
    color: #1e49e6;
    font-weight: bold;
    padding-top: 13px;
}
.ranking_numb.fir_num .md {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 25px;
    color: #000;
    font-weight: bold;
    padding: 21px 8px 0 8px;
}
.ranking_left .ranking_img .list_thum {
    width: 90px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: transparent;
}
.ranking_left .ranking_img .list_thum.round_thum,
.ranking_list .ranking_list_content .list_thum.round_thum {
    /* border-radius: 50%; */
}
.ranking_left .ranking_img .list_thum:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.ranking_left .ranking_img .list_thum .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
}
.ranking_left .ranking_img .list_thum.round_thum .video_thumnail,
.ranking_list .ranking_list_content .list_thum.round_thum .video_thumnail {
    /* background: transparent; */
}
.ranking_left .ranking_img .list_thum .video_thumnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.ranking_left .ranking_img .list_thum img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ranking_left .ranking_exp {
  margin-left: 15px;
}
.ranking_left .ranking_exp .title {
    font-size          : 16px;
    margin-bottom      : 10px;
    height             : 36px;
    text-overflow      : ellipsis;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    line-height        : 18px;
    white-space        : normal;
    word-break         : break-all;
    margin-top: -1px;
}
.ranking_left .ranking_exp .artist {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    line-height: 18px;
    max-width: 350px;
}

.ranking_list .ranking_list_content {
  display: flex;
}
.ranking_list .ranking_list_content .list_thum {
    width: 40px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: transparent;
}
.ranking_list .ranking_list_content .list_thum:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.ranking_list .ranking_list_content .list_thum .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
}
.ranking_list .ranking_list_content .list_thum .video_thumnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.ranking_list .ranking_list_content .list_thum img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ranking_list .ranking_list_content .ranking_numb,
.ranking_list .ranking_list_content .ranking_info {
  display: flex;
  align-items: center;
}
.ranking_numb.right_numb .num {
  font-family: Oswald, sans-serif !important;
  font-size: 26px;
}
.ranking_numb.right_numb .rank {
  display: none;
}
.ranking_numb.right_numb .rank.on {
  display: block;
}
.ranking_numb.right_numb .up {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    color: #e62a1e;
    font-weight: bold;
    padding-top: 5px;
}
.ranking_numb.right_numb .down {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    color: #1e49e6;
    font-weight: bold;
    padding-top: 5px;
}
.ranking_numb.right_numb .md {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    padding: 10px 7px 0 6px;
}

.ranking_info .ranking_song {
    font-size     : 14px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    line-height: 18px;
    max-width: 430px;
}
.ranking_info > a {
  margin-left: 7px;
}
.ranking_info .ranking_name {
    font-size     : 12px;
    color: #666;
    margin-top: 5px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    line-height: 16px;
    max-width: 430px;
}
.main_ranking_area .ranking_area .ranking_list {
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
}
.main_ranking_area .ranking_area .ranking_left .ranking_fir_wrap {
    display: flex;
    align-items: center;
}
@media (max-width: 1199px) {
  .ranking_info .ranking_song,
  .ranking_info .ranking_name {
      max-width: 35vw;
  }
  .ranking_left .ranking_exp .artist {
      max-width: 28vw;
  }
  .main_artist_ranking_warp,
  .main_music_ranking_warp {
      background-size: auto 100%;
  }
}
@media (max-width: 1024px) {
  .main_ranking_area .ranking_area .ranking_left {
      padding: 20px;
  }
  .ranking_info .ranking_song,
  .ranking_info .ranking_name {
      max-width: 29vw;
  }
  .ranking_left .ranking_exp .artist {
      max-width: 22vw;
  }
}
@media (max-width: 768px) {
  .main_ranking_area .ranking_area {
      flex-direction: column;
  }
  .main_ranking_area .ranking_area .ranking_left,
  .main_ranking_area .ranking_area .ranking_list {
    width: 100%;
  }
  .main_music_ranking_warp {
    background: url(/user/img/ranking_bg03.png) no-repeat;
    background-position: left top;
    height: auto;
  }
  .main_artist_ranking_warp {
    background: url(/user/img/ranking_bg04.png) no-repeat;
    background-position: left top;
    height: auto;
  }
  .ranking_list .ranking_list_content {
    margin-bottom: 10px;
  }
  .ranking_list .ranking_list_content:last-child {
    margin-bottom: 0;
  }
  .main_ranking_area .ranking_area .ranking_left {
    padding-bottom: 0;
    margin-top: 40px;
  }
  .main_ranking_area .ranking_area .ranking_list {
    padding: 20px 30px;
  }
  .ranking_left .ranking_exp .title,
  .ranking_left .ranking_exp .artist {
    max-width: 56vw;
  }
  .ranking_info .ranking_song,
  .ranking_info .ranking_name {
    max-width: 63vw;
  }
}

@media (max-width : 600px) {
    .ranking .head_wrap {
        height          : auto;
        background-size : cover;
    }

    .ranking .head_wrap h3 {
        text-align     : center;
        font-size      : 50px;
        padding-top    : 36px;
        padding-bottom : 52px;
    }

    .main .ranking_head.new_music {
        margin: 40px 20px 5px !important;
    }
    .main_ranking_area {
        margin: 0 20px;
        margin-bottom: 50px;
    }
}
@media (max-width: 500px) {
  .ranking_left .ranking_exp .title,
  .ranking_left .ranking_exp .artist {
      max-width: 47vw;
  }
  .ranking_info .ranking_song, .ranking_info .ranking_name {
      max-width: 60vw;
  }
}

@media (max-width: 425px) {
  .main_ranking_area .ranking_area .ranking_left {
    padding: 10px;
  }
  .main_ranking_area .ranking_area .ranking_list {
    padding: 5px 15px 15px 15px;
  }
  .ranking_numb.fir_num {
    display: flex;
    width: 16%;
  }
  .main_ranking_area .ranking_area .ranking_left .ranking_fir_wrap {
    width: 84%;
  }
  .ranking_left .ranking_img {
      width: 30%;
      flex: 1;
  }
  .ranking_left .ranking_img .list_thum {
    width: 100%;
  }
  .ranking_left .ranking_exp {
    width: 70%;
  }
  .ranking_list .ranking_list_content {
    width: 100%;
  }
  .ranking_list .ranking_list_content .ranking_numb {
    width: 16%;
  }
  .ranking_list .ranking_list_content .ranking_info {
    width: 84%;
  }
  .ranking_left .ranking_exp .title,
  .ranking_left .ranking_exp .artist {
    max-width: none;
  }
  .ranking_left .ranking_exp .artist {
    margin-top: 0;
  }
  .ranking_info .ranking_song,
  .ranking_info .ranking_name {
    max-width: 58vw;
  }
  .ranking_left .ranking_exp {
    margin-left: 8px;
    padding-top: 0;
  }
}
@media (max-width: 374px) {
  .ranking_info .ranking_song,
  .ranking_info .ranking_name {
    max-width: 52vw;
  }
}














/*----------------ranking_area end-------------------------*/
.main .video_list.list_full6 ul {
    position  : relative;
    overflow  : hidden; /*line-height: 0;*/
    font-size : 0;
    width     : 100%;
}

.main .video_list.list_full6 li {
    display        : inline-block;
    width          : 16.66666666666666%;
    margin         : 10px auto;
    vertical-align : top;
    letter-spacing : 0;
}

.main .video_list.list_full6 .item {
    position : relative;
}

.main .video_list.list_full6 li:nth-child(3n) {
    margin-right : 0%;
}

.main .video_list.list_full6 .icon_new {
    font-size     : 16px;
    display       : none;
    width         : 28px;
    height        : 28px;
    border-radius : 50%;
    text-align    : center;
    line-height   : 26px;
    position      : absolute;
    top           : 0px;
    left          : calc(50% - 51px);
    color         : white;
    background    : #f05a29;
    z-index       : 10;
}

.main .video_list.list_full6 .icon_new.on_new {
    display : inline-block;
}

.main .video_list.list_full6 .list_thum {
    width         : 170px;
    height        : 170px;
    border-radius : 50%;
    overflow      : hidden;
    margin        : 0 auto;
    position      : relative;
    text-align    : center;
    background    : transparent;
}

.main .video_list.list_full6 .list_title {
    color        : #43444e;
    font-size    : 14px;
    height       : 2.2em;
    line-height: 1.1em;
    overflow     : hidden;
    padding-left : 3px;
    margin-top   : 11px;
    text-align   : center
}

.main ._inner {
    width     : 100%;
    display   : flex;
    flex-wrap : wrap
}

.main .inner .contents {
    display : inline-block;
    width   : 100%;
}

.main .inner .side {
    display : inline-block;
    width   : 265px;
    padding : 25px 18px
}

.main .contents .title_image {
    margin-bottom : 27px;
    max-width     : 100%;
}

.main .contents .subject {
    font-size     : 27px;
    color         : black;
    margin-bottom : 7px;
    font-weight   : bold;
}

.main .contents .info1 {
    font-size     : 17px;
    color         : black;
    margin-bottom : 38px;
    line-height   : 1.4;
    font-weight   : bold;
}

.main .contents .info2 {
    font-size     : 18px;
    color         : black;
    margin-bottom : 10px;
    font-weight   : bold;
}

.main .contents .desc {
    font-size   : 17px;
    color       : black;
    line-height : 1.6;
}


.main .side .right_infoimg {
    margin-bottom : 40px;
}

.main .today_live_head {
    border-bottom  : 1px solid #a1a1a6;
    margin-bottom  : 15px;
    padding-bottom : 10px;
}

.main .today_live_head h3 {
    font-size   : 20px;
    display     : inline-block;
    font-weight : bold;
}

.main .today_live_head .desc {
    font-size    : 12px;
    display      : inline-block;
    float        : right;
    margin-top   : 6px;
    margin-right : 5px;
}

.main .today_live_list .item:after {
    content : " ";
    display : block;
    clear   : both;
}

.main .today_live_list .item:before {
    content  : " ";
    display  : block;
    width    : 100%;
    position : absolute;
    top      : 0%;
}

.main .today_live_list .item {
    position : relative;
    width    : auto;
    margin   : 0;
}

.main .today_live_list .item ._time {
    position       : relative;
    display        : block;
    width          : 100%;
    height         : inherit;
    padding-bottom : 10px;
    padding-top    : 12px;
    font-size      : 12px;
    font-weight    : 500;
    letter-spacing : -0.5px;
}

.main .today_live_list .item .now {
    display : none;
}

.main .today_live_list .item ._img {
    display      : inline-block;
    width        : 125px;
    height       : 78px;
    margin-right : 12px;
    float        : left;
    overflow     : hidden;
}

.back {
    width            : 100%;
    background-color : transparent;
    position         : relative;
    text-align       : center;
    background       : transparent;
}

.back .frame {
    position       : relative;
    padding-bottom : 56.25%;
    overflow       : hidden;
}

.back .img-frame {
    position       : relative;
    padding-bottom : 100%;
    overflow       : hidden;
}

.back .img-frame .centered,
.back .frame .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.back .img-frame .centered img,
.back .frame .centered img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

/*.main .today_live_list .item ._img img {*/
/*width : 100%;*/
/*}*/
.main .today_live_list .item .content {
    display     : inline-block;
    width       : calc(100% - 137px);
    height      : inherit;
    float       : left;
    padding-top : 0.5%;
}

.main .today_live_list .item .content ._subject {
    font-size   : 14px;
    color       : #43444e;
    height      : 2.8em;
    overflow    : hidden;
    margin-top  : 2px;
    line-height : 1.4;
    font-weight : 400;
}

.main .today_live_list .item .content ._name {
    font-size  : 11px;
    color      : #898989;
    margin-top : 7px;
}

.main .side .new_music_more {
    width  : 80%;
    margin : 18px auto 38px;
}

.main .side .banner_wrap img {
    width : 100%;
}

/*artist_common // s */
#email-modal .modal-body {
    padding     : 20px 40px;
    line-height : 23px;
    font-size   : 13px;
}

#email-modal .modal-body .email-input {
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    height             : 30px;
    border             : 1px solid #ddd;
    margin-top         : 20px;
    padding            : 0px 10px;
}

#email-modal .modal-body .email-submit-btn {
    text-align : right;
    margin-top : 10px;

}

.artist_header {
    background : #1c1c1c;
    height     : 230px;
    width      : 100%;
}

.artist_header .inner { /*width:1200px;*/
    margin   : 0 auto;
    height   : inherit;
    position : relative;
    overflow : hidden
}

.artist_header .inner .artist_wrap {
    display     : flex;
    align-items : center;
}

.artist_header .inner .am_bg {
    position : absolute;
    height   : 100%;
}

/* .artist_header .artist_wrap{background:url('../img/bg-artistheader.png');width: 100%;  height: inherit; position: relative;} */
/* .artist_header .artist_wrap{    background: -webkit-linear-gradient(left,#1c1c1c 0,#1c1c1c 30%,transparent 100%);
    background: linear-gradient(to right,#1c1c1c 0,#1c1c1c 30%,transparent 100%);;width: 100%;  height: inherit; position: relative;}
     */
.artist_header .artist_wrap {
    width    : 100%;
    height   : inherit;
    position : relative;
}

.artist_header .artist_wrap {
    /* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c1c1c+0,1c1c1c+100&1+0,1+34,0.72+46,0+57,0+73,0.5+83,1+91,1+100 */
    background : -moz-linear-gradient(
            left,
            rgba(28, 28, 28, 1) 0%,
            rgba(28, 28, 28, 0) 40%,
            rgba(28, 28, 28, 0) 80%,
            rgba(28, 28, 28, 1) 100%);
    background : -webkit-linear-gradient(
            left,
            rgba(28, 28, 28, 1) 0%,
            rgba(28, 28, 28, 0) 40%,
            rgba(28, 28, 28, 0) 80%,
            rgba(28, 28, 28, 1) 100%);
    background : linear-gradient(
            to right,
            rgba(28, 28, 28, 1) 0%,
            rgba(28, 28, 28, 0) 40%,
            rgba(28, 28, 28, 0) 80%,
            rgba(28, 28, 28, 1) 100%);
    /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
    filter     : progid:dximagetransform.microsoft.gradient(startcolorstr='#1c1c1c', endcolorstr='#1c1c1c', gradienttype=1); /* ie6-9 */
}

.artist_header .artist_info {
    margin-left : 20px;
    display     : flex;
    align-items : center;
}

.artist_header .artist_info ._secL {
    width       : 128px;
    display     : inline-block;
    flex-shrink : 0; /* IE */
}

.artist_header .artist_info ._secR {
    display     : inline-block;
    margin-left : 15px;
    max-width   : 450px;
    width       : 100%;
}

.artist_header .artist_info ._image {
    display       : inline-block;
    margin-bottom : 0;
}

.artist_header .artist_info ._image img {
    width         : 100%;
    border-radius : 50%;
}

.artist_header .artist_info ._name {
    font-size     : 32px;
    color         : white;
    margin-bottom : 20px;
    font-weight   : 500;
}

.artist_header .artist_info ._followers {
    font-size       : 12px;
    color           : white;
    margin-bottom   : 10px;
    display         : flex;
    flex-direction  : row;
    justify-content : flex-start;
    align-items     : center;
}

.artist_header .artist_info ._followers em {
    font-size : 12px;
    color     : white;
}

.artist_header .artist_info ._followers .btn_follow {
    padding          : 5px 8px;
    margin-left      : 10px;
    font-size        : 12px;
    color            : white;
    border-radius    : 7px;
    background-color : #6b6a67;
    cursor           : pointer;
    display          : flex;
    width            : 55px;
}

.artist_header .artist_info ._followers .follow {
    padding          : 5px 8px;
    margin-left      : 10px;
    border-radius    : 7px;
    background-color : #6b6a67;
    cursor           : pointer;
    display          : flex;
    justify-content  : center;
    width            : 55px;
    font-size        : 12px;
    color            : white;
}

.artist_header .artist_info ._followers .follow span {
    font-size : 10px;
    color     : white;
}

.artist_header .artist_info ._followers .btn_follow.followed {
    background-color : #eda349;
}

.artist_header .artist_info ._followers .btn_follow .xi-star {
    font-size   : 12px;
    color       : white;
    margin-left : -5px;
}

.artist_header .artist_info ._followers .btn_follow:hover .xi-star,
.artist_header .artist_info ._followers .btn_follow.followed .xi-star {
    color : yellow;
}

.artist_header .artist_info ._followers .btn_mahotama {
    padding          : 5px 8px;
    margin-left      : 10px;
    font-size        : 12px;
    color            : white !important;
    border-radius    : 7px;
    background-color : #6b6a67;
    cursor           : pointer;
    display          : flex;
}

.artist_header .artist_info ._followers .btn_mahotama:hover .xi-heart {
    color : yellow;
}

.artist_header .artist_info ._hashtags {
    font-size   : 12px;
    color       : white;
    line-height : 15px;
    display     : flex;
    flex-wrap   : wrap;
}

.artist_header .artist_info ._hashtags em {
    margin-right : 19px;
    color        : #c8c8c8;
    line-height: 1.5em;
}

.artist_header .artist_info ._hashtags em:last-child {
    margin-right : 0px;
}

.artist_menu_wrap {
    border-bottom : 1px solid #c9c9c9;
    width         : 100%;
    height        : 45px;
}

.artist_menu_wrap .inner { /*width:1200px;*/
    margin : 0 auto;
    height : inherit
}

.artist_menu_wrap .am_menu {
    display : inline-block
}

.artist_menu_wrap .am_menu ul {
    padding : 6px 0px 0px 19px;
}

.artist_menu_wrap .am_menu ul:after {
    content : " ";
    display : block;
    clear   : both;
}

.artist_menu_wrap .am_menu ul li {
    float   : left;
    display : inline-block;
}

.artist_menu_wrap .am_menu ul li ~ li {
    margin-left : 11px;
}

.artist_menu_wrap .am_menu ul li a {
    font-size     : 15px;
    color         : black;
    width         : 70px;
    display       : inline-block;
    border-radius : 7px;
    text-align    : center;
    padding       : 8px 0px 8px 0px;
}

.artist_menu_wrap .am_menu ul li a:hover, .artist_menu_wrap .am_menu ul li a.selected {
    color       : white;
    background  : #f7931e;
    font-weight : bold;
}

.artist_menu_wrap .am_social {
    float        : right;
    margin-right : 19px;
}

.artist_menu_wrap .am_social ul {
    margin          : 10px 0px;
    display         : flex;
    justify-content : center;
}

.artist_menu_wrap .am_social ul:after {
    content : " ";
    display : block;
    clear   : both;
}


.artist_sns_wrap {
    width  : 100%;
    height : 45px;
}

.artist_sns_wrap .inner { /*width:1200px;*/
    margin : 0 auto;
    height : inherit
}

.artist_sns_wrap .am_menu {
    display : inline-block
}

.artist_sns_wrap .am_menu ul {
    padding : 7px 0px 0px 19px;
}

.artist_sns_wrap .am_menu ul:after {
    content : " ";
    display : block;
    clear   : both;
}

.artist_sns_wrap .am_menu ul li {
    float   : left;
    display : inline-block;
}

.artist_sns_wrap .am_menu ul li ~ li {
    margin-left : 11px;
}

.artist_sns_wrap .am_menu ul li a {
    font-size     : 15px;
    color         : black;
    width         : 70px;
    display       : inline-block;
    border-radius : 7px;
    text-align    : center;
    padding       : 8px 0px;
}

.artist_sns_wrap .am_menu ul li a:hover, .artist_sns_wrap .am_menu ul li a.selected {
    color       : white;
    background  : #f7931e;
    font-weight : bold;
}

.artist_sns_wrap .am_social {
    margin-right : 19px;
    text-align   : right;
}

.artist_sns_wrap .am_social ul {
    margin  : 10px 0px;
    display : inline-block;
    zoom    : 1;
}

.artist_sns_wrap .am_social ul:after {
    content : " ";
    display : block;
    clear   : both;
}

.artist_sns_wrap .am_social ul li {
    float   : left;
    display : inline-block;
    z-index : 1;
}

.btn_social_share {
    font-size : 20px;
}

.artist_sns_wrap .am_social ul li + li {
    margin-left : 4px;
}

.btn_social {
    display        : table-cell;
    width          : 33px;
    height         : 26px;
    color          : #5c5c5c;
    border-radius  : 10px;
    text-align     : center;
    vertical-align : middle;
    cursor         : pointer;
}

.btn_social:hover {
    border-color : #4c4c4c;
}

.btn_social {
    -moz-transition    : border-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition : border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition     : border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition         : border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.btn_social_facebook {
    font-size : 19px;
}

.btn_social_twitter {
    font-size : 19px;
}

.btn_social_youtube {
    font-size : 21px;
}

.btn_social_line {
    font-size : 20px;
}

.btn_social_home {
    font-size : 21px;
}

.btn_social_share {
    font-size : 18px;
}

.btn_social_facebook:hover {
    color : #221868;
}

.btn_social_twitter:hover {
    color : #1f83e1;
}

.btn_social_youtube:hover {
    color : #ff0000;
}

.btn_social_line:hover {
    color : #b666ff;
}

.btn_social_home:hover {
    color : #f7931e;
}

.btn_social_share:hover {
    color : #f7931e;
}

.am_social a.u2 {
    margin-right : 10px;
}

.btn_social_header {
    display        : table-cell;
    width          : 33px;
    height         : 26px;
    color          : #e1e1e1;
    /*   border: 1px solid #e1e1e1; */
    /*   border-radius: 10px; */
    margin-right   : 10px;
    text-align     : center;
    vertical-align : middle;
    cursor         : pointer;
    font-size      : 20px;
    text-align     : center;
}

.btn_social_header:hover {
    border-color : #4c4c4c;
}

.btn_social_header {
    -moz-transition    : border-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition : border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition     : border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition         : border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.btn_social_header_facebook {
    font-size : 19px;
}

.btn_social_header_twitter {
    font-size : 19px;
}

.btn_social_header_line {
    font-size : 23px;
}

.btn_social_header_home {
    font-size : 19px;
}

.btn_social_header_share {
    font-size : 21px;
    width     : 43px
}

.btn_social_header_facebook:hover {
    color : #221868
}

.btn_social_header_twitter:hover {
    color : #1f83e1
}

.btn_social_header_line:hover {
    color : #885346
}

.btn_social_header_home:hover {
    color : #b61313
}

.btn_social_header_share:hover {
    color : #000000
}

.new_music_head {
    border-bottom  : 1px solid #a1a1a6;
    margin-bottom  : 15px;
    padding-bottom : 10px;
}

.new_music_head h3 {
    font-size   : 20px;
    display     : inline-block;
    font-weight : bold;
}

.new_music_head .desc {
    font-size    : 12px;
    display      : inline-block;
    float        : right;
    margin-top   : 6px;
    margin-right : 5px;
}

.new_music_head .btn_auto {
    float            : right;
    position         : relative;
    display          : inline-block;
    width            : 47px;
    height           : 19px;
    background-color : #f89a00;
    border-radius    : 2px;
    color            : white;
    padding-left     : 7px;
    font-size        : 11px;
    font-weight      : bold;
    line-height      : 19px;
    cursor           : pointer;
    text-align       : left;
    transition       : all ease 0.5s;
}

.new_music_head .btn_auto:after {
    content : 'on';
}

.new_music_head .btn_auto em {
    width         : 13px;
    height        : 13px;
    background    : white;
    display       : inline-block;
    left          : 36px;
    top           : 3px;
    position      : absolute;
    border-radius : 2px;
    transition    : all ease 0.5s;
}

.new_music_head .btn_auto.toggle {
    background    : #a1a1a6;
    text-align    : right;
    padding-right : 7px;
    padding-left  : 0px;
}

.new_music_head .btn_auto.toggle:after {
    content : 'off';
}

.new_music_head .btn_auto.toggle em {
    left : 3px;
}

.new_music_list .btn_auto.item {
    height     : 64px;
    margin-top : 15px;
}

.new_music_list .item {
    width         : 100%;
    height        : 83px;
    margin-bottom : 15px;
}

.new_music_list .item:after {
    content : " ";
    display : block;
    clear   : both;
}

.new_music_list .img {
    display    : inline-block;
    float      : left;
    width      : 134px;
    height     : auto;
    background : black;
}

.new_music_list .img .back {
    width            : 100%;
    background-color : black;
    position         : relative;
    text-align       : center;
    background       : #000;
}

.new_music_list .img .back .frame {
    position       : relative;
    padding-bottom : 56.25%;
    overflow       : hidden;
}

.new_music_list .img .back .frame .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.new_music_list .img .back .frame .centered img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

/*.new_music_list .img img {*/
/*width : 100%;*/
/*}*/
.new_music_list .info {
    display     : inline-block;
    float       : left;
    margin-left : 10px;
    width       : 135px;
    /* padding-top: 3px; */
}

.new_music_list .info ._subject {
    font-size          : 14px;
    margin-bottom      : 10px;
    height             : 36px;
    text-overflow      : ellipsis;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    line-height        : 18px;
    white-space        : normal;
    word-break         : break-all;
    margin-top: -1px;
}

.new_music_list .info ._regdt {
    font-size : 12px;
    color     : #848484
}

.new_music_more {
    border     : 1px solid #bdbdc1;
    padding    : 8px;
    font-size  : 12px;
    text-align : center;
    cursor     : pointer;
}

.new_music_more.news_more {
    border  : none;
    padding : 0;
    width   : fit-content;
    float   : right;
}


.new_music_more i {
    vertical-align : middle
}

/*artist_common // e */
/*artist_music*/
.artist_music .page_wrap {
    position : relative;
    height   : 32px;
    margin   : 19px 0px 17px;
}

.artist_music .page_wrap .page_button {
    position : absolute;
    right    : 20px;
}

.artist_music .page_wrap .page_button {
    font-size       : 16px;
    font-weight     : bold;
    margin          : 0px;
    display         : table;
    border-collapse : collapse;
}

.artist_music .page_wrap .page_button .btn_relation {
    display : table-cell;
    cursor  : pointer
}

.artist_music .page_wrap .page_button i {
    border  : 1px solid #dadada;
    padding : 6px;
    color   : #dadada
}

.artist_music .page_wrap .page_button i:hover {
    border : 1px solid #7b7b7b;
    color  : #7b7b7b
}

.artist_music .page_wrap .page_button:hover .btn_relation {
    border-color : #7b7b7b
}

.artist_music .page_wrap .page_button [data-func=prev] {
    border-right : 1px solid #dadada;
}

.artist_music .page_wrap .page_button [data-func=prev] i {
    border-right  : 0px;
    border-radius : 5px 0 0 5px;
}

.artist_music .page_wrap .page_button [data-func=next] {
    border-left : 1px solid #dadada;
}

.artist_music .page_wrap .page_button [data-func=next] i {
    border-left   : 0px;
    border-radius : 0 5px 5px 0;
}

.artist_music .video_list ul {
    position  : relative;
    overflow  : hidden;
    /*line-height: 0;*/
    font-size : 0;
    width     : 100%;
}

.artist_music .video_list li {
    display        : inline-block;
    margin-bottom  : 35px;
    vertical-align : top;
    letter-spacing : 0;
}

/* .video_list {margin-bottom:20px;  padding: 0 4px;} */
/* .video_list.list_full4 li .item {padding-left: 5%;padding-right: 5%; position: relative;} */
.artist_music .video_list {
    margin-bottom : 20px;
    padding       : 25px;
}
.artist_music .video_list .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}
.artist_music .video_list .head .category {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #000;
    align-items: center;
}
.artist_music .video_list .head .category .category_left {
  display: flex;
}
.artist_music .video_list .head .category .category_left button {
  width: 200px;
  height: 34px;
  background: #999;
  color: #fff;
  border: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.artist_music .video_list .head .category .category_left button.active {
  background: #000;
}
.artist_music .video_list .head .category ul {
    display: flex;
    width: auto;
}
.artist_music .video_list .head .category ul li {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 15px;
    width: auto;
    margin-left: 15px;
}
.artist_music .video_list .head .category ul li.hover,
.artist_music .video_list .head .category ul li.on {
    color: #f05a29;
}
.artist_music .video_list .head .category ul li:hover i:before,
.artist_music .video_list .head .category ul li.on i:before {
    content: "\e92d";
}
.artist_music .video_list .head .category ul li i {
    margin-right: 3px;
    font-size: 20px;
    vertical-align: middle;
}
.artist_music .video_list .head .category ul li:first-child {
    margin-left: 0;
}

.artist_music .video_list li {
    width        : 23.4%;
    margin-right : 2%;
}
.artist_music .video_list .music_list li {
    width: 18.4%;
    margin-right: 2%;
}

.artist_music .video_list li .item {
    position : relative;
}

.artist_music .video_list li .item .list_thum {
    width            : 100%;
    background-color : black;
    position         : relative;
    text-align       : center;
    background       : #000;
    overflow         : hidden;
}
.artist_music .video_list li .item .list_thum:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.artist_music .video_list li .item .list_thum .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
}
.artist_music .video_list li .item .list_thum .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.artist_music .video_list li .item .list_thum img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*.artist_music .video_list li .item .video_thumnail {*/
/*    position       : relative;*/
/*    padding-bottom : 56.25%;*/
/*    overflow       : hidden;*/
/*}*/
.artist_music .video_list li .item .video_thumnail .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.artist_music .video_list li .item .video_thumnail .centered img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.artist_music .video_list li:nth-child(4n) {
    margin-right : 0%;
}
.artist_music .video_list .music_list li:nth-child(4n) {
    margin-right: 2%;
}
.artist_music .video_list .music_list li:nth-child(5n) {
    margin-right: 0;
}
.artist_music .video_list li .icon_live {
    display     : none;
    width       : 55px;
    height      : 25px;
    text-align  : center;
    line-height : 23px;
    position    : absolute;
    top         : 0px;
    left        : 0px;
    color       : white;
    font-weight : 600;
    font-size   : 14px;
    background  : #f57500;
}

.artist_music .video_list .icon_live.on_live {
    display : inline-block;
}

/*.artist_music .video_list li .list_thum {*/
/*height      : 0;*/
/*padding-top : 56.25%;*/
/*position    : relative;*/
/*text-align  : center;*/
/*background  : #000;*/
/*}*/
.artist_music .video_list li .list_title {
    font-size     : 15px;
    max-height    : 40px;
    line-height   : 19px;
    overflow      : hidden;
    padding-left  : 3px;
    margin-top    : 10px;
    font-weight   : 500;
    text-overflow : ellipsis;
}

.artist_music .video_list li .list_info {
    padding-left : 3px;
    margin-top   : 5px;
    text-align   : right;
}

.artist_music .video_list li .list_tag {
    color     : gray;
    font-size : 14px;
}

.artist_music .video_list li .list_play {
    color        : gray;
    font-size    : 12px;
    margin-right : 7px;
}

.artist_music .video_list li .list_wish {
    color     : gray;
    font-size : 12px;
}

/* live_ detail */
.live_detail ._inner {
    margin : 0 20px;
    width  : auto !important;
}

.live_detail.live_rec ._inner {
    margin : 20px 20px;
    width  : auto !important;
}

@media screen and (max-width : 1024px) {
    .live_detail.live_rec ._inner {
        margin : 0;
    }
}

.live_detail .artist_info {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    margin          : 17px 0 10px;
}

.mobile-liverec .artist_info {
    margin : 0px;
}

.live_detail .artist_info ._image {
    display        : inline-block;
    width          : 50px;
    height         : 50px;
    border-radius  : 25px;
    overflow       : hidden;
    vertical-align : super;
}

.live_detail .artist_info ._image img {
    width : 100%;
}

.live_detail .artist_info ._name {
    font-size   : 18px;
    color       : black;
    margin-left : 5px;
    font-weight : 500;
    word-break  : break-all;
}

.live_detail .artist_info ._followers {
    font-size   : 12px;
    color       : black;
    margin-left : 10px;
}

.live_detail .artist_info ._followers em {
    font-size : 12px;
    color     : black;
}

.live_detail .artist_info ._followers .btn_follow {
    padding          : 5px 15px 8px 15px;
    font-size        : 13px;
    color            : white;
    border-radius    : 15px;
    background-color : #606060;
    cursor           : pointer;
}

.live_detail .artist_info ._followers .follow {
    padding          : 5px 15px 8px 15px;
    font-size        : 13px;
    color            : white;
    border-radius    : 15px;
    background-color : #606060;
    cursor           : pointer;
}

.live_detail .artist_info ._followers .follow span {
    font-size : 12px;
    color     : #fff;
}

.live_detail .artist_info ._followers .btn_follow.followed {
    background-color : #eda349;
}

.live_detail .artist_info ._followers .follow:hover {
    background-color : #666;
}

.live_detail .artist_info ._followers .follow:hover .xi-star {
    color : yellow;
}

.live_detail .artist_info ._followers .follow:active {
    background-color : #292929;
}

.live_detail .artist_info ._followers .btn_follow .xi-star {
    font-size   : 12px;
    color       : white;
    margin-left : -2px;
}

.live_detail .artist_info ._followers .follow:hover .xi-star,
.live_detail .artist_info ._followers .follow.followed .xi-star,
.live_detail .artist_info ._followers .follow:hover .xi-heart,
.live_detail .artist_info ._followers .follow.followed .xi-heart {
    color : yellow
}

.live_detail .artist_info .artist-name-wrap {
    display     : flex;
    align-items : center;
    flex-wrap   : wrap;
}

.live_detail .live-info {
    line-height : 25px;
    font-size   : 14px;
    margin-top  : 30px;
}
.live_detail .live-info .event-link {
  color: #2673c1;
}
.live_detail .live-info .event-link:hover {
  text-decoration: underline;
}

.mobile-liverec .live-info {
    margin-top : 5px;
}

.live_detail .video_area {
    display : flex;
    width   : 100%;
}

.live_detail .info_area {
    display            : flex;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

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

}

@media screen and (max-width : 1024px) {
    .live_detail .video_area {
        padding : 15px;
        width   : auto;
    }
}


.live_detail ._secL {
    display      : inline-block;
    width        : calc(100% - 345px);
    margin-right : 15px;
}

.live_detail ._secR {
    display : inline-block;
    width   : 330px;
    /* height  : 546px; */
    /* border-left:1px solid #9d9d9d; */
}

.live_detail.live_rec ._secR {
    height : auto;
}

.live_detail .video_area .video_thumnail {
    height         : 0;
    padding-bottom : 56.25%;
    position       : relative;
    text-align     : center;
    background     : #474747;
}

.live_detail .video_area .video_thumnail .video_flex {
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0;
}

.live_detail .video_area .video_thumnail h3 {
    display      : none;
    padding      : 5px 14px;
    background   : #f57500;
    color        : white;
    font-size    : 16px;
    margin-right : 5px;
}

.live_detail .video_area .video_thumnail video {
    width      : 100%;
    height     : 100%;
    background : #474747;
}

.live_detail .video_area .video_block_msg {
    display         : flex;
    align-items     : center;
    justify-content : center;
    border          : 1px dashed #000000;
    flex-direction  : column;
    font-size       : 14px;
    line-height     : 35px;

}

.live_detail .video_area .linear-emotion {
    width  : 100%;
    height : 20px;
}

.live_detail .video_area .video_info {
    padding      : 0px 0px 14px;
    border-top   : 0px;
    border-right : 0px;
}


.live_rec .live-detail-info {
    padding      : 0 14px 10px;
    border-top   : 0px;
    border-right : 0px;
}

.live_rec .live-detail-info ._subject {
    font-size   : 18px;
    word-break  : break-all;
    white-space : pre-line;
    line-height : 24px;
}

.live_rec .live-detail-info .info {
    font-size       : 14px;
    margin-top      : 10px;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}

.live_rec .live-detail-info ._view {
    margin-left : 10px;
}

.live_detail .video_area .video_info ._subject {
    margin-bottom : 5px;
    font-size     : 18px;
    white-space   : nowrap;
    word-break    : break-all;
}

.live_detail .video_area .video_info ._subject h3 {
    padding      : 2px 14px;
    background   : #f57500;
    color        : white;
    font-size    : 15px;
    margin-right : 5px;
    display      : inline-block
}

.live_detail .video_area .video_info ._subject em {
    word-break  : break-all;
    white-space : pre-line;
    line-height : 24px;
}

.live_detail .video_area .video_info ._subject ._subject_mtitle {
    word-break  : break-all;
    white-space : pre-line;
    line-height : 24px;
    display: flex;
}
.live_detail .video_area .video_info ._subject ._subject_mtitle > p {
    font-size: 16px;
}
.live_detail .video_area .video_info ._subject ._subject_mtitle > p.en{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.live_detail .video_area .video_info ._subject ._subject_mtitle > i{
    margin-left: 5px;
    display: block;
    margin-top: 4px;
}
.live_detail .video_area .video_info ._subject ._subject_mtitle > i.off{
    display: none;
}

.live_detail .video_area .video_info ._subject ._name {
    display    : none;
    color      : #7a7a7a;
    font-size  : 14px;
    margin-top : 5px;
}

.live_detail .video_area .video_info .info {
    font-size  : 14px;
    position   : relative;
    margin-top : 10px;
}

.live_detail .video_area .video_info .info ._regdt {
    letter-spacing : -0.5px;
    margin-right   : 5px;
}

.live_detail .video_area .video_info .info ._view {
    letter-spacing : -1px;
    margin-left    : 15px;
    position       : relative;
    display        : flex;
    align-items    : baseline;
    margin-top     : 4px;
}

.live_detail .video_area .video_info .info ._view > img {
    width  : 10px;
    height : 10px;
}

.live_detail .video_area .video_info .info ._view i {
    font-size : 20px;
    position  : absolute;
}

.live_detail .video_area .video_info .info ._view em {
    padding-left : 5px;
    display      : inline-block;
    height       : 20px;
    line-height  : 16px;
}

.live_detail .video_area .video_info .info ._wish {
    margin-right : 5px;
    position     : relative;
    display      : inline-block;
}

.live_detail .video_area .video_info .info ._wish {
    padding       : 5px 14px;
    border        : 1px solid #ddd;
    border-radius : 6px;
    cursor        : pointer;
}

.live_detail .video_area .video_info .info ._wish i {
    font-size : 20px;
    position  : absolute;
    left      : 6px;
    color     : #f7931e
}

.live_detail .video_area .video_info .info ._wish em {
    padding-left : 15px;
    font-size    : 14px;
    display      : inline-block;
    height       : 20px;
    line-height  : 16px;
}

.live-under-info {
    display         : flex;
    flex-direction  : row;
    align-items     : center;
    width           : 100%;
    justify-content : space-between;
}

.right_icon {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
}

.video_area .emotion-warp {
    display  : flex;
    overflow : auto;
    padding  : 10px;
    justify-content: space-between;
}

.emotion-warp::-webkit-scrollbar {
    display : none;
}

.video_area .emotion-list {
    margin-right  : 10px;
    position      : relative;
    width         : 60px;
    height        : 50px;
    margin-bottom : 20px;
    min-width     : 50px;
}

.video_area .emotion-list img {
    width  : 46px;
    height : 42px;
}


.video_area .emotion-list .emotion-amount {
    font-size       : 10px;
    background      : orange;
    position        : absolute;
    left            : 30px;
    bottom          : 2px;
    border-radius   : 10px;
    color           : white;
    height          : 15px;
    padding         : 1px 6px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.emotion-list {
    cursor : pointer;
}

.emotion-list-name {
    font-size  : 10px;
    margin-top : 8px;
    text-align : center;
    width      : 50px;
}

.live_detail .video_area .video_info .share {
    height      : 23px;
    margin-left : 10px;
    margin-top  : 5px;
}

.btn_mahotama.live-bottom {
    border          : 1px solid #ddd;
    padding         : 5px 10px;
    border-radius   : 5px;
    color           : #777;
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
}

.give-mahotama-chat-under-img {
    display         : inline-block;
    width           : 20px;
    height          : 20px;
    background      : url('/user/img/mahotama/tama_sample.png') no-repeat;
    background-size : auto 100%;
}

.live_detail .video_area .chat_head {
    line-height : 36px;
    position    : relative;
}

.live_detail .video_area .chat_head h3 {
    padding-left     : 13px;
    background-color : #f9f9f9;
    font-weight      : bold;
    display          : block;
    border           : 1px solid #f7f7f7;
    border-bottom    : none;
    border-radius    : 3px 3px 0 0;
    font-family: 'Noto Sans JP', sans-serif !important;
    padding: 5px 10px;
}
.chat_head h3 .chat_head_btn_wrap .chat_head_btn {
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 5px;
    color: #777;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.chat_head h3 .chat_head_btn_wrap .chat_head_btn {
  font-size: 12px;
}
.chat_head h3 .chat_head_btn_wrap .chat_head_btn:hover {
  background: #eda349;
  border: 1px solid #eda349;
  transition: all 0.2s;
}
.chat_head h3 .chat_head_btn_wrap:hover .chat_head_btn {
  color: #fff;
  transition: all 0.2s;
}

.live_detail .video_area .chat_head h3.chat_head_wrap {
    /* display         : flex;
    justify-content : space-between;
    align-items     : center;
    padding         : 5px 10px;
    line-height     : 16px;
    padding-top     : 20px; */
    padding: 10px 10px;
}

.chat_head h3.chat_head_wrap .chat_title_wrap {
    display     : flex;
    align-items : center;
    justify-content: space-between;
}
.chat_head h3.chat_head_wrap .chat_title_wrap ._left {
    display: flex;
    align-items: center;
}

.chat_head h3.chat_head_wrap .stone_modal_wrap {
    display : none;
}

.live_detail .video_area .chat_head h3 em {
    margin-left    : 5px;
    font-size      : 13px;
    vertical-align : top;
}

.chat_tama_list {
    background     : #f9f9f9;
    padding        : 0;
    display        : flex !important;
    flex-direction : row;
    overflow       : auto;
}
.chat_tama_list.live_chat_tama_list {
   /*  padding: 5px 12px 13px */;
}


.chat_tama_one {
    display       : flex;
    align-items   : center;
    height        : 32px;
    border-radius : 16px;
    margin-right  : 7px;
    min-width: 115px;
}

.chat_tama_one .chat_tama_img_border,
.chat_tama_img_border {
    border-radius : 16px;
    width         : 32px;
    height        : 32px;
    display       : inline-block !important;
}


.tama_d {
    background-color : #8560a8;
}

.tama_b_d {
    background-color : #9576b4;
}

.tama_p {
    background-color : #d2569f;
}

.tama_b_p {
    background-color : #d96fad;
}

.tama_o {
    background-color : #f47430;
}

.tama_b_o {
    background-color : #f68635;
}

.tama_g {
    background-color : #3cb878;
}

.tama_b_g {
    background-color : #74c675;
}

.tama_s {
    background-color : #00bff3;
}

.tama_b_s {
    background-color : #4dd2f7;
}

.tama_b {
    background-color : #2a49a6;
}

.tama_b_b {
    background-color : #6a80c1;
}

.chat_tama_img_border > img,
._image.chat_tama_img_border > img {
    width           : 24px;
    height          : 24px;
    border-radius   : 50%;
    background-size : 100% auto;
    display         : inline-block;
    margin          : 4px;
}

.chat_tama_one > p,
.chat-tama-modal-box > p,
.chat-tama-modal-box > b {
    text-align    : center;
    color         : #fff;
    font-size     : 12px;
    overflow      : hidden;
    white-space   : nowrap;
    padding-right : 10px;
}

.chat_tama_one > p > em,
.chat-tama-modal-box > p > em {
    font-size   : 12px;
    margin-left : 3px;
    color       : #fff;
}

.chat-tama-modal-box > p,
.chat-tama-modal-box > p > em {
    font-size : 14px;
    flex      : 1;
    max-width: 100px;
}

.chat-tama-modal-box > ._name {
    width     : auto;
    margin    : 0 10px;
    font-size : 14px;
    color     : white;
    flex: 1;
    word-break: break-all;
    line-height: 1.3em;
    width: calc(100% - 180px);
    margin-right: 0;
}

.chat_tama_message {
    outline       : none;
    display       : flex;
    margin        : 7px 7px 7px 4px;
    align-items   : center;
    border-radius : 16px;
}

.chat_tama_content {
    margin-left : 8px;
    width: calc(100% - 50px);
}
.chat_tama_content ._info {
    align-items: center;
    justify-content: space-between;
}
.chat_tama_content > div > em {
    color     : #fff;
    font-size : 14px;
    word-break: break-all;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    line-height: 1.3em;
}

.chat_tama_content > div > p {
    margin-left: 12px;
    color: #fff;
    font-size: 14px;
    flex: none;
    width: 100px;
}
.chat_tama_content > div > p > em {
    margin-left : 5px;
    color       : #fff;
}

.chat-tama-modal-box {
    display            : none;
    z-index            : 8;
    position           : absolute;
    width              : 300px;
    padding            : 10px;
    border-radius      : 30px;
    left               : 50%;
    -webkit-transform  : translateX(-50%);
    transform          : translateX(-50%);
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    top: 110px;
}

.chat-tama-modal-box.active {
    display : flex;
    align-items: center;
}


.live_detail .video_area .chat_content {
    position : relative;
}

.live_detail .video_area .chat_content .black-screen {
    position   : absolute;
    background : #000;
    opacity: 0.6;
    width      : 100%;
    height     : 100%;
}

.live_detail .video_area .chat_content .message_list {
    overflow-y    : scroll;
    max-height    : 485px;
    /* border: 1px solid #eee; */
    border-top    : none;
    border-radius : 0 0 3px 3px;
}

.live_detail .video_area .chat_content .message_list .message {
    outline     : none;
    display     : flex;
    margin      : 7px;
    align-items : flex-start;
}

.live_detail .video_area .chat_content .message_list .message ._image {
    width         : 25px;
    height        : 25px;
    border-radius : 50%;
    overflow      : hidden;
    margin-right  : 8px;
    background    : #0b6b96;
}

.live_detail .video_area .chat_content .message_list .message ._image img {
    width : 100%;
}

.live_detail .video_area .chat_content .message_list .message ._content {
    word-break  : break-all;
    font-size   : 12px;
    flex        : 1;
    line-height : 15px;
    margin-top  : 4px;
}

.live_detail .video_area .chat_content .message_list .message ._info {
    font-size     : 13px;
    margin-bottom : 4px;
}

.live_detail .video_area .chat_content .message_list .message ._name {
    color   : #9a9a9a;
    display : inline-block;
}

.live_detail .video_area .chat_content .message_list .message ._time {
    font-size : 12px;
    color     : #909090
}

.live_detail .video_area .chat_content .message_list .message ._msg {
    font-size : 12px;
    display   : inline;
}

.live_detail .video_area .chat_content .message_list .mahotama-message .mahotama_image {
    display     : flex;
    align-items : center;
    position    : relative;
    width       : 200px;
}

.live_detail .video_area .chat_content .message_list .mahotama-message .mahotama_image img {
    width : 100%;
}

.live_detail .video_area .chat_content .message_list .mahotama-message .mahotama_image ._msg {
    position        : absolute;
    font-size       : 33px;
    text-align      : center;
    display         : flex;
    width           : 100%;
    justify-content : center;
    margin-left     : 25px;
}

.mahotama-message.chat_tama_message {
    border-radius : 16px;
    height        : 32px;
    max-width     : 300px;
}

.live_detail .video_area .chat_foot {
    height        : 48px;
    border        : 1px solid #eee;
    border-radius : 4px;
    display       : block;
    margin-top    : 20px;
}

.live_detail .video_area .chat_foot textarea {
    outline : none;
}

.live_detail .video_area .chat_foot .chatsendbtn {
    outline : none;
}

.live_detail.live_rec .video_area .chat_content .message_list {
    max-height : 430px;
}

.video_info.m_video_info,
.live-info.mlive_info,
.artist_info.m_artist_info {
    display : none;
}

.form-chat > div {
    flex-direction  : row;
    justify-content : space-between;
    display         : flex;
    align-items     : center;
    /* width: 100%; */
    /* height: 100%; */
    padding         : 6px !important;
}

#sendBtnRow {
    position : relative;
    width    : 100%;
}

#chatMessage {
    font-size             : 14px;
    height                : 35px;
    padding-left          : 5px;
    padding-right         : 7px;
    -moz-box-sizing       : border-box;
    -webkit-box-sizing    : border-box;
    box-sizing            : border-box;
    margin                : 0px;
    margin-left           : 5px;
    width                 : calc(100% - 110px);
    background            : #fff;
    border-bottom         : 1px solid #ddd !important;
    border                : none;
    -webkit-appearance    : none;
    -webkit-border-radius : 0;
}

.btn_chat_mahotama {
    display             : inline-block;
    width               : 23px;
    height              : 35px;
    background          : url('/user/img/mahotama/mahotama-icon.png') no-repeat;
    overflow            : hidden;
    background-position : 0 4px;
    background-size     : auto 70%;
    margin-left         : 5px;
}

.btn_chat_mahotama:hover,
.btn_chat_mahotama.active {
    background-position : -27px 4px;

}

.chatsendbtn {
    height           : 35px;
    width            : 64px;
    color            : white;
    /* background-color : #f7931f; */
    background-color : #aaa;
    border-radius    : 3px;
}

.no-padding {
    padding : 0 !important;
}

.form-control {
    background-color : #f7f7f7;
    background-image : none;
    border           : 0;
    color            : inherit;
    display          : block;
    padding          : 0px 3px;
    transition       : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width            : calc(100% - 60px);
    resize           : none;
    height           : auto;
}

.btn {
    margin-bottom       : 5px;
    display             : inline-block;
    padding             : 6px 12px;
    margin-bottom       : 0;
    font-size           : 14px;
    font-weight         : normal;
    line-height         : 1.42857143;
    text-align          : center;
    white-space         : nowrap;
    vertical-align      : middle;
    -ms-touch-action    : manipulation;
    touch-action        : manipulation;
    cursor              : pointer;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    background-image    : none;
    border              : 1px solid transparent;
    border-radius       : 5px;
}

.live_detail .relation_head {
    position : relative;
    height   : 32px;
    margin   : 19px 20px 10px;
}

.live_detail .relation_head h3 {
    font-size   : 20px;
    font-weight : 500;
    margin      : 50px 0px;
    font-family : 'noto sans JP', sans-serif !important;
}

.live_detail .relation_head .page_button {
    position : absolute;
    right    : 1px;
    top      : 0px;
}

.live_detail .relation_head .page_button {
    font-size       : 16px;
    font-weight     : bold;
    margin          : 0px;
    display         : table;
    border-collapse : collapse;
}

.live_detail .emotion-info-warp {
    /* background : #F7F7F7; */
    padding    : 10px 15px;
    margin-top : 10px;
    overflow   : hidden;
    /* height     : 67px; */
    border: 1px dotted #ddd;
    border-radius: 10px;
}
.stone-info-warp {
    /* background : #F7F7F7; */
    padding    : 15px;
    margin-top: 10px;
    /* margin-top: -80px; */
    overflow   : hidden;
    /* height     : 67px; */
    border: 1px dotted #ddd;
    border-radius: 10px;
}
.stone-info-warp ._title {
    display: flex;
    align-items: center;
}
.stone-info-warp ._title > img {
    width: 40px;
    margin-right: 10px;
}
.stone-info-warp ._title .stone_exp {
    font-size: 14px;
    line-height: 1.4em;
    flex: 1;
    color: #f57500;
    font-weight: bold;
}
.stone-info-warp .expG {
    font-size: 12px;
    color: #888;
    margin-top: 6px;
    line-height: 1.4em;
}
.stone-info-warp .expG_wrap {
    display: flex;
    flex-direction: column;
}
.stone-info-warp .expG_orange {
    font-size: 12px;
    line-height: 1.4em;
    text-align: center;
    color: orange;
    margin-top: 10px;
}
.stone-info-warp .expG_btn {

    margin: 0 auto;
    display: block;
    width: 180px;
    border: 1px solid #ddd;
    background: #fff;
    margin-top: 10px;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stone-info-warp .expG_btn > span {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(/user/img/mahotama/mahotama-icon.png) no-repeat;
    overflow: hidden;
    background-size: auto 92%;
}
.stone-info-warp .expG_btn > p {
    font-size: 12px;
    color: #666;
}
.stone-info-warp .expG_btn:hover {
    background: #eda349;
    border: 1px solid #eda349;
    transition: all 0.2s;
}
.stone-info-warp .expG_btn:hover > span {
    background: url(/user/img/alert_icon.png) no-repeat center;
    background-size: 82% auto;
    width: 23px;
    height: 23px;
    overflow: hidden;
    background-position: 1px -47px;
}
.stone-info-warp .expG_btn:hover > p {
    color: #fff;
}


.live_detail .active.emotion-info-warp {
    height : unset;
}

.live_detail .emotion-info-warp .notice {
    display : flex;
    align-items: center;
}

.live_detail .emotion-info-warp .notice img {
    margin-right: 12px;
    width: 35px;
}

.live_detail .emotion-info-warp .notice .emotion-info {
    font-size   : 12px;
    line-height : 20px;
}

.live_detail .emotion-info-warp .readmore-btn {
    text-align : right;
    font-size  : 15px;
    color      : #78A9C5;
}

.live_detail .emotion-info-warp readmore-btn a {

}

.live_detail .emotion-info-warp .emotion-info-list {
    display    : flex;
    margin-top : 10px;
    flex-wrap  : wrap;
}

.live_detail .emotion-info-warp .emotion-info-list .emotion {
    width         : 58px;
    text-align    : center;
    margin-bottom : 10px;
    font-size     : 11px;
}

.live_detail .emotion-info-warp .emotion-info-list .emotion img {
    height : 40px;
}

.live_detail .emotion-info-warp .emotion-info-list .emotion .emotion-title {
    margin-top : 5px;
}

.live_detail .relation_head .page_button .btn_relation {
    display : table-cell;
    cursor  : pointer
}

.live_detail .relation_head .page_button i {
    border  : 1px solid #dadada;
    padding : 6px;
    color   : #dadada
}

.live_detail .relation_head .page_button i:hover {
    border : 1px solid #7b7b7b;
    color  : #7b7b7b
}

.live_detail .relation_head .page_button:hover .btn_relation {
    border-color : #7b7b7b
}

.live_detail .relation_head .page_button [data-func=prev] {
    border-right : 1px solid #dadada;
}

.live_detail .relation_head .page_button [data-func=prev] i {
    border-right  : 0px;
    border-radius : 5px 0 0 5px;
}

.live_detail .relation_head .page_button [data-func=next] {
    border-left : 1px solid #dadada;
}

.live_detail .relation_head .page_button [data-func=next] i {
    border-left   : 0px;
    border-radius : 0 5px 5px 0;
}

.live_detail .video_list.list_full4 ul {
    position  : relative;
    overflow  : hidden;
    /*line-height: 0;*/
    font-size : 0;
    width     : 100%;
}

.live_detail .video_list.list_full4 li {
    display        : inline-block;
    width          : 25%;
    margin-bottom  : 50px;
    vertical-align : top;
    letter-spacing : 0;
}

/* .video_list {margin-bottom:20px;  padding: 0 4px;} */
/* .video_list.list_full4 li .item {padding-left: 5%;padding-right: 5%; position: relative;} */
.live_detail .video_list {
    margin-bottom : 20px;
    padding       : 0px 19px;
}

.live_detail .video_list.list_full4 li {
    width        : 23%;
    margin-right : 2.6666666667%;
}

.live_detail .video_list.list_full4 .item {
    position : relative;
}

.live_detail .video_list.list_full4 li:nth-child(4n+4) {
    margin-right : 0%;
}

.live_detail .video_list.list_full4 .icon_live {
    border-radius    : 4px;
    background-color : #fe323a;
    color            : #fff;
    position         : absolute;
    top              : 5px;
    right            : 7px;
    font-size        : 12px;
    letter-spacing   : 2px;
    padding          : 6px;
    display          : none;
    z-index: 1;
}

.live_detail .video_list.list_full4 .icon_live.on_live {
    display : inline-block;
}

.live_detail .video_list.list_full4 .list_thum {
    height         : 0;
    padding-bottom : 56.25%;
    position       : relative;
    text-align     : center;
    background     : transparent;
    overflow       : hidden;
}

.live_detail .video_list.list_full4 .list_title {
    color        : #000000;
    font-size    : 16px;
    max-height   : 2.5em;
    overflow     : hidden;
    padding-left : 3px;
    margin-top   : 11px;
    font-weight  : 500;
    line-height  : 19px;
}

.live_detail .video_list.list_full4 .list_info {
    padding-left : 3px;
    margin-top   : 3px;
    height       : 20px;
}

.live_detail .video_list.list_full4 .list_tag {
    color     : gray;
    font-size : 14px;
}

.live_detail .video_list.list_full4 .list_play {
    color        : gray;
    font-size    : 12px;
    margin-right : 4px;
}

.live_detail .video_list.list_full4 .list_wish {
    color     : gray;
    font-size : 12px;
}

/* artist_about */
.artist_about ._inner {
    width     : 100%;
    display   : flex;
    flex-wrap : wrap
}

.artist_about .inner .contents {
    display: inline-block;
    width: calc(100% - 303px);
    padding: 14px 40px 40px 20px;
    min-height: 500px;
    box-sizing: border-box;
}

.artist_about .inner .side {
    display: inline-block;
    width: 280px;
    padding: 25px 0px 25px 0px;
}

.artist_about .contents .title_image {
    margin-bottom : 27px;
    max-width     : 100%;
}

.artist_about .contents .subject {
    font-size      : 23px;
    color          : black;
    margin-bottom  : 15px;
    font-weight    : 500;
    letter-spacing : -0.5px;
    font-family    : "lucida grande", "hiragino kaku gothic pron", "ヒラギノ角ゴ pron w3", meiryo, メイリオ, sans-serif !important;
    padding: 7px;
    box-sizing: border-box;
}

.artist_about .contents .info1 {
    font-size     : 17px;
    color         : black;
    margin-bottom : 38px;
    line-height   : 1.4;
}

.artist_about .contents .info2 {
    font-size     : 18px;
    color         : black;
    margin-top    : 40px;
    margin-bottom : 15px;
    font-weight   : bold;
    background: #f9f9f9;
    padding: 7px;
    box-sizing: border-box;
}

.artist_about .contents .info3 {
    font-size     : 18px;
    color         : black;
    margin-top    : 40px;
    margin-bottom : 15px;
    font-weight   : bold;
    background: #f9f9f9;
    padding: 7px;
    box-sizing: border-box;
}

.artist_about .contents .desc {
    font-size     : 15px;
    color         : black;
    line-height   : 1.5;
    margin-bottom : 15px;
    word-break    : break-all;
    padding: 0 7px;
}


/* artist_event_list */
.artist_event_list ._inner {
    width     : 1200px;
    display   : flex;
    flex-wrap : wrap;
}

.artist_event_list .inner .contents {
    display       : inline-block;
    width         : calc(100% - 303px);
    padding: 14px 20px 40px;
    min-height: 500px;
    box-sizing: border-box;
}

.artist_event_list .inner .side {
    display : inline-block;
    width   : 280px;
    padding : 25px 0px 25px 0px;
}

.artist_event_list .head {
    border-bottom  : 2px solid #43444e;
    padding-bottom : 8px;
    padding-left   : 2px;
    margin-top     : 7px;
     display: flex;
    align-items: center;
    justify-content: space-between;
}

.artist_event_list .category:after {
    content : " ";
    display : block;
    clear   : both;
}

.artist_event_list .category li {
    display      : inline-block;
    font-size    : 14px;
    font-weight  : 400;
    color        : #43444e;
    float        : left;
    margin-right : 15px;
    cursor       : pointer;
}

.artist_event_list .category li * {
    font-weight : bold;
}

.artist_event_list .category li i {
    font-size : 15px;
}

.artist_event_list .category li:hover, .artist_event_list .category li.on {
    color : #f05a29;
}

/* .artist_event_list .search_tool {
    display : none;
    width   : 100%;
}
.artist_event_list .search_tool .search {
    margin        : 0px 10px 0px 9px;
    padding       : 10px 0px 9px 0px;
    border-bottom : 2px solid #43444e;
}
*/
.artist_event_list .search_tool .search i {
    font-size : 18px;
}

.artist_event_list .events_list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.artist_event_list .events_list .item {
    width: 32%;
    display: flex;
    margin-bottom: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    flex-direction: column;
    margin-right: 2%;
}
.artist_event_list .events_list .item:hover {
    border: 1px solid orange;
    transition: 0.2s;
}
.artist_event_list .events_list .item:nth-child(3n) {
    margin-right: 0;
}
.artist_event_list .events_list .item > a {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    width: 100%;
    height: 100%;
}

.artist_event_list .events_list .item:hover > a {
    border: 1px solid orange;
    transition: 0.2s;
}
.artist_event_list .events_list ._img {
    position: relative;
}
.artist_event_list .events_list ._img .img-form .box_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-wrap: wrap;
  min-height: 24px;
}

.artist_event_list .events_list ._date {
    font-size  : 12px;
    color      : #a1a1a1;
    padding-bottom: 5px;
}
.artist_event_list .events_list ._img .img-form ._img_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 140px;
    position: relative;
    margin: 0 auto;
}
.artist_event_list .events_list ._img .img-form ._img_wrap._thumbnail_img_wrap {
    max-width: 250px;
    max-height: 140px;
    width: auto;
    height: auto;
    position: relative;
}
.artist_event_list .events_list ._img .img-form ._img_wrap > img {
    max-width: 100%;
    max-height: 100%;
    flex-shrink: 0;
}
.artist_event_list .events_list ._img .icon_sell_wrap {
  display: flex;
  flex-wrap: wrap;
}
.artist_event_list .events_list ._img .icon_sell {
    height       : 22px;
    text-align   : center;
    line-height  : 23px;
    color: #f57500;
    border: 1px solid #f57500;
    font-size    : 11px;
    border-radius: 3px;
    padding: 0px 3px;
    margin-right: 5px;
}
.artist_event_list .events_list ._img .icon_sell:last-child {
    margin-right: 0;
}
.artist_event_list .events_list ._subject {
    font-size: 15px;
    color: #43444e;
    margin-top: 10px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.5em;
    height: 3.0em;
    margin-top: 10px;
    word-break: break-all;
}

 .artist_event_list .events_list .box_bottom {
   display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    margin-top: 5px;
 }
 .artist_event_list .events_list ._name {
    color: #666;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    height: 14px;
}
.artist_event_list .events_list ._view {
    display: flex;
    align-items: center;
    color: #888;
    border: 1px solid #bbb;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
}
.artist_event_list .events_list ._view span {
    color: #888;
    margin-left: 5px;
}
.artist_event_list .events_list_more {
    width      : 355px;
    margin     : 0 auto;
    border     : 1px solid #bdbdc1;
    padding    : 8px;
    font-size  : 13px;
    text-align : center;
    cursor     : pointer;
}

.artist_event_list .events_list_more i {
    vertical-align : middle
}

/* artist_event_detail */
.artist_event_detail ._inner {
    width     : 100%;
    display   : flex;
    flex-wrap : wrap
}

.artist_event_detail .inner .contents {
    display : inline-block;
    /*width   : calc(100% - 341px);*/
    padding : 28px 20px 93px
}
.content_detail {
    display : inline-block;
    width   : calc(100% - 341px);
    padding : 28px 20px 10px
}



.artist_event_detail .inner .side {
    display : inline-block;
    width   : 300px;
    padding : 25px 0px 25px 0px;
}

.artist_event_detail .contents .board .info {
    margin-top : 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.artist_event_detail .contents .board .info .btn_social_share {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #bbb;
    border-radius: 3px;
    width: auto;
    height: 28px;
    font-size: 13px;
    background: #fff;
    padding: 6px 9px;
}
.artist_event_detail .contents .board .info .btn_social_share > span {
  color: #666;
}
.artist_event_detail .contents .board .info .btn_social_share > i {
    margin-right: 5px;
    margin-top: 0;
}
.artist_event_detail .contents .board .info .btn_social_share:hover {
  background: orange;
  border: 1px solid orange;
  transition: all 0.2s;
}
.artist_event_detail .contents .board .info .btn_social_share:hover > span {
  color: #fff;
  transition: all 0.2s;
}
.artist_event_detail .contents .board .info .btn_social_share:hover > i {
    color: #fff;
    transition: all 0.2s;
}
.artist_event_detail .contents .board .subject {
    font-size      : 18px;
    border-bottom  : 2px solid #43444e;
    padding-bottom : 10px;
    font-weight    : 500;
}

.artist_event_detail .contents .board ._regdt {
    font-size      : 14px;
    letter-spacing : -0.5px;
    margin-right   : 10px;
}

.artist_event_detail .contents .board ._view {
    font-size      : 14px;
    display        : inline-block;
    letter-spacing : -1px;
    margin-right   : 8px;
    position       : relative;
}

.artist_event_detail .contents .btn_social_share {
    float : right
}

.artist_event_detail .contents .btn_social_share i {
    margin-top : 2px;
}

.artist_event_detail .contents .board .content {
    min-height     : 200px;
    padding-top    : 20px;
    padding-bottom : 20px;
    line-height    : 1.3;
    word-break     : break-word;
}

.ticket-btn-text {
    border      : none;
    background  : none;
    color       : #666;
    font-size   : 14px;
    padding     : 1px 6px;
    font-weight : 600;
    cursor: pointer;
}

.ticket_icon_w {
    width           : 36px;
    height          : 19px;
    display         : block;
    background      : url(/user/img/body_event_img/ticket_icon80.png) no-repeat;
    background-size : 100% auto;
    margin-right    : 10px;
}

.btn-indie-orange.netticket-btn {
    width           : 180px;
    padding         : 8px 5px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    margin          : 0;
    background      : #fff;
    border          : 3px solid #f1592b;
    box-sizing      : border-box;
    color           : #666 !important;
}

.btn-indie-orange.netticket-btn:last-child {
    margin-right : 0;
}

.btn-indie-orange.netticket-btn:hover {
    background : #f1592b;
    transition : all 0.2s;
    color      : #fff !important;
    cursor     : pointer;
    border     : 3px solid #f1592b;
    text-decoration: none !important;
}

.btn-indie-orange.netticket-btn:hover .ticket-btn-text {
    color      : #fff;
    transition : all 0.2s;
}

.btn-indie-orange.netticket-btn > i {
    font-size : 16px;
}
.artist_event_detail .contents .board .content .ticket-exp {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
}
.ticket-exp .ticket-expTitle {
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 15px;
}
.ticket-exp .ticket-expContent {
    line-height: 1.7em;
    white-space: pre-line;
    word-break: break-all;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 0 9px;
}

.ticket-btn-wrap {
    text-align      : center;
    display         : flex;
    justify-content : center;
    flex-wrap       : wrap;
    margin-top      : 20px;
    padding         : 20px 10px 0;
    border-top      : 1px solid #ddd;
    flex-direction  : column;
    align-items     : center;
}
.ticket-btn-wrap > div {
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.ticket-btn-wrap > div:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.live-ticket-btn-wrap {
    display         : flex;
    justify-content : space-between;
    flex-direction  : row;
    align-items     : center;
    border-top      : 1px solid #ddd;
    padding         : 20px 10px 0;
    text-align      : center;
    margin-top      : 30px;
}

.live-ticket-btn-wrap .live-ticket-text-wrap,
.net-ticket-text-wrap {
    display : flex;
}

.live-ticket-btn-wrap .live-ticket-text-wrap .check_icon {
    font-size     : 15px;
    margin-right  : 9px;
    font-weight   : 600;
    color         : #f69222;
    display       : block;
    border        : 2px solid #f69222;
    padding       : 0px 6px 2px;
    border-radius : 50%;
    margin-top    : 1px;
}

.net-ticket-text-wrap .check_icon {
    font-size     : 15px;
    margin-right  : 9px;
    font-weight   : 600;
    color         : #f1592b;
    display       : block;
    border        : 2px solid #f1592b;
    padding       : 0px 6px 2px;
    border-radius : 50%;
    margin-top    : 1px;
}

.live-ticket-text,
.net-ticket-text {
    word-break    : break-word;
    text-align    : left;
    padding-right : 15px;
    white-space: pre-line;
    color: #f1592b;
}

.live-ticket-btn {
    width           : 180px;
    padding         : 8px 5px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    margin          : 0;
    background      : #fff;
    border          : 3px solid #f69222;
    border-radius   : 3px;
    color           : #666;
    font-size       : 14px;
    font-weight     : 600;
}

.live-ticket-btn:hover {
    background : #f69222;
    border     : 3px solid #f69222;
    transition : all 0.2s;
    color      : #fff;
    cursor     : pointer;
}

.live-ticket-form {
    display         : flex;
    justify-content : center;
    flex-direction  : column;
    align-items     : center;
    margin-top      : 20px;
    padding         : 30px 20px 20px;
    text-align      : center;
    background      : #f9f9f9;
    width: 100%;
    box-sizing: border-box;
}

.live-ticket-input-line {
    display     : flex;
    align-items : center;
    margin-top  : 15px;
}

.live-ticket-input-line:first-child {
    margin-top : 0;
}

.live-ticket-input-text {
    width      : 80px;
    text-align : left;
}

.live-ticket-input {
    border       : 1px solid #ccc;
    height       : 30px;
    width        : 280px;
    padding-left : 5px;
    font-size    : 15px;
}

.live-ticket-apply-btn {
    display        : flex;
    flex-direction : column;
    margin-top     : 20px;
    align-items    : center;
}

.login-btn.live-ticket-btn {
    min-width     : 240px;
    border-radius : 5px;
    border        : none;
    margin-top    : 10px;
}

.login-btn.live-ticket-btn:hover {
    border : none;
}

.artist_event_detail .contents .board .content .event-detail-netticket {
    font-size   : 16px;
    line-height : 1.3em;
}

.artist_event_detail .contents .board .content .event-detail-netticket-btn {
    display         : flex;
    flex-direction  : row;
    align-items     : center;
    justify-content : space-between;
    width           : 100%;
}


.artist_event_detail .contents .board .content .event-info {
    font-size   : 14px;
    line-height : 2em;
}
.artist_event_detail .contents .board .content .event-link {
  color: #2673c1;
}
.artist_event_detail .contents .board .content .event-link:hover {
  text-decoration: underline;
}
.artist_event_detail .contents .board .content img {
    display    : block;
    text-align : center;
    margin     : 20px auto;
    max-width  : 100%;
}

.artist_event_detail .board_foot {
    font-size     : 16px;
    border-top    : 1px solid #43444e;
    padding-top   : 8px;
    padding-right : 3px;
    text-align    : right;
    font-weight   : 500;
}

/* artist_diary */
.showmore-button {
    cursor         : pointer;
    font-size      : 14px;
    border-top     : 1px solid #dadada;
    color          : #999;
    text-transform : uppercase;
    text-align     : center;
    padding        : 7px 5px 10px 5px;
    margin         : 17px 0px;
}

.artist_diary .inner > ._inner {
    width     : 1200px;
    display   : flex;
    flex-wrap : wrap
}

@media (max-width : 1199px) {
    .artist_diary .inner > ._inner {
        padding    : 0 20px;
        box-sizing : border-box;
    }
}

.artist_diary .inner .contents {
    display       : inline-block;
    width         : calc(100% - 303px);
    margin-bottom : 20px;
    padding: 25px 40px 40px 20px;
    box-sizing    : border-box
}

.artist_diary .inner .side {
    display : inline-block;
    width   : 290px;
    padding : 25px 0px 25px 0px;
}

.artist_diary .diary {
    display        : flex;
    margin         : 40px 0px;
    /*   border-bottom: 1px solid #a1a1a6; */
    padding-bottom : 40px;
    overflow       : hidden;
    max-height     : 80px;
}

.artist_diary .diary + .diary {
    margin-top : 40px;
}

.artist_diary .diary .img_wrap {
    display         : flex;
    width           : 200px;
    margin-right    : 30px;
    margin-left     : 5px;
    justify-content : center;
    align-items     : center;
    max-height      : 80px;
}

.artist_diary .diary .img_wrap > img {
    max-width   : 100%;
    height      : 100%;
    flex-shrink : 0;
}

.artist_diary .diary .content_wrap {
    display      : inline-block;
    width        : 600px;
    padding-top  : 5px;
    margin-right : 5px;
}

.artist_diary .contents .head {
    text-align      : left;
    display         : flex;
    width           : 100%;
    font-size       : 14px;
    position        : relative;
    margin-bottom   : 10px;
    align-items     : center;
    justify-content : space-between;
}

.artist_diary .contents .head ._image {
    display        : table-cell;
    width          : 30px;
    height         : 30px;
    border-radius  : 50%;
    overflow       : hidden;
    vertical-align : super;
}

.artist_diary .contents .head ._image img {
    width      : 100%;
    height     : 100%;
    background : #000;
}

.artist_diary .contents .head ._regdt {
    display        : table-cell;
    vertical-align : middle;
    font-size      : 14px;
    padding-left   : 8px;
    color          : #7b7b7b;
}


/* new diary CSS 190813 */

.diary_writearea {
    width                 : 100%;
    height                : 70px;
    border                : 1px solid #ddd;
    resize                : none;
    padding               : 10px;
    margin-top            : 10px;
    line-height           : 1.5em;
    box-sizing            : border-box;
    font-size             : 15px;
    border-radius         : 0 !important;
    -webkit-appearance    : none !important;
    -webkit-border-radius : 0 !important;
    box-sizing            : border-box;
}

.diary_writebtn_wrap {
    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    margin-top      : 8px;
    min-height      : 70px;
}

.diary_writebtn_wrap .photo-wrap {
    display : flex;
    width   : 100%;
}

.diary_writebtn_wrap .photo-wrap button {
    display         : flex;
    justify-content : center;
    color           : #888;
    font-weight     : bold;
    font-size       : 14px;
    cursor          : pointer;
}

.diary_writebtn_wrap .photo-wrap button:hover {
    color      : #222;
    transition : all 0.2s;
}

.photo-view-area {
    background : #fafbfc;
    padding    : 5px;
    display    : flex;
    width      : 100%;
    height     : 60px;
    overflow-y : scroll;
    flex-wrap  : wrap;
}

.photo-view-area .photo_wrap {
    width      : 50px;
    height     : 50px;
    overflow   : hidden;
    position   : relative;
    text-align : center;
    background : transparent;
    margin     : 5px;
}

.photo-view-area .photo_wrap > i {
    position : absolute;
    display  : none;
    color    : #fff;
}

.photo-view-area .photo_wrap .photo_thum {
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
    background : #fff;
}

.photo-view-area .photo_wrap .photo_thum .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.photo-view-area .photo_wrap .photo_thum .centered img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-width         : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.photo-view-area .photo_wrap:hover > i {
    display     : block;
    color       : #fff;
    transition  : all 0.2s;
    left        : 50%;
    top         : 50%;
    margin-left : -16px;
    margin-top  : -16px;
}

.photo-view-area .photo_wrap:hover .photo_thum {
    background : #000;
    transition : all 0.2s;
}

.photo-view-area .photo_wrap:hover .photo_thum .centered img {
    opacity    : 0.5;
    transition : all 0.2s;
}

.diary_writebtn_wrap button,
.diary_write_title button {
    background : transparent;
    border     : none;
}

.diary_write_title {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
}

.diary_write_title button.diary_write_btn {
    background : #f7931e;
    width      : 64px;
    height     : 26px;
    color      : #fff;
    font-size  : 14px;
}

.diary_write_title button:hover {
    cursor : pointer;
}

.diary_write_title button.diary_write_btn:hover {
    background : #f15a2c;
    transition : all 0.2s;
}

.diary_write {
    margin-bottom : 40px;
}

.diary_list {
    background    : #fafbfc;
    border        : 1px solid #eee;
    height        : 180px;
    position      : relative;
    border-bottom : 2px solid #ddd;
    margin-bottom : 20px;
    overflow      : hidden;
}

.diary_top_wrap {
    display         : flex;
    flex-direction  : row;
    padding         : 20px 20px 0;
    justify-content : space-between;
    position        : relative;
}

.diary_top_wrap .top_user_info {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
}

.diary_top_wrap .top_user_info .user_info_share {
    display     : flex;
    align-items : center;
}

.user_info_share > i {
    margin-right : 5px;
    color        : #787878;
}

.user_info_share > p {
    color     : #787878;
    font-size : 14px;
}

.content_img_rew_wrap .rew_btn {
    display         : flex;
    justify-content : flex-end;
    margin-top      : 20px;
}

button.user_info_rew,
button.user_info_del {
    background    : #fff;
    height        : 30px;
    color         : #666;
    border        : none;
    border-bottom : 1px solid #ccc;
    font-size     : 14px;
}

button.user_info_del {
    border-bottom : none;
}

button.user_info_rew_end {
    background   : #f7931e;
    height       : 30px;
    color        : #fff;
    border       : none;
    width        : 80px;
    margin-right : 10px;
}

button.user_info_rew_end.gray_btn {
    background   : #bbb;
    color        : #fff;
    margin-right : 0;
}

button.user_info_rew:hover,
button.user_info_del:hover {
    background : #f7931e;
    color      : #fff;
    transition : all 0.2s;
    cursor     : pointer;
}

button.user_info_rew_end:hover {
    background : #f1592b;
    color      : #fff;
    transition : all 0.2s;
    cursor     : pointer;
}

.diary_top_wrap .top_user_info .user_info {
    display     : flex;
    align-items : center;
}

.diary_top_wrap .top_user_info .user_info > p {
    color       : #666;
    max-width   : 580px;
    font-weight : normal;
}

.diary_top_wrap .top_user_info .user_img {
    width         : 30px;
    height        : 30px;
    background    : #fff;
    display       : block;
    border-radius : 50%;
    margin-right  : 8px;
    overflow      : hidden;
}

.diary_top_wrap .top_user_info .user_img img {
    height : 100%;
}

.diary_top_wrap .top_info {
    display         : flex;
    justify-content : flex-end;
    align-items     : center;
}

.diary_top_wrap .top_info .button_modal {
    display        : none;
    position       : absolute;
    width          : 100px;
    background     : #fff;
    border         : 1px solid #ccc;
    border-radius  : 3px;
    position       : absolute;
    right          : 10px;
    top            : 50px;
    flex-direction : column;
}

.diary_top_wrap .top_info .button_modal.active {
    display : flex;
}

.diary_top_wrap .top_info > a {
    color        : #787878;
    margin-right : 15px;
    display      : flex;
    align-items  : center;
}

.diary_top_wrap .top_info > a.artist_menu {
    margin-right : 0;
}

.diary_top_wrap .top_info > a > i {
    margin-right : 3px;
    font-size    : 18px;
}

.diary_top_wrap .top_info .top_info_one > p {
    font-size : 16px;
    color     : #787878;
}

.diary_top_wrap .top_info > .top_info_one.red,
.diary_top_wrap .top_info .top_info_one > p.red {
    color : #e05c64;
}

.diary_list .content {
    padding     : 10px 35px;
    line-height : 1.5em !important;
}

.diary_list .content_img {
    max-width  : 100%;
    padding    : 10px 35px;
    box-sizing : border-box;
    display    : block;
    max-height : 470px;
    margin     : 0 auto;
    height: auto;
}

.diary_list .more_btn {
    width           : 100%;
    height          : 40px;
    background      : #fff;
    opacity         : 0.9;
    display         : flex;
    justify-content : center;
    align-items     : center;
    position        : absolute;
    bottom          : 0;
    font-size       : 13px;
}

.diary_list .more_btn:hover {
    opacity    : 1;
    transition : all 0.2s;
}

.diary_list .reply {
    background : #fff;
    padding    : 15px 35px 15px;
    margin-top : 20px;
}

.diary_list .reply .reply_head {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}

.diary_list .reply .reply_area_wrap {
    margin-top : 15px;
}

.diary_list .reply .reply_open,
.diary_list .reply .reply_close {
    display     : flex;
    align-items : center;
}

.diary_list .reply .reply_open > p,
.diary_list .reply .reply_close > p {
    font-size    : 14px;
    color        : #666;
    margin-right : 5px;
}

.diary_list .reply .reply_head .reply_count {
    display     : flex;
    align-items : center;
}

.diary_list .reply .reply_head .reply_count > i {
    margin-right : 3px;
    font-size    : 18px;
}

.diary_list .reply .reply_head .reply_count > p {
    font-size : 16px;
}

.diary_list .reply .reply_write {
    display : flex;
}

.diary_list .reply .reply_write.rereply_write {
    display : none;
}

.diary_list .reply .reply_write .reply_input {
    width                 : 100%;
    padding               : 10px;
    border                : 1px solid #ddd;
    border-radius         : 0 !important;
    -webkit-appearance    : none !important;
    -webkit-border-radius : 0 !important;
    height                : 46px;
    box-sizing            : border-box;
}

.diary_list .reply .reply_write .reply_btn {
    width      : 70px;
    height     : 46px;
    color      : #fff;
    background : #bbb;
    border     : none;
    cursor     : pointer;
    font-size  : 14px;
}

.diary_list .reply .reply_area .reply_none {
    padding    : 30px 0;
    text-align : center;
    font-size  : 14px;
    color      : #888;
}

.reply_area .reply_one {
    padding-top    : 13px;
    border-top     : 1px solid #ddd;
    padding-bottom : 10px;
}

.reply_area .reply_one:first-child {
    border-top : none;
}

.reply_area .reply_info {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
}

.reply_area .reply_info .reply_user {
    display     : flex;
    align-items : center;
    flex-wrap   : wrap;
}

.reply_area .reply_info .reply_user .user_info {
    display     : flex;
    align-items : center;
}

.reply_area .reply_info .reply_user .user_img {
    width         : 27px;
    height        : 27px;
    background    : #fff;
    display       : block;
    border-radius : 50%;
    margin-right  : 8px;
    overflow      : hidden;
}

.reply_area .reply_info .reply_user .user_img img {
    height : 101%;
}

.reply_area .reply_info .reply_user p {
    color     : #444;
    max-width : 520px;
    font-size : 12px;

}

.reply_area .reply_info .reply_user small,
.reply_area .reply_info .reply_user p:last-child {
    color : #bbb;
}

.reply_area .reply_info .reply_user small {
    font-size : 10px;
    margin    : 0 7px;
}

.reply_area .reply_info .reply_report {

}

.reply_content {
    display      : flex;
    margin       : 7px 0;
    padding-left : 38px;
    align-items  : center;
}

.reply_content .reply_comment {
    font-size   : 14px;
    line-height : 1.4em;
}

.reply_content .rereply_btn {
    display     : inline-block;
    margin-left : 10px;
}

.reply_content .rereply_btn .rereply_icon {
    transform    : rotateY(180deg);
    margin-right : 3px;
}

.reply_content .rereply_btn .rereply_btn_wrap {
    display   : flex;
    color     : #888;
    font-size : 13px
}

.reply_area .reply_one.rereply_one {
    display : flex;
}

.reply_area .reply_one.rereply_one > i {
    transform : rotateY(180deg);
    margin    : 6px 10px 0;
}

.reply_area .reply_one.rereply_one .rereply-wrap {
    width : 100%;
}

.diary_list_more {
    width      : 355px;
    margin     : 0 auto;
    border     : 1px solid #bdbdc1;
    padding    : 8px;
    font-size  : 13px;
    text-align : center;
    cursor     : pointer;
}

.stone_list_more {
    padding    : 10px 0;
    font-size  : 13px;
    text-align : right;
    cursor     : pointer;
    color      : #666;
}

.stone_list_more:hover {
    color      : #111;
    transition : all 0.2s;
}

.music_list .diary_list_more i {
    vertical-align : middle;
}


/* diary_side CSS*/
.artist_diary .inner .side.diary_side {
    padding    : 25px 0;
    box-sizing : border-box
}

.diary_mleft_wrap {
    background : url('/user/img/mahotama/right_img.png') no-repeat center;
    width      : 290px;
    height     : 144px;
    display    : block;
    position   : relative;
}

.diary_side_title {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
}

.diary_side_title .sidetitle {
    display     : flex;
    align-items : center;
}

.diary_side_title strong {
    color        : #e15c64;
    font-size    : 20px;
    margin-right : 5px;
}

.diary_side_img {
    min-height : 140px;
    position   : relative;
}

.diary_side_img img {
    width         : 100%;
    padding       : 0 15px;
    box-sizing    : border-box;
    position      : absolute;
    bottom        : 0;
    margin-bottom : 15px;
}

.diary_side .gift_btn {
    width         : 250px;
    height        : 36px;
    margin        : 0 auto;
    border-radius : 20px;
    display       : block;
    text-align    : center;
    padding       : 8px;
    box-sizing    : border-box;
    background    : linear-gradient(to left, #e1633a, #f0b056);
    color         : #fff;
    margin-top    : 10px;
}

.diary_side .gift_btn:hover {
    transition : all 0.2s;
}

.diary_side .gift_exp {
    font-size   : 13px;
    color       : #fff;
    line-height : 1.4em;
    position    : absolute;
    bottom      : 11px;
    width       : 100%;
    text-align  : center;
    left        : 0;
}

/* .diary_side .gift_exp:nth-child(1) {
    padding-top    : 20px;
    padding-bottom : 5px;
} */

.diary_mleft_wrap > img {
    padding : 6px 0;
}

.stone_list {
    margin-top    : 20px;
    padding-right : 10px;
}

.stone_list li {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    padding         : 10px 0;
    flex-direction  : column;
}

.stone_list li.ranker {
    border-bottom : 1px solid #e5e5e5;
}

.stone_list li.ranker:last-child {
    border-bottom : 0;
}

.stone_list li.ranker .ranker_fir_wrap {
    display     : flex;
    align-items : center;
    width       : 100%;
}

.stone_list li.ranker .ranker_sec_wrap {
    width    : 100%;
    position : relative;
}

.ranker_sec_wrap .firs_line {
    display         : flex;
    margin-bottom   : 5px;
    justify-content : space-between;
    width           : 100%;
}

.ranker_sec_wrap .seco_line {
    display         : flex;
    align-items     : flex-start;
    justify-content : space-between;
    width           : 100%;
}

.stone_list li.ranker .ranker_sec_wrap .message_dis,
.stone_list li.ranker .stone_rank_info02 .message_wri {
    background : transparent;
    border     : none;
    cursor     : pointer;
}

.stone_list li.ranker .ranker_sec_wrap .message_dis {
    margin-left : 35px;
    width       : 50px;
    text-align  : left;
}

.stone_list li.ranker .stone_rank_info02 .message_wri,
.stone_list li.ranker .stone_rank_info02 .message_wri_chk {
    margin-top    : 2px;
    padding-right : 0;
    margin-left   : 4px;
}

.stone_list li.ranker .stone_rank_info02 .message_wri_chk {
    display : none;
}

.stone_list li.ranker .ranker_sec_wrap .message_box {
    display       : none;
    margin-left   : 38px;
    font-size     : 14px;
    line-height   : 1.3em;
    color         : #666;
    border        : 1px solid #ccc;
    border-radius : 5px;
    padding       : 6px;
    box-sizing    : border-box;
    background    : #fff;
}

.stone_list li.ranker .ranker_sec_wrap .message_close {
    display    : none;
    position   : absolute;
    right      : 0px;
    bottom     : 0px;
    background : transparent;
    border     : none;
    cursor     : pointer;
}

.stone_list li .stone_rank_info {
    display      : flex;
    align-items  : center;
    margin-right : 8px;
}

.stone_list li .stone_rank_info02 {
    display         : flex;
    justify-content : space-between;
    width           : 100%;
    align-items     : center;
}

.stone_list li .stone_rank_info .stone_rank {
    width           : 40px;
    height          : 46px;
    display         : block;
    overflow        : hidden;
    background      : url('/user/img/123num.png') no-repeat;
    background-size : auto 100%;
    margin-right    : 10px;
    margin-bottom   : 15px;
    display         : none;
}

.stone_list li .stone_rank_info .stone_rank.sec {
    background-position : -46px 0;
}

.stone_list li .stone_rank_info .stone_rank.thr {
    background-position : -90px 0;
}

.stone_list li .stone_rank_info .stone_etc_rank {
    width      : 50px;
    text-align : center;
    color      : #888;
    display    : none;
}

.stone_list li .stone_rank_info .stone_rank_img {
    width         : 30px;
    height        : 30px;
    overflow      : hidden;
    border-radius : 50%;
}

.stone_list li .stone_rank_info .stone_rank_img img {
    height : 101%;
}

.stone_list li .ranker_fir_wrap .stone_rank_name {
    font-size   : 14px;
    color       : #222;
    max-width   : 170px;
    min-height  : 16px;
    font-weight : normal;
}

@media (max-width : 1024px) {
    .stone_list li .ranker_fir_wrap .stone_rank_name {
        max-width : 34vw;
    }
    .artist_diary .inner .contents {
        padding: 25px 19px;
    }
}

@media (max-width : 600px) {
    .stone_list li .ranker_fir_wrap .stone_rank_name {
        max-width : 63vw;
    }

    .photo-view-area .photo_wrap > i {
        display    : block;
        color      : #fff;
        transition : all 0.2s;
        font-size  : 20px;
        right      : 5px;
        top        : 5px;
    }

    .photo-view-area .photo_wrap:hover > i {
        right       : 5px;
        top         : 5px;
        margin-left : 0;
        margin-top  : 0;
    }

    .photo-view-area .photo_wrap .photo_thum {
        background : #000;
    }

    .photo-view-area .photo_wrap .photo_thum .centered img {
        opacity    : 0.8;
        transition : all 0.2s;
    }
}

@media (max-width : 425px) {
    .stone_list li .ranker_fir_wrap .stone_rank_name {
        max-width : 53vw;
    }
}

.stone_list .stone_num {
    color      : #888;
    min-height : 16px;
}

.stone_list .stone_num.redbold {
    color       : #f15a2c;
    font-weight : bold;
}

.txt_oneline {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    font-size     : 14px;
    font-weight   : bold;
}

.stone_list li.ranker .stone_messagewri {
    display         : flex;
    align-items     : center;
    justify-content : center;
}


/* new diary CSS 190813 */


.shareDetailUrl {
    width          : 85%;
    height         : 25px;
    padding        : 0 0 0 8px;
    border         : 1px solid #dfdfdf;
    line-height    : 25px;
    color          : #888;
    font-size      : 13px;
    vertical-align : top;
}

.artist_diary .contents .head .share-btn {
    float : right;
}

.artist_diary .contents .head .btn_social_share {
    display : table-cell;
    color   : #949494;
    /*   float: right; */
}

.artist_diary .contents .head .btn_social_share i {
    margin-top : 2px;
}

.artist_diary .contents .content {
    line-height : 1.8;
    font-size   : 15px;
}

.artist_diary .contents .info {
    font-size      : 14px;
    position       : relative;
    margin-top     : 25px;
    padding-bottom : 20px;

}

.artist_diary .contents .info ._wish {
    margin-right : 12px;
    position     : relative;
}

.artist_diary .contents .info ._wish {
    padding       : 2px 11px 4px 12px;
    border        : 1px solid #dfdfe0;
    border-radius : 6px;
    cursor        : pointer;
}

.artist_diary .contents .info ._wish i {
    font-size : 20px;
    position  : absolute;
    top       : 2px;
    left      : 6px;
    color     : #f7931e
}

.artist_diary .contents .info ._wish em {
    padding-left : 15px;
    font-size    : 15px;
}

.artist_diary .contents .info ._comment {
    position : relative;
}

.artist_diary .contents .info ._comment i {
    position : absolute;
    top      : -5px;
    left     : 0px
}

.artist_diary .contents .info ._comment em {
    padding-left : 30px;
    font-size    : 15px;
}

.artist_diary .comment_info {
    text-align : center;
    border-top : 1px solid #b9b9b9;
    padding    : 7px 0px 8px 7px;
    cursor     : pointer;
}

.content_img_rew_wrap {
    padding : 10px 20px 0;
    display : none;
}

.artist_diary .comment_list {
}

.artist_diary .comment_list .comment {
    border-top : 1px solid #dadada;
    padding    : 7px 0px 12px 7px;
}

.artist_diary .comment_list .comment {
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
}

.artist_diary .comment_list .comment ._image {
    -ms-flex     : none;
    -webkit-flex : none;
    flex         : none;
}

.artist_diary .comment_list .comment ._image {
    display        : inline-block;
    width          : 27px;
    height         : 27px;
    border-radius  : 50%;
    overflow       : hidden;
    vertical-align : super;
}

.artist_diary .comment_list .comment ._image img {
    width : 100%;
}

.artist_diary .comment_list .comment ._content {
    flex   : 1;
    margin : 0px 15px 0px 10px;
}

.artist_diary .comment_list .comment ._content ._inner {
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
    line-height            : 25px;
    flex-wrap              : wrap;
}

.artist_diary .comment_list .comment ._content ._name {
    font-size      : 14px;
    font-weight    : bold;
    letter-spacing : -0.5px
}

.artist_diary .comment_list .comment ._content ._regdt {
    font-size : 12px;
}

.artist_diary .comment_list .comment ._content ._div {
    padding     : 0 5px;
    font-size   : 8px;
    line-height : 25px;
}

.artist_diary .comment_list .comment ._content ._info {
    display : block;
}

.artist_diary .comment_list .comment ._content ._msg {
    display     : block;
    font-size   : 14px;
    margin-top  : 4px;
    line-height : 1.3em;
}

.artist_diary .comment_list .comment ._btn {
    -ms-flex     : none;
    -webkit-flex : none;
    flex         : none;
    position     : relative;
}

.artist_diary .comment_list .comment ._btn .btn_delete {
    position   : absolute;
    top        : 50%;
    margin-top : -9px;
    right      : 0px;
    cursor     : pointer;
    font-size  : 18px;
    color      : gray
}

.artist_diary .comment_list .comment ._btn .btn_delete:hover {
    color : black
}

.artist_diary .comment_foot {
    border                 : 1px solid #c4c4c4;
    height                 : 54px;
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
}

.artist_diary .comment_foot .comment_wrap {
    display  : inline-block;
    flex     : 1;
    position : relative;
}

.artist_diary .comment_foot .comment_textarea {
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 4px;
    left     : 0;
}

.artist_diary .comment_foot .comment_textarea textarea {
    width     : 100%;
    height    : 100%;
    padding   : 7px 7px;
    font-size : 13px;
    overflow  : hidden;
}

.artist_diary .comment_foot .btn_comment {
    font-size   : 11px;
    display     : inline-block;
    background  : #b3b3b3;
    text-align  : center;
    height      : auto;
    cursor      : pointer;
    color       : white;
    width       : 57px;
    line-height : 51px;
}

.artist_diary .comment_foot2 {
    border                 : 1px solid #c4c4c4;
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
}

.artist_diary .comment_foot2 textarea {
    width      : 100%;
    height     : 44px;
    max-height : 120px;
    padding    : 3px 7px;
    font-size  : 14px;
    overflow-y : hidden;
    margin     : 10px 0px;
}

.artist_diary .comment_foot2 .btn_comment {
    display    : inline-block;
    width      : 57px;
    background : #b3b3b3;
    font-size  : 14px;
    text-align : center;
    cursor     : pointer;
    color      : white;
    padding    : 10px;
}

.diary_btn_more {
    margin     : 0 auto;
    border     : 1px solid #bdbdc1;
    padding    : 8px;
    font-size  : 13px;
    text-align : center;
    cursor     : pointer;
    margin-top : 30px;
}

.diary_btn_more i {
    vertical-align : middle
}

/*artist_list*/
.artist_list .slider_wrap {
    width: 100%;
    background: #dbe4ec url(/user/img/pattern_header.jpg) no-repeat center;
    padding-bottom: 20px;
}
.artist_list .inner1300 {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}
.artist_list .slider_wrap .title {
    font-size: 25px;
    padding: 30px 10px 0;
}

.artist_list ._inner {
    width          : 1200px;
    display        : flex;
    flex-direction : row-reverse;
    justify-content: space-between;
}

.artist_list .contents {
    display    : inline-block;
    margin     : 20px 15px 50px;
    width      : calc(100% - 340px);
}

.artist_list .category {
    padding-left: 2px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.artist_list .contents .title {
    font-size: 25px;
}
.artist_list .category .category_right {
    display: flex;
    align-items: center;
}
.artist_list .category .category_right .search {
    width: 180px;
}
.artist_list .category li {
    display      : inline-block;
    font-size    : 15px;
    color        : #989898;
    float        : left;
    margin-right : 15px;
    cursor       : pointer;
}
.artist_list .category li * {
    font-weight    : normal;
    vertical-align : middle;
}

.artist_list .category li i {
    font-size : 20px;
}

.artist_list .category li:hover, .artist_list .category li.on {
    color : #f05a29;
}

.artist_list .category li:hover i:before, .artist_list .category li.on i:before {
    content : "\e92d";
}

.artist_list .side {
    display : inline-block;
    margin  : 30px 12px 50px;
    width   : 276px;
}
.artist_list .side .about_img {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.artist_list .side .about_img img {
    width: 100%;
}

.artist_list .search_tool {
    margin-bottom : 10px;
    border        : 1px solid #dddddd;
    width         : 100%;
    padding: 15px 10px;
    box-sizing: border-box;
}
.artist_list .search_tool h1 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.artist_list .search_tool .search i {
    font-size : 18px;
}

.artist_list .side .search_tool .search_hashtag {
    padding-top: 8px;
}

.artist_list .side .search_tool .search_hashtag em {
    display        : inline-block;
    padding        : 4px 7px 7px 5px;
    color          : black;
    background     : #dfe0e0;
    font-size      : 12px;
    margin         : 8px 0px 0px 4px;
    border-radius  : 4px;
    letter-spacing : -0.5px;
    cursor         : pointer;
}

/*slider //s 여기*/
.swiper-artist-list { /* width: 1200px; height: 276px;*/
    /* background : #414045; */
        width: 1180px;
}

.swiper-artist-list .swiper-slide .swiper-slide-wrap {
    padding: 25px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    overflow: hidden;
}

.swiper-artist-list .swiper-slide .img {
    width    : 190px;
    height: 190px;
    position: relative;
    overflow : hidden;
    margin-right: 25px;
}

.swiper-artist-list .swiper-slide .img .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
}
.swiper-artist-list .swiper-slide .img .video_thumnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.swiper-artist-list .swiper-slide .img .video_thumnail .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.swiper-artist-list .cover {
    display    : block;
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    height     : 100%;
    background : rgba(00, 00, 00, 0.5);
}

.swiper-artist-list .text_wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.swiper-artist-list .info_wrap {
  display: flex;
  flex-direction: column;
}

.swiper-artist-list .subject {
    font-size: 18px;
    color: #43444e;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.4;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiper-artist-list .desc {
    font-size          : 13px;
    color              : #7f7f7f;
    overflow           : hidden;
    text-overflow      : ellipsis;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 5;
    -webkit-box-orient : vertical;
    word-break         : break-all;
    white-space        : normal;
    line-height        : 1.4em;
    height             : 7.0em;
}
.swiper-artist-list .desc.mob_desc {
    display: none;
}
.swiper-artist-list .info {
    text-align: right;
    margin-top: 20px;
    padding-right: 5px;
    font-size: 14px;
}
.swiper-artist-list .info ._wish {
    margin-right: 3px;
    border: 1px solid #ccc;
    padding: 4px 10px;
    border-radius: 10px;
    display: inline-block;
}
.swiper-artist-list .info ._star {
    border: 1px solid #ccc;
    padding: 4px 10px;
    border-radius: 10px;
    display: inline-block;
}
.swiper-artist-list [class^=swiper-button] {
    background : none;
    width      : 47px;
    height     : 47px;
}

.swiper-artist-list .xi-caret-up-circle-o {
    color     : #7b7b7b;
    font-size : 47px;
}

.swiper-artist-list .xi-caret-up-circle-o:hover {
    color : #eeeeee;
}
@media (max-width: 1299px) {
  .artist_list .inner1300 {
    width: 100%;
  }
  .swiper-artist-list {
    width: 90%;
  }
  .artist_list .slider_wrap {
    background: #dbe4ec url('/user/img/pattern_header1024.jpg') no-repeat center;
  }
  .swiper-artist-list .swiper-slide .img {
    width: 15.5vw;
    height: 15.5vw;
  }
}
@media (max-width: 1024px) {
  .swiper-artist-list .desc {
    -webkit-line-clamp: 4;
    height: 5.6em;
  }
}
@media all and (min-width : 768px) {
    .main-banner {
        position : relative;
    }

    .slide-background {
        width      : 100%;
        height     : 100%;
        position   : absolute;
        z-index    : 3;
        background : -moz-linear-gradient(left, rgba(28, 28, 28, 1) 0%, rgba(28, 28, 28, 1) 0%, rgba(28, 28, 28, 0.72) 10%, rgba(28, 28, 28, 0) 40%, rgba(28, 28, 28, 0) 80%, rgba(28, 28, 28, 0.5) 90%, rgba(28, 28, 28, 1) 100%, rgba(28, 28, 28, 1) 100%);
        background : -webkit-linear-gradient(left, rgba(28, 28, 28, 1) 0%, rgba(28, 28, 28, 1) 0%, rgba(28, 28, 28, 0.72) 10%, rgba(28, 28, 28, 0) 40%, rgba(28, 28, 28, 0) 80%, rgba(28, 28, 28, 0.5) 90%, rgba(28, 28, 28, 1) 100%, rgba(28, 28, 28, 1) 100%);
        background : linear-gradient(to right, rgba(28, 28, 28, 1) 0%, rgba(28, 28, 28, 1) 0%, rgba(28, 28, 28, 0.72) 10%, rgba(28, 28, 28, 0) 40%, rgba(28, 28, 28, 0) 80%, rgba(28, 28, 28, 0.5) 90%, rgba(28, 28, 28, 1) 100%, rgba(28, 28, 28, 1) 100%);
        filter     : progid:dximagetransform.microsoft.gradient(startcolorstr='#1c1c1c', endcolorstr='#1c1c1c', gradienttype=1);
    }
}

/*active*/
@media all and (min-width : 1024px) {
    /*3개*/
    /*active*/
    .swiper-artist-list .swiper-slide-active {
        /* background : #060415 !important; */
    }

    .swiper-artist-list .swiper-slide-active .cover {
        display : none !important;
    }

    .swiper-artist-list .swiper-slide-active .subject {
        /* color : #ffffff; */
    }

    .swiper-artist-list .swiper-slide-active .desc {
        /* color : #c8c8c8; */
    }
}

@media all and (min-width : 601px) and (max-width : 1023px) {
    /*2개*/
    /*active*/
    .swiper-artist-list .swiper-slide-active {
        /* background : #060415 !important; */
    }

    .swiper-artist-list .swiper-slide-active .cover {
        display : none !important;
    }

    .swiper-artist-list .swiper-slide-active .subject {
        /* color : #ffffff; */
    }

    .swiper-artist-list .swiper-slide-active .desc {
        /* color : #ffffff; */
    }

    .main .pc-slide .top-title.top-slider2.event-slide {
        left : 14vw;
    }

    .main .pc-slide .sub-title.sub-slider2.event-slide {
        top : 7vw;
    }

    .main .video_list.list_full6 .list_thum {
        width  : 135px;
        height : 135px;
    }
}
@media (max-width: 768px) {
  .swiper-artist-list .swiper-slide .img {
      width: 150px;
      height: 150px;
    }
    .swiper-artist-list {
        width: 85%;
    }
    .artist_list .album_list .item .img {
        position: relative;
        width: 135px !important;
        height: 135px !important;
        overflow: hidden;
        border-radius: 50%;
        margin: 0 auto;
    }
}
@media all and (max-width : 600px) {
    /*1개*/
    /*active*/
    .swiper-artist-list .swiper-slide-active {
        /* background : #060415 !important; */
    }

    .swiper-artist-list .swiper-slide-active .cover {
        display : none !important;
    }

    .swiper-artist-list .subject {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .swiper-artist-list {
      max-height: 350px;
    }
    .swiper-artist-list .swiper-slide .swiper-slide-wrap {
      padding: 20px;
      width: 83%;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 10px;
      flex-wrap: wrap;
    }
    .swiper-artist-list .info_wrap {
      flex-direction: column-reverse;
    }
    .swiper-artist-list .swiper-slide .img {
      margin-right: 0;
      width: 80px;
      height: 80px;
    }
    .swiper-artist-list .text_wrap{
      margin-top: 10px;
      width: 58%;
      margin-left: 15px;
    }
    .swiper-artist-list .info {
      margin-top: 0;
      margin-bottom: 8px;
    }
    .swiper-artist-list .desc {
      -webkit-line-clamp: 3;
      height: 4.2em;
      margin-bottom: 0;
      margin-top: 7px;
      display: none;
    }
    .swiper-artist-list .desc.mob_desc {
        display: flex;
        -webkit-line-clamp: 3;
        height: 4.2em;
        margin-bottom: 0;
        width: 100%;
        margin-top: 7px;
    }
    .artist_list .slider_wrap {
        background-size: auto 100%;
    }

    .share-list-btn .share {
        width  : 43px !important;
        height : 43px !important;
        margin : 15px !important;
    }

    .share-list-btn .share i {
        font-size : 29px !important;
    }

    .main .video_list.list_full6 .list_thum {
        width  : 105px;
        height : 105px;
    }
    .artist_list .album_list .item .img {
      width: 125px !important;
      height: 125px !important;
  }

    /* .main .slider_wrap {
        display: none;
    } */
}

/*slider //e */
.artist_list .album_list {
    margin-top: 15px;
    margin-bottom: 10px;
}

.artist_list .album_list:after {
    content : " ";
    display : block;
    clear   : both;
}

.artist_list .album_list .item {
    width         : 25%;
    display       : inline-block;
    float         : left;
    padding-bottom: 35px;
    text-align    : center;
}

.artist_list .album_list .item .img {
    position: relative;
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}
.artist_list .album_list .item .img:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.artist_list .album_list .item .img .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
}
.artist_list .album_list .item .img .video_thumnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.artist_list .album_list .item .img .video_thumnail .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.artist_list .album_list ._wrap {
    width  : 136px;
    margin : 0 auto;
}

.artist_list .album_list ._img .list_thum {
    width         : 135px;
    height        : 135px;
    overflow      : hidden;
    border-radius : 50%;
    margin        : 0 auto;
    position      : relative;
    text-align    : center;
    background    : transparent;
}

.artist_list .album_list ._subject {
    text-align    : center;
    font-size     : 16px;
    height        : 20px;
    color         : #43444e;
    margin-top    : 15px;
    font-weight   : 500;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    width         : 85%;
    margin        : 0 auto;
    padding-top   : 10px;
}

.artist_list .album_list ._location {
    text-align    : center;
    font-size     : 12px;
    color         : #adadad;
    margin-top    : 5px;
    margin-bottom : 2px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.artist_list .album_list ._location a {
    border-bottom : 1px solid #c8c8c8;
    padding       : 3px 7px 5px 3px;
    color         : #adadad;
}

.artist_list .album_list ._location i {
    font-size      : 16px;
    vertical-align : sub
}

.artist_list .album_list .info {
    margin-top : 0px;
    color      : #777777;
}

.artist_list .album_list ._wish {
    text-align   : center;
    font-size    : 12px;
    color        : #adadad;
    margin-right : 3px;
}

.artist_list .album_list ._star {
    text-align : center;
    font-size  : 12px;
    color      : #adadad;
}

.artist_list .album_list_more {
    width      : 355px;
    margin     : 0 auto;
    border     : 1px solid #bdbdc1;
    padding    : 8px;
    font-size  : 13px;
    text-align : center;
    cursor     : pointer;
}

.artist_list .album_list_more i {
    vertical-align : middle
}

/*music_list*/
.music_list.swiper-container {
    margin : 0px 40px;
}

.music_list .inner1300 {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

.music_list ._inner {
    width          : 1200px;
    display        : flex;
    flex-direction : row-reverse;
    justify-content: space-between;
}

.music_list .contents {
    display    : inline-block;
    margin     : 20px 15px 30px;
    width      : calc(100% - 340px);
    /* min-height : 500px; */
}

.music_list .category {
    padding-left: 2px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.music_list .contents .title {
    font-size: 25px;
}
.music_list .category .category_right {
    display: flex;
    align-items: center;
}
.music_list .category .category_right .search {
    width: 180px;
}
.music_list .category li {
    display      : inline-block;
    font-size    : 15px;
    color        : #989898;
    float        : left;
    margin-right : 15px;
    cursor       : pointer;
}

.music_list .category li * {
    font-weight    : normal;
    vertical-align : middle;
}

.music_list .category li i {
    font-size      : 20px;
    vertical-align : middle;
}

.music_list .category li:hover, .music_list .category li.on {
    color : #f05a29;
}

.music_list .category li:hover i:before, .music_list .category li.on i:before {
    content : "\e92d";
}

.music_list .album_list {
    margin-top : 15px;
    margin-bottom: 10px;
}

.music_list .album_list:after {
    content : " ";
    display : block;
    clear   : both;
}
.music_list .album_list .item {
    width          : 17.85%;
    height         : auto;
    display        : inline-block;
    float          : left;
    padding-bottom : 35px;
    margin-right   : 2.666666666666667%;
}

.music_list .album_list .item .list_thum {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: transparent;
}
.music_list .album_list .item .list_thum:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.music_list .album_list .item .list_thum .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
}
.music_list .album_list .item .list_thum .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.music_list .album_list .item .list_thum img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.music_list .album_list .item:nth-child(5n) {
    margin-right : 0px;
}

/*.music_list .album_list .thum-wrap { !*display:table-cell; *!*/
/*width: 100%;*/
/*background-color: black;*/
/*}*/
.music_list .album_list .thum-wrap { /*display:table-cell; */
    position         : relative;
    padding-bottom   : 56.25%;
    overflow         : hidden;
    background-color : black;
}

.music_list .album_list .thum-wrap ._image { /*display:table-cell; */
    vertical-align : middle;
    background     : black;
}

.music_list .album_list .thum-wrap ._image .centered { /*display:table-cell; */
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

/*.music_list .album_list ._image img {*/
/*width : 100%;*/
/*}*/
.music_list .album_list ._image img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.music_list .album_list ._subject {
    text-align: left;
    font-size: 15px;
    color: #43444e;
    margin-top: 5px;
    font-weight: 500;
    line-height: 1.4;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.music_list .album_list ._user {
    display: flex;
    align-items: center;
}

.music_list .album_list ._user ._img {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: sub;
    margin-right: 5px;
}

.music_list .album_list ._user ._name {
    display: inline-block;
    font-size: 13px;
    width: 100%;
    color: #7b7b7b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.music_list .album_list ._info {
    text-align : right;
    font-size  : 12px;
    margin-top : 3px;
}

.music_list .album_list ._info .list_tag {
    font-size    : 12px;
    color        : #747474;
    margin-right : 3px;
}

.music_list .album_list ._info .list_play {
    font-size    : 12px;
    color        : #747474;
    margin-right : 5px;
}

.music_list .album_list ._info .list_wish {
    font-size : 12px;
    color     : #747474;
}

.music_list .album_list_more {
    width      : 355px;
    margin     : 0 auto;
    border     : 1px solid #bdbdc1;
    padding    : 8px;
    font-size  : 13px;
    text-align : center;
    cursor     : pointer;
}

.music_list .album_list_more i {
    vertical-align : middle
}

.music_list .side {
    display : inline-block;
    margin  : 30px 12px 50px;
    width   : 276px;
}
.music_list .side .about_img {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.music_list .side .about_img img {
    width: 100%;
}
.music_list .search_tool {
    margin-bottom : 10px;
    border        : 1px solid #dddddd;
    width         : 100%;
    padding: 15px 10px;
    box-sizing: border-box;
}

.music_list .search_tool h1 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.music_list .search_tool .search i {
    font-size : 18px;
}

.music_list .side .search_tool .search_hashtag {
    padding-top : 8px;
}

.music_list .side .search_tool .search_hashtag em {
    display        : inline-block;
    padding        : 4px 7px 7px 5px;
    color          : black;
    background     : #dfe0e0;
    font-size      : 12px;
    margin         : 8px 0px 0px 4px;
    border-radius  : 4px;
    letter-spacing : -0.6px;
    cursor         : pointer;
}

.music_list .relation_head {
    position      : relative;
    height        : 32px;
    margin-top    : 50px;
    margin-bottom : 15px;
}

.music_list .relation_head h3 {
    font-size      : 20px;
    font-weight    : bold;
    display        : inline-block;
    vertical-align : middle;
}

.relation_head .more-btn {
    float          : right;
    display        : inline-block;
    margin-top     : 3px;
    font-size      : 14px;
    vertical-align : middle;
}

.music_list .relation_head .page_button {
    position : absolute;
    right    : 1px;
    top      : 0px;
}

.music_list .relation_head .page_button {
    font-size       : 16px;
    font-weight     : bold;
    margin          : 0px;
    display         : table;
    border-collapse : collapse;
}

.music_list .relation_head .page_button .btn_relation {
    display : table-cell;
    cursor  : pointer
}

.music_list .relation_head .page_button i {
    border  : 1px solid #dadada;
    padding : 6px;
    color   : #dadada
}

.music_list .relation_head .page_button i:hover {
    border : 1px solid #7b7b7b;
    color  : #7b7b7b
}

.music_list .relation_head .page_button:hover .btn_relation {
    border-color : #7b7b7b
}

.music_list .relation_head .page_button [data-func=prev] {
    border-right : 1px solid #dadada;
}

.music_list .relation_head .page_button [data-func=prev] i {
    border-right  : 0px;
    border-radius : 5px 0 0 5px;
}

.music_list .relation_head .page_button [data-func=next] {
    border-left : 1px solid #dadada;
}

.music_list .relation_head .page_button [data-func=next] i {
    border-left   : 0px;
    border-radius : 0 5px 5px 0;
}
.music_list .thumbnail_play_time_layer {
    /* margin: 7px;
    background-color: rgba(25, 24, 24, 0.7);
    padding: 6px 7px 7px 7px;
    font-size: 0.9rem; */
}
.music_list .album_list .item:hover .thumbnail_play_time_layer {
    /* display: inline-flex; */
}
.music_list .album_list .item:hover .list_thum img {
    /* opacity: 0.7;
    transition: all 0.2s; */
}
.music_list .album_list .item .thumbnail_video_mark {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    font-size: 1.5rem;
    color: #fff;
    background: rgba(25, 24, 24, 0.8);
    border-radius: 5px;
    padding: 2px 5px;
    display: none;
}
.music_list .text-wrap .thumbnail_play_mark {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-top: 5px;
}
.music_list .slider_wrap .text-wrap .thumbnail_play_mark {
    display: none;
}
.music_list .text-wrap .thumbnail_play_mark > * {
    color: #999;
}
.music_list .text-wrap .thumbnail_play_mark > div {
    margin-right: 2px;
}
.swiper-music-list .swiper-slide:hover .img .video_thumnail .centered img {
    /* opacity: 0.7;
    transition: all 0.2s; */
}
.music_list .slider_wrap {
    width: 100%;
    background: #dbe4ec url(/user/img/pattern_header.jpg) no-repeat center;
    padding-bottom: 20px;
}
.music_list .slider_wrap .title {
    font-size: 25px;
    padding: 30px 10px 0;
}
.music_list ._subject {
    text-align: left;
    font-size: 15px;
    color: #43444e;
    margin-top: 5px;
    font-weight: 500;
    line-height: 1.4;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.music_list ._user {
    display: flex;
    align-items: center;
}
.music_list ._user ._img {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: sub;
    margin-right: 5px;
}
.music_list ._user ._name {
    display: inline-block;
    font-size: 13px;
    width: 80%;
    color: #7b7b7b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.music_list .inner1300 {
  width: 1200px;
}




.side_ranking .ranking_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.side_ranking .ranking_head h3 {
    display: flex;
    margin-right: 10px;
    align-items: center;
    font-weight: bold;
    font-family: Oswald;
}
.side_ranking {
    padding: 10px;
    box-sizing: border-box;
}
.side_ranking .ranking_head h3 i {
    border-radius: 50%;
    padding: 5px;
    color: white;
    font-size: 16px;
    background: #f05a29;
    margin-right: 5px;
}
.side_ranking .ranking_head ._more {
    font-size: 12px;
    color: #aaa;
}
.side_ranking .ranking_list {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}
.side_ranking .ranking_list .rankMusic {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.side_ranking .ranking_list .rankMusic .list_thum {
    width: 34px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: transparent;
    margin-right: 7px;
}
.side_ranking .ranking_list .rankMusic .list_thum:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.side_ranking .ranking_list .rankMusic .list_thum .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
}
.side_ranking .ranking_list .rankMusic .list_thum .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.side_ranking .ranking_list .rankMusic .list_thum img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.side_ranking .ranking_list .rankMusic ._side_subject {
    flex: 1;
}
.side_ranking .ranking_list .rankMusic ._side_subject a {
    font-size: 13px;
    color: #444;
    display: -webkit-box;
    display: -ms-flexbox;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.5em;
    height: 3.0em;
}
.side_ranking .ranking_list .rankMusic ._side_subject a.oneline {
    max-height: 3.0em;
    height: auto;
}
.side_ranking .ranking_list .rankMusic ._num {
    display: flex;
    margin-right: 10px;
}
.side_ranking .ranking_list .rankMusic ._num .number {
    letter-spacing: -2px;
}
.side_ranking .ranking_list .rankMusic ._num .img {
   background: url(/user/img/ranking_img.png) no-repeat;
    width: 22px;
    height: 22px;
    background-size: auto 100%;
    display: block;
    background-position: 0 0;
}
.side_ranking .ranking_list .rankMusic ._num .img.up {
  background-position: -27px 0;
}
.side_ranking .ranking_list .rankMusic ._num .img.down {
  background-position: -56px 0;
}

.music_list .list_full5 div .list_thum {
    width         : 125px;
    height        : 125px;
    border-radius : 50%;
    overflow      : hidden;
    margin        : 0 auto;
    position      : relative;
    text-align    : center;
    background    : transparent;
}

@media all and (max-width : 768px) {
    .music_list .list_full5 div .list_thum {
        width  : 105px;
        height : 105px;
    }
}

.music_list .list_full5 div .list_info .list_title {
    color         : #43444e;
    font-size     : 14px;
    height        : 1.2em;
    padding-left  : 3px;
    margin-top    : 9px;
    text-align    : center;
    margin-bottom : 15px;
    font-weight   : 400;
}

.music_list .list_full5 div .list_info ._info ._tag {
    text-align    : center;
    font-size     : 12px;
    color         : #727272;
    margin-top    : 5px;
    margin-bottom : 6px;
}

.music_list .list_full5 div .list_info ._info ._location {
    text-align    : center;
    font-size     : 12px;
    color         : #727272;
    margin-top    : 5px;
    margin-bottom : 6px;
}

.music_list .list_full5 div .list_info ._info ._location a {
    padding : 3px 7px 5px 3px;
    color   : #727272;
}

.music_list .list_full5 div .list_info ._info ._location i {
    font-size      : 16px;
    vertical-align : sub
}

.video_list .video_list_more {
    width      : 275px;
    margin     : 0 auto;
    border     : 1px solid #bdbdc1;
    padding    : 8px;
    font-size  : 13px;
    text-align : center;
    cursor     : pointer;
    background: #fff;
}

/*slider //s 여기*/
.swiper-music-list {
    /* width: 1200px; height: 276px;*/
    /* background : #414045; */
    width: 1100px;
}

.swiper-music-list .swiper-slide-active + div + div .img:before {
  /* display: none !important; */
}
.swiper-music-list .swiper-slide-active + div + div .img .video_thumnail {
/*     position: relative !important;
    padding-bottom: 56.25%;
    overflow: hidden; */
}
.initMusicHeadSwipe {
    /* width: 15% !important */
}
@media (min-width: 1025px) {
  .swiper-music-list .swiper-slide-active + div + div {
     /* width: 42% !important; */
  }

  .swiper-music-list .swiper-slide-active,
  .swiper-music-list .swiper-slide-active + div,
  .swiper-music-list .swiper-slide-active + div + div + div,
  .swiper-music-list .swiper-slide-active + div + div + div + div {
      /* width: 15% !important; */
  }
  .swiper-music-list {
    /* margin: 0 60px 0 40px */
  }
  .music_list .slider_wrap {
    max-height: 380px;
  }
}

.swiper-music-list .swiper-slide.swiper-slide-prev .swiper-slide-wrap,
.swiper-music-list .swiper-slide.swiper-slide-next .swiper-slide-wrap {
    /* width: 80%; */
}
.swiper-music-list .swiper-wrapper {
      /* padding-left: 155px; */
      align-items: center;
}

.swiper-music-list .swiper-slide .swiper-slide-wrap {
    width          : 90%;
    margin         : 0 auto;
    padding-top    : 14px;
    padding-bottom : 10px;
}

.swiper-music-list .swiper-slide .img {
    width: 100%;
    position: relative;
    text-align: center;
    background: transparent;
    border-radius: 10px;
    overflow: hidden;
}
.swiper-music-list .swiper-slide-active + div + div .img {
    /* background: #000; */
}
.swiper-music-list .swiper-slide .img:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.swiper-music-list .swiper-slide .img .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
}

.swiper-music-list .swiper-slide .img .video_thumnail .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.swiper-music-list .swiper-slide .img .video_thumnail .centered img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.swiper-music-list .cover {
    display    : block;
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    height     : 100%;
    background : rgba(00, 00, 00, 0.5);
}

.swiper-music-list .subject {
    font-size    : 16px;
    height       : 40px;
    color        : #7f7f7f;
    margin-top   : 12px;
    font-weight  : 500;
    padding-left : 11px;
    line-height  : 20px;
    word-break: break-all;
}

.swiper-music-list .singer {
    font-size    : 13px;
    color        : #646464;
    margin-top   : 5px;
    padding-left : 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.swiper-music-list .tag {
    margin-top   : 5px;
    padding-left : 11px;
}

.swiper-music-list .tag em {
    font-size    : 12px;
    color        : #7f7f7f;
    margin-right : 1.5em;
}

.swiper-music-list .info {
    font-size    : 13px;
    color        : #7f7f7f;
    margin-top   : 6px;
    padding-left : 11px;
}

.swiper-music-list [class^=swiper-button] {
    /* background : none;
    width      : 47px;
    height     : 47px;
    top        : 40%; */
}

.swiper-music-list .xi-caret-up-circle-o {
    color     : #bbbbbb;
    font-size : 47px;
}

.swiper-music-list .xi-caret-up-circle-o:hover {
    color : #eeeeee;
}

/*active*/
@media (max-width: 1199px) {
  .music_list .inner1300 {
    width: 100%;
  }
  .swiper-music-list {
    width: 90%;
  }
  .music_list .slider_wrap {
    background: #dbe4ec url('/user/img/pattern_header1024.jpg') no-repeat center;
  }
}
@media all and (min-width : 1024px) {
    /*3개*/
    /*active*/
    .swiper-music-list .swiper-slide-active + div + div {
        /* background : #060415 !important; */
    }

    .swiper-music-list .swiper-slide-active + div + div .cover {
        display : none !important;
    }

    .swiper-music-list .swiper-slide-active + div + div .subject {
        color : #ffffff;
    }

    .swiper-music-list .swiper-slide-active + div + div .singer {
        color : #c8c8c8;
    }

    .swiper-music-list .swiper-slide-active + div + div .tag em {
        color : #c8c8c8;
    }

    .swiper-music-list .swiper-slide-active + div + div .info {
        color : #ffffff;
    }
}
@media (max-width: 1024px) {
    .swiper-music-list .swiper-slide-active + div + div .img:before {
      display: block !important;
    }
    .swiper-music-list .swiper-slide-active + div + div .img .video_thumnail {
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent;
    }
    .swiper-music-list .swiper-slide.swiper-slide-prev .swiper-slide-wrap,
    .swiper-music-list .swiper-slide.swiper-slide-next .swiper-slide-wrap {
      /* width: 80%; */
    }
    .swiper-music-list .swiper-slide .swiper-slide-wrap {
        width: 80%;
    }
}
@media all and (min-width : 601px) and (max-width : 1023px) {
    /*2개*/
    .swiper-music-list .swiper-slide .swiper-slide-wrap {
        /* width : 95%; */
    }

    /*active*/
    .swiper-music-list .swiper-slide-active + div {
        /* background : #060415 !important; */
    }

    .swiper-music-list .swiper-slide-active + div .cover {
        display : none !important;
    }

    .swiper-music-list .swiper-slide-active + div .subject {
        color : #ffffff;
    }

    .swiper-music-list .swiper-slide-active + div .singer {
        color : #c8c8c8;
    }

    .swiper-music-list .swiper-slide-active + div .tag em {
        color : #ffffff;
    }

    .swiper-music-list .swiper-slide-active + div .info {
        color : #ffffff;
    }
}

@media all and (max-width : 600px) {
    /*1개*/
    .swiper-music-list .swiper-slide .swiper-slide-wrap {
        width : 86%;
    }
    .swiper-music-list .swiper-slide.swiper-slide-prev .swiper-slide-wrap,
    .swiper-music-list .swiper-slide.swiper-slide-next .swiper-slide-wrap {
        width: 86%;
    }

    .swiper-music-list .swiper-slide-wrap > div {
        padding-left : 0px;
    }
    .swiper-music-list .swiper-slide-wrap .text-wrap {
        margin-top: 5px;
    }

    /*active*/
    .swiper-music-list .swiper-slide-active {
        /* background : #060415 !important; */
    }

    .swiper-music-list .swiper-slide-active .cover {
        display : none !important;
    }

    .swiper-music-list .swiper-slide-active .subject {
        color : #ffffff;
    }

    .swiper-music-list .swiper-slide-active .singer {
        color : #c8c8c8;
    }

    .swiper-music-list .swiper-slide-active .tag em {
        color : #ffffff;
    }

    .swiper-music-list .swiper-slide-active .info {
        color : #ffffff;
    }
    .music_list .slider_wrap .title,
    .music_list .contents .title {
        font-size: 20px;
    }
    .music_list .category .category_right .search {
        width: 135px;
    }
}

/*slider //e */
/* music_detail */
.music_detail .inner > ._inner {
    width     : 1200px;
    display   : flex;
    flex-wrap : wrap
}

.music_detail .inner .head {
    display     : flex;
    width       : 100%;
    margin-left : 10px;
    align-items : center;
}

.live_rec .inner .head {
    display     : flex;
    margin-left : 0px;
    width       : auto !important;
    align-items : center;
}

.music_detail .inner .head .head_box {
    display     : flex;
    align-items : center;
}

.live_rec .inner .partner {
    display     : flex;
    align-items : center;
}

.live_rec .inner .partner ._pimage {
    display         : flex;
    width           : 72px;
    height          : 30px;
    background      : #fff;
    align-items     : center;
    justify-content : center;
    overflow        : hidden;
    margin-right    : 5px;
}

.live_rec .inner .partner ._pimage > img {
    max-width  : 100%;
    max-height : 100%;
}

.live_rec .inner .partner ._pname {
    font-size : 14px;
    color     : #888;
}

.music_detail .inner .contents {
    display            : inline-block;
    width              : calc(100% - 430px);
    padding            : 27px 15px;
    border-right       : 1px solid #e0e0e0;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.live_rec .inner .contents {
    display            : inline-block;
    width              : calc(100% - 350px);
    padding            : 0px 15px;
    border-right       : 1px solid #e0e0e0;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    margin-top         : 0px;
}

.music_detail .inner .side {
    display : inline-block;
    width   : 369px;
    padding : 0 15px 35px 15px
}

.live_rec .music_detail .inner .side {
    display : inline-block;
    width   : 330px;
    padding : 0px 0px 35px 15px;
}

.music_detail .mhead {
    display : none;
    padding : 0 15px;
}

.music_detail .mhead ._subject {
    margin-bottom : 2px;
    font-size     : 18px;
    font-weight   : 600;
    line-height   : 20px;
    text-overflow : ellipsis;
    word-break    : break-all;
}

.music_detail .mhead ._subject span {
    padding      : 0px 14px;
    background   : #f57500;
    color        : white;
    font-size    : 16px;
    margin-right : 5px;
}

.music_detail .mhead ._name {
    font-size   : 16px;
    color       : #7a7a7a;
    padding-top : 7px;
}

.music_detail .video_area { /*height:443px;*/
    width      : 100%;
    background : #000;
}

.music_detail .video_area .video_wrap {
    width            : 788px;
    display          : block;
    background-color : #c8c8c8;
    height           : inherit;
    margin           : 0 auto;
}

.music_detail .video_area video {
    margin           : 0 auto;
    display          : block;
    background-color : #c8c8c8;
    height           : inherit;
}

.movie-player-wrapper {
    position       : relative;
    width          : 100%;
    height         : 0;
    overflow       : hidden;
    padding-bottom : 56.26%;
}

.movie-player-wrapper > video {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

.music_detail .artist_info {
    display         : flex;
    align-items     : center;
    margin-left     : 10px;
    justify-content : left;
    margin          : 10px 0 9px;
}

.live_rec .artist_info {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    margin          : 10px 0 30px;
}

.music_detail .artist_info ._image {
    display        : inline-block;
    width          : 50px;
    height         : 50px;
    border-radius  : 25px;
    overflow       : hidden;
    vertical-align : super;
    flex-shrink    : 0;
}

.music_detail .artist_info ._image img {
    width : 100%;
}

.music_detail .artist_info ._name {
    font-size   : 18px;
    color       : #606060;
    margin-left : 15px;
    font-weight : 500;
}

.live_rec .artist_info ._name {
    font-size   : 18px;
    color       : #606060;
    margin-left : 5px;
    font-weight : 500;
    line-height : 1.2em;
}

.live_rec .artist_info ._name > a {
    word-break : break-all;
}

.music_detail .artist_info ._followers {
    font-size   : 12px;
    color       : black;
    margin-left : 10px;
    width       : 100px;
    flex-shrink : 0;
}

.music_detail .artist_info ._followers em {
    font-size : 12px;
    color     : black;
}

.music_detail .artist_info ._followers .follow {
    padding          : 5px 15px 8px 15px;
    font-size        : 13px;
    color            : white;
    border-radius    : 15px;
    background-color : #606060;
    cursor           : pointer;
}

.live_rec .artist_info ._followers .follow {
    padding          : 5px 15px 8px 15px;
    font-size        : 13px;
    color            : white;
    border-radius    : 15px;
    background-color : #606060;
    cursor           : pointer;
}

.music_detail .artist_info ._followers .follow span {
    font-size : 12px;
    color     : #fff;
}

.music_detail .artist_info ._followers .follow:hover {
    background-color : #666;
}

.music_detail .artist_info ._followers .follow:hover .xi-star {
    color : yellow;
}

.music_detail .artist_info ._followers .follow:active {
    background-color : #292929;
}

.music_detail .artist_info ._followers .btn_follow.followed {
    background-color : #eda349;
}

.music_detail .artist_info ._followers .btn_follow .xi-star {
    font-size   : 12px;
    color       : white;
    margin-left : -2px;
}

.music_detail .artist_info ._followers .btn_follow:hover .xi-star, .music_detail .artist_info ._followers .btn_follow.followed .xi-star {
    color : yellow
}

.music_detail .contents ._subject {
    margin-bottom : 17px;
    font-size     : 18px;
    font-weight   : 500;
    line-height   : 20px;
}

.music_detail .contents ._subject span {
    padding      : 0px 14px;
    background   : #f57500;
    color        : white;
    font-size    : 16px;
    margin-right : 5px;
}

.music_detail .contents .info {
    font-size      : 14px;
    position       : relative;
    margin-top     : 15px;
    padding-bottom : 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.music_detail .contents .info ._regdt {
    letter-spacing : -0.5px;
    margin-right   : 15px;
    font-size      : 14px;
}

.music_detail .contents .info ._view {
    letter-spacing : -2px;
    margin-right   : 8px;
    position       : relative;
    font-size      : 14px;
}

.music_detail .contents .info ._view i {
    font-size : 18px;
    position  : absolute;
}

.music_detail .contents .info ._view em {
    padding-left   : 5px;
    letter-spacing : 0px;
}

.music_detail .contents .info .btn_social_share {
    display     : table-cell;
    float       : right;
    padding-top : 5px;
}

.music_detail .contents .info .btn_social_share i {
    margin-top : 2px;
}

.music_detail .contents .info2 {
    font-size      : 14px;
    position       : relative;
    margin-top     : 15px;
    padding-bottom : 20px;
}

.music_detail .contents .info2 ._wish {
    margin-right : 12px;
    position     : relative;
}

.music_detail .contents .info2 ._wish {
    padding       : 2px 11px 4px 12px;
    border        : 1px solid #dfdfe0;
    border-radius : 6px;
    cursor        : pointer;
}

.music_detail .contents .info2 ._wish i {
    font-size : 20px;
    position  : absolute;
    top       : 5px;
    left      : 6px;
    color     : #f7931e;
}

.music_detail .contents .info2 ._wish em {
    padding-left : 15px;
    font-size    : 15px;
}

.music_detail .contents .info2 ._comment {
    position : relative;
}

.music_detail .contents .info2 ._comment i {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 1.125rem;
    height   : 1.125rem;
}

.music_detail .contents .info2 ._comment em {
    padding-left   : 30px;
    font-size      : 15px;
    letter-spacing : 0.01rem;
    line-height    : 1.25;
    margin-bottom  : 1.5rem;
    max-width      : 44rem;
}

.music_detail .contents .hashtag {
    margin      : 0px 10px 10px 0px;
    padding-top : 4px;
}

.music_detail .contents .hashtag em {
    display        : inline-block;
    padding        : 6px 7px 8px 5px;
    color          : black;
    background     : #dfe0e0;
    font-size      : 13px;
    margin-bottom  : 8px;
    border-radius  : 4px;
    letter-spacing : -0.5px;
}

.music_detail .contents .content {
    line-height   : 170%;
    margin-bottom : 45px;
    word-break    : break-all;
}
.music_detail .contents .content .event-link {
  color: #2673c1;
}
.music_detail .contents .content .event-link:hover {
  text-decoration: underline;
}

.music_detail .contents .lyrics {
    line-height         : 170%;
    margin-bottom       : 45px;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}

.music_detail .comment_info {
    text-align : center;
    /* border-top: 1px solid #b9b9b9;*/
    padding    : 10px 0px 10px 7px;
    cursor     : pointer;
}

.music_detail .comment_list {
}

.music_detail .comment_list .comment {
    border-top : 1px solid #ddd;
    padding    : 7px 0px 12px 7px;
}

.music_detail .comment_list .comment {
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
}

.music_detail .comment_list .comment ._image {
    -ms-flex     : none;
    -webkit-flex : none;
    flex         : none;
}

.music_detail .comment_list .comment ._content {
    flex               : 1;
    padding            : 0 10px;
    overflow           : hidden;
    word-break         : break-all;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : flex;
    flex-direction     : column;
}

.music_detail .comment_list .comment ._content ._inner {
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
    line-height            : 27px;
    margin                 : 0;
    flex-wrap              : wrap;
}

.live_rec .music_detail .comment_list .comment ._content ._inner {
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
    line-height            : 18px;
    margin                 : 0px 0px 10px 0px;
    align-items            : center;
}

.music_detail .comment_list .comment ._content ._name {
    font-size      : 14px;
    font-weight    : bold;
    letter-spacing : -0.5px;
    white-space    : nowrap;
    overflow       : hidden;
    text-overflow  : ellipsis;
}

.music_detail .comment_list .comment ._content ._regdt {
    font-size : 12px;
    color     : #777777;
}

.music_detail .comment_list .comment ._content ._div {
    padding     : 0 5px;
    font-size   : 8px;
    line-height : 27px;
}

.music_detail .comment_list .comment ._content ._info {
    display : block;
}

.music_detail .comment_list .comment ._content ._msg {
    display     : block;
    font-size   : 14px;
    line-height : 1.3em;
    max-width   : 95%;
}

.music_detail .comment_list .comment ._btn {
    -ms-flex     : none;
    -webkit-flex : none;
    flex         : none;
    position     : relative;
}

.music_detail .comment_list .comment ._btn .btn_delete {
    position   : absolute;
    top        : 50%;
    margin-top : -9px;
    right      : 0px;
    cursor     : pointer;
    font-size  : 18px;
    color      : gray
}

.music_detail .comment_list .comment ._btn .btn_delete:hover {
    color : black
}

.music_detail .comment_list ._image {
    display        : inline-block;
    width          : 27px;
    height         : 27px;
    border-radius  : 50%;
    overflow       : hidden;
    vertical-align : super;
}

.music_detail .comment_list ._image img {
    height : 100%;
}

.music_detail .comment_foot {
    border                 : 1px solid #c4c4c4;
    height                 : 54px;
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
    margin-top             : 10px;
}

.music_detail .comment_foot .comment_wrap {
    display  : inline-block;
    flex     : 1;
    position : relative;
}

.music_detail .comment_foot .comment_textarea {
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0;
}

.music_detail .comment_foot .comment_textarea textarea {
    width              : 100%;
    height             : 100%;
    padding            : 10px;
    font-size          : 14px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    line-height        : 1.4em;
}

.music_detail .comment_foot .btn_comment {
    font-size   : 12px;
    display     : inline-block;
    background  : #b3b3b3;
    text-align  : center;
    height      : auto;
    cursor      : pointer;
    color       : white;
    width       : 57px;
    line-height : 51px;
}

.music_detail .comment_foot2 {
    border                 : 1px solid #c4c4c4;
    display                : flex;
    -ms-flex-direction     : row;
    -webkit-flex-direction : row;
    flex-direction         : row;
}

.music_detail .comment_foot2 textarea {
    width      : 100%;
    height     : 44px;
    max-height : 120px;
    padding    : 3px 7px;
    font-size  : 14px;
    overflow-y : hidden;
    margin     : 10px 0px;
}

.music_detail .comment_foot2 .btn_comment {
    display    : inline-block;
    width      : 57px;
    background : #b3b3b3;
    font-size  : 14px;
    text-align : center;
    cursor     : pointer;
    color      : white;
    padding    : 10px;
}

.music_detail .next_music_head {
    border-bottom  : 1px solid #a1a1a6;
    margin-bottom  : 15px;
    padding-bottom : 10px;
}

.music_detail .next_music_head h3 {
    font-size   : 20px;
    display     : inline-block;
    font-weight : bold;
}

.music_detail .next_music_head .desc {
    font-size    : 12px;
    display      : inline-block;
    float        : right;
    margin-top   : 6px;
    margin-right : 5px;
}

.music_detail .next_music_head .btn_auto {
    float            : right;
    position         : relative;
    display          : inline-block;
    width            : 47px;
    height           : 19px;
    background-color : #f89a00;
    border-radius    : 2px;
    color            : white;
    padding-left     : 7px;
    font-size        : 11px;
    font-weight      : bold;
    line-height      : 19px;
    cursor           : pointer;
    text-align       : left;
    transition       : all ease 0.5s;
}

.music_detail .next_music_head .btn_auto:after {
    content : 'on';
}

.music_detail .next_music_head .btn_auto em {
    width         : 13px;
    height        : 13px;
    background    : white;
    display       : inline-block;
    left          : 36px;
    top           : 3px;
    position      : absolute;
    border-radius : 2px;
    transition    : all ease 0.5s;
}

.music_detail .next_music_head .btn_auto.toggle {
    background    : #a1a1a6;
    text-align    : right;
    padding-right : 7px;
    padding-left  : 0px;
}

.music_detail .next_music_head .btn_auto.toggle:after {
    content : 'off';
}

.music_detail .next_music_head .btn_auto.toggle em {
    left : 3px;
}

.music_detail .next_music_list .btn_auto.item {
    height     : 83px;
    margin-top : 15px;
}

.music_detail .next_music_list .item {
    display       : flex;
    width         : 100%;
    margin-bottom : 20px;
}

.music_detail .next_music_list .item:after {
    content : " ";
    display : block;
    clear   : both;
}

.music_detail .next_music_list .img {
    width  : 145px;
    height : inherit;
    flex   : 0 145px;
}

.music_detail .next_music_list .info {
    margin-left     : 13px;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    width: calc(100% - 158px);
}

.music_detail .next_music_list .info ._subject {
    font-size          : 14px;
    font-weight        : 500;
    height             : 40px;
    text-overflow      : ellipsis;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-break         : break-all;
    white-space        : normal;
    line-height        : 1.4em;
    margin-bottom      : 5px;
}

.music_detail .next_music_list .info ._name {
    font-size : 12px;
    color     : #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.next_music_list .info .detail_view, .new_music_list .info .detail_view {
    text-align : left;
    font-size  : 12px;
    margin-top : 6px;
}

/*event_list*/
.event_list .head_wrap {
    background : #0b0f2b url("../img/event_list_head1.png") no-repeat center;
    height     : 223px;
}

.event_list .head_wrap h3 {
    text-align  : center;
    font-size   : 60px;
    color       : white;
    padding-top : 64px;
}

.event_list .head_wrap h4 {
    text-align  : center;
    font-size   : 20px;
    color       : white;
    padding-top : 2px;
    font-weight : bold;
}

.event_list .slider_wrap {
    width           : 100%;
    background      : #07091a url(../img/event_list_head1.png) no-repeat center;
    background-size : auto 100%;
}

.event_list .slider_wrap2 {
    width      : 100%;
    background : white;
    margin-top : 24px;
}

.event_list ._inner {
    width          : 1200px;
    display        : flex;
    flex-direction : column;
}

.event_list .contents {
    display    : inline-block;
    margin     : 0px 19px 20px;
    min-height : 500px;
}

.event_list .head {
    width      : auto;
    display    : inline-block;
    margin     : 0px;
    width      : 100%;
    margin-top : 10px;
}

.event_list .search_tool {
    margin : 0 19px;
}

.event_list .search_tool .search {
    margin        : 0px;
    padding       : 10px 0px 9px 0px;
    border-bottom : 2px solid #43444e;
}

.event_list .search_tool .search:after {
    content : " ";
    display : block;
    clear   : both;
}

.event_list .search_tool .search i {
    font-size : 18px;
}

.event_list .search_tool .input-append {
    float : right;
    width : 273px;
}

.event_list .events_list {
    margin-top      : 30px;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
}

.event_list .events_list .item {
    width          : 23%;
    display        : flex;
    margin-bottom  : 30px;
    box-sizing     : border-box;
    background     : #fff;
    border         : 1px solid #ddd;
    border-radius  : 8px;
    flex-direction : column;
}

.event_list .events_list .item .item_wrap {
    padding       : 10px 15px;
    box-sizing    : border-box;
    border        : 1px solid transparent;
    border-radius : 8px;
    width         : 100%;
}

.event_list .events_list .item:hover {
    border     : 1px solid orange;
    transition : 0.2s;
}

.event_list .events_list .item:hover .item_wrap {
    border     : 1px solid orange;
    transition : 0.2s;
}

.event_list .events_list ._wrap {
    width  : 136px;
    margin : 0 auto;
}

.event_list .events_list ._img {
    position : relative;
}

.event_list .events_list ._img .img-form {

}

.event_list .events_list ._img .img-form .box_top {
    display       : flex;
    align-items   : center;
    margin-bottom : 10px;
    height        : 22px;
}

.event_list .events_list ._img .img-form ._img_wrap {
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : 235px;
}

@media (max-width : 1199px) {
    .event_list .events_list ._img .img-form ._img_wrap {
        height : 19.6vw;
    }
    .artist_event_list .events_list ._img .img-form ._img_wrap {
        width: calc(100% - 1px);
    }
    .artist_event_list .events_list ._img .img-form ._img_wrap._thumbnail_img_wrap {
        max-width: 100%;
        max-height: none;
        width: auto;
        height: auto;
    }
}

@media (max-width : 1024px) {
    .event_list .events_list .item {
        width : 32%;
    }

    .event_list .events_list ._img .img-form ._img_wrap {
        height : 23.6vw;
    }
}

@media (max-width : 768px) {

}

@media (max-width : 600px) {
    .event_list .events_list .item {
        width : 48%;
    }

    .event_list .events_list ._img .img-form ._img_wrap {
        height : 40.3vw;
    }

    .live_rec .artist_info ._followers .follow {
        padding : 1px 10px 4px 10px;
    }

    .music_detail .artist_info ._followers {
        width : 90px;
    }

    .event_list .events_list {
        margin-top : 0;
    }

    .event_list .head {
        margin-top : 20px;
    }
}

.event_list .events_list ._img .img-form ._img_wrap > img {
    max-width   : 100%;
    max-height  : 100%;
    flex-shrink : 0;
}


.event_list .events_list ._img .icon_sell {
    width        : 47px;
    height       : 22px;
    text-align   : center;
    line-height  : 23px;
    color        : white;
    background   : #f57500;
    font-size    : 11px;
    margin-right : 5px;
}

.event_list .events_list ._img .icon_sell.end {
    width       : 55px;
    height      : 22px;
    text-align  : center;
    line-height : 23px;
    position    : absolute;
    top         : 0px;
    left        : 11px;
    color       : white;
    background  : rgba(154, 154, 154, 0.98);
    z-index     : 1;
    font-size   : 11px;
}


.event_list .events_list ._subject {
    font-size          : 15px;
    color              : #43444e;
    margin-top         : 10px;
    overflow           : hidden;
    text-overflow      : ellipsis;
    width              : 92%;
    margin             : 0 auto;
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 3.0em;
    margin-top         : 10px;
    word-break         : break-all;
}

.event_list .events_list .box_bottom {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    width           : 92%;
    margin          : 0 auto;
    margin-top      : 5px;
}

.event_list .events_list ._name {
    color         : #666;
    font-size     : 12px;
    overflow      : hidden;
    text-overflow : ellipsis;
    margin-right  : 10px;
    height        : 14px;
}

.event_list .events_list ._view {
    display       : flex;
    align-items   : center;
    color         : #888;
    border        : 1px solid #bbb;
    padding       : 4px 8px;
    border-radius : 12px;
    font-size     : 12px;
}

.event_list .events_list ._view span {
    color       : #888;
    margin-left : 5px;
}


.event_list .events_list ._date {
    font-size : 13px;
    color     : #f05a29;
}

.event_list .events_list_more {
    width         : 355px;
    margin        : 10px auto;
    border        : 1px solid #bdbdc1;
    padding       : 8px;
    font-size     : 13px;
    text-align    : center;
    cursor        : pointer;
    margin-top    : 10px;
    margin-bottom : 50px;
    background    : #fff;
}

.event_list .events_list_more i {
    vertical-align : middle
}

.event_list .disp_pc {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}

.nice-date-picker-header .prev-year-btn,
.nice-date-picker-header .next-year-btn,
.nice-date-picker-header .prev-date-btn,
.nice-date-picker-header .next-date-btn {
    position        : static !important;
    left            : auto !important;
    right           : auto !important;
    top             : auto !important;
    font-size       : 18px !important;
    border-radius   : 50%;
    height          : 30px;
    width           : 40px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.nice-date-picker-header .prev-year-btn:hover,
.nice-date-picker-header .next-year-btn:hover,
.nice-date-picker-header .prev-date-btn:hover,
.nice-date-picker-header .next-date-btn:hover {
    opacity    : 1;
    background : #ffbf1f;
    transition : all 0.2s;
}

.nice-date-title-month {
    color : #fff !important;
}

.event_list .disp_m {
    display : none;
}

/*calendar  310, 348  padding:27 21px 17 ;  */
.event_list .slider_wrap .calendar_wrap {
    width      : 268px;
    padding    : 17px 21px 21px;
    background : rgba(0, 0, 0, 0.4);
    display    : inline-block;
    float      : left;
}

.nice-date-picker-header span.nice-date-title {
    line-height : unset;
    height      : auto;
}

/*event_list - slider //s */
.swiper-event-list {
    width      : calc(100% - 330px);
    height     : 348px;
    margin     : unset !important;
    display    : inline-block;
    margin     : 0px 10px !important;
    box-sizing : border-box;
}

/*.swiper-event-list .swiper-slide .swiper-slide-wrap {width:90%; margin: 0 auto; padding-top:14px; padding-bottom:20px; height:79%;}*/
.swiper-event-list .swiper-slide {
    display : table;
}

.swiper-event-list .swiper-slide .swiper-slide-wrap {
    display        : table-cell;
    margin         : 0 auto;
    padding        : 0 10px;
    height         : 100%;
    vertical-align : middle;
}

.event-slider-background {
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 260px;
    height          : 200px;
}

@media (max-width : 1200px) {
    .event-slider-background {
        width : auto;
    }
}

.event-slider-background > img {
    max-width   : 100%;
    max-height  : 100%;
    flex-shrink : 0;
}

.swiper-event-list .cover {
    display  : block;
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%; /* background:rgba(00,00,00,0.5);*/
}

.swiper-event-list .subject {
    font-size          : 16px;
    color              : white;
    margin-top         : 12px;
    padding-left       : 11px;
    padding            : 0;
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 3.0em;
    font-weight        : 300;
}

.swiper-event-list [class^=swiper-button] {
    background : none;
    width      : 47px;
    height     : 47px;
}

.swiper-event-list .xi-caret-up-circle-o {
    color     : #bbbbbb;
    font-size : 47px;
}

.swiper-event-list .xi-caret-up-circle-o:hover {
    color : #eeeeee;
}

/* @media all and (max-width : 600px) {
    1개
    .swiper-event-list .swiper-slide .img {
        padding-top : 141.17%;
    }

    .swiper-event-list .swiper-slide .img img {
        width     : 100%;
        position  : absolute;
        top       : 50%;
        left      : 0px;
        transform : translateY(-50%);
    }
}
 */
/*event_list - slider //e */
/*event_list - slider_ad //s */
.swiper-event-list-ad {
    width      : calc(100% - 38px);
    max-width  : 1162px;
    background : #414045;
}

.swiper-event-list-ad .swiper-slide img {
    width : 100%;
}

/*event_list - slider_ad //e */
/*news_list*/
.news_list .slider_wrap {
    width      : 100%;
    background : #414045;
}

.news_list ._inner {
    width          : 1200px;
    display        : flex;
    flex-direction : column;
}

.news_list .contents {
    display    : inline-block;
    margin     : 0px 19px 50px;
    min-height : 500px;
}

.news_list .head {
    width      : auto;
    display    : inline-block;
    margin     : 0px;
    width      : 100%;
    margin-top : 10px;
}

.news_list .search_tool {
    margin : 0 19px;
}

.news_list .search_tool .search {
    margin        : 0px;
    padding       : 10px 0px 9px 0px;
    border-bottom : 2px solid #43444e;
}

.news_list .search_tool .search:after {
    content : " ";
    display : block;
    clear   : both;
}

.news_list .search_tool .search i {
    font-size : 18px;
}

.news_list .search_tool .input-append {
    float : right;
    width : 273px;
}

.news_list .contents .board_list {
    padding-top : 15px;
}

.news_list .contents .board_list .item {
    width         : auto;
    height        : 182px;
    margin-bottom : 43px;
    overflow      : hidden;
}

.news_list .contents .board_list .item ._img {
    display      : inline-block;
    width        : 323px;
    height       : inherit;
    margin-right : 1.5%;
    float        : left;
}

.news_list .contents .board_list .item ._img img {
    width : 100%;
}

.news_list .contents .board_list .item .content {
    display      : inline-block;
    width        : calc(100% - 347px);
    height       : inherit;
    margin-right : 0.5%;
    float        : left;
}

.news_list .contents .board_list .item .content ._regdt {
    font-size      : 15px;
    color          : #f05a29;
    letter-spacing : -0.5px;
    margin-top     : 2px;
}

.news_list .contents .board_list .item .content ._subject {
    font-size      : 23px;
    color          : #43444e;
    line-height    : 1.3;
    font-weight    : bold;
    letter-spacing : -1px;
    /*margin-top     : ;*/
}

.news_list .contents .board_list .item .content ._desc {
    font-size      : 15px;
    color          : #777777;
    line-height    : 1.4;
    height         : 5.8em;
    letter-spacing : -1px;
    overflow       : hidden;
    margin-top     : 11px;
}

/*slider //s */
.swiper-news-list { /* width: 1200px; height: 276px;*/
    background : #414045;
}

.swiper-news-list .swiper-slide .swiper-slide-wrap {
    width          : 90%;
    margin         : 0 auto;
    padding-top    : 14px;
    padding-bottom : 20px;
}

.swiper-news-list .swiper-slide .img {
    position : relative;
}

.swiper-news-list .swiper-slide .img img {
    width : 100%;
}

.swiper-news-list .cover {
    display    : block;
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    height     : 100%;
    background : rgba(00, 00, 00, 0.5);
}

.swiper-news-list .regdt {
    font-size   : 13px;
    color       : #7b490f;
    margin-top  : 12px;
    font-weight : bold;
}

.swiper-news-list .desc {
    font-size   : 17px;
    color       : #7f7f7f;
    margin-top  : 6px;
    height      : 2.2em;
    line-height : 1.1;
    overflow    : hidden;
    font-weight : bold;
}

.swiper-news-list [class^=swiper-button] {
    background : none;
    width      : 47px;
    height     : 47px;
}

.swiper-news-list .xi-caret-up-circle-o {
    color     : #bbbbbb;
    font-size : 47px;
}

.swiper-news-list .xi-caret-up-circle-o:hover {
    color : #eeeeee;
}

/*active*/
@media all and (min-width : 1024px) {
    /*3개*/
    /*active*/
    .swiper-news-list .swiper-slide-active + div {
        background : #060415 !important;
    }

    .swiper-news-list .swiper-slide-active + div .cover {
        display : none !important;
    }

    .swiper-news-list .swiper-slide-active + div .regdt {
        color : #f7931e;
    }

    .swiper-news-list .swiper-slide-active + div .desc {
        color : #c8c8c8;
    }
}

@media all and (min-width : 601px) and (max-width : 1023px) {
    /*2개*/
    /*active*/
    .swiper-news-list .swiper-slide-active {
        background : #060415 !important;
    }

    .swiper-news-list .swiper-slide-active .cover {
        display : none !important;
    }

    .swiper-news-list .swiper-slide-active .regdt {
        color : #f7931e;
    }

    .swiper-news-list .swiper-slide-active .desc {
        color : #ffffff;
    }
}

@media all and (max-width : 600px) {
    /*1개*/
    /*active*/
    .swiper-news-list .swiper-slide-active {
        background : #060415 !important;
    }

    .swiper-news-list .swiper-slide-active .cover {
        display : none !important;
    }

    .swiper-news-list .swiper-slide-active .regdt {
        color : #f7931e;
    }

    .swiper-news-list .swiper-slide-active .desc {
        color : #ffffff;
    }
}

/*slider //e */
/*news_detail*/
.news_detail .news_detail_wrap {
    margin : 3% 20px
}

.news_detail .board {
}

.news_detail .board .info {
    margin-top : 7px;
}

.news_detail .board .subject {
    font-size      : 23px;
    border-bottom  : 1px solid #43444e;
    padding-bottom : 25px;
    padding-left   : 2px;
    font-weight    : bold;
}

.news_detail .board ._regdt {
    font-size      : 15px;
    letter-spacing : -1px;
    margin-right   : 10px;
}

.news_detail .board ._view {
    font-size      : 15px;
    display        : inline-block;
    letter-spacing : -1px;
    margin-right   : 8px;
    position       : relative;
}

.news_detail .btn_social_share {
    float : right
}

.news_detail .btn_social_share i {
    margin-top : 2px;
}

.news_detail .board .content {
    min-height    : 200px;
    padding       : 40px 0px 50px;
    line-height   : 1.6;
    font-size     : 15px;
    color         : #777777;
    border-bottom : 1px solid #d0d0d2
}

.news_detail .board .content img {
    display    : block;
    text-align : center;
    margin     : 40px auto;
    max-width  : 100%;
}

.news_detail .news_list {
    position  : relative;
    font-size : 0;
    margin    : 3% 20px 1%;
}

.news_detail .news_list .item {
    display       : inline-table;
    width         : 32%;
    margin-right  : 2%;
    margin-bottom : 6%;
}

.news_detail .news_list .item:nth-child(3n+3) {
    margin-right : 0;
}

.news_detail .news_list .item ._img {
}

.news_detail .news_list .item ._img em {
    position : absolute;
    top      : 0px;
    left     : 0px;
}

.news_detail .news_list .item ._img img {
    width : 100%;
}

.news_detail .news_list .item ._subject {
    font-size   : 18px;
    font-weight : bold;
    height      : 2em;
    margin-top  : 0.5em;
    overflow    : hidden;
}

.live_list ._inner {
    width          : 1200px;
    display        : flex;
    flex-direction : column;
}

.live_list .contents {
    display    : inline-block;
    margin     : 20px 19px 50px;
    min-height : 500px;
}

.live_list .head_wrap {
    background : #0b0f2b url("../img/live_head.png") no-repeat center top;
    height     : 223px;
}

.live_list .head_wrap h3 {
    text-align  : center;
    font-size   : 60px;
    color       : white;
    padding-top : 64px;
}

.live_list .head_wrap h4 {
    text-align  : center;
    font-size   : 20px;
    color       : white;
    padding-top : 2px;
}

.live_list .head {
    width      : auto;
    display    : inline-block;
    margin     : 0px;
    width      : 100%;
    margin-top : 10px;
    display    : none;
}

.live_list .search_tool {
    margin : 0 19px;
}

.live_list .search_tool .search {
    margin        : 0px;
    padding       : 10px 0px 9px 0px;
    border-bottom : 2px solid #43444e;
}

.live_list .search_tool .search:after {
    content : " ";
    display : block;
    clear   : both;
}

.live_list .search_tool .search i {
    font-size : 18px;
}

.live_list .search_tool .input-append {
    float : right;
    width : 273px;
}


.live_list .contents .today_live_list .item {
    position      : relative;
    width         : auto;
    padding       : 15px 20px 15px 15px;
    display       : flex;
    align-items   : flex-start;
    background    : #fff;
    border        : 1px solid #ddd;
    border-radius : 8px;
    margin-bottom : 20px;
}

.live_list .contents .today_live_list .item:first-child:before {
    border-top : 0px;
}

.live_list .contents .today_live_list .item ._timeimg {
    display     : flex;
    align-items : flex-start;
}
.live_list .contents .today_live_list .item ._timeimg .time_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 15px;
}
.live_list .contents .today_live_list .item ._timeimg .time_wrap ._sort {
  width: 80px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 10px;
}
.live_list .contents .today_live_list .item ._timeimg .time_wrap ._sort.slive {
  background: #3685d2;
}
.live_list .contents .today_live_list .item ._timeimg .time_wrap ._sort.sevent {
  background: #f54d53;
}

.live_list .contents .today_live_list .item ._time._schtime {
    flex-direction  : column;
    font-size       : 26px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : #999;
    width           : 66px;
    flex-shrink     : 0;
}

.live_list .contents .today_live_list .item ._time > em {
    color      : #999;
    font-size  : 15px;
    margin-top : 5px;
    text-align: center;
    line-height: 1.3em;
    max-width: 80px;
}

.live_list .contents .today_live_list .item .now {
    color      : #fff;
    background : #f1592b;
    padding    : 4px;
    font-size  : 18px;
    margin-top : 5px;
    display    : none;
}

.live_list .contents .today_live_list .item ._img._schimg {
    margin-right : 20px;
    position: relative;
}

.live_list .contents .today_live_list .item ._img._schimg .back {
  width: 232px;
}

._schimg ._img_wrap {
/*     width           : 232px;
    display: block; */
}


.live_list .contents .today_live_list .item .content.schcontent {
    display         : flex;
    align-items     : flex-start;
    justify-content : space-between;
    width           : calc(100% - 350px);
    flex            : 1;
}

.live_list .contents .today_live_list .item .content.schcontent .btn_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 14px;
    flex-wrap: wrap;
}

.live_list .contents .today_live_list .item .content.schcontent .exp_swap {
    width        : 100%;
    flex         : 1;
}


.live_list .contents .today_live_list .item .content ._subject {
    font-size          : 16px;
    color              : #43444e;
    display            : -webkit-box;
    display            : -ms-flexbox;
    text-overflow      : ellipsis;
    word-break         : break-all;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.3em;
    height             : 2.6em;
    font-weight        : 500;
    margin-top: 7px;
}
.live_list .contents .today_live_list .item .content ._subject:hover {
  text-decoration: underline;
}

.live_list .contents .today_live_list .item .content ._soon {
    font-size  : 13px;
    color      : #898989;
    margin-top : 14px;
    display    : none;
}

.live_list .contents .today_live_list .item .content ._name {
    font-size     : 14px;
    color         : #888;
    margin-top    : 5px;
    word-break    : break-all;
    line-height   : 18px;
    overflow      : hidden;
    text-overflow : ellipsis;
    height        : 18px;
}

.live_list .contents .today_live_list .item .content ._name a {
    color         : #888;
}

.live_list .contents .today_live_list .item .content ._exp {
    font-size   : 14px;
    height: 18px;
    color       : #666;
    margin-top  : 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 100%;
}

.live_list .contents .today_live_list .item .content ._exp.hide {
    display            : -webkit-box;
    display            : -ms-flexbox;
    text-overflow      : ellipsis;
    word-break         : break-all;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.3em;
    height             : 2.6em;
    white-space        : pre-line;
}

.live_list .contents .today_live_list .item .content ._more {
    color     : #0e9ccc;
    font-size : 14px;
    display   : inline-block;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn {
    width: 165px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 2px solid #f7931e;
    box-sizing: border-box;
    height: 30px;
    margin-right: 6px;
    margin-top: 6px;
    border-radius: 15px;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn > i {
    color        : #f7931e;
    margin-right : 2px;
    font-size    : 16px;
    display: none;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn.apply-btn {
    border : 1px solid #bbb;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn:hover {
    background : #EE4F25;
    border     : 1px solid #EE4F25;
    transition : all 0.2s;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn:hover > i {
    color : #fff;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn.apply-btn:hover {
    background : #f69222;
    border     : 1px solid #f69222;
    transition : all 0.2s;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn:hover .ticket-btn-text {
    color      : #fff;
    transition : all 0.2s;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn:last-child {
    margin-bottom : 0;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn .ticket_icon_w {
    width        : 27px;
    height       : 15px;
    margin-right : 8px;
    display      : none;
}

.live_list .contents .today_live_list .item .content .live-schedule-netticket-btn .ticket-btn-text {
    border         : none;
    background     : none;
    color          : #f7931e;
    font-size      : 13px;
    padding        : 0;
    margin-top     : 2px;
    letter-spacing : -0.5px;
    white-space: pre-line;
    line-height: 1;
}

.live_list .contents .today_live_list .item.live_on .now {
    display       : inline-block;
    padding       : 5px 15px 5px;
    background    : #f05a29;
    font-size     : 15px;
    font-weight   : bold;
    color         : white;
    margin-top    : 5px;
    border-radius : 12px;
}
.live_list .contents .today_live_list .item.live_on ._time._schtime {
    color: #f05a29;
}

.live_list .contents .today_live_list .item.live_on .stime {
    display : none;
}

.live_list .contents .today_live_list .item.live_on {
    border : 2px solid #f7931e;
}

.live_list .contents .today_live_list .item.live_on:before {
    border : 0px
}

.live_list .contents .today_live_list .live_on + .item:before {
    border : 0px
}


.live_list .calendar {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    /* text-align: center;
    margin: 10px 0px; */
}
.live_list .mfilter_wrap {
  display: none;
}

.live_list .calendar > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.live_list .calendar > div:nth-child(1) {
    display        : inline-block;
    vertical-align : middle;
    margin-right   : 15px;
}

.live_list .calendar > div:nth-child(3) {
    display        : inline-block;
    vertical-align : middle;
    margin-left    : 15px;
}

.live_list .calendar .btn_open_calendar {
    text-align : center;
}

.live_list .calendar .btn_open_calendar i {
    display   : block;
    font-size : 2.5em;
}

/*ranking*/
.ranking ._inner {
    width     : 100%;
    display   : flex;
    flex-wrap : wrap
}

.ranking .inner .contents {
    display : inline-block;
    width   : calc(100% - 430px);
    padding : 30px 15px 93px
}

.ranking .inner .side {
    display : inline-block;
    width   : 369px;
    padding : 35px 15px;
}

.ranking .inner .side .right_infoimg {
    margin-bottom : 40px;
}

/*
.ranking .inner .side .new_music_more {
    width  : 80%;
    margin : 18px auto 38px;
} */
.new_music_more.live_more {
    border  : none;
    padding : 0;
    width   : fit-content;
    float   : right;
}

.ranking .ranking_head {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}

.ranking .ranking_head .left_wrap {
    display: flex;
    align-items: center;
}
.ranking .ranking_head h3 {
    display         : flex;
    margin          : 10px 0px;
    justify-content : space-between;
    width           : 100%;
    flex            : 1;
    padding-right   : 10px;
    align-items     : center;
    box-sizing      : border-box;
}

.ranking .ranking_head h3 span {
    font-size    : 25px;
    padding-left : 5px;
    font-weight  : bold;
    font-family  : Oswald;
}

.ranking .ranking_head em.now_time {
    font-size : 12px;
    color     : #43444e;
}

.ranking .ranking_head h3 i {
    border-radius : 50%;
    padding       : 5px;
    color         : white;
    font-size     : 20px;
}

.ranking #ranking_artist h3 i {
    background : #f15a2b;
}
/* .ranking #broadcast_music,
.ranking #ranking_music,
.ranking #ranking_artist {
    margin-top : 40px;
} */
.ranking #ranking_artist {
    margin-top : 40px;
}

.ranking #ranking_broadcast h3 i {
    background: #f69238;
}

.ranking #ranking_music h3 i {
    background : #f47632;
}

.ranking .ranking_head .category {
    display     : flex;
    align-items : center;
}

.ranking .ranking_head .category ul {
    color     : white;
    font-size : 14px;
    float     : right;
}

.ranking .ranking_head .category ul:after {
    content : " ";
    display : block;
    clear   : both;
}

.ranking .ranking_head .category ul li {
    color          : #7d7d7d;
    border         : 1px solid #d3d3d4;
    border-right   : 0px;
    display        : table;
    float          : left;
    padding        : 0px 10px 0px;
    cursor         : pointer;
    cursor         : pointer;
    transition     : color, background-color ease 0.5s;
    height         : 24px;
    vertical-align : middle;
    line-height    : 24px;
    letter-spacing : -1px;
}

.ranking .ranking_head .category ul li:last-child {
    border-right : 1px solid #d3d3d4;
}

.ranking .ranking_head .category ul li.on {
    background : #f57500;
}

.ranking .ranking_head .category ul li.on span {
    color : white;
}

.ranking .ranking_head .category ul li:hover {
    background : #e66f00;
}

.ranking .ranking_head .category ul li:hover span {
    color : white;
}

.ranking .ranking_head .category ul li:first-child {
    border-radius : 8px 0 0 8px;
}

.ranking .ranking_head .category ul li:last-child {
    border-radius : 0 8px 8px 0;
}

.ranking .ranking_head .category ul li:first-child {
    border-radius : 8px 0 0 8px;
}

.ranking .ranking_head .category ul li:last-child {
    border-radius : 0 8px 8px 0;
}

.ranking .ranking_list {
    border-top    : 5px solid #43444e;
    border-bottom : 5px solid #43444e;
}

.ranking .ranking_list li {
    display: flex;
    height: 54px;
    padding: 0px 0px 0px 0;
    border-bottom: 1px solid #b1b2b6;
    align-items: center;
}

.ranking .ranking_list li:last-child {
    border-bottom : 0px;
}

.ranking .ranking_list li > div {
    display        : table-cell;
    vertical-align : middle;
}
.ranking .ranking_list li > div.list_thum {
    width: 40px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: transparent;
    margin: 0 10px;
}
.ranking .ranking_list li > div.list_thum:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.ranking .ranking_list li > div.list_thum .video_thumnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
}
.ranking .ranking_list li > div.list_thum .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.ranking .ranking_list li > div.list_thum img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ranking .ranking_list ._num {
    min-width     : 20px;
    text-align    : center;
    padding-right : 5px;
    font-size     : 17px;
}

.ranking .ranking_list ._icon {
    min-width  : 15px;
    text-align : center;
}

.ranking .ranking_list ._icon.icon_up i:before {
    content : "\e944";
}

.ranking .ranking_list ._icon.icon_dn i:before {
    content : "\e941";
}

.ranking .ranking_list ._icon.icon_eq i:before {
    content : "\e960";
}

.ranking .ranking_list ._icon.icon_new i:before {
    content : "\e9a9";
}

.ranking .ranking_list ._icon.icon_none i:before {
    content : "\e91b";
}

.ranking .ranking_list ._img_wrap {
    width: 70px;
    margin: 0 10px;
}

.ranking #ranking_artist .ranking_list ._img {
    width            : 40px;
    height           : 40px;
    background-color : #43444e;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    border-radius    : 50%;
    overflow         : hidden;
}

.ranking #ranking_artist .ranking_list ._img img {
    max-width  : 100%;
    max-height : 100%;
}

.ranking .ranking_list ._subject {
    width          : 100%;
    text-align     : left;
    font-size      : 15px;
    color          : #43444e;
    /*   border-right: 1px solid #e1e1e3; */
    vertical-align : middle;
    line-height    : 16px;
    flex: 1;
}

.ranking .ranking_list ._subject > a {
    max-height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    white-space: normal;
    word-break: break-all;
    margin-right: 10px;
}


.ranking .ranking_list ._location {
    min-width     : 120px;
    padding-right : 15px;
    text-align    : left;
    font-size     : 13px;
    color         : #43444e;
}

.ranking .ranking_list ._location > i {
    font-size      : 13px;
    vertical-align : sub;
    opacity        : 0.8;
}

.ranking .ranking_list ._hashtag {
    min-width     : 120px;
    padding-right : 15px;
    text-align    : right;
    font-size     : 13px;
    color         : #43444e;
}

.ranking .ranking_list ._btn {
    width          : 45px;
    vertical-align : middle;
}

.ranking .ranking_list .btn_social_share {
    width       : 45px !important;
    border      : 1px solid #dededf;
    color       : #dededf;
    line-height : 0px !important;
}

.ranking .ranking_list .btn_social_share {
    float : right
}

.ranking .ranking_list .btn_social_share i {
    margin-top : 2px;
}

.ranking .slider_wrap {
    background    : white;
    margin-top    : 32px;
    margin-bottom : 24px;
}

.ranking .today_live_head {
    border-bottom  : 1px solid #a1a1a6;
    margin-bottom  : 15px;
    padding-bottom : 10px;
}

.ranking .today_live_head h3 {
    font-size   : 20px;
    display     : inline-block;
    font-weight : bold;
}

.ranking .today_live_head .desc {
    font-size    : 12px;
    display      : inline-block;
    float        : right;
    margin-top   : 6px;
    margin-right : 5px;
}

.ranking .today_live_list .item:after {
    content : " ";
    display : block;
    clear   : both;
}

.ranking .today_live_list .item:before {
    content  : " ";
    display  : block;
    width    : 100%;
    position : absolute;
    top      : 0%;
}

.ranking .today_live_list .item {
    position      : relative;
    width         : auto;
    padding       : 0;
    margin        : 0;
    margin-bottom : 20px;
}

.ranking .today_live_list .item ._time {
    position       : relative;
    display        : block;
    width          : 100%;
    height         : inherit;
    padding-bottom : 5px;
    font-size      : 12px;
}

.ranking .today_live_list .item .now {
    color         : white;
    background    : #f57500;
    text-align    : center;
    font-size     : 11px;
    padding       : 0px 4px;
    border-radius : 3px;
    margin-left   : 3px;
}

.ranking .today_live_list .item ._img {
    display    : inline-block;
    width      : 35%;
    height     : inherit;
    float      : left;
    background : #000;
}

/*.ranking .today_live_list .item ._img img {*/
/*width : 100%;*/
/*}*/
.ranking .today_live_list .item .content {
    display     : inline-block;
    width       : calc(100% - 38%);
    height      : inherit;
    float       : left;
    margin-left : 10px;
    margin-top  : 6px;
}

.ranking .today_live_list .item .content ._subject {
    font-size          : 13px;
    color              : #444;
    display            : -webkit-box;
    display            : -ms-flexbox;
    text-overflow      : ellipsis;
    word-break         : break-all;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 3.0em;
}

.ranking .today_live_list .item:hover .content ._subject {
    text-decoration : underline;
    transition      : all 0.2s;
}

.ranking .today_live_list .item .content ._soon {
    font-size  : 12px;
    color      : #898989;
    margin-top : 8px;
}

.ranking .today_live_list .item .content ._name {
    font-size     : 11px;
    color         : #898989;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    line-height   : 22px;
}

.join-inner .join_detail_wrap {
    padding     : 0px 10px;
    padding-top : 1px;
}

#page-wrapper .contact_detail {
    background: #F591210D;
}

.contact-inner .contact_detail_wrap {
    padding: 0.1px 10px 40px;
    }

.checkbox label.join-agree-label::after {
    padding-left: 2px !important;
    font-size: 15px !important;
}

.join-inner .join_detail_wrap .content .title-bar {
    margin-top : 50px;
    text-align : center;
}

.join-inner .join_detail_wrap .content .title-line {
    border     : 1px solid;
    margin-top : 15px;
}

.join-inner .join_detail_wrap .content .subject {
    font-size : 35px;
}

.join-inner .join_detail_wrap .content .subtitle {
    color : #979797;
}

.join-inner .join_detail_wrap .content .join-form .input-form-wrapper {
    margin-top : 20px;
    background: #ffffff;
    padding: 40px 0;
    border-radius: 3px;
}

.join-inner .join_detail_wrap .content .join-form .checkbox-form {
    margin-top : 30px;
    text-align : left;
}

.join-inner .join_detail_wrap .content .join-form .checkbox-form .join_agree_link {
    color           : orange;
    text-decoration : underline;
}

.join-inner .join_detail_wrap .content .join-form .checkbox-form .join_agree_link:hover {
    color      : #f1592b;
    transition : all 0.2s;
}

.join-inner .join_detail_wrap .content .join-form .input-form {
    margin-top : 15px;
}

.join-inner .join_detail_wrap .content .join-form .input-form div {
    display : inline-block;
    width   : 130px;
}

.join-inner .join_detail_wrap .content .join-form .input-form input {
    display          : inline-block;
    background-color : #ffffff;
    background-image : none;
    border           : 1px solid #e5e6e7;
    border-radius    : 1px;
    color            : inherit;
    padding          : 6px 12px;
    transition       : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width            : 400px;
    height           : 20px;
    font-size        : 14px;
    line-height      : 1.42857143;
}
.join-inner .join_detail_wrap .content .join-form .input-form select {
    display          : inline-block;
    background-color : #ffffff;
    background-image : none;
    border           : 1px solid #e5e6e7;
    border-radius    : 1px;
    color            : inherit;
    padding          : 6px 12px;
    transition       : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width            : 400px;
    height           : 20px;
    font-size        : 14px;
    line-height      : 1.42857143;
    box-sizing: content-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}
.join-inner .join_detail_wrap .content .join-form .input-form textarea {
    display          : inline-block;
    background-color : #ffffff;
    background-image : none;
    border           : 1px solid #e5e6e7;
    border-radius    : 1px;
    color            : inherit;
    padding          : 6px 12px;
    transition       : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width            : 400px;
    height           : 100px;
    font-size        : 14px;
    line-height      : 1.42857143;
    resize: none;
    font: 400 13.3333px Arial;
}

.contact-inner .contact_detail_wrap .content .title-bar {
    margin-top : 50px;
    text-align : center;
}

.contact-inner .contact_detail_wrap .content .title-line {
    border     : 1px solid;
    margin-top : 15px;
}

.contact-inner .contact_detail_wrap .content .subject {
    font-size : 35px;
}

.contact-inner .contact_detail_wrap .content .subtitle {
    color : #979797;
}

.contact_detail .submit-form {
    font: normal normal 14px/20px Noto Sans JP;
    display: flex;
    justify-content: center;
}

.contact_detail .input-form {
    font: normal normal 14px/20px Noto Sans JP;
    display: flex;
    justify-content: space-between;
}

.contact_detail_wrap .contact-form {
    max-width: 700px;
    margin: 0 auto;
}

.contact-inner .contact_detail_wrap .content .contact-form .input-form-wrapper {
    margin-top : 20px;
    background: #ffffff;
    padding: 30px 40px;
    border-radius: 3px;
}

.contact-inner .contact_detail_wrap .content .contact-form .checkbox-form {
    margin-top : 30px;
    text-align : left;
}

.contact-inner .contact_detail_wrap .content .contact-form .checkbox-form .contact_agree_link {
    color           : orange;
    text-decoration : underline;
}

.contact-inner .contact_detail_wrap .content .contact-form .checkbox-form .contact_agree_link:hover {
    color      : #f1592b;
    transition : all 0.2s;
}

.contact-inner .contact_detail_wrap .content .contact-form .input-form {
    margin-top : 23px;
    font: normal normal 14px/20px Noto Sans JP;
}

.contact-inner .contact_detail_wrap .content .contact-form .input-form input {
    display          : inline-block;
    background-color : #ffffff;
    background-image : none;
    border: 1px solid #B4B4B5;
    border-radius    : 3px;
    color            : inherit;
    padding          : 6px 12px;
    transition       : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width            : 400px;
    height           : 20px;
    font-size        : 14px;
    line-height      : 1.42857143;
}

.contact-inner .contact_detail_wrap .content .contact-form .input-form input:focus {
    border: 1px solid #3A861A;
}

.contact-inner .contact_detail_wrap .content .contact-form .input-form select {
    display          : inline-block;
    background-color : #ffffff;
    background-image : none;
    border: 1px solid #B4B4B5;
    border-radius: 3px;
    color            : inherit;
    padding          : 6px 12px;
    transition       : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width            : 400px;
    height           : 20px;
    font-size        : 14px;
    line-height      : 1.42857143;
    box-sizing: content-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}
.contact-inner .contact_detail_wrap .content .contact-form .input-form select:focus {
    border-color: #3A861A;
}
.contact-inner .contact_detail_wrap .content .contact-form .input-form textarea {
    overflow-y: scroll;
    display          : inline-block;
    background-color : #ffffff;
    background-image : none;
    border           : 1px solid #B4B4B5;
    border-radius    : 3px;
    color            : inherit;
    padding          : 6px 12px;
    transition       : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width            : 400px;
    height           : 100px;
    font-size        : 14px;
    line-height      : 1.42857143;
    resize: none;
    font: 400 13.3333px Arial;
}

.contact-inner .contact_detail_wrap .content .contact-form .input-form textarea:focus {
    border-color: #3A861A;
}

.contact-inner .contact_detail_wrap .content .contact-form .input-form .contents {
	width : 100% !important;
}

.contact-inner .contact_detail_wrap .content .contact-form .input-form .text_required{
	font-size   : 12px;
	color       : #F05A2B;;
}

.contact-form .contact-submit-btn {
    background: #B4B4B5 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 220px;
    margin-top: 30px;
    margin-bottom: 20px;
    height: 36px;
    color: #fff;
}

.checkbox label::before {
    margin-top    : 2px;
    width         : 16px;
    height        : 16px;
    left          : 0;
    margin-left   : -20px;
    border-radius : 0px;
}

.checkbox label::after {
    padding-left : 0px !important;
}

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
    font-size : 17px;
}

.asterick {
    font-size : 12px;
    color     : #f2b257;
}

.img-center {
    position : absolute;
    right    : 0;
    left     : 50%;
    top      : 0;
    bottom   : 0;
    margin   : auto;
    width    : 100%;
}

.share-list-btn {
    list-style : none;
    padding    : 0;
}

.share-list-btn .share {
    width            : 53px;
    height           : 53px;
    display          : inline-block;
    border-radius    : 50%;
    background-color : blue;
    margin           : 20px;
    cursor           : pointer;
}

.share-list-btn .share.share-facebook {
    background-color : #4870ce;
}

.share-list-btn .share.share-twitter {
    background-color : #000000;
}

.share-list-btn .share.share-line {
    background-color : #1dc104;
}

.share-list-btn .share i {
    font-size   : 35px;
    line-height : 1.50em;
    color       : white;
}

.share-url {
    width          : 85%;
    height         : 25px;
    padding        : 0 0 0 8px;
    border         : 1px solid #dfdfdf;
    line-height    : 25px;
    color          : #888;
    font-size      : 13px;
    vertical-align : top;
}

.share-title-text {
    font-size   : 24px;
    padding-top : 10px;
    font-weight : 700;
    color       : orange;
}

._icon.icon_eq {
    color : gray;
}

._icon.icon_new {
    color : orange;
}

._icon.icon_up {
    color : red;
}

._icon.icon_dn {
    color : blue;
}

/*************policy*************/
.policy {
    text-align : center;
}

.policy > .title {
    margin-top  : 110px;
    font-weight : 700;
    font-size   : 40px;
}

.policy .subtitle {
}

@media all and (max-width : 500px) {
    .policy-list {
        width : 90% !important;
    }
}

.policy-list {
    width         : 500px;
    margin        : 0 auto;
    border-top    : 2px solid black;
    margin-top    : 30px;
    margin-bottom : 50px;
}

.policy-item {
    cursor         : pointer;
    margin-left    : 10px;
    text-align     : left;
    padding-top    : 15px;
    padding-bottom : 15px;
    border-bottom  : 1px solid #e7eaec;
    margin-left    : 10px;
}

.policy-item.active .menu-arrow:before {
    content : "\e941";
}

.policy-item .menu-arrow:before {
    content : "\e93e";
}

.policy-item .first-policy .title {
    text-align : left;
    display    : inline-block;
    font-size  : 18px;
}

.policy-item .first-policy .menu-arrow {
    font-family  : xeicon;
    float        : right;
    color        : #929292;
    margin-right : 10px;
    display      : inline-block;
}

.policy-item .first-policy .content {
    display : none;
}

.policy-item.active .first-policy .content {
    display     : block;
    margin-top  : 30px;
    line-height : 30px;
    font-size   : 14px;
}

/*************policy*************/
.music_player_video {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

.fullscreen {
    position  : fixed !important;
    z-index   : 999999;
    top       : 0;
    left      : 0;
    height    : 100%;
    width     : 100%;
    transform : translateZ(0);
}

/****************************************************************************** Reset PassWord ******************************************************************************/
/*** password email input ***/
.input-base {
    border    : 1px solid #9999;
    padding   : 4px;
    font-size : 12px;
}

.forget_password {
    width      : 100%;
    max-width  : 400px;
    margin     : 0 auto;
    min-height : 700px;
}

@media ( max-width : 460px) {
    .forget_password {
        width : 90%;
    }
}

.forget_password .title {
    text-align : center;
    margin-top : 110px;
    font-size  : 30px;
}

.forget_password .subtitle {
    text-align    : center;
    font-size     : 15px;
    color         : #bbbbbb;
    margin-top    : 3px;
    height        : 30px;
    border-bottom : 3px solid black;
}

.forget_password .content {
    margin-top  : 30px;
    text-align  : center;
    line-height : 23px;
    font-size   : 13px;
}

.forget_password .content2 {
    margin-bottom : 20px;
    text-align    : center;
    line-height   : 23px;
    font-size     : 13px;
}

.forget_password .id {
    font-size     : 16px;
    font-weight   : 700;
    text-align    : center;
    margin-top    : 30px;
    margin-bottom : 30px;
}

.forget_password .passwordReset-input .asterick {
    font-size   : 13px;
    display     : inline-block;
    padding-top : 12px;
}

.forget_password .passwordReset-input .main-title {
    display : inline-block;
}

.forget_password .passwordReset-input .input-base {
    width         : calc(100% - 181px);
    margin-left   : 10px;
    margin-bottom : 30px;
    height        : 25px;
    display       : inline-block;
}

.forget_password .rePassword-input .asterick {
    display : inline-block;
}

.forget_password .rePassword-input .main-title {
    width   : 130px;
    display : inline-block;
}

.forget_password .rePassword-input .input-base {
    width         : calc(100% - 167px);
    margin-left   : 10px;
    margin-bottom : 20px;
    height        : 25px;
    display       : inline-block;
}

@media ( max-width : 460px) {
    .forget_password .email .input-base {
        width         : calc(100% - 4px);
        margin-left   : 0px;
        margin-top    : 10px;
        margin-bottom : 20px;
    }

    .forget_password .rePassword-input .input-base {
        width         : calc(100% - 20px);
        margin-left   : 10px;
        margin-top    : 10px;
        margin-bottom : 20px;
        height        : 25px;
        display       : inline-block;
    }
}

.forget_password .sendMail {
    border-bottom : 1px solid;
}

.forget_password .sendMail .btn-indie-save {
    width         : 100%;
    margin-bottom : 20px;
    background    : linear-gradient(to right, #F1B156, #E1633A);
    border        : 0;
    border-radius : 10px;
    height        : 35px;
}

/*** password email input ***/
.forget_password_confirm {
    width      : 100%;
    max-width  : 400px;
    margin     : 0 auto;
    min-height : 700px;
}

.forget_password_confirm .title {
    text-align : center;
    margin-top : 110px;
    font-size  : 30px;
}

.forget_password_confirm .subtitle {
    text-align : center;
    font-size  : 15px;
    color      : #bbbbbb;
    margin-top : 3px;
    height     : 30px;
}

.forget_password_confirm .mail-icon {
    text-align : center;
    margin-top : 10px;
}

.forget_password_confirm .mail-icon img {
    width : 120px;
}

.forget_password_confirm .content-box {
    background-color : #F9F9F9;
    margin-top       : 20px;
    padding          : 30px 30px;
}

@media ( max-width : 460px) {
    .forget_password_confirm .content-box {
        width      : 70%;
        margin     : 0 auto;
        margin-top : 20px;
    }
}

.forget_password_confirm .content {
    margin-bottom : 20px;
    text-align    : center;
    line-height   : 23px;
    font-weight   : 700;
    font-size     : 20px;
}

.forget_password_confirm .content2 {
    text-align  : center;
    line-height : 23px;
    font-size   : 13px;
}

.forget_password_confirm .content3 {
    margin-bottom : 20px;
    text-align    : center;
    line-height   : 23px;
    font-size     : 13px;
}

.forget_password_confirm .email .main-title {
    font-size : 13px;
    display   : inline-block;
}

.forget_password_confirm .email .asterick {
    font-size   : 13px;
    display     : inline-block;
    padding-top : 12px;
}

.forget_password_confirm .email .input-base {
    width         : calc(100% - 160px);
    margin-left   : 10px;
    margin-bottom : 30px;
    height        : 25px;
}

.forget_password_confirm .sendMail .btn-indie-save {
    width         : 100%;
    background    : #909090;
    border        : 0;
    border-radius : 10px;
    height        : 35px;
}

.forget_password_confirm .sendMail .btn-indie-save:hover {
    background : linear-gradient(to right, #F1B156, #E1633A);
}

/****************************************************************************** Reset PassWord ******************************************************************************/
/*************************************** Join ***************************************/
.wizard-info {
    text-align : center;
    width      : 90%;
    margin     : 0 auto;
    font-size  : 13px;
    color: #f1592b;
    margin-bottom: 15px;
    line-height: 1.3em;
}
#join-modal .join-modal-button {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
#join-modal .join-modal-button .join-btn {
    width: 96%;
    height: 70px;
    background: #e8f0fe;
    box-shadow: none;
    border: none;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    justify-content: center;
}
#join-modal .join-modal-button .join-btn .btn_exp {
    color: #666;
    font-size: 13px;
    height: 19px;
}
#join-modal .join-modal-button .join-btn .btn_exp2 {
    color: #444;
    font-size: 16px;
}
#join-modal .join-modal-button .join-btn .btn_exp_wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 145px;
}
#join-modal .join-modal-button .join-btn:hover {
  background: linear-gradient(to right, #f1b157 0%, #e1633a 100%);
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
  border: 1px solid #fff;
}
#join-modal .join-modal-button .join-btn:hover .btn_exp,
#join-modal .join-modal-button .join-btn:hover .btn_exp2 {
    color: #fff;
}
#join-modal .join-modal-button .join-btn ._login_img {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: url('/user/img/login_icon02.png') no-repeat;
    background-size: 100% auto;
    margin-right: 15px;
}
#join-modal .join-modal-button .join-btn ._login_img.artist_img {
    background-position: 0 0;
}
#join-modal .join-modal-button .join-btn ._login_img.wizard_img {
    background-position: 0 -72px;
}
#join-modal .join-modal-button .join-btn:hover ._login_img.artist_img {
    background-position: 0 -36px;
}
#join-modal .join-modal-button .join-btn:hover ._login_img.wizard_img {
    background-position: 0 -108px;
}
#join-modal ._ALexp {
    font-size: 13px;
    width: 94%;
    margin: 0 auto;
    line-height: 1.5em;
}
#join-modal ._ALexp strong {
    color: #f1592b;
    display: inline-block;
}
#join-modal ._ALexp span {
    color: #666;
}


/*************************************** Join ***************************************/
/*************************************** Login ***************************************/
.login-announce {
    padding : 2px 10px;
}

.login-announce .announce-text.announce06,
.login-announce .announce-text.announce07,
.login-announce .announce-text.announce08 {
    display : none;
}

.login-announce .announce-text {
    font-size : 13px;
    color     : #f05a29;
}
.logino-modal-chkbox {
    padding-left: 20px;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.logino-modal-chkbox > input {
    opacity: 0;
    z-index: 1;
}
.logino-modal-chkbox > label {
    cursor: pointer;
    line-height: 1.3em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-size: 14px;
}
.logino-modal-chkbox > label::before {
    margin-top: 1px;
    width: 14px;
    height: 14px;
    left: 3px;
    margin-left: -20px;
    border-radius: 2px;
}
.logino-modal-chkbox > label::after {
    margin-top: 1px;
    left: 3px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px !important;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    padding-left: 1px !important;
    padding-top: 0px !important;
    box-sizing: border-box;
}

@media (max-width : 600px) {
    .twitter-btn {
        margin-right : 0;
    }

    .login-announce .announce-text {
        font-size : 13px;
    }

    .line-btn {
        margin-left : 0;
    }

    .login-announce {
        padding : 2px 18px;
    }
}

@media (max-width : 425px) {
    .login-announce .announce-text {
        font-size : 14px;
        display   : inline-block;
    }

    .login-announce .announce-text.announce06,
    .login-announce .announce-text.announce07,
    .login-announce .announce-text.announce08 {
        display    : inline-block;
        width      : 100%;
        text-align : center;
    }

    .login-announce .announce-text.announce01,
    .login-announce .announce-text.announce02,
    .login-announce .announce-text.announce03,
    .login-announce .announce-text.announce04,
    .login-announce .announce-text.announce05 {
        display : none;
    }
}

@media (max-width : 320px) {
    .login-announce .announce-text {
        font-size : 12px;
    }
}

/*************************************** Login ***************************************/
/*************************************** List ***************************************/
.nodata {
    text-align : center;
    margin-top : 50px;
}

.nodata .nodata-icon {
    font-size : 60px;
}

.nodata .nodata-title {
    margin-top : 20px;
    font-size  : 16px;
}

/*************************************** List ***************************************/
.input-form-wrapper .input-form .pw-pattern-error,
.input-form .pw-error, .input-form .account-error {
    font-size  : 14px;
    margin-top : 10px;
    display: inline-block;
    margin-left: 150px;
}

.input-form .contact-error {
    color: #F05A2B;
    display: block;
    position: absolute;
    margin-top: 3px;
    font: normal normal normal 11px/14px Noto Sans JP;
}

.pw-pattern-exp {
    color: #888;
    font-size  : 14px;
    margin-top : 10px;
    display: inline-block;
    margin-left: 150px;
    line-height: 1.3em;
}

.join_detail .social-exp {
    line-height : 1.3em;
    font-size   : 14px;
    color       : #666;
    padding     : 0 5px 10px 5px;
}

.join_detail .social-join {

    text-align : center;
}

.input-form-wrapper .input-form .nickname-error {
    font-size  : 14px;
    margin-top : 10px;
}

.all-genre.all-genreSelected {
    background-color : cyan;
}

.trade-status {
    position   : absolute;
    z-index    : 1;
    padding    : 5px;
    background : orange;
    color      : white;
}

.buy-apply-btn {
    text-align : right;
}

.header-fixed {
    position : fixed;
    top      : 0px;
    z-index  : 9;
    width    : 100%;
}

/* mahotama_list */
.mahotama_list .head_wrap {
    background : #271d25 url("../img/mahotama_list_head.png") no-repeat center;
    height     : 223px;
}

.mahotama_list .head_wrap h3 {
    text-align  : center;
    font-size   : 60px;
    color       : white;
    padding-top : 64px;
}

.mahotama_list .head_wrap h4 {
    text-align  : center;
    font-size   : 20px;
    color       : white;
    padding-top : 2px;
    font-weight : bold;
}

.buy-modal-body {
    padding : 30px;
}

.buy-modal-body .title {
    text-align    : center;
    font-size     : 20px;
    font-weight   : 600;
    margin-bottom : 30px;
}

.buy-modal-body .artist_info {
    display        : flex;
    flex-direction : column;
}

.buy-modal-body .artist_info .flex-wrap {
    display       : flex;
    margin-bottom : 10px;
}

.buy-modal-body .artist_info .flex-wrap .label {
    width : 100px;
}

.buy-modal-body .artist_info .flex-wrap .content {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.buy-modal-body .email {
    text-align : center;
}

.buy-modal-body .emailInput {
    width         : 90%;
    margin-top    : 30px;
    height        : 12px;
    background    : white;
    border        : 2px solid #9e9e9e;
    border-radius : 10px;
    padding       : 10px 10px;
    font-size     : 13px;
    margin-bottom : 10px;
}

.buy-modal-body .warning {
    margin-bottom : 40px;
}

.buy-modal-body .termsofUse {
    margin-bottom  : 20px;
    vertical-align : middle;
}

.buy-modal-body .termsofUse span {
    vertical-align : middle;
}

.buy-modal-body .termsofUse a span {
    color : red;
}

.buy-modal-body .termChk {
    color          : #a5a5a5;
    display        : inline-block;
    vertical-align : middle;
    cursor         : pointer;
}

.buy-modal-body .termChk i {
    font-size : 25px;
}

.buy-modal-body .termChk.on {
    color : #f05a29;
}

.buy-modal-body .termChk.on i:before {
    content : "\e92d";
}

.buy-modal-body .apllyBtn {
    text-align    : right;
    margin-bottom : 20px;
}

.buy-modal-body .line {
    width         : 100%;
    border-bottom : 1px solid #eeee;
    margin-bottom : 20px;
}

.buy-modal-body .subtitle {
    font-weight   : 600;
    margin-bottom : 10px;
}

.buy-modal-body ul {
    text-align : center;
    display    : flex;
}

.buy-modal-body ul li {
    width           : 100%;
    background      : #eee;
    border-radius   : 10px;
    height          : 50px;
    vertical-align  : middle;
    display         : flex;
    justify-content : center;
    flex-direction  : column;
    text-align      : center;
}

.buy-modal-body ul li:nth-child(3n) {
    width           : 20px;
    background      : white;
    border-radius   : 10px;
    height          : 50px;
    vertical-align  : middle;
    display         : flex;
    justify-content : center;
    flex-direction  : column;
    text-align      : center;
}

@media (max-width : 600px) {
    .buy-modal-body ul {
        flex-direction : column;
    }

    .buy-modal-body ul li {
        width  : 100%;
        height : 50px;
    }

    .buy-modal-body ul li.arrow_right {
        display : none !important;
    }

    .buy-modal-body ul li.arrow_down {
        width           : 100%;
        background      : white;
        border-radius   : 10px;
        height          : 50px;
        vertical-align  : middle;
        display         : flex !important;
        justify-content : center;
        flex-direction  : column;
        text-align      : center;
    }
}

.innter.mahotama_inner ._inner {
    width : 1200px;
}

.mt_head_title01 {
    font-size  : 20px;
    color      : #f1592b;
    text-align : center;
    margin-top : 70px;
}

.mt_head_title02 {
    font-size  : 30px;
    color      : #222;
    text-align : center;
    margin-top : 15px;
}

.mt_small_head_title {
    margin-top : 60px;
    width      : 100%;
    padding    : 18px 0;
    border     : 1px solid #e0e0e0;
}

.mt_head_title03 {
    font-size   : 20px;
    color       : #222;
    line-height : 1.5em;
}

.mt_head_title04 {
    font-size   : 16px;
    color       : #222;
    line-height : 1.5em;
    white-space : pre-line;
}

.mt_head_title03, .mt_head_title04 {
    margin-left : 22px;
}

.mt_content_text_title01 {
    margin-top : 50px;
    font-size  : 24px;
    color      : #f1592b;
}

.mt_content_wrap {
    margin-top : 20px;
    height     : 700px;
}

.mt_content_left_box {
    width : 52%;
    float : left;
}

.mt_content_right_box {
    width : 44%;
    float : right;
}

.mt_content_right_box:after {
    content : '';
    clear   : both;
}

.mt_content_item {
    width         : 190px;
    height        : 210px;
    background    : #fff;
    border        : 1px solid #e0e0e0;
    border-radius : 4px;
    float         : left;
    position      : relative;
}

.mt_content_item > img {
    position   : absolute;
    max-width  : 100%;
    max-height : 100%;
    width      : auto;
    height     : auto;
    margin     : auto;
    top        : 0;
    bottom     : 38px;
    left       : 0;
    right      : 0;
}

.mt_content_item_textbox {
    float      : left;
    width      : 100%;
    position   : absolute;
    bottom     : 24px;
    text-align : center;
}

.mt_content_item_textbox .item_numb {
    color     : #444;
    font-size : 16px;
}

.mt_content_item_textbox .item_numb > b {
    color     : #f1592b;
    font-size : 22px;
}

.mt_content_left_box > a:hover .mt_content_item {
    border     : 1px solid #f1592b;
    transition : all 0.1s;
}


/* mahotama_modal */
.mahotama_modal_title {
    color     : #f1592b;
    font-size : 16px;
}

.mahotama_modal_exp {
    margin-top  : 14px;
    font-size   : 12px;
    color       : #222;
    padding     : 0 24px;
    white-space : pre-wrap;
    line-height : 1.3em;
    text-align  : left;
}

.mahotama_modal_exp2 {
    margin-top  : 7px;
    font-size   : 10px;
    color       : #222;
    padding     : 0 24px;
    white-space : pre-wrap;
    line-height : 1.3em;
    text-align  : left;
}

.my_mahotama {
    width       : 90%;
    margin-left : 5%;
    height      : 20px;
    background  : #fff;
    padding     : 10px 0;
    font-size   : 13px;
    color       : #333;
    margin-top  : 10px;
}

.my_mahotama .my-mahotama-amount-text,
.my_mahotama .my-mahotama-amount {
    font-size   : 17px;
    color       : #f1592b;
    margin-left : 5px;
}

.my_mahotama .my-mahotama-amount-text {
    margin-left : 0;
}

.my_mahotama .my-use-mahotama-amount-text,
.my_mahotama .my-use-mahotama-amount {
    color       : #333;
    font-size   : 14px;
    margin-left : 5px;
}

.mahotama_buy_title {
    font-size  : 14px;
    color      : #666;
    background : #fff;
    width      : 140px;
    height     : 18px;
    padding    : 5px;
    display    : inline-block;
}

.mahotama_buy_list {
    border-top : 1px solid #ddd;
    margin-top : -15px;
}

li.mahotama_buy_list_content {
    list-style    : none;
    height        : 16px;
    border        : 1px solid #ddd;
    border-radius : 20px;
    padding       : 12px 15px;
    margin-top    : 9px;
}

.mahotama_buy_list > a:nth-child(1) > li.mahotama_buy_list_content {
    margin-top : 20px;
}

.mahotama_img,
.mahotama_amount {
    float : left;
}

.mahotama_amount {
    margin-left : 5px;
}

.mahotama_price {
    float : right;
}

.mahotama_price:after {
    content : '';
    clear   : both;
}

.mahotama_img {
    display             : inline-block;
    width               : 20px;
    height              : 20px;
    background          : url('/user/img/tama_sample_mini.png') no-repeat;
    background-position : 0 0;
    background-size     : 100% auto;
    margin-top          : -2px;
}

.mahotama_img01 {
    background-position : 0 0;
}

.mahotama_img02 {
    background-position : 0 -18px;
}

.mahotama_img03 {
    background-position : 0 -36px;
}

.mahotama_img04 {
    background-position : 0 -54px;
}

.mahotama_img05 {
    background-position : 0 -72px;
}

.mahotama_img06 {
    background-position : 0 -90px;
}

.mahotama_amount,
.mahotama_price {
    color     : #444;
    font-size : 14px;
}

.mahotama_buy_list > a:hover li.mahotama_buy_list_content {
    border     : 1px solid transparent;
    background : linear-gradient(to left, #e1633a, #f0b056);
}

.mahotama_buy_list > a:hover .mahotama_amount,
.mahotama_buy_list > a:hover .mahotama_price {
    color : #fff;
}

/* mahotama_popup */
.wrap .content.artist01 {
    margin-top : 60px;
}

#page-wrapper .container {
    margin-top : 60px;
}

#page-wrapper .container.live_detail {
    margin-top : 80px;
}

@media (max-width : 1024px) {
    .wrap .content.artist01 {
        margin-top : 53px;
    }

    #page-wrapper .container {
        margin-top : 53px;
    }

    #page-wrapper .container.live_detail {
        margin-top : 53px;
    }

    .policy > .title {
        margin-top : 103px;
    }
}

/******************* Alert *******************/
.sweet-alert {
    padding       : 15px;
    border-radius : 5px;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    /* height : 29px; */
}

.sweet-alert h2 {
    margin : 12px 0;
}

.sweet-alert button {
    /* width            : 130px;
    padding          : 7px 0; */
    box-shadow       : none;
    /* border-radius    : 3px; */
    margin           : 15px 5px 0 5px;
    color            : #fff;
    background-color : #f1712b;
}

.sweet-alert button.cancel {
    background-color : #eee !important;
    border           : none;
    color            : #666;
}
.sweet-alert button.cancel:hover {
    background-color : #bbb !important;
    border           : 1px solid #aaa;
    color            : #fff;
}
.sweet-alert button {
    border: none !important;
    box-shadow: none !important;
}

.alert-mahotama-top-wrap .sa-icon {
    width         : 60px;
    height        : 60px;
    padding       : 0;
    margin        : 0 auto;
    margin-top    : 10px;
    border        : 4px solid #F8BB86;
    border-radius : 50%;
    position      : relative;
    box-sizing    : content-box;
}

.alert-mahotama-btn-wrap {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    padding         : 0 20px 20px 20px;
}

.alert-mahotama-btn {
    width            : 150px;
    padding          : 11px 0;
    box-shadow       : none;
    border-radius    : 3px;
    margin           : 15px 5px 0 5px;
    color            : #fff;
    background-color : #f1712b;
    font-size        : 14px;
}

.alert-mahotama-btn-cancel {
    background-color : #fff;
    border           : 1px solid #aaa;
    color            : #aaa;
}

.alert-mahotama-btn.alert-mahotama-btn-payment:hover {
    color : #fff
}

.alert-mahotama-top-wrap .sa-icon.sa-warning .sa-body {
    position              : absolute;
    width                 : 5px;
    height                : 29px;
    left                  : 50%;
    top                   : 10px;
    -webkit-border-radius : 2px;
    border-radius         : 2px;
    margin-left           : -2px;
    background-color      : #F8BB86;
}

.alert-mahotama-top-wrap .sa-icon.sa-warning .sa-dot {
    position              : absolute;
    width                 : 7px;
    height                : 7px;
    -webkit-border-radius : 50%;
    border-radius         : 50%;
    margin-left           : -3px;
    left                  : 50%;
    bottom                : 10px;
    background-color      : #F8BB86;
}

.alert-mahotama-text {
    color       : #797979;
    font-size   : 16px;
    text-align  : center;
    font-weight : 300;
    position    : relative;
    text-align  : inherit;
    float       : none;
    margin      : 0;
    padding     : 0;
    line-height : normal;
    margin-top  : 10px;
}

#alert-mahotama-modal > a.close-modal {
    display : none;
}

#alert-mahotama-modal {
    max-width     : 385px;
    border-radius : 5px;
    padding       : 0;
    left          : 0;
}


/******************* give-mahotama-modal *******************/
/* #give-mahotama-modal > a.close-modal  {
  display: none;
} */
/* input 기본 스타일 초기화 */
input {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear {
    display : none;
}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
}

/* Select box 스타일 초기화 */
select {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand {
    display : none;
}

/* Firefox 에서 input 기본 스타일 초기화 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
}

input[type=number] {
    -moz-appearance : textfield;
}

/* ------------------------------------------------- */
.give-mahotama-top-wrap {
    display         : flex;
    padding         : 0 20px;
    justify-content : space-between;
    flex-direction  : column;
}

.error-message {
    text-align : center;
    color      : red;
    font-size  : 15px;
}

.give-mahotama-wrap,
.give-mahotama-payment,
.give-mahotama-select {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    flex-flow       : wrap;
}

.give-mahotama-wrap {
    width   : 100%;
    padding : 10px 0;
}

.give-mahotama-my-wrap {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    width           : 100%;
    margin-bottom   : 10px;
}

.give-mahotama-header {
    padding    : 20px 15px 0 15px;
    text-align : center;
}

.give-mahotama-bigtitle {
    font-size     : 18px;
    color         : #222;
    margin-bottom : 10px;
    line-height   : 1.3em;
    font-weight   : bold;
}

.give-mahotama-subtitle {
    font-size      : 13px;
    padding-bottom : 15px;
    border-bottom  : 1px solid #ddd;
}

.give-mahotama-text01 {
    font-size  : 16px;
    color      : #222;
    text-align : center;
}

.give-mahotama-icon {
    display         : inline-block;
    width           : 25px;
    height          : 25px;
    background      : url('/user/img/mahotama/tama_sample.png') no-repeat;
    background-size : auto 100%;
    margin-left     : 12px;
}

.give-mahotama-text02 {
    font-size  : 16px;
    color      : #f1712b;
    text-align : center;
}

.give-mahotama-sel-title {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    margin-right    : 10px;
}

.give-mahotama-select {
    width      : 100%;
    background : #f9f9f9;
    height     : 60px;
}

.give-mahotama-input_text {
    width         : 60px;
    box-shadow    : none;
    border        : 1px solid #aaa;
    height        : 23px;
    margin-right  : 5px;
    font-size     : 15px;
    padding-left  : 5px;
    border-radius : 0;
    height        : 28px;
    box-sizing    : border-box;
}

.give-mahotama-message {
    width      : 100%;
    margin-top : 15px;
}

.give-mahotama-message-input {
    width         : 100%;
    box-shadow    : none;
    border        : 1px solid #ccc;
    border-radius : 0;
    height        : 50px;
    padding       : 8px;
    box-sizing    : border-box;
    resize        : none;
    font-size     : 13px !important;
    line-height   : 1.4em;
}

.give-mahotama-message-input::placeholder {
    font-size : 13px !important;
}

select.give-mahotama-numb {
    width           : 95px;
    padding         : 3px 6px;
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    background      : #fff;
    border-radius   : 0;
    height          : 28px;
    box-sizing      : border-box;
}

.give-mahotama-payment {
    text-align  : center;
    margin-left : 10px;
    width       : 130px;
}

.give-mahotama-payment-text {
    font-size : 14px;
}

.give-mahotama-btn-wrap {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    padding         : 0 20px 20px 20px;
}

.give-mahotama-btn-wrap .give-mahotama-btn {
    width            : 130px;
    padding          : 9px 0;
    box-shadow       : none;
    border-radius    : 3px;
    margin           : 10px 5px 0 5px;
    color            : #aaa;
    background-color : #f1712b;
    color            : #fff;
    text-align       : center;
    font-size        : 14px;
}

.give-mahotama-btn-wrap .give-mahotama-btn-cancel,
.give-mahotama-btn-wrap .give-mahotama-btn-payment {
    color            : #555;
    background-color : #fff;
    border           : 1px solid #777;
}

@media screen and (max-width : 425px) {
    .give-mahotama-header {
        padding : 10px 15px 0 15px;
    }

    .give-mahotama-wrap {
        padding : 0 0 10px 0;
    }

    .give-mahotama-top-wrap {
        padding : 10px 10px 0 10px;
    }

    .give-mahotama-btn-wrap {
        padding : 0 10px 15px 10px;
    }

    .give-mahotama-btn-wrap .give-mahotama-btn {
        font-size : 12px;
    }

    .give-mahotama-btn-wrap .give-mahotama-btn-okay {
        font-size : 14px;
    }

    select.give-mahotama-numb {
        width : 80px;
    }

    .give-mahotama-message-input {
        height : 80px;
    }

}

@media screen and (max-width : 335px) {
    .give-mahotama-text01 {
        font-size : 13px;
    }

    .give-mahotama-text02 {
        font-size : 13px;
    }
}

.give-chat-modal-box {
    display          : none;
    top              : -183px;
    left             : -1px;
    z-index          : 8;
    position         : absolute;
    width            : 312px;
    height           : 180px;
    background       : url('/user/img/mahotama/give_mahotama_chat_bg.png') no-repeat;
    background-color : white;
    background-size  : 100% 100%;
}

.give-chat-modal-box.active {
    display : block;
}

.give_chat_big_title {
    text-align  : center;
    margin-top  : 15px;
    font-size   : 14px;
    color       : #222;
    font-weight : bold;
}

.give_chat_sub_title {
    text-align     : center;
    font-size      : 12px;
    color          : #666;
    margin         : 7px 15px 0 15px;
    padding-bottom : 10px;
    border-bottom  : 1px solid #ccc;
}

.give_chat_close_icon .xi-close {
    color    : #777;
    float    : right;
    right    : 5px;
    top      : 5px;
    position : absolute;
}

.give_chat_my_mahotama {
    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    align-items     : center;
    margin-top      : 10px;
    padding         : 0 15px;
}

.mytama_wrap {
    display     : flex;
    align-items : center;
    width       : 195px;
}

.give_chat_my_text01 {
    font-size : 12px;
    color     : #222;
}

.give_chat_my_text02 {
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    display         : flex;
    margin-left     : 5px;
}

.give_chat_mytama_img {
    display         : inline-block;
    width           : 17px;
    height          : 17px;
    background      : url(/user/img/mahotama/tama_sample.png) no-repeat;
    background-size : auto 100%;
}

.give_chat_mytama_numb {
    font-size  : 13px;
    color      : #f7931f;
    background : #fff;
}

.give_chat_mytama_charge {
    border        : 1px solid #aaa;
    font-size     : 10px;
    padding       : 4px 7px;
    border-radius : 3px;
}

.give_chat_mahotama_wrap {
    height          : 60px;
    background      : #f5f5f5;
    margin          : 0 15px;
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    margin-top      : 10px;
}

.give_chat_mahotama_input {
    width                 : 58px;
    box-shadow            : none;
    border                : 1px solid #aaa;
    height                : 27px;
    margin-left           : 7px;
    padding-left          : 5px;
    -webkit-appearance    : none;
    -webkit-border-radius : 0;
    box-sizing            : border-box;
    font-size             : 14px;

}

.give_chat_mahotama_numb {
    height                : 27px;
    width                 : 60px;
    margin-left           : 5px;
    font-size             : 12px;
    font-size             : 11px;
    background            : #fff;
    padding-left          : 3px;
    -webkit-border-radius : 0;
}

.give_chat_mahotama_btn {
    margin-left   : 6px;
    font-size     : 12px;
    color         : #fff;
    background    : #f1592b;
    padding       : 8px 10px;
    border-radius : 3px;
}

.give_chat_mahotama_btn:hover {
    color      : #fff;
    background : #e84b1b;
}

@media screen and (max-width : 325px) {
    .give-chat-modal-box {
        width : 302px;
    }

    .give_chat_mahotama_wrap {
        height : 50px;
    }
}


/* --------------------  info_sp  -------------------- */
.info_sp_artist {
}

.info_sp_920 {
    height         : auto;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    padding        : 58px 0;
}

.info_sp_all {
    background : url('/user/img/infosp_img/bg_all.jpg') no-repeat center;
}

.info_sp_all_text01 {
    color       : #fff;
    font-size   : 25px;
    margin-top  : 140px;
    text-align  : center;
    word-break  : keep-all;
    line-height : 1.2em;
}

.info_sp_all_text02 {
    color      : #ffbb46;
    font-size  : 40px;
    margin-top : 30px;
    text-align : center;
}

.info_sp_all_text03 {
    color      : #ffbb46;
    font-size  : 33px;
    margin-top : 10px;
    text-align : center;
}

.info_sp_all_img {
    margin-top : 100px;
}

.info_sp_art01 {
    background     : url('/user/img/infosp_img/bg_art01.jpg') no-repeat center;
    padding-bottom : 0;
}

.info_sp_text_artist {
    align-items : flex-start;
    width       : 1200px;
    color       : #fff;
    font-size   : 34px;
}

.info_sp_art_wrap {
    width          : 1200px;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    height         : 100%;
    overflow       : hidden;

}

.info_sp_art_wrap.enjoy_wrap {
    width : 1100px;
}

.info_sp_text01 {
    font-size   : 36px;
    white-space : pre-line;
    text-align  : center;
}

.info_sp_text01.info_sp_textb {
    color : #222;
}

.info_sp_text01.info_sp_textw {
    color : #fff;
}

.info_sp_text02 {
    font-size   : 20px;
    margin-top  : 20px;
    white-space : pre-line;
    text-align  : center;
    line-height : 1.3em;
}

.info_sp_text02.info_sp_textb {
    color : #444;
}

.info_sp_text02.info_sp_textw {
    color : #fff;
}

.info_sp_text03 {
    font-size   : 22px;
    white-space : pre;
    line-height : 1.3em;
    white-space : pre-line;
    text-align  : center;
}

.info_sp_text03.info_sp_textb {
    color : #333;
}

.info_sp_text03.info_sp_textw {
    color : #fff;
}

.info_sp_img {
    padding     : 60px 0;
    display     : flex;
    align-items : center;
}

.info_sp_bn_img {
    display    : flex;
    margin-top : 30px;
}

.info_sp_screen {
    margin-top : 60px;
}

.info_sp_art02 {
    background : url('/user/img/infosp_img/bg_art02.jpg') no-repeat center;
}

.info_sp_art03 {
    background : url('/user/img/infosp_img/bg_art03.jpg') no-repeat center;
}

.info_sp_art04 {
    background : url('/user/img/infosp_img/bg_art04.jpg') no-repeat center;
}

.info_sp_lis02_img.info_sp_img {
    padding : 100px 0;
}

.info_sp_art04_img.info_sp_img {
    padding-top    : 60px;
    padding-bottom : 0;
}

.info_sp_text01_sub {
    font-size     : 20px;
    margin-bottom : 5px;
    color         : #fff;
}

.info_sp_art05 {
    background : url('/user/img/infosp_img/bg_art05.jpg') no-repeat center;
}


.info_sp_art05_untext02 {
    display        : flex;
    align-items    : center;
    flex-direction : column;
}

.info_sp_art05_untext02 > div {
    display     : flex;
    align-items : center;
    color       : #fff;
    font-size   : 22px;
}

.info_sp_art05_untext02 > div > span {
    display             : block;
    width               : 18px;
    height              : 18px;
    background          : url('/user/img/infosp_img/chk_img.png') no-repeat center;
    background-size     : 200% auto;
    margin-right        : 10px;
    background-position : 0 0;
}

.info_sp_art05_untext01 {
    color         : #fff;
    font-size     : 26px;
    text-align    : center;
    margin-bottom : 10px;
}

.info_sp_art05_untext02 > div > p {
    color       : #fff;
    font-size   : 22px;
    line-height : 1.3em;
}

.info_sp_art05_img.info_sp_img {
    width : 80%;
}

.info_sp_art05_img.info_sp_img > img {
    width : 100%;
}


.info_sp_art06 {
    background : url('/user/img/infosp_img/bg_art06.jpg') no-repeat center;
}

.info_sp_img06_area {
    display        : flex;
    flex-direction : column;
    margin-top     : 40px;
}

.info_sp_img06_oneline {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    margin-bottom  : 15px;
}

.info_sp_img06_01,
.info_sp_img06_02 {
    display        : flex;
    flex-direction : column;
    align-items    : center;
}

.info_sp_img06_01 {
    margin-right : 20px;
}

.info_sp_img06_01 > a,
.info_sp_img06_02 > a {
    width         : 440px;
    height        : 120px;
    overflow      : hidden;
    border-radius : 5px;
    margin        : 15px 0;
}

.info_sp_img06_twline {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    margin-top     : 30px;
}

.info_sp_img06_02img {
    margin-left : -445px;
}

.info_sp_img06_03img {
    margin-top : -125px;
}

.info_sp_img06_04img {
    margin-left : -445px;
    margin-top  : -125px;
}

.info_sp_img06_05img {
    margin-top : -250px;
}

.info_sp_img06_06img {
    margin-left : -445px;
    margin-top  : -250px;
}

.info_sp_img06_07img {
    margin-top : -375px;
}

.info_sp_img06_08img {
    margin-left : -445px;
    margin-top  : -375px;
}

.logo_line_teal {
    display          : flex;
    justify-content  : center;
    flex-direction   : column;
    padding          : 20px 0;
    background-color : #1e2f3b;
}


.info_sp_art01.info_sp_lis01 {
    background : url('/user/img/infosp_img/bg_lis01.jpg') no-repeat center;
    padding    : 60px 0;
}

.info_sp_screen4 {
    margin-top : 30px;
}

.info_sp_art02.info_sp_lis02 {
    background : url('/user/img/infosp_img/bg_lis02.jpg') no-repeat center;
}

.info_sp_art03.info_sp_lis03 {
    background : url('/user/img/infosp_img/bg_lis03.jpg') no-repeat center;
}

.info_sp_lis_img {
    display        : flex;
    flex-direction : column;
    margin-bottom  : 20px;
    margin-top     : 50px;
}

.info_sp_lis_img_wrap {
    display         : flex;
    align-items     : center;
    flex-direction  : row;
    padding         : 40px 55px;
    margin-bottom   : 20px;
    background      : url('/user/img/infosp_img/bg_tag_orange.png') no-repeat center;
    background-size : 100% auto;
}

.info_sp_lis_img_wrap > span {
    width           : 64px;
    height          : 64px;
    background      : url('/user/img/infosp_img/icon_orange.png') no-repeat center;
    background-size : auto 100%;
    overflow        : hidden;
    margin-right    : 20px;
}

.info_sp_lis_img_wrap > p {
    color       : #484848;
    font-size   : 22px;
    max-width   : 90%;
    line-height : 1.3em;
}

.info_sp_lis_img_wrap > span.info_sp_lis_img_icon01 {
    background-position : 0 0;
}

.info_sp_lis_img_wrap > span.info_sp_lis_img_icon02 {
    background-position : -81px 0;
}

.info_sp_lis_img_wrap > span.info_sp_lis_img_icon03 {
    background-position : -169px 0;
}

.info_sp_lis_img_wrap > span.info_sp_lis_img_icon04 {
    background-position : -240px 0;
    width               : 78px;
}

.info_sp_art04.info_sp_lis04 {
    background : url('/user/img/infosp_img/bg_lis04.jpg') no-repeat center;
}

.info_sp_lis_img04 {
    background      : url('/user/img/infosp_img/img_illi.png') no-repeat center;
    position        : relative;
    height          : 600px;
    width           : 1100px;
    background-size : 100% auto;
    margin-top      : 50px;
}

.info_sp_lis_img04_text01 {
    position     : absolute;
    padding-top  : 30px;
    padding-left : 30px;
    font-size    : 22px;
    line-height  : 1.3em;
    width        : 70%;
    white-space  : pre-line;
}

.info_sp_lis_img04_text02 {
    position       : absolute;
    padding-bottom : 30px;
    padding-right  : 30px;
    bottom         : 0;
    right          : 0;
    font-size      : 22px;
    line-height    : 1.3em;
    width          : 70%;
    white-space    : pre-line;
    text-align     : right;
}

.info_sp_art05.info_sp_lis05 {
    background : url('/user/img/infosp_img/bg_lis05.jpg') no-repeat center;
}

.info_sp_img05 {
    padding : 40px 0;
}

.info_sp_footer_all {
    background      : url('/user/img/infosp_img/bg_footer.jpg') no-repeat center;
    display         : flex;
    justify-content : center;
    align-text      : center;
    padding         : 160px 0;
}

.info_sp_footer_text {
    color      : #fff;
    font-size  : 44px;
    text-align : center;
}

.logo_line_teal_text {
    font-size  : 16px;
    color      : #bbbbbb;
    text-align : center;
    margin-top : 5px;
}

.logo_line_teal > img {
    width  : 140px;
    margin : 0 auto;
}

.info_sp_text02.info_sp_textb.info_sp_content_sub {
    color     : red;
    font-size : 17px;
}


.info_sp_text01.info_sp_contact_title {
    font-size : 34px;
}

.info_sp_text02.info_sp_contact_subtitle {
    font-size : 18px;
}


.info_sp_contact_wrap {
    width          : 750px;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    height         : 100%;
}

.info_sp_text_line {
    background-color : #f47430;
    width            : 60px;
    height           : 3px;
    margin           : 36px 0 10px 0;
}

.info_sp_text02.info_sp_textb > strong {
    color : #f47430;
}

.info_sp_contact_chkbox_wrap:first-child > input {
    margin-left : 20px;
}

.info_sp_contact_chkbox {
    border         : 1px solid #bbb;
    padding        : 20px 0px;
    width          : 750px;
    display        : flex;
    flex-direction : column;
    margin-top     : 10px;
}

.info_sp_contact_chkbox_oneline {
    display        : flex;
    flex-direction : row;
    margin-bottom  : 15px;
}

.info_sp_contact_chkbox_oneline:last-child {
    margin-bottom : 0;
}

.info_sp_contact_chkbox_wrap {
    width       : 50%;
    display     : flex;
    align-items : center;
}

.info_sp_contact_chkbox_wrap > input {
    width         : 20px;
    height        : 20px;
    border        : 1px solid #999;
    border-radius : 5px;
    margin-right  : 15px;
    cursor        : pointer;

}

.info_sp_contact_chkbox_wrap > input:checked {
    background      : url(/user/img/infosp_img/contact_chkbg.png) no-repeat;
    border          : none;
    background-size : 100% auto;
}

.contact_label02 {
    margin-right : 30px;
}

.info_sp_contact_chkbox_wrap > label {
    font-size : 18px;
}

.info_sp_contact_exp {
    font-size   : 16px;
    color       : #777;
    white-space : pre-line;
    line-height : 1.3em;
    width       : 100%;
    margin-top  : 20px;
}

.info_sp_contact_exp > strong {
    color     : #444;
    font-size : 18px;
}

.contact_info_form {
    width      : 100%;
    margin-top : 50px;
}

.contact_input_oneline {
    display : flex;
}

.contact_input_wrap {
    display       : flex;
    align-items   : center;
    margin-bottom : 20px;
}

.contact_input_wrap > p {
    font-size : 16px;
    width     : 20%;
}

.contact_input_wrap > input {
    width        : 81.5%;
    border       : 1px solid #aaa;
    height       : 34px;
    padding-left : 10px;
    font-size    : 16px;
}

.contact_input_wrap.contact_input_twwrap > input {
    width : 30%;
}

.contact_input_wrap.contact_input_twwrap > p:nth-child(3) {
    text-align : center;
}

.contact_input_wrap > textarea {
    resize      : none;
    width       : 80%;
    height      : 100px;
    font-size   : 16px;
    padding     : 10px;
    line-height : 1.5em;
    border      : 1px solid #aaa;
}

.contact_textarea_wrap {
    align-items : flex-start;
}

.contact_send_btn {
    width      : 280px;
    height     : 44px;
    background : #f47430;
    color      : #fff;
    text-align : center;
    border     : none;
    font-size  : 20px;
    cursor     : pointer;
}

.contact_move_btn {
    color      : #fff;
    text-align : center;
    font-size  : 24px;
}

.contact_move_btn:hover {
    color      : #333;
    transition : all 0.5s;
}

.date-output {
    font-size  : 12px;
    color      : white;
    margin-top : 5px;
    text-align : center;
}

@media (max-width : 1199px) {

    .info_sp_all,
    .info_sp_art01,
    .info_sp_art02,
    .info_sp_art03,
    .info_sp_art04,
    .info_sp_art05,
    .info_sp_art06,
    .info_sp_art01.info_sp_lis01,
    .info_sp_art01.info_sp_lis02,
    .info_sp_art01.info_sp_lis03,
    .info_sp_art01.info_sp_lis04,
    .info_sp_art01.info_sp_lis05 {
        background-size : auto 101%;
    }

    .info_sp_all_text01 {
        margin-top : 12vw;
    }

    .info_sp_art_wrap,
    .info_sp_art_wrap.enjoy_wrap {
        width : 100%;
    }

    .info_sp_img {
        padding : 7vw 0;
    }

    .info_sp_screen {
        margin-top : 7vw;
    }

    .info_sp_lis02_img.info_sp_img {
        padding : 9vw 0;
    }

    .info_sp_920 {
        padding : 55px 30px !important;
    }

    .info_sp_text_artist {
        width       : 100%;
        margin-left : 30px;
        font-size   : 3.0vw;
    }

    .info_sp_text01,
    .info_sp_footer_text {
        font-size : 3vw;
    }

    .info_sp_text02,
    .info_sp_text03 {
        font-size : 2.0vw;
    }

    .info_sp_all_text01,
    .info_sp_all_text02,
    .info_sp_text01,
    .info_sp_text02,
    .info_sp_text03,
    .info_sp_text01, .info_sp_footer_text {
        width : 100%;
    }

    .info_sp_screen,
    .info_sp_img,
    .info_sp_screen4,
    .info_sp_lis_img,
    .info_sp_img05 {
        width  : 100%;
        height : inherit;
    }

    .info_sp_screen > img,
    .info_sp_img > img,
    .info_sp_img05 > img,
    .info_sp_screen4 > img {
        width : 100%;
    }

    .info_sp_bn_img {
        width : 80%;
    }

    .info_sp_bn_img > a > img {
        width : 100%;
    }

    .info_sp_art05_untext01,
    .info_sp_lis_img04_text01,
    .info_sp_lis_img04_text02 {
        font-size : 2.2vw;
    }

    .info_sp_art05_untext02 > div > p {
        font-size : 1.8vw;
    }

    .info_sp_lis_img_wrap {
        background-size : 100% auto;
        margin-bottom   : 2vw;
        padding         : 3vw 5vw;
    }

    .info_sp_lis_img_wrap > span {
        width           : 6vw;
        height          : 6vw;
        background-size : 27vw auto;
    }

    .info_sp_lis_img_wrap > span.info_sp_lis_img_icon02 {
        background-position : -7vw 0;
    }

    .info_sp_lis_img_wrap > span.info_sp_lis_img_icon03 {
        background-position : -15vw 0;
    }

    .info_sp_lis_img_wrap > span.info_sp_lis_img_icon04 {
        background-position : -21vw;
        width               : 8vw;
    }

    .info_sp_lis_img {
        margin-bottom : 0;
    }

    .info_sp_lis_img_wrap > p {
        font-size : 2.0vw;
    }

    .info_sp_lis_img04 {
        width  : 100%;
        height : 54vw;
    }

    .info_sp_img06_01 > a,
    .info_sp_img06_02 > a {
        width  : 36vw;
        height : 10vw;
    }

    .info_sp_img06_01 > a > img,
    .info_sp_img06_02 > a > img {
        width : 76vw;
    }

    .info_sp_img06_02img {
        margin-left : -40vw;
    }

    .info_sp_img06_03img {
        margin-top : -11vw;
    }

    .info_sp_img06_04img {
        margin-left : -40vw;
        margin-top  : -11vw;
    }

    .info_sp_img06_05img {
        margin-top : -22vw;
    }

    .info_sp_img06_06img {
        margin-left : -40vw;
        margin-top  : -22vw;
    }

    .info_sp_img06_07img {
        margin-top : -32.8vw;
    }

    .info_sp_img06_08img {
        margin-left : -40vw;
        margin-top  : -32.8vw;
    }
}

@media (max-width : 768px) {
    .info_sp_contact_wrap {
        width : 100%;
    }

    .info_sp_all_img > img {
        width : 100%;
    }

    .info_sp_art05_img.info_sp_img {
        width : 100%;
    }

    .info_sp_text01,
    .info_sp_footer_text {
        font-size  : 30px;
        text-align : center;
    }

    .info_sp_text02,
    .info_sp_text03,
    .info_sp_art05_untext01,
    .info_sp_lis_img04_text01,
    .info_sp_lis_img04_text02,
    .info_sp_art05_untext02 > div > p,
    .info_sp_lis_img_wrap > p {
        font-size : 16px;
    }

    .info_sp_text_artist {
        font-size : 22px;
    }

    .info_sp_text02,
    .info_sp_text03 {
        white-space : inherit;;
    }

    .info_sp_art05_untext02 {
        align-items : flex-start;
    }

    .info_sp_bn_img,
    .info_sp_img06_area {
        width : 100%;
    }

    .info_sp_img06_oneline {
        width           : 100%;
        justify-content : space-around;
    }

    .info_sp_lis_img04 {
        margin-top : 5vw;
    }

    .info_sp_img06_01 {
        margin-right : 0;
    }

    .info_sp_img06_01 > div,
    .info_sp_img06_02 > div {
        width      : 36vw;
        text-align : center;
    }

    .info_sp_lis_img04_text01 {
        white-space : inherit;
    }

    .info_sp_footer_all {
        padding : 20vw 0;
    }

    .info_sp_contact_chkbox {
        width : 100%;
    }

    .info_sp_contact_chkbox_wrap > label,
    .info_sp_contact_exp > strong {
        font-size : 18px;
    }

    .info_sp_contact_exp,
    .contact_input_wrap > p {
        font-size : 16px;
    }

    .contact_input_wrap > textarea,
    .contact_input_wrap > input {
        font-size : 15px;
    }

    .info_sp_contact_chkbox_oneline {
        margin-bottom  : 0;
        flex-direction : column;
    }

    .info_sp_contact_chkbox_wrap {
        margin-bottom : 20px;
        width         : auto;
    }

    .info_sp_contact_chkbox_wrap > input {
        margin-left : 20px;
    }

    .info_sp_contact_chkbox_wrap.info_sp_contact_chkbox_last {
        margin-bottom : 0;
    }

    .contact_input_wrap {
        flex-wrap : wrap;
    }

    .contact_input_wrap.contact_input_twwrap > input,
    .contact_input_wrap > input {
        width : 78%;
    }

    .contact_input_wrap > textarea {
        width : 76%;
    }

    .contact_input_wrap.contact_input_twwrap > p:nth-child(3) {
        text-align : left;
    }

    .contact_input_wrap > p.contact_input_text01,
    .contact_input_wrap > input.contact_input01 {
        margin-bottom : 30px;
    }

    .info_sp_text01.info_sp_contact_title {
        font-size : 30px;
    }
}

@media (max-width : 660px) {
    .contact_input_wrap.contact_input_twwrap > input,
    .contact_input_wrap > input,
    .contact_input_wrap > p {
        width : 100%;
    }

    .contact_input_wrap > p.contact_input_text01 {
        margin-bottom : 10px;
    }

    .contact_input_wrap > p {
        margin-bottom : 10px;
    }

    .contact_input_wrap > textarea {
        width : 100%;
    }

    .contact_input_wrap > textarea {
        font-size : 15px !important;
    }

    .contact_input_wrap > textarea::placeholder {
        font-size : 15px !important;
    }
}

@media (max-width : 599px) {
    .info_sp_text01,
    .info_sp_footer_text {
        font-size : 26px;
    }

    .info_sp_text01.info_sp_contact_title {
        font-size : 24px;
    }

    .info_sp_text02.info_sp_contact_subtitle {
        font-size  : 16px;
        margin-top : 0;
    }

    .info_sp_text_line {
        margin : 5vw 0;
    }

    .info_sp_all_text01 {
        font-size  : 18px;
        word-break : normal;
    }

    .info_sp_text_artist {
        margin-bottom : 20px;
    }

    .info_sp_all_text02 {
        font-size : 30px;
    }

    .info_sp_all_text03 {
        font-size : 24px;
    }

    .info_sp_all_img {
        margin-top : 12vw;
    }

    .info_sp_img06_oneline {
        justify-content : center;
        flex-direction  : column;
    }

    .info_sp_img06_01 > a,
    .info_sp_img06_02 > a {
        width         : 310px;
        height        : 87px;
        margin-bottom : 4px;
    }

    .info_sp_img06_01 > a > img,
    .info_sp_img06_02 > a > img {
        width : 200%;
    }

    .info_sp_img06_01 > div,
    .info_sp_img06_02 > div {
        width      : auto;
        text-align : center;
    }

    .info_sp_img06_02img {
        margin-left : -310px;
    }

    .info_sp_img06_03img {
        margin-top : -86px;
    }

    .info_sp_img06_04img {
        margin-left : -310px;
        margin-top  : -86px;
    }

    .info_sp_img06_05img {
        margin-top : -172px;
    }

    .info_sp_img06_06img {
        margin-left : -310px;
        margin-top  : -172px;
    }

    .info_sp_img06_07img {
        margin-top : -261px;
    }

    .info_sp_img06_08img {
        margin-left : -310px;
        margin-top  : -261px;
    }

    .info_sp_img06_01title {
        margin-top : 20px;
    }

    .info_sp_footer_text {
        padding : 0 60px;
    }

    .info_sp_lis_img04 {
        background : url(/user/img/infosp_img/img_illi600.png) no-repeat center;
        width      : 100%;
        height     : 350px;
    }

    .info_sp_lis_img04_text01 {
        width       : 90%;
        padding     : 0;
        position    : inherit;
        margin-top  : 20px;
        margin-left : 5%;
    }

    .info_sp_lis_img04_text02 {
        padding     : 0;
        width       : 90%;
        white-space : inherit;
        text-align  : left;
        position    : inherit;
        margin-left : 5%;
    }

    .info_sp_lis_img_wrap {
        background-size : auto 100%;
        padding         : 5vw 0;
        flex-direction  : column;
    }

    .info_sp_lis_img_wrap > span {
        width           : 64px;
        height          : 64px;
        background-size : auto 100%;
        margin-bottom   : 7px;
    }

    .info_sp_lis_img_wrap > span.info_sp_lis_img_icon02 {
        background-position : -81px 0;
    }

    .info_sp_lis_img_wrap > span.info_sp_lis_img_icon03 {
        background-position : -169px 0;
    }

    .info_sp_lis_img_wrap > span.info_sp_lis_img_icon04 {
        background-position : -239px 0;
        width               : 69px;
    }

    .info_sp_img06_area {
        margin-top : 20px;
    }

    .info_sp_lis_img_wrap > p {
        text-align : center;
        font-size  : 16px;
        width      : 100%;
    }

    .logo_line_teal {
        padding : 20px 0;
    }

    .logo_line_teal > img {
        width : 110px;
    }

    .logo_line_teal_text {
        font-size : 12px;
    }

    .info_sp_text01,
    .info_sp_footer_text {
        line-height : 1.3em;
    }
}

@media (max-width : 425px) {
    .info_sp_bn_img {
        flex-direction : column;
    }

    .info_sp_bn_img > a {
        margin-right : 0 !important;
    }

    .info_sp_text01,
    .info_sp_footer_text {
        font-size : 22px;
    }

    .info_sp_text01.info_sp_contact_title {
        font-size : 18px;
    }

    .info_sp_text02,
    .info_sp_text03,
    .info_sp_art05_untext01,
    .info_sp_lis_img04_text01,
    .info_sp_lis_img04_text02,
    .info_sp_art05_untext02 > div > p,
    .info_sp_lis_img_wrap > p {
        font-size : 16px;
    }

    .info_sp_920 {
        padding : 55px 15px !important;
    }

    .info_sp_text02.info_sp_textb.info_sp_content_sub {
        font-size : 12px;
    }

    .contact_send_btn {
        width : 100%;
    }

    .contact_info_form {
        margin-top : 10vw;
    }

    .info_sp_contact_chkbox {
        padding : 20px 0;
    }

    .info_sp_contact_chkbox_wrap > input {
        margin-left : 20px;
    }

    .info_sp_contact_chkbox_wrap > label {
        margin-right : 20px;
    }

    .info_sp_contact_chkbox_wrap > label,
    .info_sp_contact_exp > strong {
        font-size : 16px;
    }

    .contact_move_btn {
        font-size : 18px;
    }
}

.active._secR {
    max-width  : 100%;
    max-height : 100%;
    bottom     : 0;
    left       : 0;
    margin     : auto;
    overflow   : scroll;
    position   : fixed;
    right      : 0;
    top        : 0;
    background : rgba(0, 0, 0, 0.7);
    z-index    : 99999;
    width      : 100%;
    height     : 100%;
}

.active._secR .message_list {
    max-height : inherit !important;
    height     : 100% !important;
}

.active._secR .message ._name {
    color     : #bbbbbb !important;
    font-size : 30px !important;
}

.active._secR .message ._msg {
    color     : white !important;
    font-size : 30px !important;
}

.music_detail .emotion-warp {
    display         : flex;
    overflow        : auto;
    padding         : 10px;
    justify-content : center;
}

.emotion-warp::-webkit-scrollbar {
    display : none;
}

.music_detail .emotion-list {
    margin-right  : 10px;
    position      : relative;
    width         : 60px;
    height        : 50px;
    margin-bottom : 20px;
    min-width     : 50px;
}

.music_detail .emotion-list img {
    width  : 46px;
    height : 42px;
}


.music_detail .emotion-list .emotion-amount {
    font-size       : 10px;
    background      : orange;
    position        : absolute;
    left            : 30px;
    bottom          : 2px;
    border-radius   : 10px;
    color           : white;
    height          : 15px;
    padding         : 1px 6px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.music_detail .linear-emotion {
    width  : 100%;
    height : 20px;
}


/* --------------------  mahotv channel  -------------------- */

.channel_list_header {
    background : #0b0f2b url(../img/mahotv_channel/channel_list_headerimg.png) no-repeat center top;
    height     : 223px;
}

.channel_list_header h3 {
    text-align  : center;
    font-size   : 60px;
    color       : white;
    padding-top : 64px;
}

.channel_list_header h4 {
    text-align  : center;
    font-size   : 20px;
    color       : white;
    padding-top : 2px;
}

.channel_list_info button {
    cursor     : pointer;
    background : transparent;
    border     : none;
    box-sizing : border-box;
}

.channel_list_info input {
    background : transparent;
    border     : none;
    padding    : 2px;
    box-sizing : border-box;
}

.channel_list_info {
    display         : flex;
    justify-content : space-between;
    width           : 1160px;
    margin          : 0 auto;
    padding         : 20px 0;
}

.channel_list_info .info_left {
    font-size     : 0;
    border-radius : 5px;
    border        : 1px solid #ccc;
    overflow      : hidden;
}

.channel_list_info .info_left .sort_btn {
    height       : 32px;
    padding      : 0 25px;
    font-size    : 15px;
    border-right : 1px solid #ccc;
    background   : #fff;
}

.channel_list_info .info_left .sort_btn:last-child {
    border-right : none;
}

.channel_list_info .info_left .sort_btn:hover {
    /* background : #eee;
    transition : all 0.2s; */
}

.channel_list_info .info_left .sort_btn.active {
    background   : #f7931e;
    color        : #fff;
    border-right : 1px solid #f7931e;
}

.channel_list_info .info_right {
    width           : 250px;
    border          : 1px solid #ccc;
    border-radius   : 5px;
    height          : 32px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    background      : #fff;
}

.channel_list_info .info_right .search_input {
    width        : 215px;
    height       : 100%;
    padding-left : 8px;
}

.channel_list_info .info_right .search_input::placeholder {
    color : #ccc;
}

.channel_list_info .info_right .search_icon {
    padding-right : 10px;
}

.channel_list_info .info_right .search_icon > i {
    font-size : 18px;
}

.channel_list_content {
    width         : 1160px;
    margin        : 0 auto;
    margin-bottom : 70px;
    display       : flex;
    flex-wrap     : wrap;
}

/* .channel_list_content .channel_list_oneline {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.channel_list_content .channel_list_oneline:last-child {
  margin-bottom: 0;
} */
.channel_list_content .list_box {
    width         : 32.5%;
    box-sizing    : border-box;
    border        : 1px solid #ccc;
    display       : flex;
    margin-right  : 1.25%;
    margin-bottom : 15px;
    align-items   : center;
    background    : #fff;
    border-radius : 8px;
}

.channel_list_content .list_box .channel_box_wrap {
    display        : flex;
    flex-direction : column;
    width          : 100%;
    height         : 100%;
    padding        : 20px;
    border         : 1px solid transparent;
    box-sizing     : border-box;
    border-radius  : 8px;
}

.channel_list_content .list_box .channel_box_wrap:hover {
    border     : 1px solid orange;
    transition : all 0.2s;
}

.channel_list_content .list_box:nth-child(3n) {
    margin-right : 0;
}

.channel_list_content .list_box:hover {
    border     : 1px solid orange;
    transition : all 0.2s;
    cursor     : pointer;
}

.channel_box_wrap .channel_info_top {
    display       : flex;
    align-items   : center;
    margin-bottom : 20px;
}

.channel_box_wrap .channel_info_bottom {
    padding-top : 20px;
    border-top  : 1px solid #ddd;
}


.channel_list_content .list_box .channel_img {
    position      : relative;
    width         : 120px;
    height        : 120px;
    border-radius : 10px;
    overflow      : hidden;
}

.channel_list_content .list_box .channel_img > img {
    width  : 100%;
    height : 100%;
}

.channel_list_content .list_box .channel_img .new_box {
    position      : absolute;
    top           : 6px;
    left          : 6px;
    background    : #d42f2f;
    color         : #fff;
    padding       : 5px;
    border-radius : 5px;
    font-size     : 12px;
}

.channel_list_content .list_box .channel_img .update_box {
    position      : absolute;
    top           : 6px;
    left          : 6px;
    background    : #d42f2f;
    color         : #fff;
    padding       : 5px;
    border-radius : 5px;
    font-size     : 12px;
}

.channel_list_content .list_box .channel_text {
    display        : flex;
    flex-direction : column;
    margin-left    : 20px;
    flex           : 1;
}

.channel_list_content .list_box .channel_text .channel_title {
    font-size     : 18px;
    display       : block;
    line-height   : 1.3em;
    font-weight   : 500;
    margin-bottom : 15px;
    min-height    : 46px;
    word-break    : break-all;
}

.channel_list_content .list_box .channel_text .channel_name {
    margin-top : 5px;
    font-size  : 14px;
    color      : #888;
    display    : block;
}

.channel_list_content .list_box .channel_text .info_wrap {
    display     : flex;
    align-items : center;
    margin-top  : 10px;
}

.channel_text .info_wrap .info_video,
.channel_text .info_wrap .info_heart {
    display       : flex;
    align-items   : center;
    border        : 1px solid #ddd;
    border-radius : 10px;
    padding       : 5px 10px;
    color         : #ccc;
}

.channel_text .info_wrap .info_video > i,
.channel_text .info_wrap .info_heart > i {
    width        : 14px;
    color        : #ccc;
    margin-right : 7px;
}

.channel_text .info_wrap .info_video > p,
.channel_text .info_wrap .info_heart > p {
    font-size : 13px;
    color     : #999;
}

.channel_text .info_wrap .info_video {
    margin-right : 4px;
}

.channel_list_content .list_box .channel_info_bottom .channel_exp {
    font-size          : 13px;
    line-height        : 1.5em;
    height             : 77px;
    overflow           : hidden;
    display            : -webkit-box;
    display            : -ms-flexbox;
    margin-top         : 1px;
    max-height         : 77px;
    overflow           : hidden;
    vertical-align     : top;
    text-overflow      : ellipsis;
    word-break         : break-all;
    -webkit-box-orient : vertical;
    -webkit-line-clamp : 4;
}


.channel_header {
    width           : 100%;
    height          : 400px;
    background      : #000 url('/user/img/mahotv_channel/header_sample400.png') no-repeat center;
    background-size : auto 100%;
}

.channel-content {
    width  : 1200px;
    margin : 0 auto;
}

.channel-content .channel-btn {
    display         : flex;
    justify-content : flex-end;
    margin-top      : 10px;
    padding         : 0 20px;
}

.channel-content .channel-btn .btn_social_share {
    color           : #e88b1f;
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 70px;
    height          : 28px;
    border          : 1px solid #e88b1f;
    border-radius   : 3px;
}

.channel-content .channel-btn .btn_social_share:hover {
    background : #e88b1f;
    color      : #fff;
    transition : all 0.2s;
}

.channel-content .channel-btn .btn_social_share > p {
    color       : #e88b1f;
    font-size   : 14px;
    margin-left : 5px;
}

.channel-content .channel-btn .btn_social_share:hover > p {
    color      : #fff;
    transition : all 0.2s;
}

.channel-content .channel-title .title {
    color       : #444;
    font-size   : 18px;
    font-weight : 600;
    margin-top  : 10px;
    padding     : 0 20px;
}

.channel-live-list-wrap {
    width      : 100%;
    background : #f9f9f9;
    padding    : 40px 0 60px;
}

.main.channel-content .main_video .content .live-slider {
    margin : 30px 40px 0 40px;
}

@media (max-width : 1199px) {
    .channel_list_info {
        width      : 100%;
        padding    : 20px;
        box-sizing : border-box;
    }

    .channel_list_content {
        width      : 100%;
        padding    : 0 20px;
        box-sizing : border-box;
    }

    .channel-content {
        width : 100%;
    }

    .channel_header {
        height          : 31vw;
        background-size : 150% auto;
    }
}

@media (max-width : 1024px) {
    .channel_list_content .list_box:nth-child(3n) {
        margin-right : auto;
    }

    .channel_list_content .list_box {
        width        : 49%;
        margin-right : 2%;
    }

    .channel_list_content .list_box:nth-child(2n) {
        margin-right : 0;
    }
}

@media (max-width : 600px) {
    .channel_list_content .list_box {
        width        : 100%;
        margin-right : 0;
    }

    .channel_list_content .list_box:nth-child(3n) {
        margin-right : 0;
    }

    .channel_list_info {
        flex-direction  : column;
        justify-content : center;
    }

    .channel_list_info .info_left {
        display         : flex;
        justify-content : space-evenly;
        width           : 100%;
    }

    .channel_list_info .info_left .sort_btn {
        width   : 33.3%;
        padding : 0;
    }

    .channel_list_info .info_right {
        margin-top      : 10px;
        width           : 100%;
        justify-content : flex-start;
    }

    .channel_list_info .info_right .search_icon {
        width     : 10%;
        font-size : 17px;
    }

    .channel_list_info .info_right .search_input {
        width        : 90%;
        padding-left : 5px;
    }

    .channel_list_header {
        height          : auto;
        background-size : cover;
    }

    .channel_list_header h3 {
        text-align  : center;
        font-size   : 50px;
        padding-top : 28px;
    }

    .channel_list_header h4 {
        text-align     : center;
        font-size      : 18px;
        padding-bottom : 40px;
    }

    .channel_list_content .list_box .channel_text .channel_title {
        margin-top : 0;
        font-size  : 16px;
    }

    .channel_list_info input,
    .channel_list_info input::placeholder {
        font-size : 15px !important;
    }

    .channel_list_content .list_box .channel_text .channel_title {
        margin-bottom : 0;
    }

    .channel_list_content .list_box .channel_img {
        width  : 100px;
        height : 100px;
    }
}

@media (max-width : 374px) {
    .channel_list_content .list_box .channel_text .info_wrap {
        flex-direction : column;
        align-items    : flex-start;
    }

    .channel_text .info_wrap .info_heart {
        margin-top : 4px;
    }

    .channel_list_content .list_box .channel_text .channel_title {
        margin-top    : 0;
        font-size     : 16px;
        margin-bottom : 0;
    }
}


/*  모바일 라이브 화면 - 가로  */
.mobile-liverec.horizontal ._secL {
    /* position : fixed;
    z-index  : 1; */
}

.mobile-liverec.horizontal .video_thumnail {
    /* position         : relative;
    width            : 100%;
    padding-bottom   : 56.25%;
    overflow         : hidden;
    background-color : #000; */
}
.mobile-liverec.horizontal .player-frame {
    /* position       : relative;
    width          : 100%;
    padding-bottom : 56.25%;
    overflow       : hidden; */
}

.mobile-liverec.horizontal iframe {
}

.mobile-liverec.horizontal ._secR {
    /* margin-top : 30px; */
}

/* ----------------------- info bro -------------------------- */

.wrap.info_bro_wrap {
    min-height : 830px;
    margin-top : 60px;
}

.info_bro_wrap .header_title_wrap {
    background : url('/user/img/infobro_img/header_img.jpg') no-repeat center;
    height     : 500px;
    width      : 100%;
}

.header_title_inside_wrap {
    width           : 1200px;
    margin          : 0 auto;
    height          : 100%;
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-direction  : column;

}

.header_title_inside_wrap .header_title_word_wrap {
    display         : flex;
    margin-bottom   : 40px;
    flex-wrap       : wrap;
    justify-content : center;
}

.header_title_inside_wrap .header_title_word_wrap .header_title00 {
    width       : 100%;
    flex-shrink : 0;
    text-align  : center;
}

.header_title_inside_wrap .header_title_word_wrap .header_title01,
.header_title_inside_wrap .header_title_word_wrap .header_title03 {
    color      : #f47632;
    font-size  : 80px;
    font-style : italic;
}

.header_title_inside_wrap .header_title_word_wrap .header_title02,
.header_title_inside_wrap .header_title_word_wrap .header_title04 {
    color           : #fff;
    font-size       : 80px;
    font-style      : italic;
    justify-content : center;
}

.header_title_inside_wrap .header_sub {
    color         : #fff;
    font-size     : 24px;
    margin-bottom : 10px;
}

.header_title_inside_wrap .header_sub_eng {
    color     : #fff;
    font-size : 20px;
}

.info_page.info_page01 {
    background : url('/user/img/infobro_img/bg_nor.jpg') no-repeat center;
    width      : 100%;
    padding    : 60px 0;
    box-sizing : border-box;
}

.info_page_inside_wrap {
    width  : 1200px;
    margin : 0 auto;
    height : 100%;
}

.info_page .bg_typo {
    font-size     : 40px;
    color         : #62626a;
    text-align    : center;
    font-style    : italic;
    margin-bottom : 70px;
    opacity       : 0.5;
}

.info_page .page_title_wrap {
    display     : flex;
    align-items : center;
}

.info_page .page_title_wrap .page_icon {
    display      : block;
    width        : 26px;
    height       : 26px;
    background   : url('/user/img/infobro_img/title_icon.png') no-repeat center;
    flex-shrink  : 0;
    margin-right : 5px;
    overflow     : hidden;
}

.info_page .page_title_wrap .page_icon.music_icon {
    background-size     : 100% auto;
    background-position : 0 0;
}

.info_page .page_title_wrap .page_title {
    font-size   : 30px;
    color       : #f58b37;
    line-height : 1.2em;
}

.info_page_inside_wrap .page_subtitle {
    color        : #fff;
    font-size    : 22px;
    margin-top   : 15px;
    padding-left : 30px;
    line-height  : 1.3em;
}

.info_page_inside_wrap .page_img {
    padding : 60px 0 80px 0;
}

.info_page_inside_wrap .page_img .page_img_pc {
    display : block;
}

.info_page_inside_wrap .page_img .page_img_mobile {
    display : none;
}

.info_page_inside_wrap .info_exp_wrap {
    display         : flex;
    justify-content : space-between;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text {
    display        : flex;
    flex-direction : column;
    max-width      : 500px;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title01 {
    font-size     : 22px;
    margin-bottom : 8px;
    color         : #fff;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title02 {
    margin-bottom : 25px;
    display       : flex;
    align-items   : center;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title02-1 {
    font-size : 20px;
    color     : #ef5a2a;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title01_wrap {
    display : flex;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title01_wrap .page_icon.star_icon {
    display             : block;
    width               : 24px;
    height              : 24px;
    background          : url('/user/img/infobro_img/title_icon.png') no-repeat center;
    flex-shrink         : 0;
    margin-left         : 8px;
    background-size     : 100% auto;
    background-position : 0 -64px;
    overflow            : hidden;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text .info_text {
    font-size   : 20px;
    color       : #fff;
    line-height : 1.4em;
}

.manual_btn_wrap {
    display         : flex;
    justify-content : flex-end;
}

.manual_btn_wrap_en {
    display         : flex;
    justify-content : flex-end;
}

.live_manual_down_btn {
    font-size  : 16px;
    height     : 40px;
    color      : #fff;
    background : #ef5a2a;
    text-align : center;
    padding    : 0 10px;
    display    : flex;
    align-items: center;
    justify-content: center;
    box-sizing : border-box;
    margin-top : 10px;
}

.live_manual_down_btn:first-child {
    margin-right : 10px;
}

.live_manual_down_btn:hover {
    background : #ef4c17;
    color      : #fff;
    transition : all 0.2s;
}

.live_manual_down_btn_en {
    font-size  : 16px;
    height     : 40px;
    color      : #fff;
    background : #ef5a2a;
    text-align : center;
    padding    : 0 10px;
    display    : flex;
    align-items: center;
    justify-content: center;
    box-sizing : border-box;
    margin-top : 10px;
}

.live_manual_down_btn_en:first-child {
    margin-right : 10px;
}

.live_manual_down_btn_en:hover {
    background : #ef4c17;
    color      : #fff;
    transition : all 0.2s;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap {
    display         : flex;
    position        : relative;
    align-items     : center;
    justify-content : flex-start;
    padding         : 0 50px;
    flex-shrink     : 0;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_pc_emo {
    display : block;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_mobile_emo {
    display : none;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text {
    position       : absolute;
    color          : #f58b37;
    right          : 0;
    bottom         : 0;
    font-size      : 14px;
    letter-spacing : -1px;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text01 {
    right  : 327px;
    bottom : 13px;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text02 {
    right  : 147px;
    bottom : 30px;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text03 {
    right          : 150px;
    bottom         : 7px;
    font-size      : 13px;
    letter-spacing : 0;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text04 {
    right  : 90px;
    bottom : 97px;
}

.info_page.info_page02 {
    background : #ececec;
    width      : 100%;
    padding    : 60px 0;
    box-sizing : border-box;
}

.info_page_inside_wrap .page_img.info02_page_img {
    padding : 40px 0 55px 0;
}

.info_page .page_title_wrap .page_icon.play_icon {
    background-size     : 100% auto;
    background-position : 0px -36px;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text .info_text.text_b {
    color : #1a1b29;
}

.info_page_inside_wrap .info_exp_wrap .info_exp_text .info_text.text_b:first-child {
    margin-bottom : 35px;
}

.info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_room_img_text {
    top   : 7px;
    right : 90px;
}

.info_room_img_text .info_img_onetext {
    display       : flex;
    align-items   : center;
    color         : #f58b37;
    font-size     : 16px;
    margin-bottom : 10px;
}

.info_room_img_text .info_img_onetext > i.info_img_arrow01 {
    transform : rotate(-90deg);
}

.info_room_img_text .info_img_onetext > i.info_img_arrow02 {
    transform : rotate(180deg);
}

.info_room_img_text .info_img_onetext .info_img_text01,
.info_room_img_text .info_img_onetext .info_img_text02 {
    color       : #f58b37;
    margin-left : 5px;
}

.info_page.info_page03 {
    background      : url('/user/img/infobro_img/bg_nor.jpg') no-repeat center;
    width           : 100%;
    padding         : 90px 0 15px 0;
    box-sizing      : border-box;
    justify-content : center;
}

.info_page_inside_wrap.mobile_inside_wrap {
    width : 980px;
}

.info_page_inside_wrap .info_exp_wrap.mobile_exp_wrap {
    align-items : flex-start;
}

.info_mobile_exp_text,
.info_mobile_exp_img {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-direction  : column;
}

.info_mobile_exp_text {
    margin-top : 70px;
}

.info_mobile_exp_text .info_textbig {
    font-size  : 30px;
    margin-top : 35px;
    color      : #fff;
}

.info_mobile_exp_text .info_textsmall {
    font-size  : 22px;
    margin-top : 15px;
    color      : #fff;
}

.info_page.info_page04 {
    height          : 156px;
    background      : #2c2c33;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.info_page.info_page04 .gra_text_wrap {
    margin-left : 15px;
    text-align  : center;
}

.info_page.info_page04 .gra_text_wrap .gra_text {
    color         : #fff;
    font-size     : 22px;
    margin-bottom : 8px;
}

.info_page.info_page04 .gra_text_wrap .gra_text:last-child {
    margin-bottom : 0;
}

.info_mobile_text_wrap {
    display : none;
}

@media (min-width : 1921px) {
    .info_bro_wrap .header_title_wrap,
    .info_page.info_page01,
    .info_page.info_page03 {
        background-size : 100% auto;
    }
}

@media (max-width : 1199px) {
    .info_page_inside_wrap {
        width      : 100%;
        padding    : 0 25px;
        box-sizing : border-box;
    }

    .header_title_inside_wrap {
        width : 100%;
    }

    .info_page_inside_wrap .page_img .page_img_pc {
        width : 100%;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap {
        padding : 0;
    }

    .info_page .bg_typo {
        font-size   : 33px;
        line-height : 1.2em;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text01 {
        right  : 280px;
        bottom : 11px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text02 {
        right  : 99px;
        bottom : 28px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text03 {
        right  : 99px;
        bottom : 5px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text04 {
        right  : 40px;
        bottom : 95px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text {
        margin-right : 30px;
        max-width    : none;
        flex: 1;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title02-1 {
        font-size : 18px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_room_img_text {
        right : 30px;
    }
}

@media (max-width : 1024px) {
    .wrap.info_bro_wrap {
        margin-top : 53px;
    }

    .info_page_inside_wrap .info_exp_wrap {
        flex-direction : column;
        align-items    : center;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text {
        margin-right : 0;
        flex: auto;
        width: 100%;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title02 {
        margin-bottom : 15px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap {
        margin-top : 50px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text .info_text.text_b:first-child {
        margin-bottom : 20px;
    }

    .info_page_inside_wrap .info_exp_wrap.mobile_exp_wrap {
        align-items : center;
    }

    .info_mobile_exp_text {
        margin-top : 0;
    }

    .info_page.info_page03 {
        padding : 60px 0 15px 0;
    }

    .info_mobile_exp_img {
        margin-top : 40px;
    }

    .info_page_inside_wrap.mobile_inside_wrap {
        width : 100%;
    }
}

@media (max-width : 768px) {
    .info_page_inside_wrap .page_img .page_img_pc {
        display : none;
    }

    .info_page_inside_wrap .page_img .page_img_mobile {
        display : block;
        margin  : 0 auto;
    }

    .info_page.info_page01,
    .info_page.info_page02 {
        padding         : 50px 0;
        background-size : auto 101%;
    }

    .info_page.info_page03 {
        background-size : auto 101%;
    }

    .header_title_inside_wrap .header_title_word_wrap .header_title01,
    .header_title_inside_wrap .header_title_word_wrap .header_title02,
    .header_title_inside_wrap .header_title_word_wrap .header_title03,
    .header_title_inside_wrap .header_title_word_wrap .header_title04 {
        font-size : 10.5vw;
    }

    .header_title_inside_wrap .header_sub {
        font-size : 3.1vw;
    }

    .header_title_inside_wrap .header_sub_eng {
        font-size : 2.6vw;
    }

    .info_bro_wrap .header_title_wrap {
        height          : 65vw;
        background-size : auto 100%;
    }

    .header_title_inside_wrap .header_title_word_wrap {
        margin-bottom : 4vw;
        width: 100%
    }

    .info_page .bg_typo {
        font-size     : 24px;
        margin-bottom : 9vw;
    }

    .info_page .page_title_wrap .page_title {
        font-size : 22px;
    }

    .info_page_inside_wrap .page_subtitle {
        font-size  : 18px;
        margin-top : 7px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title01 {
        font-size : 22px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title02-1 {
        font-size : 16px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text .info_text {
        font-size : 16px;
    }

    .info_mobile_exp_text .info_textbig {
        font-size : 22px;
    }

    .info_mobile_exp_text .info_textsmall {
        font-size : 18px;
    }

    .info_page_inside_wrap .page_img {
        padding : 7.6vw 0 10.5vw 0;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap {
        margin-top : 7vw;
    }

    .info_page_inside_wrap .page_img.info02_page_img {
        padding : 5vw 0 7vw 0;
    }

    .info_page .page_title_wrap {
        align-items : flex-start;
    }
}

@media (max-width : 630px) {
    .info_page_inside_wrap .page_img .page_img_mobile {
        width : 100%;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_pc_emo {
        display : none;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_room,
    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_mobile_emo {
        width   : 100%;
        height: 100%;
        display : block;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text01,
    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text02,
    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text03,
    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_img_text04 {
        display : none;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_room_img_text {
        position        : relative;
        left: 0;
        flex-direction  : row;
        display         : flex;
        justify-content : space-between;
        width           : 100%;
        margin-top      : 5px;
        padding         : 0 20px;
        box-sizing      : border-box;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap {
        flex-direction : column;
        width: 100%;
    }

    .info_room_img_text .info_img_onetext > i.info_img_arrow01 {
        transform : rotate(0deg);
    }

    .info_room_img_text .info_img_onetext > i.info_img_arrow02 {
        transform : rotate(0deg);
    }

    .info_room_img_text .info_img_onetext {
        margin-bottom : 0;
    }

    .info_mobile_text_wrap {
        display         : flex;
        width           : 100%;
        justify-content : space-around;
        margin-top      : -55px;
        flex-direction  : column;
    }

    .info_mobile_text_wrap .info_img_mobile_onetext {
        display         : flex;
        align-items     : center;
        justify-content : flex-end;
    }

    .info_mobile_text_wrap .info_img_mobile_onetext .emo_icon {
        margin-right        : 7px;
        width               : 24px;
        height              : 24px;
        display             : block;
        background          : url('/user/img/infobro_img/emo_icon.png') no-repeat center;
        background-size     : 100% auto;
        background-position : 0 0;
    }

    .info_mobile_text_wrap .info_img_mobile_onetext .emo_icon.emotion_icon {
        background-position : 0 -50px;
    }

    .info_mobile_text_wrap .info_img_mobile_onetext .emo_icon.stone_icon {
        background-position : 0 -25px;
    }

    .info_mobile_text_wrap .info_img_mobile_onetext .emo_text {
        color     : #f58b37;
        font-size : 14px;
    }

    .info_page.info_page04 .gra_img {
        width : 85px;
    }

    .info_page.info_page04 .gra_img > img {
        width : 100%;
    }

    .info_mobile_exp_img {
      width: 100%;
      flex-shrink: 0;
    }
    .info_mobile_exp_img .info_img_room {
        width : 100%;
        height: 100%;
    }
}

@media (max-width : 425px) {
    .info_page_inside_wrap {
        padding : 0 15px;
    }

    .info_mobile_text_wrap {
        margin-top : -45px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title02 {
        flex-wrap : wrap;
    }

    .info_page.info_page01,
    .info_page.info_page02 {
        padding : 30px 0;
    }

    .info_page .bg_typo {
        font-size : 18px;
    }

    .info_page .page_title_wrap .page_title {
        font-size : 18px;
    }

    .info_page_inside_wrap .page_subtitle {
        font-size : 14px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_exp_text .info_title01 {
        font-size : 18px;
    }

    .info_page_inside_wrap .info_exp_wrap .info_img_wrap .info_img_text.info_room_img_text {
        padding : 0 10px;
    }

    .info_mobile_exp_text .info_textbig {
        margin-top : 20px;
        font-size  : 18px;
    }

    .info_mobile_exp_text .info_textsmall {
        margin-top : 8px;
        font-size  : 14px;
    }

    .info_page.info_page04 .gra_text_wrap .gra_text {
        font-size : 14px;
    }

    .header_title_inside_wrap .header_sub {
        font-size : 14px;
    }

    .header_title_inside_wrap .header_sub_eng {
        font-size : 12px;
    }

    .header_title_inside_wrap .header_title_word_wrap .header_title01,
    .header_title_inside_wrap .header_title_word_wrap .header_title02,
    .header_title_inside_wrap .header_title_word_wrap .header_title03,
    .header_title_inside_wrap .header_title_word_wrap .header_title04 {
        font-size : 36px;
    }

    .info_mobile_icon {
        width : 45px;
    }

    .info_mobile_icon > img {
        width : 100%;
    }

    .info_mobile_exp_text .info_textbig {
        margin-top : 20px;
    }

    .info_mobile_exp_img .info_img_room {
        width : 80%;
    }

    .info_page.info_page03 {
        padding : 25px 0 15px 0;
    }

    .info_mobile_exp_img {
        margin-top : 20px;
    }

    .info_page.info_page04 {
        height : 100px;
    }

    .info_page.info_page04 .gra_img {
        width : 60px;
    }

    .info_page.info_page04 .gra_text_wrap {
        margin-left : 10px;
    }

    .live_manual_down_btn {
        width          : 49%;
        font-size      : 12px;
        height         : 35px;
        padding        : 0 10px;
        letter-spacing : -0.5px;
    }

    .live_manual_down_btn:first-child {
        margin-right : 2%;
    }
    
    .live_manual_down_btn_en {
        width          : 49%;
        font-size      : 12px;
        height         : 35px;
        padding        : 0 10px;
        letter-spacing : -0.5px;
    }

    .live_manual_down_btn_en:first-child {
        margin-right : 2%;
    }
}


/* -------------------- campaign modal -------------------- */
.modal-body.fan-modal-body {
    border-top  : 1px solid #ddd;
    margin      : 10px 20px;
    padding-top : 20px;
}

.fan_modal_title {
    color     : #f1592b;
    font-size : 18px;
}

.fan_modal_exp {
    margin-top  : 14px;
    font-size   : 13px;
    color       : #666;
    padding     : 0 10px;
    white-space : pre-wrap;
    line-height : 1.5em;
}

.fan-oneline {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    margin-bottom   : 20px;
}

.fan-agree-oneline {
    display       : flex;
    align-items   : center;
    margin-bottom : 20px;
    line-height   : 15px;
}

.fan-title {
    font-size : 14px;
    width     : 150px;
}

.fan-input {
    border       : 1px solid #ccc;
    height       : 30px;
    width        : 68%;
    padding-left : 5px;
}

.fan-radio {
    width       : 70%;
    display     : flex;
    align-items : center;
}

.fan-radio > input {
    display            : block;
    width              : 14px;
    height             : 14px;
    border             : 1px solid #ccc;
    margin-right       : 10px;
    cursor             : pointer;
    -webkit-appearance : radio;
    -moz-appearance    : radio;
}

.fan-radio > input:checked {
    background : #f7931e;
}

.fan-radio > input:nth-child(3) {
    margin-left : 20px;
}

.fan-radio > label {
    font-size : 14px;
}

.fan-select-text-wrap {
    width          : 70%;
    display        : flex;
    flex-direction : column;
}

.fan-select-wrap.select-birth,
.fan-select-wrap.select-live {
    display         : flex;
    justify-content : space-between;
}

.fan-select-wrap > select {
    height             : 30px;
    border             : 1px solid #ccc;
    padding            : 0 7px;
    -webkit-appearance : menulist;
    -moz-appearance    : menulist;
}

.fan-select-wrap.select-birth > select {
    width : 30%;
}

.fan-select-wrap.select-live > select {
    width : 49%;
}

.fan-select-text {
    margin-top : 5px;
    font-size  : 12px;
}

.modal-footer.fan-apply-footer {
    display         : flex;
    justify-content : center;
    padding         : 20px 0 30px;
}

.fan-apply-btn-view {
    width      : 180px;
    height     : 30px;
    background : #bbb;
    color      : #fff;
    border     : none;
}

.fan-apply-btn {
    display    : none;
    width      : 180px;
    height     : 30px;
    background : #f7931e;
    color      : #fff;
    border     : none;
}

.fan-apply-btn.active {
    display : block;
}

.fan-apply-btn:hover {
    background : #e86340;
    transition : all 0.2s;
    cursor     : pointer;
}

.fan-agree {
    font-size : 13px;
}

.fan-agree-btn {
    display     : flex;
    align-items : center;
    cursor      : pointer;
}

.fan-agree-chk {
    display         : block;
    width           : 12px;
    height          : 12px;
    border          : 1px solid #888;
    border-radius   : 2px;
    margin-right    : 5px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.fan-agree-chk.active {
    background : orange;
    border     : 1px solid orange;
}

.fan-agree-chk > i {
    display : none;
    color   : #fff;
}

.fan-agree-text {
    font-size : 12px;
}

.fan_modal_content {
    padding : 0 15px;
}

@media (max-width : 600px) {
    .fan-oneline {
        flex-direction : column;
        align-items    : flex-start;
    }

    .fan-agree-oneline {
        align-items : flex-start;
    }

    .fan-agree {
        width : 100%;
    }

    .fan-title {
        margin-bottom : 10px;
    }

    .fan-input {
        width : 98%;
    }

    .fan-select-text-wrap {
        width : 100%;
    }

    .fan_modal_content {
        padding : 0;
    }

}

@media (max-width : 425px) {
    .modal-footer.fan-apply-footer {
        padding : 20px 20px 30px
    }

    .fan-apply-btn-view,
    .fan-apply-btn {
        width : 100%;
    }
}


/* -------------------- message check modal -------------------- */
.modal#message-check-modal > a.close-modal,
.modal#message-check-artist-modal > a.close-modal,
.modal#message-send-artist-modal > a.close-modal {
    top   : 5px;
    right : -25px;
}

.message-check-header {
    background      : url(/user/img/icon/bubble_head.png) no-repeat center;
    background-size : 100% auto;
    width           : 422px;
    height          : 124px;
}

.message-check-modal-body {
    background : #fff;
    width      : 400px;
    padding    : 0 15px;
    box-sizing : border-box;
}

.message-check-footer {
    background      : url(/user/img/icon/bubble_bottom.png) no-repeat center;
    background-size : 100% auto;
    width           : 422px;
    height          : 60px;
    padding         : 0;
    text-align      : center;
}

.message-check-bigtitle {
    font-size   : 18px;
    text-align  : center;
    padding-top : 30px;
    width       : 400px;
}

.message-check-icon {
    display         : flex;
    align-items     : flex-end;
    justify-content : center;
    padding-top     : 22px;
    width           : 400px;
}

.message-check-icon .message_icon {
    background      : url(/user/img/icon/bubble_icon.png) no-repeat center;
    background-size : auto 100%;
    width           : 30px;
    height          : 30px;
}

.message-check-icon > p {
    font-size     : 14px;
    color         : #fff;
    background    : #d3212c;
    padding       : 4px 6px;
    border-radius : 7px;
    margin-left   : -10px;
}

.message-check-top-wrap {
}

.message-check-wrap {
    /* overflow-y: scroll; */
    overflow-x : hidden;
    max-height : 365px;
}

.message-check-wrap .one_message {
    padding       : 15px 10px;
    background    : #f8f8f8;
    border-radius : 15px;
    margin-right  : 8px;
    margin-top    : 8px;
    display       : flex;
}

.message-check-wrap .one_message:first-child {
    margin-top : 0;
}

.one_message .message_img {
    width         : 27px;
    height        : 27px;
    display       : block;
    border-radius : 50%;
    overflow      : hidden;
    margin-right  : 10px;
}

.one_message .message_img > img {
    width : 100%;
}

.one_message .message_info {
    width          : 280px;
    display        : flex;
    flex-direction : column;
}

.one_message .message_info .message_name {
    font-size   : 12px;
    font-weight : bold;
    line-height : 1.4em;
}

.one_message .message_info .message_content {
    font-size   : 14px;
    margin-top  : 7px;
    line-height : 1.3em;
}

.one_message.one_write_message .message_info {
    width     : 290px;
    max-width : none;
}

.one_message.one_write_message .write_message {
    width                 : 100%;
    padding               : 10px;
    border                : 1px solid #ddd;
    border-radius         : 0 !important;
    -webkit-appearance    : none !important;
    -webkit-border-radius : 0 !important;
    height                : 80px;
    box-sizing            : border-box;
    margin-top            : 7px;
    font-size             : 14px;
    resize                : none;
    line-height           : 1.3em;
}

.artist_send_message_btn {
    background  : #f7931e;
    height      : 30px;
    color       : #fff;
    border      : none;
    width       : 80px;
    margin-top  : 13px;
    margin-left : -15px;
    font-size   : 14px;
    cursor      : pointer;
}

.artist_send_message_btn:hover {
    background : #f15a2c;
    transition : all 0.2s;
}

@media (max-width : 500px) {
    .modal#message-check-modal > a.close-modal,
    .modal#message-check-artist-modal > a.close-modal,
    .modal#message-send-artist-modal > a.close-modal {
        display : none;
    }

    #message-check-modal,
    #message-check-artist-modal,
    #message-send-artist-modal {
        width : 320px;
    }

    .message-check-bigtitle {
        width       : 303px;
        padding-top : 20px;
    }

    .message-check-icon {
        width       : 303px;
        padding-top : 13px;
    }

    .message-check-header {
        width  : 320px;
        height : 94px;
    }

    .message-check-footer {
        width  : 320px;
        height : 45px;
    }

    .message-check-modal-body {
        width : 303px;
    }

    .artist_send_message_btn {
        margin-top : 6px;
    }

    .one_message .message_info,
    .one_message.one_write_message .message_info {
        width : 200px;
    }

    .blocker {
        padding : 0;
    }
}




/*  모바일 라이브 화면 - 세로  */

.mobile-liverec.vertical ._secL {
    position : fixed;
    z-index  : 1;
}

.mobile-liverec.vertical .player-frame {
    position : relative;
    width    : 100%;
    overflow : hidden;
}

.mobile-liverec.vertical .video_area {
    padding : 0px;
}

.mobile-liverec.vertical ._secR {
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}


/* -------------------- message check modal -------------------- */
.newsList .slider_wrap {
    width      : 100%;
    background : #2b2b2b url('/user/img/news_bg.png') no-repeat center;
}

.swiper-newsList {
    background : transparent;
    height     : 348px;
}

.swiper-slide.initNewsSwipe:hover .news_slider_LRwrap .text_right_wrap ._title {
    text-decoration : underline;
}

.swiper-newsList [class^=swiper-button] {
    background : none;
    width      : 47px;
    height     : 47px;
}

.swiper-newsList .xi-caret-up-circle-o {
    color     : #bbbbbb;
    font-size : 47px;
}

.news_slider_LRwrap {
    display     : flex;
    padding     : 16px 80px;
    align-items : center;
    height      : 308px;
}

.news_slider_LRwrap .img_left_wrap {
    width           : 50%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : 100%;
}
.news_slider_LRwrap .img_left_wrap .back {
        width: 100%;
    background-color: transparent;
    position: relative;
    text-align: center;
    background: transparent;
}
.news_slider_LRwrap .img_left_wrap .back .frame {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.news_slider_LRwrap .img_left_wrap .back .frame .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.news_slider_LRwrap .img_left_wrap .back .frame .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.news_slider_LRwrap .text_right_wrap {
    width          : 50%;
    display        : flex;
    flex-direction : column;
    padding-left   : 35px;
}

.news_slider_LRwrap .text_right_wrap ._date {
    font-size     : 16px;
    color         : #f7931e;
    margin-bottom : 12px;
}

.news_slider_LRwrap .text_right_wrap ._title {
    font-size          : 22px;
    color              : #fff;
    margin-bottom      : 20px;
    display            : -webkit-box;
    display            : -ms-flexbox;
    text-overflow      : ellipsis;
    word-break         : break-all;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 3em;
}

.news_slider_LRwrap .text_right_wrap ._exp {
    font-size          : 16px;
    color              : #ddd;
    display            : -webkit-box;
    display            : -ms-flexbox;
    text-overflow      : ellipsis;
    word-break         : break-all;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 6;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 9.0em
}

.news_contentList {
    display        : flex;
    flex-direction : column;
    margin-bottom  : 70px
}

.news_contentList .news_one_content {
    display       : flex;
    align-items   : center;
    padding       : 20px 10px;
    border-bottom : 1px dotted #e5e5e5;
}

.news_contentList .news_one_content:hover {
    background : #fcfcfc;
    transition : all 0.2s;
}

.news_contentList .news_one_content:last-child {
    border-bottom : none;
}

.news_contentList .news_one_content .content_img_wrap {
    display         : flex;
    width           : 320px;
    height          : 180px;
    align-items     : center;
    justify-content : center;
}
.news_contentList .news_one_content .content_img_wrap .back {
        width: 100%;
    background-color: transparent;
    position: relative;
    text-align: center;
    background: transparent;
}
.news_contentList .news_one_content .content_img_wrap .back .frame {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.news_contentList .news_one_content .content_img_wrap .back .frame .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.news_contentList .news_one_content .content_img_wrap .back .frame .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.news_contentList .news_one_content .content_text_wrap {
    flex           : 1;
    display        : flex;
    flex-direction : column;
    padding-left   : 20px;
}

.news_one_content .content_text_wrap .date_wr {
    display       : flex;
    margin-bottom : 12px;
    align-items   : center;
}

.news_one_content .content_text_wrap ._content_date {
    font-size    : 14px;
    color        : #f05a29;
    margin-right : 7px;
}

.news_one_content .content_text_wrap ._content_writer {
    font-size    : 14px;
    color        : #444;
    padding-left : 7px;
    border-left  : 1px solid #999;
}

.news_one_content .content_text_wrap ._content_title {
    font-size          : 22px;
    color              : #444;
    margin-bottom      : 20px;
    display            : -webkit-box;
    display            : -ms-flexbox;
    text-overflow      : ellipsis;
    word-break         : break-all;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 3.0em
}

.news_one_content .content_text_wrap ._content_exp {
    font-size          : 14px;
    color              : #777;
    display            : -webkit-box;
    display            : -ms-flexbox;
    text-overflow      : ellipsis;
    word-break         : break-all;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 3;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 4.5em
}

.newsList .head {
    display         : flex;
    margin          : 0px;
    width           : 100%;
    margin-top      : 20px;
    padding         : 0 10px;
    padding-bottom  : 10px;
    justify-content : space-between;
    border-bottom   : 2px solid #43444e;
    align-items     : flex-end;
    box-sizing      : border-box;
}

.newsList .category li {
    display      : inline-block;
    font-size    : 15px;
    color        : #989898;
    float        : left;
    margin-right : 15px;
    cursor       : pointer;
}
.newsList .category li:last-child {
  margin-right: 0;
}

.newsList .category li:hover,
.newsList .category li.on {
    color : #f05a29;
}

.newsList .category li * {
    font-weight    : normal;
    vertical-align : middle;
}

.newsList .category li i {
    font-size      : 20px;
    vertical-align : middle;
}

.newsList .search_tool {
    margin : 0;
}

.newsList .search_tool .search {
    margin  : 0px;
    padding : 0;
}

.newsList .search_tool .search > form {
    margin-top : 0 !important;
}

.newsList .category li:hover i:before,
.newsList .category li.on i:before {
    content : "\e92d";
}

.newsList .search_tool .search .news_search_wrap {
    position : relative;
}

.newsList .newsList_more {
    width      : 355px;
    margin     : 40px auto;
    border     : 1px solid #bdbdc1;
    padding    : 8px;
    font-size  : 13px;
    text-align : center;
    cursor     : pointer;
}

.newsList .newsList_more i {
    vertical-align : middle;
}


.newsDetail ._inner {
    width     : 100%;
    display   : flex;
    flex-wrap : wrap;
}

.newsDetail .inner .contents {
    display : inline-block;
    width   : calc(100% - 430px);
    padding : 30px 15px 93px;
}

.newsDetail .inner .side {
    display : inline-block;
    width   : 369px;
    padding : 35px 15px;
}

.inner .side .right_infoimg {
    margin-bottom : 25px;
    position      : relative;
}

.inner .side .right_infoimg > a > img {
    width : 100%;
}

.inner .side .right_infoimg .app_btn {
    display         : flex;
    align-items     : center;
    justify-content : space-around;
    position        : absolute;
    bottom          : 19px;
    left            : 23px;
}

.inner .side .right_infoimg .app_btn > a {
    width               : 110px;
    height              : 30px;
    border-radius       : 17px;
    background          : #000;
    opacity             : 0.8;
    background          : url(/user/img/footer_img/app_downbtn.png) no-repeat;
    background-size     : auto 100%;
    background-position : 0 0;
    display             : block;
}

.inner .side .right_infoimg .app_btn > a.app_btn01 {
    background-position : -4px 0;
}

.inner .side .right_infoimg .app_btn > a.app_btn02 {
    background-position : -121px 0;
    margin-left         : 5px;
}

.inner .side .right_infoimg .app_btn > a:hover {
    opacity    : 1;
    transition : all 0.2s;
}

.newsDetail .hot_news_head {
    border-bottom  : 1px solid #a1a1a6;
    margin-bottom  : 15px;
    padding-bottom : 10px;
}

.newsDetail .hot_news_head h3 {
    font-size   : 20px;
    display     : inline-block;
    font-weight : bold;
}

.newsDetail .hot_news_head .desc {
    font-size    : 12px;
    display      : inline-block;
    float        : right;
    margin-top   : 6px;
    margin-right : 5px;
}

.newsDetail .hot_news_list .list_onecontent {
    display       : flex;
    align-items   : center;
    margin-bottom : 20px;
}

.hot_news_list .list_onecontent .img_wrap {
    width           : 128px;
    height          : 72px;
    background      : #000;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.hot_news_list .list_onecontent .img_wrap > img {
    max-width  : 100%;
    max-height : 100%;
}

.hot_news_list .list_onecontent .text_wrap {
    flex        : 1;
    margin-left : 10px;
}

.hot_news_list .list_onecontent .text_wrap ._date {
    font-size : 11px;
    color     : #666;
}

.hot_news_list .list_onecontent .text_wrap ._title {
    font-size          : 13px;
    margin-top         : 8px;
    color              : #444;
    display            : -webkit-box;
    display            : -ms-flexbox;
    text-overflow      : ellipsis;
    word-break         : break-all;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.5em;
    height             : 3.0em
}

.hot_news_list .list_onecontent:hover .text_wrap ._title {
    text-decoration : underline;
}


.newsDetail_content_wrap {
    display        : flex;
    flex-direction : column;
}

.newsDetail_content_wrap .news_title {
    font-size   : 24px;
    color       : #444;
    line-height : 34px;
    word-break  : break-all;
}

.newsDetail_content_wrap .news_info {
    background      : #f9f9f9;
    padding         : 10px;
    margin          : 10px 0 40px 0;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}

.newsDetail_content_wrap .news_info .news_info_left {
    display     : flex;
    align-items : center;
}

.newsDetail_content_wrap .news_info .news_info_left .news_date {
    margin-right : 10px;
    color        : #666;
}

.newsDetail_content_wrap .news_info .news_info_left .news_view {
    color : #666;
}

.newsDetail_content_wrap .news_info .news_info_left .news_view > span {
    color       : #666;
    margin-left : 3px;
}

.newsDetail_content_wrap .news_info .news_info_right {
    color : #666;
}

.newsDetail_content_wrap .news_info .news_info_right:hover {
    color : #222;
}

.news_allcontent {
    font-size   : 15px;
    line-height : 30px;
    color       : #777;
    word-break  : break-all;
}

.news_allcontent img {
    max-width : 100%;
    height    : 100%;
    width     : 100%;
}

.news_allcontent iframe {
    max-width : 100%;
}

.news_back_btn {
    margin-top      : 40px;
    display         : flex;
    align-items     : center;
    justify-content : flex-end;
}

.news_back_btn .news_btn {
    color           : #fff;
    font-size       : 18px;
    width           : 130px;
    height          : 36px;
    border-radius   : 3px;
    background      : #f1592b;
    display         : flex;
    align-items     : center;
    justify-content : center;
    box-shadow      : none;
    border          : none;
    cursor          : pointer;
}

.news_back_btn .news_btn:hover {
    background : #f15120;
    transition : all 0.2s;
}

@media (max-width : 1200px) {
    .newsList .head {
        margin     : 0 19px;
        margin-top : 20px;
        width      : auto;
    }

    .news_contentList .news_one_content {
        margin : 0 19px;
    }
}

@media (max-width : 1024px) {
    .newsDetail .inner .side {
        display : none;
    }

    .newsDetail .inner .contents {
        width   : calc(100% - 38px);
        padding : 40px 0 93px;
        margin  : 0 auto;
    }
}

@media (max-width : 600px) {
    .news_contentList .news_one_content {
        flex-direction : column;
    }
    .newsList .head {
        padding: 0 0 10px 0;
    }

    .news_contentList .news_one_content .content_text_wrap {
        flex         : auto;
        margin-top   : 10px;
        padding-left : 0;
        width: 100%;
    }

    .swiper-newsList {
        height : auto;
    }

    .news_slider_LRwrap {
        height         : 100%;
        flex-direction : column;
    }

    .news_slider_LRwrap .img_left_wrap {
        width  : 100%;
        height : auto;
    }

    .news_slider_LRwrap .text_right_wrap {
        width        : 100%;
        padding-left : 0;
        margin-top   : 10px;
    }

    .news_slider_LRwrap .text_right_wrap ._title {
        max-height    : 50px;
        height        : auto;
        font-size     : 16px;
        line-height   : 24px;
        margin-bottom : 10px;
        font-weight   : bold;
    }

    .news_slider_LRwrap .text_right_wrap ._exp {
        font-size          : 14px;
        -webkit-line-clamp : 3;
        line-height        : 1.5em;
        height             : 4.5em;
    }

    .news_one_content .content_text_wrap ._content_title {
        max-height    : 50px;
        height        : auto;
        font-size     : 16px;
        line-height   : 24px;
        margin-bottom : 10px;
        font-weight   : bold;
    }

    .news_one_content .content_text_wrap ._content_exp {
        max-height : 65px;
        height     : auto;
    }

    .newsList .newsList_more {
        width : 85%;
    }

    .newsDetail .inner .contents {
        padding : 15px 15px 40px 15px;
    }

    .newsDetail_content_wrap .news_info {
        margin : 10px 0 20px 0;
    }

    .news_allcontent > img {
        margin : 15px 0;
    }

    .news_back_btn {
        margin-top : 20px;
    }

    .newsDetail_content_wrap .news_title {
        font-size   : 20px;
        line-height : 30px;
    }

    .newsDetail_content_wrap .news_info .news_info_left .news_date,
    .newsDetail_content_wrap .news_info .news_info_left .news_view,
    .newsDetail_content_wrap .news_info .news_info_left .news_view > span {
        font-size : 14px;
    }
}

@media (max-width : 374px) {
    .news_contentList .news_one_content .content_img_wrap {
        width: 100%;
        height: auto;
    }
}

/* -------------------- message check modal -------------------- */
.main .video_list.list_full5 .swiper-slide {
    margin-top    : 0px !important;
    margin-bottom : 20px;
    height        : 100%
}

.main .video_list.list_full5 .initPartnerPc .item {
    position   : relative;
    height     : 82px;
    max-width  : 212px;
    box-sizing : border-box;
    overflow   : hidden;
}

.main .video_list.list_full5 .initPartnerPc.SPborder .item {
    position   : relative;
    height     : 82px;
    box-sizing : border-box;
}

.main .video_list.list_full5 .list_thum {
    max-width : 212px;
}

.main .video_list.list_full5 .list_thum .centered {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    height          : 82px;
    overflow        : hidden;
    background      : transparent;
}

.main .video_list.list_full5 .list_thum img {
    max-width   : 100%;
    max-height  : 100%;
    margin-left : 0;
}

@media (max-width : 600px) {
    .slider-list .slider-wrap .slider-scroller.partner-slider-scroller {
        height : 140px;
    }

    .slider-list .slider-wrap .slider-scroller.partner-slider-scroller .swiper-slide {
        width         : 212px;
        padding       : 0 10px;
        margin-bottom : 0;
    }
}


/* --------------------  maho partner  -------------------- */

.partner_list_header {
    background : #242631 url(../img/maho_partner/partner_list_headerimg.png) no-repeat center top;
    height     : 223px;
}

.partner_list_header h3 {
    text-align  : center;
    font-size   : 60px;
    color       : white;
    padding-top : 64px;
}

.partner_list_header h4 {
    text-align  : center;
    font-size   : 20px;
    color       : white;
    padding-top : 2px;
}

.partner_list_info button {
    cursor     : pointer;
    background : transparent;
    border     : none;
    box-sizing : border-box;
}

.partner_list_info input {
    background : transparent;
    border     : none;
    padding    : 2px;
    box-sizing : border-box;
}

.partner_list_info {
    display         : flex;
    justify-content : space-between;
    width           : 1160px;
    margin          : 0 auto;
    padding         : 20px 0;
}

.partner_list_info .info_left {
    font-size     : 0;
    border-radius : 5px;
    border        : 1px solid #ccc;
    overflow      : hidden;
}

.partner_list_info .info_left .sort_btn {
    height       : 32px;
    padding      : 0 28px;
    font-size    : 15px;
    border-right : 1px solid #ccc;
    background   : #fff
}

.partner_list_info .info_left .sort_btn:last-child {
    border-right : none;
}

.partner_list_info .info_left .sort_btn:hover {
    background : #eee;
    transition : all 0.2s;
}

.partner_list_info .info_left .sort_btn.active {
    background   : #f7931e;
    color        : #fff;
    border-right : 1px solid #f7931e;
}

.partner_list_info .info_right {
    width           : 250px;
    border          : 1px solid #ccc;
    border-radius   : 5px;
    height          : 32px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    background      : #fff;
}

.partner_list_info .info_right .search_input {
    width        : 215px;
    height       : 100%;
    padding-left : 8px;
}

.partner_list_info .info_right .search_input::placeholder {
    color : #ccc;
}

.partner_list_info .info_right .search_icon {
    padding-right : 10px;
}

.partner_list_info .info_right .search_icon > i {
    font-size : 18px;
}

.partner_list_content {
    width         : 1160px;
    margin        : 0 auto;
    margin-bottom : 70px;
    display       : flex;
    flex-wrap     : wrap;
}

.partner_list_content .list_box {
    width         : 23%;
    box-sizing    : border-box;
    border        : 1px solid #ccc;
    display       : flex;
    margin-left   : 2%;
    margin-bottom : 20px;
    align-items   : center;
    border-radius : 8px;
    min-height    : 280px;
}

.partner_list_content .list_box .partner_box_wrap {
    display        : flex;
    align-items    : center;
    width          : 100%;
    height         : 100%;
    padding        : 10px;
    border         : 1px solid transparent;
    background     : #fff;
    box-sizing     : border-box;
    border-radius  : 8px;
    flex-direction : column;
}

.partner_list_content .list_box .partner_box_wrap:hover {
    border     : 1px solid orange;
    transition : all 0.2s;
}

.partner_list_content .list_box:hover {
    border     : 1px solid orange;
    transition : all 0.2s;
}

.partner_list_content .list_box .partner_img {
    position        : relative;
    height          : 110px;
    width           : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.partner_list_content .list_box .partner_img > img {
    max-width   : 90%;
    max-height  : 90%;
    flex-shrink : 0;
}


.partner_list_content .list_box .partner_text {
    display        : flex;
    flex-direction : column;
    margin-top     : 5px;
    width          : 100%;
}

.partner_list_content .list_box .partner_text .partner_title_bar {
    background   : url('/user/img/maho_partner/name_tag_full.png') no-repeat;
    margin-left  : -21px;
    display      : flex;
    align-items  : center;
    height       : 38px;
    padding-left : 21px;
    padding-top  : 3px;
}

.partner_list_content .list_box .partner_text .partner_title {
    font-size     : 15px;
    display       : block;
    color         : #fff;
    font-weight   : 500;
    max-width     : 200px;
    overflow      : hidden;
    word-break    : break-all;
    text-overflow : ellipsis;
    white-space   : nowrap;
    line-height   : 15px;
}

.partner_list_content .list_box .partner_text .new_box {
    margin-right  : 7px;
    background    : #d42f2f;
    color         : #fff;
    padding       : 3px 5px;
    border-radius : 5px;
    font-size     : 12px;
}

.partner_list_content .list_box .partner_text .new_box.normal {
    display : none;
}


.partner_list_content .list_box .partner_text .partner_exp {
    margin-top         : 5px;
    font-size          : 13px;
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-line-clamp : 5;
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 1.6em;
    height             : 100px;
}

@media (max-width : 1199px) {
    .partner_list_info {
        width      : 100%;
        padding    : 20px;
        box-sizing : border-box;
    }

    .partner_list_content {
        width      : 100%;
        padding    : 0 20px;
        box-sizing : border-box;
    }

    .partner-content {
        width : 100%;
    }

}

@media (max-width : 1024px) {
    .partner_list_content .list_box {
        width       : 30.3%;
        margin-left : 3%;
    }
}

@media (max-width : 600px) {
    .partner_list_content .list_box {
        width : 47%;
    }

    .partner_list_info {
        flex-direction  : column;
        justify-content : center;
    }

    .partner_list_info .info_left {
        display         : flex;
        justify-content : space-evenly;
        width           : 100%;
    }

    .partner_list_info .info_left .sort_btn {
        width       : 33.3%;
        line-height : 1em;
        padding     : 0;
    }

    .partner_list_info .info_right {
        margin-top      : 10px;
        width           : 100%;
        justify-content : flex-start;
    }

    .partner_list_info .info_right .search_icon {
        font-size : 17px;
    }

    .partner_list_info .info_right .search_input {
        padding-left : 5px;
        width        : 100%;
    }

    .partner_list_header {
        height          : auto;
        background-size : cover;
    }

    .partner_list_header h3 {
        text-align  : center;
        font-size   : 50px;
        padding-top : 34px;
    }

    .partner_list_header h4 {
        text-align     : center;
        font-size      : 18px;
        padding-bottom : 34px;
    }

    .partner_list_content .list_box .partner_text .partner_title {
        margin-top : 0;
    }

    .partner_list_content .list_box .partner_text .partner_exp {
        margin-top : 10px;
        min-height : 100px;
    }

    .partner_list_info input,
    .partner_list_info input::placeholder {
        font-size : 15px !important;
    }
}

@media (max-width : 425px) {
    .partner_list_content .list_box {
        width : 99%;
    }
    .news_slider_LRwrap {
        padding: 16px 60px;
    }
}


/* --------------------  maho partner detail  -------------------- */

#page-wrapper.superpartner_bg {
    width      : 100%;
    min-height : 870px;
}

#page-wrapper.partner_bg {
    width      : 100%;
    min-height : 870px;
}

.partner_page_content {
    display         : flex;
    justify-content : space-between;
    flex-direction  : column;
}

.partner_page_content .partner_page_center.top_center {
    width           : 1160px;
    display         : flex;
    margin          : 0 auto;
    flex-direction  : column;
    justify-content : space-between;
    height          : 100%;
    padding         : 15px 0;
    box-sizing      : border-box;
    min-height      : 260px;
}

.partner_page_content .partner_page_center.bottom_center {
    width           : 1160px;
    display         : flex;
    margin          : 0 auto;
    flex-direction  : column;
    justify-content : center;
    height          : 100%;
}

.partner_page_content .partner_page_left {
    display             : flex;
    display             : flex;
    flex-direction      : column;
    height              : 100%;
    background          : #f7f8f8 url('/user/img/maho_partner/pheader_bg.jpg') no-repeat center;
    background-size     : auto;
    background-position : center;
    min-height          : 260px;
}

.partner_page_left .partner_img {
    width           : 350px;
    height          : 135px;
    /* background: rgb(255, 255, 255, 0.5); */
    border-radius   : 10px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    overflow        : hidden;
    margin-right    : 30px;
}

.partner_page_left .partner_img > img {
    max-height  : 100%;
    max-width   : 100%;
    flex-shrink : 0;
}

.partner_page_left .partner_social {
    display         : flex;
    align-items     : center;
    justify-content : flex-end;
}

.partner_page_left .partner_social > a {
    color        : #888;
    font-size    : 20px;
    margin-right : 15px;
}

.partner_page_left .partner_social > a:hover {
    color      : #555;
    transition : all 0.2s;
}

.partner_page_left .partner_social > a:last-child {
    margin-right : 0;
}

.partner_page_content .partner_page_right.p_partner_page_bg {
    display               : flex;
    flex-direction        : column;
    /* width: calc(100% - 380px); */
    width                 : 100%;
    background            : #021f27 url('/user/img/maho_partner/partner_bg.png') no-repeat center;
    background-size       : auto;
    padding               : 40px 0 80px;
    background-position   : 0 0;
    min-height            : 600px;
    background-attachment : fixed;
}

.partner_page_content .partner_page_right.sp_partner_page_bg {
    display               : flex;
    flex-direction        : column;
    /* width: calc(100% - 380px); */
    width                 : 100%;
    background            : #011623 url('/user/img/maho_partner/superpartner_bg.png') no-repeat center;
    background-size       : auto;
    padding               : 40px 0 80px;
    background-position   : 0 0;
    min-height            : 600px;
    background-attachment : fixed;
}

.parter_info_wrap {
    display     : flex;
    height      : 100%;
    display     : flex;
    align-items : flex-start;
    padding-top : 40px;
}

.partner_name_wrap {
    display     : flex;
    align-items : center;
    margin-top  : 10px;
}

.partner_name_wrap .partner_label {
    font-size     : 14px;
    color         : #fff;
    padding       : 5px;
    border-radius : 5px;
    background    : #d42f2f;
    margin-right  : 10px;
}

.partner_name_wrap .partner_name {
    font-size   : 24px;
    color       : #222;
    word-break  : break-all;
    line-height : 1.3em;
}

.partner_info .partner_ext {
    margin-top  : 10px;
    font-size   : 16px;
    color       : #444;
    line-height : 1.5em;
    word-break  : break-all;
    max-height  : 4.5em;
    overflow    : hidden;
}

.partner_page_right .partner_list_wrap {
    margin-top      : 30px;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
}

.artist_list_wrap .artist_list_item_wrap {
    width     : 100%;
    display   : flex;
    flex-wrap : wrap;
}

.artist_list_wrap .artist_list_item {
    width           : 20%;
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
    margin-bottom   : 15px;
}

.partner_list_wrap .partner_list_onecontent {
    display        : flex;
    flex-direction : column;
    margin-bottom  : 40px;
    width          : 22%;
}

.partner_list_wrap .partnerlist_img {
    width           : 100%;
    height          : 110px;
    /* background: rgb(255, 255, 255, 0.05); */
    border-radius   : 10px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    overflow        : hidden;
    background      : #fff;
}

.partner_list_wrap .partnerlist_img > img {
    max-width   : 90%;
    max-height  : 90%;
    flex-shrink : 0;
}

.partner_list_wrap .partnerlist_name {
    color              : #fff;
    margin-top         : 15px;
    height             : 3em;
    text-overflow      : ellipsis;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    line-height        : 1.5em;
    white-space        : normal;
    word-break         : break-all;
}

.partner_page_right .artist_list_wrap {
    margin-top : 30px;
    display    : flex;
    flex-wrap  : wrap;
}

.artist_list_wrap .artist_list_onecontent {
    display     : flex;
    align-items : center;
}

.artist_list_wrap .artist_list_onecontent .artistlist_img {
    box-sizing      : border-box;
    height          : 140px;
    width           : 140px;
    overflow        : hidden;
    border-radius   : 50%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background      : transparent;
}

.artist_list_wrap .artistlist_img > img {
    max-width   : 100%;
    max-height  : 100%;
    flex-shrink : 0;
}

.artist_list_wrap .artistlist_name {
    color              : #fff;
    margin-top         : 15px;
    text-align         : center;
    width              : 85%;
    height             : 3em;
    text-overflow      : ellipsis;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    line-height        : 1.5em;
    white-space        : normal;
    word-break         : break-all;
}

.parter_info_wrap .partner_info {
    flex : 1;
}

@media (max-width : 1200px) {
    .partner_page_content .partner_page_center.top_center,
    .partner_page_content .partner_page_center.bottom_center {
        width      : 100%;
        padding    : 15px 20px;
        box-sizing : border-box;
    }


}

@media (max-width : 1024px) {
    .parter_info_wrap {
        flex-direction : column;
        padding        : 0;
        align-items    : center;
    }

    .partner_page_left .partner_img {
        margin-right : 0;
    }

    .parter_info_wrap .partner_info {
        margin : 0 0 20px;
        width: 100%;
        flex: auto;
    }

    .artist_list_wrap .artist_list_item {
        width : 25%;
    }

    .partner_list_wrap .partner_list_onecontent {
        width : 30%;
    }

    .partner_list_wrap .partnerlist_img {
        height : 130px;
    }
}

@media (max-width : 768px) {
    .artist_list_wrap .artist_list_item {
        width : 33%;
    }
}

@media (max-width : 425px) {
    .artist_list_wrap .artist_list_item {
        width : 50%;
    }

    .partner_list_wrap .partner_list_onecontent {
        width : 45%;
    }

    .partner_list_wrap .partnerlist_img {
        height : 100px;
    }

    .partner_page_left .partner_img {
        width  : 100%;
        height : 140px;
    }

    .partner_name_wrap .partner_name {
        font-size : 20px;
    }

    .partner_info .partner_ext {
        font-size : 14px;
    }

    .artist_list_wrap .artist_list_onecontent .artistlist_img {
        height : 130px;
        width  : 130px;
    }

    .partner_page_content .partner_page_right.p_partner_page_bg,
    .partner_page_content .partner_page_right.sp_partner_page_bg {
        padding-top         : 0;
        background-position : -290px 0;
    }
}


/* ------------  maho partner live화면태그 / music화면 태그  ------------- */

.music_detail .inner .head.MDhead {
    justify-content : space-between;
    width           : calc(100% - 460px);
    margin-left     : 0;
    padding         : 0 15px;
}

.music_detail .artist_partner {
    display     : flex;
    align-items : center;
}

.music_detail .artist_partner ._partner_image {
    display         : flex;
    width           : 72px;
    height          : 30px;
    background      : #fff;
    align-items     : center;
    justify-content : center;
    overflow        : hidden;
    margin-right    : 5px;
}

.music_detail .artist_partner ._partner_image > img {
    max-height : 100%;
    max-width  : 100%;
}

.music_detail .artist_partner ._partner_name {
    font-size : 14px;
    color     : #888;
}

.live_detail .artist_info ._partner_image {
    display         : flex;
    width           : 54px;
    height          : 30px;
    background      : #fff;
    align-items     : center;
    justify-content : center;
    overflow        : hidden;
    margin-right    : 5px;
}

.live_detail .artist_info ._partner_image > img {
    max-width  : 100%;
    max-height : 100%;
}

.live_detail .artist_info ._partner_name {
    font-size : 14px;
    color     : #888;
}

.live_detail .artist_info .artist-partner-wrap {
    display     : flex;
    align-items : center;
    margin-left : 15px;
}

.live_detail .artist_info .artist-name-box {
    display     : flex;
    align-items : center;
}

@media (max-width : 1024px) {
    .music_detail .inner .head.MDhead {
        width : 100%
    }
}

@media (max-width : 600px) {
    .live_detail .video_area {
        padding : 0;
    }

    .live_detail .video_area ._secR {
        width       : 96%;
        margin-left : 2%;
        margin-bottom: 5px;
        height      : auto !important;
    }

    .music_detail .mhead ._namepartner {
        display         : flex;
        align-items     : center;
        padding-top     : 7px;
        justify-content : space-between;
    }

    .live_rec .inner .contents {
        padding-top : 10px !important;
    }

    .music_detail .mhead ._partner {
        height      : 30px;
        margin-left : 10px;
    }

    .music_detail .mhead ._name {
        padding-top : 0;
    }

    .live_detail .artist_info {
        margin-bottom : 10px;
    }

    .live_detail .artist_info .artist-partner-wrap,
    .live_rec .inner .partner {
        width           : 100%;
        justify-content : flex-end;
        margin-left     : 0;
    }

    .live_rec .inner .partner ._pname {
        display : none;
    }

    .live_rec .inner .partner ._pimage {
        margin-right : 0;
    }

    .live_rec .inner .partner {
        width : auto;
    }

    /* .live_rec .music_detail .inner .artist_info .head {
        display         : flex;
        flex: 1;
        width           : 100% !important;
        justify-content : space-between;
    } */
    .live_detail .artist_info .artist-name-wrap {
        width : 80%;
    }

    .live_detail .artist_info .artist-name-box {
        width : 100%;
    }

    .artist-Livepartner-wrap {
        justify-content : flex-end;
        margin-left     : 0;
        display         : flex;
        align-items     : center;
    }

    .artist-Livepartner-wrap ._partner_image {
        display         : flex;
        width           : 72px;
        height          : 30px;
        background      : #fff;
        align-items     : center;
        justify-content : center;
        overflow        : hidden;
        margin-right    : 5px;
    }

    .artist-Livepartner-wrap ._partner_image > img {
        max-width  : 100%;
        max-height : 100%;
        width      : auto;
        height     : auto !important;
    }

    .mlive_title_wrap {
        width           : 100%;
        display         : flex;
        align-items     : flex-start;
        justify-content : space-between;
    }

    .live_detail .video_area .video_info {
        flex-direction : column !important;
    }

    .live_detail .video_area .video_info .live-info.mlive_info {
        width      : 100%;
        display    : none;
        word-break : break-all;
        margin-top : 7px;
        padding-bottom: 10px;
    }

    ._name.txt_line {
        font-size     : 16px;
        overflow      : hidden;
        text-overflow : ellipsis;
        white-space   : nowrap;
        width         : 84%;
        max-height    : 80px;
        word-break    : break-all;
        color         : #7a7a7a !important;
        font-weight   : normal !important;
    }

    .live_detail .artist_info ._partner_name {
        display : none;
    }

    .live_detail .video_area .video_info {
        padding       : 0;
        margin        : 0;
        margin-bottom : 10px;
        margin        : 7px 0 7px 0;
    }

    .stone_modal_wrap .btn_mahotama {
        display             : inline-block;
        width               : 19px;
        height              : 29px;
        background          : url(/user/img/mahotama/mahotama-icon.png) no-repeat;
        overflow            : hidden;
        background-position : 0 4px;
        background-size     : auto 70%;
        margin-left         : 5px;
    }

    .live_detail .video_area .chat_head h3.chat_head_wrap {
        display         : flex;
        justify-content : space-between;
        align-items     : center;
        padding         : 5px 10px;
        line-height     : 16px;
    }
    .stone-info-warp .expG_wrap {
        flex-direction: column;
    }
    .stone-info-warp .expG {
        margin: 0;
        flex: auto;
        margin-top: 6px;
    }
    .stone-info-warp .expG_btn {
        margin: 0 auto;
        margin-top: 10px;
    }

    .chat_head h3.chat_head_wrap .stone_modal_wrap {
        height : 29px;
    }

    .chat_head h3.chat_head_wrap .chat_title_wrap {
        display     : flex;
        align-items : center;
        width: 100%;
    }
    .chat_head h3.chat_head_wrap .chat_title_wrap .chat_title {
        margin-right : 5px;
        font-size    : 14px;
    }

    ._subject_mtitle,
    ._subject_mtitle:hover {
        color       : #222;
        font-size   : 16px;
        word-break  : break-all;
        white-space : pre-line;
        line-height : 20px;
    }
    .live_detail .video_area .video_info ._subject ._subject_mtitle > i {
        margin-top: 5px;
    }

    .live_detail .video_area .video_info .share {
        font-size : 24px;
    }


}

.tooltipped::after {
    background-color : #3db39e;
}

.tooltipped-s::before {
    border-bottom-color : rgba(61, 179, 158, 0.8)
}

/*----------------service_area------------------------------*/
#page-wrapper .container.service h1,
#page-wrapper .container.service h2,
#page-wrapper .container.service h3,
#page-wrapper .container.service h4,
#page-wrapper .container.service h5,
#page-wrapper .container.service h6,
#page-wrapper .container.service p,
#page-wrapper .container.service b {
    font-family: 'Roboto' !important;
}
.service .head_wrap {
    background : #1d2029 url(/user/img/service_img/service_head320.jpg) no-repeat center top;
    /* height     : 580px; */
    height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.service .head_wrap ._bigtitle {
  display: flex;
  align-items: center;
}
.service .head_wrap h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size   : 60px;
    color       : white;
    font-weight: 200;
}
#page-wrapper .container.service h3._sub {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size   : 46px;
    color       : white;
    font-family: 'Noto Sans JP', sans-serif !important;
    background: #211e28;
    padding: 2px 7px 6px 5px;
    margin-left: 10px;
}
.service .head_wrap h4 {
    text-align: center;
    font-size: 20px;
    color: white;
    line-height: 20px;
    padding: 0 20px;
    margin-top : 20px;
    line-height: 1.4em;
}
.service .head_wrap ._join {
    width: 300px;
    height: 50px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 200;
    margin-top: 20px;
    border-radius: 25px;
    opacity: 0.8;
}
.service .head_wrap ._join:hover {
    opacity: 1;
    transition: all 0.2s;
}
.service_content_box {
    padding: 70px 0;
}
.service_content_box.service_content_box01 {
    padding: 70px 20px;
}
.service_content_box .service_title h1 {
    font-size: 50px;
    text-align: center;
    font-weight: 200;
}
.service_content_box .service_title ._exp {
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    line-height: 1.4em;
    margin-top: 20px;
}
.logo_slider {
  margin-top: 30px;
}
.logo_slider .logo_title {
  font-size: 60px;
  font-weight: 600;
  opacity: 0.15;
  color: #000;
}
.logo_slider .logo_content {
  margin-top: 10px;
}
.logo_slider .list_service .list_thum {
    width: 100%;
    background-color: black;
    position: relative;
    text-align: center;
    background: #000;
}
.logo_slider .list_service .list_thum .video_thumnail {
    position: relative;
    padding-bottom: 40%;
    overflow: hidden;
    background: #fff;
}
.logo_slider .list_service .list_thum .video_thumnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.logo_slider .list_service .list_thum .video_thumnail .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.swiper-slide.initLogoSlider {
  margin-top: 0 !important;
}
.slide-next-btn.SLnext,
.slide-prev-btn.SLprev {
  top: 50%;
}
.service_content_box.service_content_box02 {
    background : #e4e4e4 url(/user/img/service_img/service_bg01.jpg) no-repeat center top;
    background-position: center -300px;
    width: 2560px;
    left: 50%;
    margin-left: -1280px;
    position: relative;
}
.service_content_box.service_content_box02 .inner_wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.step_used {
    display: flex;
    margin-top: 30px;
    align-items: flex-start;
}
.step_used .rac {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
}
.step_used .rac._round .Rimg {
    background: url(/user/img/service_img/next_icon_orange.png) no-repeat;
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.step_used .rac._round.round02 .Rimg {
    background-position: -160px 0;
}
.step_used .rac._round.round03 .Rimg {
    background-position: -320px 0;
}
.step_used .rac._round.round04 .Rimg {
    background-position: -480px 0;
}
.step_used .rac._round.round05 .Rimg {
    background-position: -640px 0;
}
.step_used .rac._round .Rimg i {
  color: #f69238;
  margin-bottom: 10px;
}
.step_used .rac._round .Rimg ._text {
  color: #f69238;
  text-align: center;
}
.step_used .rac._round ._mtext {
  display: none;
}
#page-wrapper .container.service p._text {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 500;
  font-size: 16px;
}
.step_used .rac._round .Rtext {
    margin-top: 10px;
    line-height: 1.4em;
    font-size: 15px;
}
.step_used .rac._arrow {
  width: 80px;
}
.step_used .rac._arrow ._Aimg {
    background: url(/user/img/service_img/next_icon_orange.png) no-repeat;
    background-position: 0 bottom;
    width: 12px;
    height: 26px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 70px;
}
.step_used .rac._arrow.arrow02 ._Aimg {
    background-position: -22px -160px;
}
.step_used .rac._arrow.arrow03 ._Aimg {
    background-position: -44px -160px;
}
.step_used .rac._arrow.arrow04 ._Aimg {
    background-position: -66px -160px;
}
.step_used .rac._arrow.arrow05 ._Aimg {
    background-position: -88px -160px;
}
#page-wrapper .container.service p.Atext {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    color: #f69238;
    text-align: center;
    margin-top: 5px;
}
.step_used .rac._round.round02 .Rimg i,
.step_used .rac._round.round02 .Rimg ._text {
  color: #f49a48;
}
.step_used .rac._round.round03 .Rimg i,
.step_used .rac._round.round03 .Rimg ._text {
  color: #f58742;
}
.step_used .rac._round.round04 .Rimg i,
.step_used .rac._round.round04 .Rimg ._text {
  color: #f27651;
}
.step_used .rac._round.round05 .Rimg i,
.step_used .rac._round.round05 .Rimg ._text {
  color: #f27651;
}
.service_content_box.service_content_box03 {
    background : #34363c url(/user/img/service_img/service_bg02.jpg) no-repeat center top;
    /* background-position: 0 0; */
    width: 2560px;
    left: 50%;
    margin-left: -1280px;
    position: relative;
    background-size: auto 100%;
}
.service_content_box.service_content_box03 .inner_wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.service_content_box.service_content_box03 .service_title h1 {
    color: #fff;
}

.contentLR {
    margin-top: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.contentLR .contentL {
    max-width: 750px;
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}
.contentLR .contentL .title {
    color: #fff;
    font-size: 24px;
    background: rgba(00, 00, 00, 0.5);
    display: inline-block;
    padding: 2px 6px 6px 6px;
}
.contentLR .contentL p {
    color: #fff;
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.4em;
}
.contentLR .contentL .contentL02,
.contentLR .contentL .contentL03 {
  margin-top: 50px;
}
.contentLR .contentR ._join {
    width: 300px;
    height: 50px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 200;
    border-radius: 25px;
    opacity: 0.8;
}
.contentLR .contentR ._join:hover {
    opacity: 1;
    background: #f69238;
    color: #fff;
    border: 1px solid #f69238;
    transition: all 0.2s;
}
@media (max-width: 1199px) {
  .service_content_box.service_content_box02 {
      width: 100%;
      left: 0;
      margin: 0;
      background-position: center -300px;
  }
  .service_content_box.service_content_box03 {
      width: 100%;
      left: 0;
      margin: 0;
      background-position: right 0;
  }
  .service_content_box.service_content_box02 .inner_wrap,
  .service_content_box.service_content_box03 .inner_wrap {
      width: 100% !important;
  }
}
@media (max-width: 1024px) {
  .contentLR {
      flex-direction: column-reverse;
  }
  .contentLR .contentL {
      max-width: 100%;
      margin-right: 0;
      margin-top: 50px;
  }
  .contentLR .contentR {
      width: 100%;
      display: flex;
      justify-content: center;
  }
  .service .head_wrap h3 {
    font-size: 50px;
  }
  #page-wrapper .container.service h3._sub {
    font-size: 38px;
  }
  .service .head_wrap h4,
  .service_content_box .service_title ._exp,
  .contentLR .contentL p  {
    font-size: 18px;
  }
  .service_content_box .service_title h1 {
    font-size: 44px;
  }
  .contentLR .contentL .title {
    font-size: 22px;
  }
}
@media (max-width: 1023px) {
  .step_used {
      flex-direction: column;
      max-width: 630px;
      margin: 0 auto;
      margin-top: 30px;
  }
  .step_used .rac {
      width: 100%;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
  }
  .step_used .rac._round .Rimg {
      width: 100px;
      height: 100px;
      background-size: 520px auto;
      margin-right: 20px;
  }
  .step_used .rac._round .mwrap {
      flex: 1;
  }
  .step_used .rac._round.round02 .Rimg {
      background-position: -105px 0;
  }
  .step_used .rac._round.round03 .Rimg {
      background-position: -210px 0;
  }
  .step_used .rac._round.round04 .Rimg {
      background-position: -315px 0;
  }
  .step_used .rac._round.round05 .Rimg {
      background-position: -420px 0;
  }
  .step_used .rac._arrow {
      width: auto;
      margin: 10px 0 10px 45px;
  }
  .step_used .rac._arrow ._Aimg {
    margin-top: 0;
    transform: rotate(0.25turn);
  }
  .step_used .rac._round .Rimg i {
      margin-bottom: 0;
  }
  .step_used .rac._round .Rimg ._text {
      display: none;
  }
  .step_used .rac._round ._mtext {
    display: block;
    font-weight: 600;
    color: #f69238;
  }
  .step_used .rac._round.round02 ._mtext {
    color: #f49a48;
  }
  .step_used .rac._round.round03 ._mtext {
    color: #f58742;
  }
  .step_used .rac._round.round04 ._mtext {
    color: #f27651;
  }
  .step_used .rac._round.round05 ._mtext {
    color: #f27651;
  }
  #page-wrapper .container.service p.Atext {
    margin-top: 0;
    margin-left: 15px;
  }
}
@media (max-width: 600px) {
  .service .head_wrap ._bigtitle {
    flex-direction: column;
  }
  #page-wrapper .container.service h3._sub {
    font-size: 32px;
    margin-left: 0;
  }
  .service .head_wrap h4,
  .service_content_box .service_title ._exp,
  .contentLR .contentL p {
    font-size: 16px;
  }
  .service_content_box .service_title h1 {
    font-size: 34px;
  }
  .service_content_box .service_title ._exp {
    margin-top: 10px;
  }
  .logo_slider .logo_title {
    font-size: 50px;
  }
  .service .head_wrap ._join,
  .contentLR .contentR ._join {
    width: 240px;
    height: 40px;
    font-size: 18px;
  }
  .service_content_box.service_content_box01 {
    padding: 40px 20px;
  }
  .service_content_box.service_content_box02,
  .service_content_box.service_content_box03 {
    padding: 40px 0;
  }
  .contentLR .contentL {
    margin-top: 40px;
  }
  .contentLR .contentL .contentL02,
  .contentLR .contentL .contentL03 {
    margin-top: 40px;
  }
  .contentLR .contentL .title {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .live_detail .info_area {
      padding: 0 10px;
  }
  .service .head_wrap h3 {
    font-size: 40px;
  }
  #page-wrapper .container.service h3._sub {
      font-size: 24px;
  }
  .service .head_wrap h4,
  .service_content_box .service_title ._exp,
  .contentLR .contentL p {
    font-size: 14px;
  }
  .service .head_wrap h4 {
    margin-top: 10px;
  }
  .service_content_box.service_content_box01 {
    padding: 30px 20px;
  }
  .service_content_box.service_content_box02,
  .service_content_box.service_content_box03 {
    padding: 30px 0;
  }
  .logo_slider .logo_title {
    font-size: 35px;
  }
  .step_used .rac._round .Rimg {
    width: 60px;
    height: 60px;
    background-size: 310px auto;
    margin-right: 10px;
  }
  .step_used .rac._round .Rtext {
    margin-top: 5px;
    line-height: 1.4em;
    font-size: 14px;
  }
  .step_used .rac._arrow {
    margin: 10px 0 10px 22px;
  }
  .step_used .rac._round.round02 .Rimg {
    background-position: -62px 0;
  }
  .step_used .rac._round.round03 .Rimg {
    background-position: -125px 0;
  }
  .step_used .rac._round.round04 .Rimg {
    background-position: -188px 0;
  }
  .step_used .rac._round.round05 .Rimg {
    background-position: -251px 0;
  }
  .contentLR .contentL .title {
    font-size: 16px;
    line-height: 1.3em;
  }
  .contentLR .contentL {
    margin-top: 30px;
  }
  .contentLR .contentL .contentL02,
  .contentLR .contentL .contentL03 {
    margin-top: 30px;
  }
  .service .head_wrap {
    height: auto;
    padding: 20px 0 30px 0;
  }
  .service_content_box .service_title h1 {
    font-size: 26px;
  }
  .contentLR {
    margin-top: 20px;
  }
}


















/* live_list rere */
.live_list ._inner {
    width: 1200px;
    display: flex;
    flex-direction: row;
}
.live_list .side {
    display: inline-block;
    margin: 30px 12px 0px;
    width: 276px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    height: fit-content;
    padding: 10px;
    box-sizing: border-box;
    max-height: 458px;
}
.live_list .side.fixed {
    position : fixed;
    top      : 60px;
}
.live_list .contents {
    display: inline-block;
    margin: 30px 15px 50px;
    width: calc(100% - 330px);
    min-height: 500px;
}
.nice-date-picker-header .prev-year-btn,
.nice-date-picker-header .next-year-btn,
.nice-date-title,
.nice-date-picker-header .prev-date-btn,
.nice-date-picker-header .next-date-btn,
.nice-date-title-month,
.nice-date-title,
.nice-date-picker-body tr th,
.nice-date-picker-body tr td {
    color: #000 !important;
}
.live_list .disp_pc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.live_list .disp_m {
    display: none;
}
.live_list .calender_exp {
  font-size: 12px;
  color: #888;
  line-height: 17px;
  margin-top: 7px;
}
.live_list .filter {
    margin-top: 10px;
    border-top: 2px solid #c18a35;
    padding-top: 10px;
}
.live_list .mfilter {
  display: none;
}
.live_list .filter .btn_wrap {
  display: flex;
  align-items: center;
}
.live_list .calender_btn {
    padding: 4px 10px;
    background: #fff;
    border: 2px solid #ddd !important;
    margin-right: 7px;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 13px;
}
.live_list .calender_btn:hover {
    background: #eee;
    transition: all 0.2s;
}
.live_list .calender_btn.active {
    background: orange;
    border: 2px solid orange !important;
    color: #fff;
}
.live_list .search_tool {
    margin: 5px 0;
    position: relative;
}
.live_list .search_tool .input-append {
    width: 100%;
    float: none;
}
.live_list .reset_btn {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  background: #ddd;
  border-radius: 3px;
  margin-top: 10px;
  border: none;
  width: 100%;
  cursor: pointer;
}
.live_list .all_content_btn {
  height: 30px;
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  background: #ddd;
  border-radius: 3px;
  background: #ddd !important;
  border-radius: 3px !important;
  margin: 0;
  cursor: pointer;
}
.live_list .reset_btn:hover,
.live_list .all_content_btn:hover {
  background: #ffbf1f !important;
  color: #fff;
  transition: all 0.2s;
}
#scheduleForm .input-append {
    display: flex;
}
#scheduleForm .search-query {
    border: 1px solid #969696;
    width: 100%;
    padding-right: 38px;
    padding-right: 39px \9;
    padding-left: 5px;
    padding-left: 6px \9;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#scheduleForm .search-btn {
    border: 0;
    background: none;
    padding: 2px 5px;
    margin-top: 2px;
    position: absolute;
    top: 0px;
    right: 5px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.calender_sort_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.calender_sort_btn > button {
    width: 33%;
    margin-right: 10px;
    background: #ddd;
    border: none;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}
.calender_sort_btn > button:hover,
.calender_sort_btn > button.active {
    background: #ffbf1f;
    transition: all 0.2s;
}
.calender_sort_btn > button:last-child {
  margin-right: 0;
}
.live_list .calender_btn_wrap {
  display: none;
}

@media (max-width: 1023px) {
  .live_list .contents .today_live_list .item {
    flex-direction: column;
  }
  .live_list .contents .today_live_list .item ._timeimg {
    width: 100%;
  }
  .live_list .contents .today_live_list .item .content.schcontent {
    width: 100%;
  }
  .live_list .calendar {
    justify-content: flex-start;
  }
  .live_list .contents .today_live_list .item .content.schcontent {
    flex: auto;
  }
}


/* ad area */
ins {
    /* border: 1px solid #f9f9f9;
    box-sizing: border-box; */
    background: #f9f9f9;
}
.mob_ins {
  display: none;
}
@media (max-width: 767px) {
  .artist_about .contents .desc > p > iframe {
      width: 100%;
      height: 53.5vw;
    }
  .mob_ins {
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  .music_list .relation_head {
    margin-top    : 20px;
  }
  .news_allcontent > p > iframe {
    width: 100%;
    height: 53.5vw;
  }
}



/* broadcast List */
.broadcast_list .slider_wrap {
    width: 100%;
    background: #dbe4ec url('/user/img/pattern_header.jpg') no-repeat center;
    padding-bottom: 20px;
}
.broadcast_list ._inner {
    width: 1200px;
    display: flex;
    flex-direction: row-reverse;
}
.broadcast_list .slider_wrap .title {
    font-size: 25px;
    padding: 30px 10px 0;
}
.broadcast_list .contents .title {
    font-size: 25px;
}
.broadcast_list .side {
    display: inline-block;
    margin: 30px 12px 0px;
    width: 276px;
}
.broadcast_list .contents {
    display: inline-block;
    padding: 20px 15px 50px;
    /* width: calc(100% - 330px); */
    /* min-height: 500px; */
    width: 100%;
}
.broadcast_list .side .about_img {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.broadcast_list .side .about_img img {
    width: 100%;
}
.broadcast_list .search_tool {
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
}
.broadcast_list .search_tool h1 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.broadcast_list .side .search_tool .search_hashtag {
    padding-top: 8px;
}
.broadcast_list .side .search_tool .search_hashtag em {
    display: inline-block;
    padding: 4px 7px 7px 5px;
    color: black;
    background: #dfe0e0;
    font-size: 12px;
    margin: 8px 0px 0px 4px;
    border-radius: 4px;
    letter-spacing: -0.6px;
    cursor: pointer;
}

.broadcast_list .category {
    padding-left: 2px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.broadcast_list .category .category_right {
  display: flex;
  align-items: center;
}
.broadcast_list .category .category_right .search {
  width: 180px;
}
.broadcast_list .category li {
    display: inline-block;
    font-size: 15px;
    color: #989898;
    float: left;
    margin-right: 15px;
    cursor: pointer;
}
.broadcast_list .category li:hover, .broadcast_list .category li.on {
    color: #f05a29;
}
.broadcast_list .category li:hover i:before,
.broadcast_list .category li.on i:before {
      content: "\e92d";
}
.broadcast_list .category li * {
    font-weight: normal;
    vertical-align: middle;
}
.broadcast_list .category li i {
    font-size: 20px;
    vertical-align: middle;
}
.broadcast_list .album_list {
    margin-top: 15px;
    margin-bottom: 10px;
}
.broadcast_list .thumbnail_play_time_layer {
    /* margin: 7px;
    background-color: rgba(25, 24, 24, 0.7);
    padding: 6px 7px 7px 7px;
    font-size: 0.9rem; */
}
.broadcast_list .relation_head {
    position: relative;
    height: 32px;
    margin-top: 50px;
    margin-bottom: 15px;
}
.broadcast_list .relation_head h3 {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
.broadcast_list.swiper-container {
    margin: 0px 40px;
}
.broadcast_list .inner1300 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.swiper-broadcast-list {
    /* background: #414045; */
    width: 1100px;
}
.swiper-broadcast-list .swiper-wrapper {
  align-items: center;
}
.swiper-button-prev.inListPage_prev,
.swiper-button-next.inListPage_next {
    z-index: 5;
    font-size: 40px;
    width: 40px;
    height: 40px;
    color: #999;
    background: none;
}
.swiper-button-prev.inListPage_prev:hover,
.swiper-button-next.inListPage_next:hover {
    color: #444;
    transition: all 0.2s;
}
.swiper-broadcast-list .swiper-slide .swiper-slide-wrap {
    width: 90%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.swiper-broadcast-list .swiper-slide .img {
    width: 100%;
    position: relative;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}
.swiper-broadcast-list .subject {
    text-align: left;
    font-size: 15px;
    color: #43444e;
    margin-top: 5px;
    font-weight: 500;
    line-height: 1.4;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.swiper-broadcast-list .singer {
    font-size: 13px;
    color: #646464;
    margin-top: 5px;
    padding-left: 11px;
}
.swiper-broadcast-list .tag {
    margin-top: 5px;
    padding-left: 11px;
}
.swiper-broadcast-list .swiper-slide .img .video_thumnail {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.swiper-broadcast-list .swiper-slide .img .video_thumnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.swiper-broadcast-list .cover {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(00, 00, 00, 0.5);
}
.swiper-broadcast-list .swiper-slide .img .video_thumnail .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* .swiper-broadcast-list .swiper-slide-active + div + div {
    background: #060415 !important;
} */
.broadcast_list .album_list .item {
    width: 23%;
    height: auto;
    display: inline-block;
    float: left;
    padding-bottom: 25px;
    margin-right: 2.666666666666667%;
}
.broadcast_list .album_list .item .thumbnail_video_mark {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    font-size: 1.5rem;
    color: #fff;
    background: rgba(25, 24, 24, 0.8);
    border-radius: 5px;
    padding: 2px 5px;
    display: none;
}
.broadcast_list .album_list .item .thumbnail_video_mark.pngimg,
.swiper-slide .swiper-slide-wrap .img .thumbnail_video_mark.pngimg {
    /* background: rgba(25, 24, 24, 0.8) url(/user/img/video_icon.png) no-repeat center;
    width: 34px;
    height: 34px;
    padding: 1px 3px;
    background-size: 26px auto; */
}
.broadcast_list .album_list .item .thumbnail_video_mark.pngimg > i,
.swiper-slide .swiper-slide-wrap .img .thumbnail_video_mark.pngimg > i {
    /* display: none; */
}
.broadcast_list .text-wrap .thumbnail_play_mark {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-top: 5px;
}
.broadcast_list .slider_wrap .text-wrap .thumbnail_play_mark {
  display: none;
}
.broadcast_list .text-wrap .thumbnail_play_mark > * {
    color: #999;
}
.broadcast_list .text-wrap .thumbnail_play_mark > div {
   margin-right: 2px;
}
.broadcast_list .album_list .item:hover .back {
  /* background: #000; */
}
.broadcast_list .album_list .item .back .frame .centered img {
}
.broadcast_list .album_list .item:hover .back .frame .centered img {
 /* opacity: 0.7;
 transition: all 0.2s; */
}
.broadcast_list .album_list .item:hover .thumbnail_play_time_layer {
  /* display: inline-flex; */
}
.broadcast_list .album_list .item:nth-child(4n+4 ) {
    margin-right: 0px;
}
.broadcast_list .album_list:after {
    content: " ";
    display: block;
    clear: both;
}
.broadcast_list ._user {
    display: flex;
    align-items: center;
}
.broadcast_list ._user ._img {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: sub;
    margin-right: 5px;
}
.broadcast_list ._user ._name {
    display: inline-block;
    font-size: 13px;
    width: 100%;
    color: #7b7b7b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.broadcast_list .album_list ._info {
    text-align: right;
    font-size: 12px;
    margin-top: 3px;
}
.broadcast_list .album_list ._info .list_tag {
    font-size: 12px;
    color: #747474;
    margin-right: 3px;
}
.broadcast_list .album_list ._info .list_play {
    font-size: 12px;
    color: #747474;
    margin-right: 5px;
}
.broadcast_list .album_list ._info .list_wish {
    font-size: 12px;
    color: #747474;
}
.broadcast_list .album_list_more {
    width: 355px;
    margin: 0 auto;
    border: 1px solid #bdbdc1;
    padding: 8px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}
.broadcast_list .album_list_more i {
    vertical-align: middle;
}
.broadcast_list ._subject {
    text-align: left;
    font-size: 15px;
    color: #43444e;
    margin-top: 5px;
    font-weight: 500;
    line-height: 1.4;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.broadcast_list .list_full5 div .list_thum {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    text-align: center;
    background: transparent;
}
.swiper-broadcast-list .swiper-slide .swiper-slide-wrap {
    width: 95%;
}
.swiper-slide .swiper-slide-wrap .img .thumbnail_video_mark {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    font-size: 1.5rem;
    color: #fff;
    background: rgba(25, 24, 24, 0.8);
    border-radius: 5px;
    padding: 2px 5px;
    display: none;
}
.swiper-slide .swiper-slide-wrap .img .thumbnail_play_time_layer {
    /* margin: 7px;
    background-color: rgba(25, 24, 24, 0.7);
    padding: 6px 7px 7px 7px;
    font-size: 0.9rem; */
}
.swiper-broadcast-list .swiper-slide:hover .img .video_thumnail .centered img {
    /* opacity: 0.7;
    transition: all 0.2s; */
}
.swiper-slide .swiper-slide-wrap .img .thumbnail_play_time_layer {
    /* margin: 7px;
    background-color: rgba(25, 24, 24, 0.7);
    padding: 6px 7px 7px 7px;
    font-size: 0.9rem; */
}
.swiper-slide:hover .swiper-slide-wrap .img .thumbnail_play_time_layer {
    /* display: inline-flex; */
}
.swiper-broadcast-list [class^=swiper-button] {
    /* background: none; */
    width: 47px;
    height: 47px;
    top: 40%;
}
.swiper-broadcast-list .xi-caret-up-circle-o {
    color: #bbbbbb;
    font-size: 47px;
}
.broadcast_list ._inner {
    width: 1200px;
    display: flex;
    flex-direction: row-reverse;
 }
.broadcast_list .list_full5 div .list_info .list_title {
    color: #43444e;
    font-size: 14px;
    height: 1.2em;
    padding-left: 3px;
    margin-top: 9px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 400;
}
@media (min-width: 1025px) {
  .swiper-broadcast-list .swiper-slide-active {
     /*width: 40% !important;*/
  }
  .swiper-broadcast-list .swiper-slide-prev,
  .swiper-broadcast-list .swiper-slide-next {
      /*width: 30% !important;*/
  }
  .swiper-broadcast-list {
    margin: 0 60px 0 40px
  }
  .broadcast_list .slider_wrap {
    max-height: 380px;
  }
  .swiper-broadcast-list .swiper-slide .swiper-slide-wrap {
    width: 80%;
  }
  /*.swiper-broadcast-list .swiper-slide.swiper-slide-prev .swiper-slide-wrap,*/
  /*.swiper-broadcast-list .swiper-slide.swiper-slide-next .swiper-slide-wrap {*/
  /*  width: 80%;*/
  /*}*/
  .swiper-broadcast-list .swiper-slide.swiper-slide-active .swiper-slide-wrap,
  .swiper-broadcast-list .swiper-slide.swiper-slide-duplicate-active .swiper-slide-wrap {
      width: 100%;
      margin-left: 0%;
  }
}
@media (max-width: 1024px) {
  .broadcast_list .album_list .item {
      width: 31%;
      margin-right: 3.5%;
      padding-bottom: 20px;
  }
  .broadcast_list .album_list .item:nth-child(3n) {
      margin-right: 0 !important;
  }
  .broadcast_list .album_list .item:nth-child(4n) {
      margin-right: 3.5%;
      padding-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .broadcast_list .inner1300 {
    width: 100%;
    height: auto;
  }
  .swiper-broadcast-list {
    width: 92.4%;
  }
  .broadcast_list .slider_wrap {
    background: #dbe4ec url('/user/img/pattern_header1024.jpg') no-repeat center;
  }
}
@media (max-width: 768px) {
  .broadcast_list .list_full5 div .list_thum {
      width: 105px;
      height: 105px;
  }
}
@media (max-width: 767px) {
  .swiper-music-list {
        width: 86%;
    }
    .swiper-artist-list {
        width: 86%;
    }
  .broadcast_list ._inner {
      flex-direction: column;
  }
  .broadcast_list .side {
      display: none;
      width: auto;
      padding: 15px 15px;
      margin: 0;
  }
  .broadcast_list .contents {
      width: auto;
      padding: 15px 15px;
      margin: 0;
      margin-bottom: 50px;
  }
  /* .broadcast_list .album_list .item:nth-child(3n) {
      margin-right: 0;
  }
  .broadcast_list .album_list .item:nth-child(4n) {
      margin-right: 0;
  }
  .broadcast_list .album_list .item {
      width: calc(50% - 7.5px);
      margin-right: 0;
  }
  .broadcast_list .album_list .item:nth-child(odd) {
      margin-right: 15px;
  } */
  .swiper-broadcast-list {
    width: 86%;
  }
  .swiper-button-prev.broadcastpage_prev,
  .swiper-button-next.broadcastpage_next {
    top: 43%;
  }
}
@media (max-width: 600px) {
  .broadcast_list .album_list .item {
      width: 100%;
      float: none;
      margin-right: 0px;
      padding-bottom: 15px;
      display: flex;
      align-items: center;
  }
  .broadcast_list .album_list .item:nth-child(odd) {
      margin-right: 0;
  }
  .broadcast_list .album_list .item .image-frame {
      width: 130px;
      float: left;
      display: inline-block;
  }
  .broadcast_list .album_list .item .text-wrap {
      display: inline-block;
      width: calc(100% - 148px);
      float: left;
      margin-right: 0px;
      margin-left: 15px;
  }
  .broadcast_list .album_list ._subject {
      margin-top: 3px;
      max-height: 1.4em;
      padding: 0;
  }
  .broadcast_list .album_list ._user {
      margin-top: 5px;
  }
  .broadcast_list .text-wrap .thumbnail_play_mark {
    /* margin-top: 0; */
  }
  .broadcast_list .album_list ._info {
      text-align: left;
      font-size: 12px;
      margin-top: 6px;
      margin-left: 2px;
  }
  .broadcast_list .album_list ._info .list_tag {
      display: none;
  }
  .broadcast_list .album_list_more {
      width: auto;
  }
  .swiper-button-prev.inListPage_prev,
  .swiper-button-next.inListPage_next {
    background-color: #fff;
    color: #000;
    z-index: 5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-size: 35% auto;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 1;
    top: 40%;
    /* box-shadow: 1px 1px 1px 1px #eee; */
    font-size: 30px;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .broadcast_list .slider_wrap .title,
  .broadcast_list .contents .title {
    font-size: 20px;
  }
  .broadcast_list .category .category_right .search {
    width: 135px;
  }
}

@media (max-width: 425px) {
  .broadcast_list .category {
    flex-direction: column;
      align-items: flex-start;
  }
  .broadcast_list .category .category_right {
    width: 100%;
    justify-content: flex-end;
    margin-top: 7px;
  }
  .broadcast_list .album_list .item .image-frame {
    width: 45%;
    flex: 1;
  }
  .broadcast_list .album_list .item .text-wrap {
    width: 55%;
  }
  .broadcast_list .slider_wrap .title {
    padding: 30px 10px 5px;
  }
}














.sweet-alert p {
    color: #222 !important;
}



/* notice list css */
.notice_list .head_wrap {
    background: #32151e url(../img/notice_head.png) no-repeat center top;
    height: 223px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.notice_list .head_wrap h3 {
    text-align: center;
    font-size: 60px;
    color: white;
}
.notice_list .head_wrap h4 {
    text-align: center;
    font-size: 20px;
    color: white;
    padding-top: 2px;
}
.inner1000 {
    width: 1000px;
    margin: 0 auto;
}
.inner1000 ._inner {
    padding: 40px 0 60px;
}
.notice_list .contents {
    padding-bottom: 80px;
    margin: 0 10px;
}
.notice_list .notice_list {
    border-bottom: 1px solid #bbb;
}
.notice_list .notice_list.top_notice {
    border: 1px solid #bbb;
}
.notice_list .notice_list .title_btn {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    padding: 13px 20px;
    background: #fff;
    box-sizing: border-box;
}
  .notice_list .notice_list .title_btn.active {
      background: #F4F4F4;
  }
.notice_list .notice_list.top_notice .title_btn {
    border-bottom: none;
}
.notice_list .notice_list .right {
    display: flex;
    align-items: center;
}
.notice_list .notice_list .title_btn .title {
    font: normal normal normal 16px/26px Noto Sans JP;
    margin-right: 6px;
    max-width: 90%;
    display: flex;
}
.notice_list .notice_list .title_btn .title .title_q{
    font: normal normal 30px/26px Futura;
    margin-right: 6px;
}
.notice_list .notice_list.top_notice .title_btn .title {
    color: #f1592b;
}
.notice_list .notice_list .title_btn .date {
    font-size: 13px;
    color: #888;
}
.notice_list .notice_list .title_btn i {
    font-size: 20px;
    color: #1D1D1D;
    margin-left: 15px;
}
.notice_list .notice_list .title_btn i{
    display: none;
}
.notice_list .notice_list .title_btn i.active {
    display: block;
}
.notice_list .notice_list .title_btn i.active1 {
    display: flex;
}

.notice_list .notice_content {
    background: #fff;
    padding: 20px;
    padding-top: 0;
    box-sizing: border-box;
    white-space: pre-line;
    font-size: 15px;
    color: #666;
    line-height: 1.5em;
    display: none;
}
.notice_content1 {
    padding: 20px;
    font: normal normal normal 14px/26px Noto Sans JP;
    display: flex;
}
.notice_content1 .title_a {
    color: #F59121;
    font: normal normal 30px/26px Futura;
    margin-right: 6px;
}

.notice_content2 {
    background: #fff;
    padding: 0;
    box-sizing: border-box;
    white-space: pre-line;
    font-size: 15px;
    color: #666;
    line-height: 1.5em;
    display: flex;
    margin-bottom: -20px;
}

.notice_list.top_notice .notice_content {
  background: #fafbfc;
  padding-top: 20px;
}
.notice_list.top_notice .notice_content1 {
  background: #fafbfc;
  padding-top: 20px;
}
.notice_list .notice_content.active {
  display: block;
}
.notice_list .notice_content1.active1 {
  display: flex;
}
@media (max-width: 1024px) {
  .inner1000 {
      width: 100%;
      padding: 0 15px;
      box-sizing: border-box;
  }
}
@media (max-width: 600px) {
  .inner1000 {
      padding: 0 10px;
  }
  .inner1000 ._inner {
      padding: 20px 0 40px;
  }
  .notice_list .head_wrap h3 {
      font-size: 50px;
  }
  .notice_list .head_wrap h4 {
      font-size: 18px;
  }
  .notice_list .notice_list .title_btn .title {
      font: normal normal normal 15px/26px Noto Sans JP;
  }
  .notice_list .notice_list .title_btn {
      padding: 12px 15px;
  }

  .notice_list .notice_content {
      font-size: 14px;
  }
  .notice_content1 {
      font-size: 14px;
  }

  .notice_list .notice_list .right {
      width: 100%;
      justify-content: flex-end;
      margin-top: 8px;
  }
}


/* main notice css */
.main_notice {
    padding: 20px;
    text-align: center;
    overflow: hidden;
    width: 2560px;
    box-sizing: border-box;
    font-size: 16px;
    background: #fff;
    left: 50%;
    margin-left: -1280px;
    position: absolute;
}
.main_notice .notice_text {
    line-height: 16px;
    width: 1120px;
    margin: 0 auto;
    display: block;
    /* font-weight: bold; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .relation_head.broadcast_schedule {
    margin: 100px 40px 10px;
}

@media (max-width: 1199px) {
  .main_notice {
      width: 100%;
      left: 0;
      margin-left: 0;
      position: relative;
      font-size: 15px;
      padding: 20px 10px;
  }
  .main_notice .notice_text {
      width: auto;
  }
  .main .relation_head.broadcast_schedule {
      margin: 50px 40px 10px;
  }
}
@media (max-width: 600px) {
  .main .relation_head.broadcast_schedule {
      margin: 40px 20px 5px;
  }
}
@media (max-width: 425px) {
  .main_notice {
      font-size: 14px;
      padding: 12px 12px;
  }
  .main_notice .notice_text {
    /* -webkit-line-clamp: 2;
    word-wrap: break-word;
    line-height: 1.3em;
    height: 2.6em;
    word-break: break-all;
    white-space: normal; */
    font-weight: normal;
  }
}

.lg-chk-ct {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    margin-left: 13px;
    height: 25px;
}
.chk-lg {
    display: flex;
    align-items: center;
    height: 17px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 190px;
}
.chk-lg input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.chk-mk {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}



/* Circuit Preview */
.circuit-preview {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: #000;
    padding: 4px;
}
.circuit-preview .thumbnail1-4 {
    width: 16.6%;
    margin-left: 5px;
    box-sizing: border-box;
    position: relative;
}
.circuit-preview .thumbnail1-4 > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.circuit-preview .thumbnail1-4:first-child {
    margin-left: 0;
}
.circuit-preview .thumbnail1-4 .list_thum {
    width: 100%;
    background-color: black;
    position: relative;
    text-align: center;
    background: #000;
}
.circuit-preview .thumbnail1-4 .list_thum .video_thumnail {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #fff;
}
.circuit-preview .thumbnail1-4 .list_thum .video_thumnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.circuit-preview .thumbnail1-4 .list_thum .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circuit-preview .thumbnail1-4 .list_thum .centered iframe {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circuit-preview .thumbnail1-4 ._button {
    right: 0;
    top: 0;
    background: #000;
    opacity: 0.6;
    color: #fff;
    font-size: 24px;
    position: absolute;
    padding: 5px 7px;
    cursor: pointer;
    border: none;
    z-index: 2;
}
.circuit-preview .thumbnail1-4 ._button:hover {
    opacity: 1;
    transition: all 0.2s;
}
@media (max-width: 600px) {
  .circuit-preview .thumbnail1-4 {
    width: 25%;
  }
  .circuit-preview .thumbnail1-4 ._button {
      font-size: 20px;
      padding: 2px 4px;
  }
}



/* bottompage manual CSS */
.bottompage_manual {
    margin: 0;
    padding: 0;
    background: #388493;
}
.bottompage_manual.stone {
    margin: 0;
    padding: 0;
    background: #161022;
    overflow-x: hidden;
}

.bottompage_manual .fanhead_img {
    background: url('/user/img/manual/fanpage/pcTop.jpg') no-repeat center;
    width: 100%;
    height: 440px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    z-index: -1;
}
.bottompage_manual .fanhead {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
}
.bottompage_manual.stone .stonehead_img {
    background: url('/user/img/manual/stonepage/pcTop.jpg') no-repeat center;
    width: 100%;
    height: 1035px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    z-index: -1;
}
.bottompage_manual.stone .stonehead {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
}
.bottompage_manual .head .subtitle {
    font-size: 32px;
    color: #fff;
}
.bottompage_manual .head .bigtitle {
    color: #fff799;
    font-size: 30px;
    padding: 15px 0;
    margin-top: 31px;
    background-color: rgba(255, 255, 255, 0.12);
}
.bottompage_manual .head .bigtitle.stone_bigtitle {
    flex-wrap: wrap;
}
.bottompage_manual .head .bigtitle.stone_bigtitle p {
    margin: 0;
}
.bottompage_manual .head img {
    width: 320px;
    margin-top: 10px;
}

.bottompage_manual .content {
    max-width: 1000px;
    margin: 0 auto;
}
.bottompage_manual .content .content_title {
  display: flex;
  align-items: flex-start;
  color: #fff799;
  margin-bottom: 15px;
}
.bottompage_manual .content .content_title .title-caretup {
    transform: rotate(90deg);
    width: 22px;
    height: 22px;
    font-size: 22px;
    margin-top: 8px;
}
.bottompage_manual .content .content_title .title {
    font-size: 22px;
}
.bottompage_manual .content .content_text {
    font-size: 20px;
    color: #fff;
    padding: 0 20px;
}
.bottompage_manual .content .content_text.numb_flex {
    display: flex;
}
.bottompage_manual .content .content_text .numbC {
    background: #f26c4f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 10px;
}
.bottompage_manual .content .content_text .numbrT {
    flex: 1;
}
.bottompage_manual .content .content_img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.bottompage_manual .content .content_img img {
    width: 100%;
    margin: 20px 0;
}
.bottompage_manual .content .content_imgM {
  display: none;
}
.bottompage_manual .content .borderTB {
  width: 100%;
  height: 1px;
  margin: 30px 0;
  border-top: 1px dashed #fff;
  opacity: 0.3;
}
.bottompage_manual .fanfoot_img {
    background: url(/user/img/manual/fanpage/pcBottom.jpg) no-repeat center;
    width: 100%;
    height: 500px;
    box-sizing: border-box;
    align-items: flex-end;
    display: flex;
    padding-bottom: 30px;
    margin-top: -470px;
    position: absolute;
    border: 0;
    z-index: -1;
}
.bottompage_manual .stonefoot {
    background: #231627;
    margin-top: -30px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.bottompage_manual .foot .textBox {
    max-width: 1000px;
    padding: 20px 30px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 auto;
    box-sizing: border-box;
}
.bottompage_manual .foot .textBox .lastText {
    color: #fff;
    font-size: 20px;
    line-height: 1.5em;
}
.bottompage_manual .stonefoot .textBox {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottompage_manual .stonefoot .textBox .bi {
  color: #fff799;
  font-size: 22px;
}
.bottompage_manual .stonefoot .textBox .md {
  font-size: 18px;
  margin-top: 15px;
}
.bottompage_manual .stonefoot .textBox .sm {
  color: #aaa;
  font-size: 15px;
}
.bottompage_manual .stonefoot .textBox img {
  width: 240px;
}
.bottompage_manual .stonefoot .textBox a {
  margin-left: 40px;
  width: 240px;
  height: 135px;
}
.stone_bigtitle {
  display:flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.stone_bigtitle.chbigt {
  margin-bottom: 50px;
}
.stone_bigtitle .bigtext {
  display: flex;
}
.stone_bigtitle .bigtext p,
.stone_bigtitle .bigtext p span {
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 27px;
  font-weight: bold;
  margin: 0;
}
.stone_bigtitle .title_ticket {
  width: 60px;
  margin-top: -40px;
}
.stone_bigtitle .title_redline {
  position: absolute;
  bottom: -5px;
  margin-left: 70px;
  width: 280px;
}
.stone_bigtitle .title_redline02 {
  position: absolute;
  bottom: -5px;
  margin-left: 136px;
  width: 240px;
}
.stone_bigtitle .title_kira {
  width: 40px;
  margin-left: 5px;
  margin-top: -20px;
}
.stone_bigtitle .title_tama {
  width: 40px;
  margin-right: 5px;
}
.bottompage_manual.stone .content .anbg {
   background: #231627;
    padding: 50px 0 30px;
    margin-top: -30px;
    width: 2560px;
    margin-left: -1280px;
    left: 50%;
    position: relative;
}
.bottompage_manual.stone .content .anbg .anbg1000 {
    max-width: 1000px;
    margin: 0 auto;
}
.stone_bigtitle.sec_bigtitle {
  margin-top: 50px;
}
.bottompage_manual .content .content_text .mbnum {
    display:  none;
}
.bottompage_manual .content .content_text.mbtext {
    display: none;
}
.bottompage_manual .content .content_text.pctext {
    display: block;
}
@media (max-width: 1024px) {
  .bottompage_manual .content {
    margin: 0 20px;
  }
  .bottompage_manual.stone .content .anbg {
    width: calc(100% - -40px);
    left: 0;
    margin: 0;
    margin-top: -30px;
    margin-left: -20px;
    padding: 50px 20px 30px;
    box-sizing: border-box;
  }
  .bottompage_manual.stone .content .anbg .anbg1000 {
    margin: 0;
  }
  .bottompage_manual .foot .textBox {
    margin: 0 20px;
  }
}
@media (max-width: 768px) {
  .bottompage_manual .content .content_img {
    display: none;
  }
  .bottompage_manual .content .content_imgM {
      display: flex;
      width: 100%;
      margin: 0 auto;
  }
  .bottompage_manual .content .content_imgM img {
      width: 49%;
      height: 49%;
      margin: 20px 0;
  }
  .bottompage_manual .content .content_imgM img:first-child {
    margin-right: 2%;
  }
  .bottompage_manual .stonefoot .textBox {
      flex-direction: column;
  }
  .bottompage_manual .stonefoot .textBox a {
      margin-left: 0;
      margin-top: 20px;
  }
  .bottompage_manual .stonehead .bigtitle {
    font-size: 24px;
  }
  .bottompage_manual.stone .stonehead_img {
      background: url(/user/img/manual/stonepage/mobileTop.jpg) no-repeat center;
      width: 100%;
      height: 715px;
      text-align: center;
      box-sizing: border-box;
      position: absolute;
      z-index: -1;
  }
  .bottompage_manual.stone .stonehead {
      width: 100%;
      text-align: center;
      padding: 30px 0;
      box-sizing: border-box;
  }
  .stone_bigtitle .bigtext {
      flex-direction: column;
      align-items: center;
  }
  .stone_bigtitle .title_ticket,
  .stone_bigtitle .title_kira {
      margin-top: 0;
  }
  .stone_bigtitle .title_redline {
      margin-left: -40px;
  }
  .stone_bigtitle .title_tama {
      margin-top: -40px;
  }
  .stone_bigtitle .title_kira.kira02 {
      margin-top: -80px;
  }
  .stone_bigtitle .title_redline02 {
      margin-left: 0;
  }
  .bottompage_manual .content .content_imgM.halfM {
      width: 49%;
      float: left;
      margin-right: 25px;
  }
  .bottompage_manual .content .content_imgM.halfM img {
      width: 100%;
      margin-right: 0;
  }
  .bottompage_manual .content .content_text.halfMtext {
      margin-top: 30px;
  }
  .bottompage_manual .content .content_text.halfMstext {
      margin-top: 20px;
      font-size: 18px;
      color: #aaa;
  }
  .bottompage_manual .content .borderTB.clearFloat {
      float: none;
      content: "";
      clear: both;
  }
  .bottompage_manual .content .content_text .mbnum {
      display: flex;
      color: #fff;
      font-size: 16px;
      align-items: center;
      justify-content: center;
      margin-right: 5px;
      background: #f26c4f;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      float: left;
      margin-top: 3px;
  }
  .bottompage_manual .content .content_text.pctext {
    display: none;
  }
  .bottompage_manual .content .content_text.mbtext {
      display: block;
  }
}
@media (max-width: 600px) {
  .bottompage_manual .head .subtitle {
      font-size: 22px;
  }
  .bottompage_manual .head img {
      width: 240px;
  }
  .bottompage_manual .head .bigtitle {
      font-size: 24px;
      margin-top: 15px;
  }
  .bottompage_manual .fanhead_img {
      background-size: auto 334px;
      background-position: center top;
  }
  .bottompage_manual .content .content_title {
      margin-bottom: 5px;
  }
  .bottompage_manual .content .content_title .title {
      font-size: 18px;
  }
  .bottompage_manual .content .content_title .title-caretup {
      width: 18px;
      height: 18px;
      font-size: 18px;
      margin-top: 5px;
  }
  .bottompage_manual .content .content_text {
      font-size: 16px;
  }
  .bottompage_manual .content .content_imgM img {
      margin: 15px 0;
  }
  .bottompage_manual .content .borderTB {
      margin: 20px 0;
  }
  .bottompage_manual .content .content_text .numbC {
      width: 24px;
      height: 24px;
      font-size: 14px;
  }
  .bottompage_manual .foot .textBox .lastText {
      font-size: 16px;
  }
  .bottompage_manual .foot .textBox {
      padding: 20px 20px;
  }
  .bottompage_manual .content .borderTB.lastbTB {
      border-top: none;
  }
  .bottompage_manual .head .bigtitle {
      font-size: 20px;
  }
  .bottompage_manual.stone .content .anbg {
      margin-top: -20px;
      padding: 20px;
  }
  .stone_bigtitle {
      margin-top: 0;
  }
  .stone_bigtitle.chbigt {
      margin-bottom: 30px;
      margin-top: 10px;
}
  .bottompage_manual .stonefoot {
      margin-top: 0;
  }
  .bottompage_manual .content .content_text.halfMstext {
      font-size: 15px;
  }
  .stone_bigtitle .bigtext p,
  .stone_bigtitle .bigtext p span {
      font-size: 19px;
  }
  .stone_bigtitle .title_ticket {
      width: 40px;
  }
  .stone_bigtitle .title_kira {
      width: 25px;
  }
  .stone_bigtitle .title_redline {
      margin-left: -35px;
      bottom: -3px;
      width: 200px;
  }
  .stone_bigtitle .title_tama {
      width: 25px;
      margin-top: -32px;
  }
  .stone_bigtitle .title_kira.kira02 {
      margin-top: -50px;
  }
  .stone_bigtitle.sec_bigtitle {
      margin-top: 30px;
  }
  .stone_bigtitle .title_redline02 {
      bottom: -3px;
      width: 180px;
  }
  .bottompage_manual .stonefoot .textBox .bi {
      font-size: 18px;
  }
  .bottompage_manual .stonefoot .textBox .md {
      font-size: 16px;
  }
  .bottompage_manual .stonefoot .textBox .sm {
      font-size: 14px;
  }
  .bottompage_manual .head .bigtitle.stone_bigtitle {
      flex-direction: column;
  }
  .bottompage_manual .content .content_text.halfMtext {
      margin-top: 20px;
  }
  .bottompage_manual .content .content_text .mbnum {
      font-size: 14px;
      width: 20px;
      height: 20px;
  }
}
@media (max-width: 425px) {
  .stone_bigtitle .bigtext {
      align-items: flex-start;
  }
  .stone_bigtitle .title_kira,
  .stone_bigtitle .title_redline,
  .stone_bigtitle .title_redline02 {
      display: none;
  }
  .stone_bigtitle .title_ticket {
      width: 40px;
      margin-right: 10px;
      margin-top: -32px;
  }
  .stone_bigtitle .title_tama {
      width: 32px;
      margin-right: 10px;
      margin-top: -28px;
  }
  .stone_bigtitle {
      justify-content: flex-start;
  }
  .stone_bigtitle .bigtext p span {
      border-bottom: 1px solid #f26c4f;
  }
  .stone_bigtitle.sec_bigtitle {
      margin-top: 20px;
  }
  .bottompage_manual .content .content_imgM.halfM {
      margin-right: 15px;
  }
}

span.chatTextLength
{
  -ms-user-select: none !important; 
  -moz-user-select: -moz-none !important;
  -khtml-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  background-color: #FFF0F0 !important;
  cursor: none !important;
  pointer-events: none !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.no-chat-img img {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    overflow: hidden;
    margin: 100px 65px;
}

.right_ticket_box {
    max-width: 100vw;
    margin-bottom: 30px;
    position: sticky;
    top: 80px;
    z-index:0;
    }

    .ticket-box_wrap {
        background:transparent;
    }

.ticket-box_content_header {
    padding: 12px 0;
    text-align: center;
    background: linear-gradient(to right, #e1633a 0%, #f1b157 100%);
    border-radius: 10px 10px 0 0;
}

.ticket-box_content_header .text {
    color: #ffffff;
}

.ticket-box_content_body {
    padding: 20px;
    border: 1px solid #c9c9c9;
    border-radius: 0 0 10px 10px;
    background: #ffffff;
}

.ticket-box_content_body .text-area {
    margin-bottom: 20px;
    font-size: 0.9rem;
    line-height: 120%;
    background-image: url('/user/img/icon/error-24px.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
 }

.ticket-box_content_body .text-area .text-area-mask {
    height: 100%;
    background: rgba(255,255,255,0.8);
}


.ticket-box_content_body .btn-wrap {
    display:block
}

.ticket-box_content_body .btn-wrap .netticket_btn a{
    text-decoration:none !important;
}

.netticket_buy_btn {
    padding: 10px 0;
    width: 100%;
    border: 3px solid #e1633a;
    background: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.5s;
}

.netticket_buy_btn:hover {
    color: #ffffff;
    background: #e1633a;
}

.right_ticket_box.mobile {
    display: none;
}

.ticket-btn-wrap {
    display: none;
}

@media screen and (max-width : 1024px) {
   .ticket-box_content_body .btn-wrap {
        display:flex;
        justify-content: space-around;
    }
   .right_ticket_box.pc-side {
        display: none;
   }
   .right_ticket_box.mobile {
        display: block;
   }
   .ticket-btn-wrap {
       display: block;
   }
   .right_ticket_box {
       margin-bottom: 0;
 }
   .ticket-box_content_body .text-area {
       font-size: 1rem;
   }
   .btn-wrap .netticket_btn{
        width:45%;
   }
   .btn-wrap .netticket_btn .btn-wrap .netticket_btn {
        width:100%;
   }
   .ticket-box_content_body .text-area .text-area-mask .archive-text {
       line-height: 3;
   }
}

@media screen and (max-width : 640px) {
   .ticket-box_content_body .btn-wrap {
        display:block;
    }
   .btn-wrap .netticket_btn{
        width: 100%;
   }
      .ticket-box_content_body .text-area {
          font-size: 0.9rem;
      }
}