@charset "utf-8";

#brandContainer {
    width: 100%;
    height: 80px;
    overflow: hidden;
    display: inline-block;
    font-size:inherit;
    font-weight:inherit;
}

#brandContainer .elements {
    display: inline-block;
    font-size:inherit;
    font-weight:inherit;
}
#brandContainer .elements.comma {
    display: inline-block;
    height: 80px;
    font-size:0.8em;
    font-weight:inherit;
    vertical-align: top;
}

#brandContainer .elements div {
    height: 80px;
    display: block;
    font-size:inherit;
    font-weight:inherit;
}



.hand-cursor {
    cursor: pointer;
}
.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.disabled {
    pointer-events: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.hide {
    display: none !important;
}
.show {
    display: inline-block !important;
}


.btn_pop_zipcode {
    position: absolute; top: 15px; right: 15px;display:inline-block;
}

#wrap_pop_uses, #popup-wrapper { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
    z-index: 10000; }
#wrap_pop_uses .pop_uses { overflow: hidden; margin: 1% auto; position: relative; background-color: #fff;  background-clip: padding-box; max-width: 738px;  }
#wrap_pop_uses .pop_uses .title{background: #ff4c5f url(/img/bg_pop_sub05.png) 445px 0 no-repeat;padding:32px 0 30px 37px;}
#wrap_pop_uses .pop_uses .title *{letter-spacing:-2px;}
#wrap_pop_uses .pop_uses .title .txt01,#wrap_pop_uses .pop_uses .title .txt01 *{font-size:54px;color:#161313;}
#wrap_pop_uses .pop_uses .title .txt02{font-size:15px;color:#161313;line-height:24px;padding:8px 0 20px;}
#wrap_pop_uses .pop_uses .title .txt03,#wrap_pop_uses .pop_uses .title .txt03 *{font-size:15px;color:#fff;}

#wrap_pop_uses .pop_uses h1 { padding: 15px; }
#wrap_pop_uses .pop_uses .text_scroll{ overflow-y: scroll; height:480px;padding: 22px 36px; text-align: left }
#wrap_pop_uses .pop_uses .text_scroll_inner{height:100%;}
#wrap_pop_uses .pop_uses .text_scroll p{padding-bottom:26px;}
#wrap_pop_uses .pop_uses .text_scroll strong{display:block;}
#wrap_pop_uses .pop_uses .text_scroll *{font-size:14px;line-height:24px}
.btn_pop_uses { position: absolute; top: 20px; right: 19px;display:inline-block;}

#popup-wrapper .pop_contents { overflow: hidden; margin: 3% auto; position: relative; background-clip: padding-box; max-width: 678px;  }
.wrap_payment{background: #fff;}

.wrap_mypage .tab_menu li{float:left;width:118px;text-align:center;line-height:32px; border-right:1px solid #d3d3d3;}
.wrap_mypage .tab_menu li:first-child{ border-right:1px solid #d3d3d3; }
.wrap_mypage .tab_menu li:last-child{ border-right:none; }

.radius_btn{margin: 5px 0 0;float:right;color:#949494;font-size: 11px;font-weight: 100;display:inline-block;padding:0 7px;border:1px solid #cccccc;border-radius:20px;line-height:17px;}

.wrap_event .cell02 .popup_inner{overflow:hidden;border-radius:5px;position:absolute;left:50%;top:13px;width:400px;margin-left:-201px;background:#fff;
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.13);
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.13);
}
.wrap_event .cell02 .popup{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.53);}
.wrap_event .cell02 .popup_inner h2{background:#fe3c2b;color:#fff;font-size: 20px;font-weight: 600;text-align:center;line-height:50px;}
.wrap_event .cell02 .popup_inner h2 .logo{margin-right:6px;vertical-align: -2px;}
.wrap_event .cell02 .popup_inner .wrap{margin:23px 22px 0;overflow:hidden;position:relative;padding-right:154px;}
.wrap_event .cell02 .popup_inner .wrap .txt_input{width:100%;color:#969595;font-size: 18px;font-weight: 800;box-sizing: border-box;padding:0 15px;height:44px;border:0;background:#e5e5e5;border-radius: 3px;}
.wrap_event .cell02 .popup_inner .wrap .btn_pop{border-radius: 3px;width:146px;color:#fff;font-size: 15px;font-weight: 100;box-sizing: border-box;height:44px;line-height:44px;text-align:center;position:absolute;right:0;top:0;background:#454545;}

.wrap_event .cell02 .popup_inner .txt_b{text-align:center;;font-size: 14px;font-weight: 100;padding:17px 0;}
.wrap_event .cell02 .popup_inner .txt_b *{font-size: 14px;color:#fb3e35}

.wrap_s_around .list02 .cont .img i.active{background: url(/img/icon_play_on.png) center center no-repeat;}
.wrap_s_around .list02 .cont .img:hover i{background: inherit center center no-repeat;}

.info_top .inner li:nth-child(4){display:inline-block;padding:0 8px 0 9px; background-color: #ffffff; color:#fe3c2b;}
.info_top .inner li:nth-child(4) a {font-weight: 600;}
.info_top .inner li:last-child { margin: 0; }
.btn_terms { width: 190px; }
.btn_terms.btn_terms2 {
    background: #00c73c !important;
    margin-left: 15px;
}
.wrap_buy .list_buy {padding: 40px 0;}
.wrap_buy .menu_container { display: block; text-align: center; }
.wrap_buy .tab_menu{text-align:center; margin:34px 0 0;}
.wrap_buy .tab_menu{display:inline-block;border:1px solid #d3d3d3;overflow:hidden;border-radius:5px;}
.wrap_buy .tab_menu li{padding:0 15px; text-align:center;line-height:50px; display:inline-block; cursor: pointer;}
.wrap_buy .tab_menu li a{color:#2f2f2f;font-size: 18px;font-weight: 600;display:block;}
.wrap_buy .tab_menu li.active {background:#282828;}
.wrap_buy .tab_menu li.active a{color:#fff;}

.wrap_buy .product_info {border:1px solid #d3d3d3; border-radius: 5px; padding: 15px; margin-bottom: 30px; background: #f3f3f3;
    font-size: 16px; font-weight: 600; color:#666666; line-height: 25px; text-align: center;}
.wrap_buy .product_info strong {font-size: 16px; color: #fb3e35;}

#popup-display { position: absolute; top: 100px; left: 10px; display:none; }
#popup-display a#image { width: 100%; max-height: 500px; overflow: scroll; display: block; overflow-x: hidden; }
#popup-display img { width: 100%; height: 100%; }
#popup-display .button { display:block; position: relative; line-height: 30px; background: #222; !important; padding: 0 10px; }
#popup-display .button label {  color: #fff !important; }
#popup-display .button .btn {
    position: absolute;
    right: 10px;
    top: 5px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding: 0 7px;
    border: 0;
    border-radius: 3px;
    background: #fff;
}

#popup-display.mainpop { top: 30px; left: 30px; max-width: 780px; max-height: 468px; width: unset; height: unset; }
#popup-display.mainpop a#image { width: 100%; height: 100%; overflow: hidden; }
#popup-display.mainpop img { width: 100%; height: 100%; }

#popup-display.star-music { top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: block !important; z-index:9999;}
#popup-display.star-music .star-music-wrap { width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-items: center; text-align: center; }
#popup-display.star-music .star-music-wrap .star-music-content { margin: auto; padding: 3px; overflow: hidden; display: inline-block; background: #ffffff; }
#popup-display.star-music .star-music-wrap .star-music-content img { width: 100%; max-width: 1000px; max-height: 600px; min-width: 240px; box-sizing: border-box; }
#popup-display.star-music .star-music-wrap .star-music-content .menu-close { width: 100%; line-height: 30px; text-align: right; padding: 0 }
#popup-display.star-music .star-music-wrap .star-music-content .menu-close a { font-size: 14px; letter-spacing: -1px; color: #666666; margin-right: 10px; cursor: pointer; }
#popup-display.star-music .star-music-wrap .star-music-content.mb img { width: 100%; max-width: 600px; max-height: 700px; min-width: 240px; box-sizing: border-box;  }

.wrap_footer .footer {
    padding: 35px 167px 0 243px;
}


.wrap_mypage .tab_content .btn {
    letter-spacing: -1px;
    color: #fff;
    display: inline-block;
    padding: 0 7px;
    border: 1px solid #4f4f4f;
    border-radius: 3px;
    background: #4f4f4f;
    margin: 5px 0 0;
    font-size: 11px;
    font-weight: 100;
    line-height: 17px;
}
.wrap_mypage .tab_content .btn.active {
    background: #ff1200;
    border: 1px solid #ff1200;
}

.right-ok { width: 40px; height: 40px; margin-right: 10px; }
@media all and (max-width:1000px) {
    .wrap_footer .footer .logo, .wrap_footer .footer .logo img{width:auto;}
    .wrap_footer .footer {
        padding: 100px 8px 26px 28px;
    }
    .right-ok { width: 40px; height: 40px; margin-right: 10px; }
    #popup-display {
        width: 400px; top: 80px; left: 0;
    }
    #popup-display a#image { max-height: 330px; }
    .mainpop {
        /*display: none !important;*/
        top: 0 !important; left: 0 !important; max-width: 400px !important; max-height: 240px !important; }
    #popup-display.mainpop  img {  }
}
@media all and (max-width:650px) {
    .wrap_footer .footer .logo img{width:unset;}
    .wrap_footer .footer .logo {width:100%;}
    #popup-wrapper .pop_contents { overflow: scroll !important; margin: 0 auto !important; }
    .wrap_intro .bx-pager_tab.top li a {
        top: 50%;
        margin-top: -27px!important;
        width: 55px!important;
        height: 50px!important;
        font-size: 7px !important;
        background: #000 url(../img/icon_link_intro01.png) center center no-repeat;
        padding: 10px 0 0 !important;
        z-index: 9999;
        background-size: 40px auto;
    }

    .wrap_mypage .left {
        width: 100%; border-right: 0;
    }
    .wrap_mypage .left .txt1 {
        width: 30%;
    }

    .wrap_mypage .right {
        width: 100%;
    }

    .wrap_mypage .tab_menu {
        display: flex; margin: 20px 0 20px;
    }

    .wrap_mypage .tab_menu li {
        flex-grow: 1;
    }
    .wrap_mypage .player_download {
        margin: 0 0 18px !important;
        float: none;
        display: block;
    }

    .wrap_mypage .section_sub.section2 {
        margin-top: 80px;
    }
    .wrap_mypage .tab_content table {
        margin: 0
    }
}