/*
 * Start Bootstrap - Logo Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@font-face {
    font-family: Ubuntu-Bold;
    src: url(ubuntu/Ubuntu-Regular.ttf);
}
a{
    color: #333;
}
a:hover{
	text-decoration:none;
    color: #333;
}
a:link{
	text-decoration:none;
}
a:active{
    text-decoration:none;
}
a:visited{
    text-decoration:none;
}
/* unvisited link */
a:link {
}
a:focus{
    background: none !important;
}
a:visited {
    background-color: inherit !important;
}
i.i_italic{
    font-style: italic;
    font-size: 14px;
    margin: 0px 2px;
    font-family: serif;
}
.my_color{
    color: #30b9b3 !important;
}
body{
	font-size:12px;
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-family: "Ubuntu-Bold";
	-webkit-text-size-adjust: 100%;
	word-break:break-all;
}

img{
	width: 100%;
	height: auto;
}
.dis_none{
    display: none !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #30b9b3;
}
.navbar-inverse {
    background-color: #000;
    border: none ;
}
.table{
	display: table;
	margin: 0;
}
.table_row{
	display: table-row;
}
.table_cell{
	display: table-cell;
	vertical-align: middle;
}

.pc{
    display: block;
}
.sp{
    display: none;
}
.contact .text-right {
    text-align: center;
}
span.wpcf7-not-valid-tip {
    margin-top: 6px;
}
.btn_more{
    color: #fff;
    background-color: #1E1E1E;
    border:none;
    border-radius: 22px;
    padding: 10px 55px;
    margin-top: 20px;
    font-size: 20px;
    line-height: 23px;
}
.btn_more:hover {
    color: #ffffff;
}
.width50{
    width: 50%;
}
.width20{
    width: 20%;
}
.width15{
    width: 15%;
}
.width10{
    width: 10%;
}
.width5{
    width: 5%;
}
.width80px{
    width: 80px;
}
.width150px{
    width: 150px;
}
.min_80px{
    min-width: 80px;
}
.min_250px{
    min-width: 250px;
}
.text_right{
    text-align: right;
}
.text_center{
    text-align: center !important;
}
.padding_left_right{
    padding: 0px 30px;
}

.padding_bot{
    padding-bottom: 30px;
}

.wrap .footer {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 5px 13.3% 20px;
    background-color: #E6E6E6;
    /*padding: 19px;*/
}
.wrap .footer p{
    width: 100%;
    text-align: right;
}
.wrap .footer img.img_go_up{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50px;
}
.footer .footer_nav ul {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.footer .footer_nav ul li {
    margin-left: 20px;
}
.footer .footer_nav ul li a {
    font-size: 14px;
}

.form-control{
    font-size: 16px;
    padding: 10px 16px;
    height: 45px;
}
/*************************************************************start top.php*/
.wrap{
	width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.wrap .header .header_top{
	width: 100%;
	margin: 0 auto;
	background-color: #000;
	padding: 5px 13.3%;
}
.wrap .header .header_top .navbar-collapse{
	padding: 0px;
}
.wrap .header .header_top .navbar{
	margin: 0 auto;
}

.wrap .header .header_top .navbar-nav>li>a {
    padding-top: 0px;
    margin-top: 22px;
    padding-bottom: 0px;
    font-size: 12px;
}

.wrap .header .header_top .navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 30px;
}
.wrap .header .header_img{
    position: relative;
}

.wrap .header .header_img img{
    width: 100%;
    display: block;
}
.wrap .header .header_img ul.menu_show img{
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
}

#artist-slider img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.wrap .header .header_img #artist_collapse{
    position: absolute;
    /*background-image: url(../res/collapse_bg.png);*/
    background-image: url(../res/pc/artist_back.png);
    background-size: 100% 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;


}

.wrap .header .header_img #artist_collapse ul.ul_artist_collapse{
    color: #fff;
    width: 1000px;
    margin: 0px auto;
    height: 490px;
}
.wrap .header .header_img #artist_collapse ul.ul_artist_collapse li{
    width: 25%;
    padding: 10px 20px;
    float: left;
    text-align: center;
}
.wrap .header .header_img #artist_collapse ul.ul_artist_collapse li p{
    margin-top: 10px;
}
.wrap .header .slick-track{
    background-color:#000;
    max-height:500px;
    overflow:hidden;
    text-align:center;
}
.wrap .header .slick-track a{
    display:block;
    width:100%;
    overflow:hidden;
}
.wrap .header .slick-track img{
    margin:auto;
    object-fit: cover !important;
}
/*@media screen and (max-width: 1600px) {
    .wrap .header .header_img #artist_collapse ul.ul_artist_collapse li{
        width: 33.3333333333%;
    }
}
@media screen and (max-width: 1200px) {
    .wrap .header .header_img #artist_collapse ul.ul_artist_collapse li{
        width: 50%;
    }
}*/
.wrap .content .content_title{
	width: 100%;
    padding: 0px 15% 20px 15%;
    font-weight: bold;
    font-size: 30px;
}

.wrap .content .news a.a_more{
	color: #30b9b3;
	font-size: 16px;
}
.wrap .content .news a.a_more{
    color: #30b9b3;
    font-size: 16px;
}

.wrap .content .news ul.ul_news{
    font-size: 12px;
}
.wrap .content .news{
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	padding: 30px 0px 20px 0px;
}
.wrap .content .news ul.ul_news li{
	padding: 23px 15%;
    border-top: 2px dotted #ccc;
}
.wrap .content .news ul.ul_news li p{
    text-align: justify;
    word-break: break-word;
    padding-top: 4px;
}
.wrap .content .news ul.ul_news li:last-child{
    border-bottom: 2px dotted #ccc;
}
.wrap .content .news ul.ul_news li p.title_event{
	background: #000;
    padding: 8px 0px;
    text-align: center;
    margin-bottom: 4px;
    color: #fff;
    font-size: 12px;
}
.wrap .content .news ul.ul_news li p.title_news{
    margin-bottom: 4px;
    font-size: 22px;
}
.wrap .content .news ul.ul_news li p.title_news a{
    color: #333;
}

/*--------------------------------start pick up*/

h3.pick_up_title{
	width: 100%;
    padding: 0px 5% 20px 5%;
    font-weight: bold;
    font-size: 30px;
}
.pick_up{
	width: 100%;
    padding: 30px 10%;
    background-color: #f5f5fa;
}
.pick_up a.back_pickup{
    position: absolute;
    top: 33.75%;
    left: 1%;
    width: 1.5%;
}
.pick_up a.next_pickup{
        position: absolute;
    top: 33.75%;
    right: 1%;
    width: 1.5%;
}
.pick_up a.back_artist{
    position: absolute;
    top: 33.75%;
    left: 1%;
    width: 1.5%;
}
.pick_up a.next_artist{
        position: absolute;
    top: 33.75%;
    right: 1%;
    width: 1.5%;
}

.pick_up .pick_up_item{
    padding: 0px 5.3%; 
    position: relative;
}

.pick_up p.text_under_slide{
    margin-top: 5px;
}
/*--------------------------------end pick up*/
.wrap .content .video{
	width: 100%;
    overflow: hidden;
    padding: 30px 0px;
}
.wrap .content .video h3.video_title{
	width: 100%;
    padding: 0px 15% 20px 15%;
    font-weight: bold;
    font-size: 30px;
}
.wrap .content .video ul.ul_video{
	width: 100%;
    padding: 0px 15%;
    overflow: hidden;
}
.wrap .content .video ul.ul_video li{
	float: left;
	width: 50%;
	padding: 0 5%;
}
.wrap .content .video ul.ul_video li iframe{
	width: 100%;
	height: 240px;
	margin-bottom: 5px;
}

.wrap .content .video ul.ul_video li p{
	width: 100%;
	padding: 2px 0px;
}


/*.wrap .content table.tbl_company_contact{*/
    /*width: 100%;*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td{*/
    /*background-color: #f5f5fa;*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td:first-child{*/
    /*border-right: 1px solid #fff;*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td:last-child{*/
    /*border-left: 1px solid #fff;*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td .company{*/
    /*width: 90%;*/
    /*margin: 0 auto;*/
    /*!*padding: 3.3% 15%;*!*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td .contact{*/
    /*width: 90%;*/
    /*margin: 0 auto;*/
    /*background-color: #f5f5fa;*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td h3.company_contact_title{*/
    /*font-weight: bold;*/
    /*font-size: 30px;*/
    /*padding: 30px 0px;*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td table.tbl_company{*/
    /*width: 96%;*/
    /*padding-left: 3%;*/
    /*display: block;*/
    /*margin: 0 auto;*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td table.tbl_company tr td{*/
    /*text-align: left;*/
    /*border:none;*/
/*}*/
/*.wrap .content table.tbl_company_contact .tbl_company_wrapper {*/
    /*display: flex;*/
    /*flex-direction: column;*/
/*}*/
/*.wrap .content table.tbl_company_contact tr td table.tbl_company tr td p{*/
    /*padding: 5px 0px;*/
    /*font-size: 16px;*/
    /*line-height: 28px;*/
/*}*/

/*start artist*/
.artist_text{
    background-color: #f5f5fa;
    text-align: center;
    padding: 30px 14%;
    font-size: 14px;
}
.artist_text .artist_text_title{
    font-weight: bold;
    font-size: 20px;
}
.artist_text p{
    line-height: 30px;
}
.wrap .content .product {
    background: #f5f5fa;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0px 36px 0px;
}
.wrap .content div.product .content_title {
    width: 100%;
    padding: 0px 14% 16px 14%;
    font-weight: bold;
    font-size: 30px;
}
.wrap .content .product ul.ul_product{
    width: 72%;
    overflow: hidden;
    margin: 0 auto;
}
.wrap .content .product ul.ul_product li{
    width: 50%;
    float: left;
    padding: 14px 0px;
}
.wrap .content .product ul.ul_product li:nth-child(odd){
    padding-right: 10px; 
}
.wrap .content .product ul.ul_product li:nth-child(even){
    padding-left: 10px; 
}

.wrap .content .product ul.ul_product li table.tbl_product_detail{
    width: 100%;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td{
    position: relative;
    vertical-align: top;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td p{
    line-height: 20px;
    font-size: 16px;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td ul.ul_track_list{
    display: block;
    overflow: hidden;
    margin-top: 5px;
    padding-left: 18px;
    list-style-type: decimal;
    font-size: 16px;
}   
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td ul.ul_track_list li{
    width: 100%;
    padding: 0px;
}  
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td ul.ul_track_list li span{
    font-size: 0.25em;
}   
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td p.product_album{
    font-size: 20px;
    font-weight: bold;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td p.product_album span.release_date{
    font-size: 16px;
    font-weight: normal;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td p.product_album span.release_date a{
    color:#000;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td:first-child{
    width: 22%;
    padding-right: 5px;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td:last-child{
    width: 40%;
    padding-left: 3%;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td .border_bot_price{
    position: absolute;
    width: 95%;
    bottom: 0px;
    left: 5%;
    border-bottom: 2px solid #aaa;
}
.wrap .content .product ul.ul_product li table.tbl_product_detail tr td .border_bot_price p{
    width: 100%;
    text-align: right;
    font-weight: bold;
    /*margin-bottom: 5px;*/
}
/*end artist*/

/*************************************************************start top.php*/
/*Start concept.php*/
.wrap .content .concept ul.ul_concept{
    font-size: 12px;
    width: 55%;
    margin: 50px auto;
    overflow: hidden;
}
.wrap .content .concept{
    width: 100%;
    margin: 0 auto;
    background-color: #FFF;
    padding: 50px 0px 0px 0px;
}
.wrap .content .concept ul.ul_concept li{
    width: 100%;
    float: left;
}
.wrap .content .concept ul.ul_concept li p{
    line-height: 30px;
    word-break: break-word;
    font-size: 16px;
    text-align: justify;
}
li.new_detail p {
    font-size: 14px !important;
}
.wrap .content .concept ul.ul_concept li p.title_news{
    font-size: 20px;
}
    /*Start news_detail*/
    .wrap .content p.title_event_news_detail{
        float: left;
        /*width: 100px;*/
        background: #000;
        /*padding: 4px 0px !important;*/
        padding: 4px 10px !important;
        text-align: center !important;
        margin-bottom: 4px;
        color: #fff;
        font-size: 12px;
        min-width: 80px;
    }
    .wrap .content p.title_event_date{
        float: left;
        width: 100px;
        padding: 4px 0px !important;
        text-align: center !important;
        margin-bottom: 4px;
        color: #000;
        font-size: 12px;
        float: left;
        width: 100px;
    }

    p.body_news {
        line-height: 18px;
        color: #615e5e;
    }
     /*End news_detail*/

/*End concept.php*/

/*Start social*/
.social{
    width: 100%;
    background-color: #f5f5fa;
    overflow: hidden;
}
.social ul.ul_social{
    width: 20%;
    margin: 0 auto;
}
.social ul.ul_social li{
    float: left;
    width: 25%;
    padding: 20px 10px;
}
/*End social*/

/*Start news_list.php*/
ul.ul_pagination{
    width: 9%;
    margin: 0px auto;
    overflow: hidden;
    min-width: 80px;
}
ul.ul_pagination li{
    width: 50%;
    float: left;
    border: none !important;
    padding: 30px 6px 0px 6px;
}
ul.ul_pagination li a{
    display: block;
}
ul.ul_breadcrumb{
    width: 100%;
    padding: 0px 15px 0px 15px;
    margin-bottom: 20px;
    overflow: hidden;
}
ul.ul_breadcrumb li{
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 10px;
}
ul.ul_breadcrumb li:nth-child(odd){
    padding-right: 5px;
}
ul.ul_breadcrumb li:nth-child(even){
    padding-left: 5px;
}
ul.ul_breadcrumb li a{
    display: block;
    border: 1px solid #30b9b3;
    padding: 10px 0px;
    color: #30b9b3;
    font-weight: bold;
}
.wrap .content h3.content_title i{
    font-style: italic;
    font-size: 18px;
    color: #aaa;
    margin: 0px 5px;
    font-family: serif;
}
/*start artist_news_list*/
.artist_news_list{
    margin: 0 auto;
    padding: 0px;
    overflow:hidden;
    height:500px;
    text-align:center;
    background-color:#000;
}
.artist_news_list > img{
    max-width:100%;
    width:auto;
}

p.product_album {
    padding-bottom: 5px;
}
p.product_list {
    font-size: 14px !important;
}
img.attachment-category-image-md.size-category-image-md {
    height: 180px;
}
/*End artist_news_list*/

/*End news_list.php*/


/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */


/*start top youtube*/
.box_youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.box_youtube .box_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box_youtube iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.btn_play_stop{
    position: absolute;
    width: 5% !important;
    bottom: 20px;
    right: 14%;
}
.ytp-watermark:hover {
    display: none !important;
}
.html5-video-player svg {
    pointer-events: none;
    display: none !important;
}
.html5-video-player a:hover{
    display: none !important;
}
/*end top youtube*/

/*
    slide img area added 20170705
*/


/*
    Style Update design 20221114
*/

#main {

}
#main .banner_top {
    margin-bottom: 116px;
}
.tlt_section {
    font-size: 32px;
    text-align: center;
    font-weight: 500;
    color: #1E1E1E;
    margin-bottom: 22px;
}
#about {
    background-color: #FFFFFF;
    color: #1E1E1E;
    max-width: 854px;
    width: 100%;
    margin: 0 auto;
}
#about .thumb_about {
    width: 380px;
    margin: 0 auto 50px;
}
#about p {
    font-size: 22px;
    line-height: 46px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 45px;
}
.list_player {
    margin-bottom: 116px;
}
.list_player h3 {
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    margin-bottom: 30px;
}
.list_player li {
    margin-bottom: 32px;
}
.list_player li:last-child {
    margin-bottom: 0;
}
.list_player .item_content {
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: #FFE8E8;
    border-radius: 15px;
    position: relative;
}
.list_player .item_content .txt_desp {
    flex: 1;
    text-align: left;
    padding: 20px 28px;
}
.list_player .item_content .txt_desp h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 8px;
}
.list_player .item_content .txt_desp .list_info {
    padding-left: 30px;
}
.list_player .item_content .txt_desp .record_info {
    margin-top: 20px;
    margin-bottom: 20px;
}
.list_player .item_content .txt_desp .record_info strong {
    min-width: 52px;
    margin-right: 16px;
    display: inline-block;
}
.list_player .item_content .txt_desp .record_info strong.txt_first {
    margin-right: 30px;
}
.list_player .item_content .txt_desp .record_info b {
    display: block;
    margin-left: 68px;
}
.list_player .item_content .txt_desp .list_info span {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    display: flex;
}
.list_player .item_content .thumb {
    width: 300px;
    height: 270px;
    position: absolute;
    top: 0;
    right: 0;
}
.list_player .item_content .thumb img {
    border-radius: 15px;
}
.thumb_noti {
    margin-bottom: 60px;
}
.list_brand {
    width: 740px;
    margin: 0 auto 60px;
}
.list_brand h3 {
    font-size: 28px;
    color: #1E1E1E;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px;
}
.list_brand ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list_brand ul li {
    margin-bottom: 39px;
}
.list_brand ul li:last-child {
    margin-bottom: 0;
}
.list_brand a {
    width: 50%;
}
.list_brand .thumb {
    border: 1px solid #C7C7C7;
    margin-bottom: 10px;
    line-height: 0;
}
.list_brand h4 {
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}
#content {
    background-color: #E6E6E6;
}
.banner_section {
    background-color: #F0E6D2;
    padding: 64px 60px 60px;
}
.banner_section .thumb {
    width: 345px;
    margin: 0 auto;
}

.company {
    padding: 51px 0;
}
.content_company {
    width: 600px;
    margin: 0 auto;
}
.content_company .info_company {
    margin-bottom: 22px;
    text-align: left;
}
.content_company .info_company:last-child {
    margin-bottom: 0;
}
.content_company .info_company span {
    font-size: 14px;
    line-height: 20px;
    display: block;
}
.content_company .info_company p {
    font-size: 16px;
    line-height: 24px;
}
.content_company .info_company a {
    color: #FF3250;
}
.contact {
    width: 600px;
    margin: 0 auto;
    padding-bottom: 90px;
}
.contact .form-control {
    width: 600px;
    font-size: 12px;
    color: #A0A0A0;
    font-weight: 300;
    border: 0;
}
.contact .form-control::placeholder {
    font-size: 12px;
    color: #A0A0A0;
    font-weight: 300;
}
.contact .form-group {
    margin-bottom: 20px;
}
.container_pdflink {
    padding: 40px;
    text-align: center;
}
.container_pdflink a {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    width: 300px;
    height: 60px;
    background-color: #30b9b3;
    border-radius: 4px;
    color: #fff;
}
.container_pdflink a:visited {
    background-color: #30b9b3 !important;
}
.img_future {
    margin-bottom: 2em;
}
@media screen and (max-width:768px) {
    #main .banner_top {
        margin-bottom: 64px;
    }
    #main .banner_top .thumb {
        height: 540px;
    }
    #main .banner_top .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 65%;
    }
    .tlt_section {
        font-size: 30px;
        margin-bottom: 24px;
    }
    #about {
        max-width: 100%;
        padding: 0;
    }
    #about .thumb_about {
        width: 80%;
        margin-bottom: 30px;
    }
    #about p {
        font-size: 16px;
        line-height: 36px;
        margin-bottom: 90px;
        padding: 0 20px;
    }
    .list_player {
        margin-bottom: 61px;
    }
    .list_player h3 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 26px;
    }
    .list_player li {
        margin-bottom: 20px;
    }
    .list_player li:last-child {
        margin-bottom: 0;
    }
    .list_player .item_content {
        flex-direction: column-reverse;
        border-radius: 0;
    }
    .list_player .item_content .txt_desp {
        border-radius: 0;
        padding: 26px 16px 70px;
    }
    .list_player .item_content .txt_desp h4 {
        font-size: 22px;
        line-height: 34px;
    }
    .list_player .item_content .txt_desp .list_info {
        padding-left: 20px;
    }
    .list_player .item_content .txt_desp .record_info strong {
        margin-right: 10px;
    }
    .list_player .item_content .txt_desp .record_info strong.txt_first {
        margin-right: 20px;
    }
    .list_player .item_content .txt_desp .record_info b {
        margin-left: 52px;
    }
    .list_player .item_content .txt_desp .record_info span > i {
        margin-left: 54px;
    }
    .list_player .item_content .txt_desp .record_info i {
        display: block;
    }
    .list_player .item_content .txt_desp .list_info span {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.5px;
    }
    .list_player .item_content .thumb {
        width: 100%;
        height: auto;
        position: initial;
    }
    .list_player .item_content .thumb img {
        border-radius: 0;
    }
    .thumb_noti {
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .list_brand {
        width: 100%;
        margin: 0 auto 94px;
        padding: 0 27px;
    }
    .list_brand h3 {
        margin-bottom: 20px;
    }
    .list_brand ul {
        flex-direction: column;
        align-items: center;
    }
    .list_brand ul li {
        margin-bottom: 30px;
    }
    .list_brand ul li:last-child {
        margin-bottom: 0;
    }
    .list_brand a {
        width: 100%;
    }
    .list_brand .thumb {
        margin-bottom: 10px;
    }
    .banner_section {
        padding: 0;
    }
    .banner_section .thumb {
        width: 100%;
    }

    .company {
        padding: 43px 20px;
    }
    .content_company {
        width: 100%;
    }
    .content_company .info_company {
        margin-bottom: 20px;
    }
    .content_company .info_company:last-child {
        margin-bottom: 0;
    }
    .content_company .info_company span {
        font-size: 14px;
        line-height: 20px;
    }
    .content_company .info_company p {
        font-size: 16px;
        line-height: 26px;
    }
    .content_company .info_company p i {
        display: block;
    }
    .content_company .info_company a {
        display: block;
    }
    .contact {
        width: 100%;
        padding: 0 20px 60px;
    }
    .contact .form-control {
        width: 100%;
        font-size: 12px;
        height: 44px;
    }
    .contact .form-group {
        margin-bottom: 20px;
    }
    .contact textarea.form-control {
        height: auto;
        margin-bottom: 40px;
    }
    .wrap .footer {
        padding: 5px 20px 20px;
    }
}

/*-----------------*/

@media screen and (min-width:768px) {
    .navbar-nav{
		float: right;
	}
}
@media screen and (max-width:1000px) {
    .slick-initialized .slick-slide{
        max-height:500px;
    }
    /*start artist_news_list*/
    .artist_news_list{
        max-height:500px;
    }
}
@media screen and (max-width:840px) {
    .navbar-nav {
        float: left;
    }
    .slick-initialized .slick-slide{
        max-height:450px;
    }
    /*start artist_news_list*/
    .artist_news_list{
        max-height:450px;
    }
}
.util_sp {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .navbar-nav{
        float: right;
    }
    .util_sp {
        display: block !important;
    }
    .util_pc {
        display: none !important;
    }
    .form-control {
        padding: 6px 12px;
        font-size: 12px;
        height: 34px;
    }
    .btn_more {
        padding: 10px 50px;
        font-size: 14px;
        line-height: 20px;
    }
    
    .slick-initialized .slick-slide{
        max-height:400px;
    }
    .margin0{
        margin: 0px;
    }
    .center{
        text-align: center;
    }
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }

    /*Start Menu*/
        .wrap .header .header_img #menu{
            position: absolute;
            background-image: url(../res/pc/artist_back.png);
            background-size: 100% 100%;
            width: 100%;
            top: 0px;
            left: 0px;
            border: none;
            padding: 0px;
            z-index: 1;
        }
        .wrap .header .header_img #menu ul.menu_resp{
            width: 100%;
        }
        .wrap .header .header_img #menu ul.menu_resp a{
            color: #fff;
            font-weight: bold;
        }
        .wrap .header .header_img #menu ul.menu_resp a:hover{
            color: #30b9b3;
            background:none;
        }
        .wrap .header .header_img #menu ul.menu_resp>li{
            border-bottom: 1px solid #30b9b3; 
        }
        .wrap .header .header_img #menu ul.menu_resp>li:last-child{
            border:none;
        }
        .wrap .header .header_img #menu ul.menu_resp li ul.ul_artist_menu{
            width: 100%;
            padding: 0 15px 0px 15px;
            overflow: hidden;
        }
        .wrap .header .header_img #menu ul.menu_resp li ul.ul_artist_menu li{
            width: 50%;
            float: left;
            margin-bottom: 10px;
        }
        .wrap .header .header_img #menu ul.menu_resp li ul.ul_artist_menu li:nth-child(even){
            padding-left: 7.5px;
        }
        .wrap .header .header_img #menu ul.menu_resp li ul.ul_artist_menu li:nth-child(odd){
            padding-right: 7.5px;
        }
        .wrap .header .header_img #menu ul.menu_resp li ul.ul_artist_menu li a{
            text-align: center;
            border: 1px solid #30b9b3; 
            display: block;
            padding: 8px;
        }
        .artist_collapse_none{
            display: none !important;
        }
        
    /*End Menu*/

    .wrap .header .header_top{
        padding: 0px;
    }
    .row{
        margin: 0px;
    }
    .wrap .content .content_title {
        padding: 0px 15px 30px 15px;
    }
   
    .wrap .content .news {
        padding: 30px 0px 30px 0px;
    }
    .wrap .content .news ul.ul_news li {
        padding: 23px 15px;
    }
    .wrap .content .pick_up {
        padding: 30px 0px;
    }
    .wrap .content h3.pick_up_title {
        padding: 0px 15px 30px 15px;
    }
    .wrap .content .pick_up a.back_pickup {
        left: 3%;
        width: 3%;
    }
    .wrap .content .pick_up .pick_up_item {
        padding: 0px 10%;
        position: relative;
    }
    .wrap .content .pick_up a.next_pickup {
        right: 3%;
        width: 3%;
    }
    .wrap .content .video {
        padding: 30px 0px;
    }
    .wrap .content .video h3.video_title {
        padding: 0px 15px 30px 15px;
    }
    .wrap .content .video ul.ul_video {
        padding: 0px; 
    }
    .wrap .content .video ul.ul_video li {
        float: left;
        width: 100%;
        padding: 0 15px;
    }
    .wrap .content .video ul.ul_video li iframe {
        height: 360px;
    }
    .wrap .content .video ul.ul_video li:first-child {
        padding-bottom: 20px;
    }

    .wrap .content .company_contact{
        width: 100%;
        padding: 30px 15px;
        background-color: #f5f5fa;
        overflow: hidden;
    }
    .wrap .content .company_contact h3.company_contact_title{
        font-weight: bold;
        font-size: 30px;
        padding: 15px 0px;
    }
    .wrap .content .company_contact .company{
        width: 100%;
        float: left;
    }
    .wrap .content .company_contact .contact{
        width: 100%;
        float: left;
        padding-top: 30px;
    }
    .wrap .content .company_contact table.tbl_company{
        width: 96%;
    }
    .wrap .content .company_contact table.tbl_company tr td{
        text-align: left;
    }
    .wrap .content .company_contact table.tbl_company tr td p{
        padding: 5px 0px;
        font-size: 12px;
    }
    .col-md-12{
        padding: 0px 7.5px;
    }
    .company_sp {
        padding-left: 15px;
    }
    .company_sp p{
        margin-top: 5px;
        font-size: 13px;
    }

    .navbar-nav{
        margin: 0;
        display: flex;
        align-items: center;
        height: 50px;
    }
    .wrap .header .header_top .navbar-nav>li>a {
        margin-top: 0;
    }
    /*Start concept*/
    .wrap .content .concept ul.ul_concept {
        font-size: 12px;
        width: 100%;
        margin-top: 0px;
    }
    .wrap .content .concept ul.ul_concept li p {
        padding: 0px 15px;
    }
    /*End concept*/

    /*start artist_news_list*/
    .artist_news_list{
        max-height:400px;
    }



    /*Start news_detail*/
    .wrap .content p.title_event_news_detail {
        margin-left: 15px;
    }
    /*End news_detail*/
    /*Start artist_news_list*/
    .artist_news_list {
         padding: 0px; 
    }
    .table_cell {
        vertical-align: top;
    }
    /*End artist_news_list*/
    /*Start artist.php*/

    .artist_text{
        text-align: left;
        padding: 30px 15px;
    }
    .artist_text .artist_text_title {
        font-size: 30px;
    }
    .wrap .content div.product .content_title {
        padding: 0px 15px 15px 15px;
    }
    .wrap .content .product ul.ul_product {
        width: 100%;
        padding: 0px 15px 0px 15px;
    }
    .wrap .content .product ul.ul_product li table.tbl_product_detail tr td .border_bot_price {
        border: none;
    }
    .wrap .content .product ul.ul_product li table.tbl_product_detail tr td {
        padding-bottom: 40px;
    }
    .wrap .content .product ul.ul_product > li {
        width: 100%;
        padding: 14px 0px !important;
        border-bottom: 2px solid #aaa;
        
    }
    .wrap .content .product ul.ul_product li:last-child {
        border-bottom: none;
    }

    .padding_left_right {
        padding: 0px 10px;
    }
    /*End artist.php*/
}   


#about .container_banner {
    margin-bottom: 4em;
}
#about .container_banner p{
    margin: 1em 0 0;
    font-size: 120%;
    line-height: 1.5;
}
#about .container_banner p strong {
    font-weight: bold;
}
#about .container_banner a.banner_btn {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    width: 90%;
    max-width: 370px;
    height: 60px;
    background-color: #fff;
    border: 2px solid #30b9b3;
    border-radius: 4px;
    position: relative;
}
#about .container_banner a.banner_btn img {
    width: 50%;
}
#about .container_banner a.banner_btn:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #30b9b3;
    border-right: 2px solid #30b9b3;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0,-50%) rotate(45deg);
}