r@charset "UTF-8";
.pcOnly{display:block!important;}
.spOnly{display:none!important;}




@media screen and (max-width:1300px){
    main > section, .bg-wrap > section{width: 1080px;}
    header #gNav ul li{margin:auto 15px;}
    nav ul li.link{margin:auto 10px!important;}

    #news h3.title{width: 150px;}
    #newsList{width: calc(100% - 150px);}
  
}

@media screen and (max-width:1200px){
    header nav ul li.link{display: none!important;}
    .humBTN{display:block;}
    nav#gNav{margin-right:80px;}

  
}

@media screen and (max-width:1100px){
    main > section, .bg-wrap > section{width:92%;}
    main > div.bgBLACK,
    main > div.bgLogo{background-attachment:scroll;}

    footer .fNav > ul{width: 100%;}
    #sns > ul.snsBTN{width: 330px;}
    #sns > iframe{width: calc(100% - 330px - 30px);}
    
    #blogList li{width: calc(100% / 3 - 20px);}

}

@media screen and (max-width:1000px){
    main > .bg-wrap{padding:100px 0;}
    #sns.flexBOX{display: block;}
    #sns > ul.snsBTN{width:100%;display: flex;justify-content: space-between;}
    #sns > ul.snsBTN li{width:100%;margin:auto 10px;}
    #sns .snsBTN li > a{padding:50px 10px 15px 10px;background-position:top 15px center;background-size:auto 25px;text-align:center;}
    #sns > iframe{width:100%;margin-bottom:50px;}



}
@media screen and (max-width:900px){
    #news > div.flexBOX{display: block;}
    #news h3.title{width: fit-content;margin: 0 auto 30px auto;}
    #news h3.title i{text-align: center;}
    #newsList{width:100%;padding: 0;}

    footer .subNav > ul{width: 100%;}
    #single #postField{width: 100%;}
 
}

@media screen and (max-width:800px){
    #sponsor .listSponsor > li{width:calc(100% / 2 - 20px);margin-bottom: 30px;}
    footer .subNav > ul li{width: 100%;max-width: 300px;}
    #gNav{display: none;}
    footer .subNav > ul{justify-content:center;}
    footer nav ul li.link{margin:0 auto 10px auto!important;}
}

@media screen and (max-width:750px){
    #sns > ul.snsBTN{display:block;}
    #sns .snsBTN li{max-width:300px;margin:0 auto 20px auto!important;}
    #sns .snsBTN li > a{padding:0 10px 0 60px;background-position:left 20px center;background-size:auto 20px;text-align:left;height:60px;line-height: 60px;}

}
@media screen and (max-width:700px){
    main > .bg-wrap{padding:100px 0;}
    #gNav{display: none;}
    header #headContainer{padding:0;}
    header h1 > a span.logo{background-size:60px auto;width: 60px;height:66px;}
    h3.title{font-size: 50px;}

    #newsList li .text i.detail{font-size:13px;}
    #newsList li img{width:130px;height:100px;}
    #newsList li .text{width: calc(100% - 130px);margin-left:15px;}

}
@media screen and (max-width:600px){
	header{padding:15px 10px;}
    #wpadminbar{position: fixed!important;}
    main > section, .bg-wrap > section{width:92%;}
    #sns > iframe{min-height: 300px;}
    footer .fNav{padding: 0;}
    footer .fNav > ul li{width:100%;padding:15px 20px;position: relative;}
    footer .fNav > ul li:after{content: '';display: block;width:100%;height: 1px;background: #ddd;position:absolute;bottom: 0;right: 0;left: 0;margin: 0 auto;}

    #sponsor .listSponsor > li a{background-size:contain!important;}
}
@media screen and (max-width:500px){   
    #newsList li a{padding:20px 0;} 
    #newsList li .text i.detail{display: none;}
    #newsList li img{width: 100px;height: 80px;}
    #newsList li .text {width:calc(100% - 100px);margin-left:10px;}
    #newsList li .text b.title{font-size: 15px;white-space:normal;font-weight: normal;}
    #newsList li .text time{font-size: 13px;}
    #newsList li .text .cateItem{padding: 1px 5px;}

}








@media screen and (max-width:1300px){
.bg-wrap > article{width:1080px;}
}

@media screen and (max-width:1200px){
 #playerCover > div.wrap{width: 90%;}
 #playerCover > div.wrap em.img{right: 0;}
 #playerCover > div.wrap em.img.shadow{right:-30px;}
}

@media screen and (max-width:1100px){
    #contact-page .wrap article{width: 92%;}

}

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



}
@media screen and (max-width:900px){
    #blogList li{width: calc(100% / 2 - 30px);}
    
}

@media screen and (max-width:880px){
    .mailform tr.name input{margin: 0;display: block;}
    .mailform tr.name input[name='name01']{margin-bottom:0;}
    table.mailform th{width: 200px;}
    form span[data-name='not-sales'] label span{font-size:16px;}
}

@media screen and (max-width:768px){
    #playerSingle .tableWrap table{width: 100%;}
    #playerSingle .tableWrap table:first-child{margin-bottom: 50px;}
    #playerCover span.num{width: 120px;height: 120px;line-height: 120px;font-size:50px;margin-right:20px;}
    #playerCover h2{font-size:60px;}
    #playerCover h2 b{font-size:32px;}
    #playerCover > div.wrap em.img{width: 400px;height: 580px;background-size:400px auto;bottom: 0;}
    #playerCover div.text{bottom:50px;}
	#newsSingle #postField{width:100%;}
}
@media screen and (max-width:700px){
    #blogList li{width: calc(100% / 2 - 20px);}
}
@media screen and (max-width:650px){
    #contact-page .mfp_buttons{display:flex;justify-content:center;align-items:center;}
    .mfp_buttons input, .mfp_buttons button{min-width:40%;font-size:16px;}
    .mailform tr td,
    .mailform tr th{display: block;padding: 15px 10px !important;border:none;}
    .mailform tr th{width:100%;border-bottom: 3px solid #dadada;}
    .mailform tr.check .wpcf7-list-item{display:block;margin-bottom:20px!important;}
    .mailform td input, .mailform td textarea{width:100%!important;margin-right:0;}
    .mailform tr.address input.p-postal-code{width:80%!important;}
    .mailform td input[type="checkbox"],#contact-page .mailform td input[type="radio"]{width:18px!important;margin-right:10px;}
    .mailform .wpcf7-spinner{display:block!important;}

}

@media screen and (max-width:600px){
    .bg-wrap > article{width:92%;}
	#titleCover{height:220px;}
	#titleCover .title{height:100px;background-size:auto 100px;}
	.bg-wrap{padding:80px 0 150px 0;}
    #playerCover div.text{display:block;bottom:40px;}
    #playerCover span.num{width:70px;height:70px;line-height:70px;font-size:30px;margin:0;margin-bottom:10px;}
    #playerCover b.license{font-size: 20px;margin-bottom:8px;}
    #playerCover h2{font-size:50px;}
    #playerCover h2 b{font-size:25px;}
    #playerCover > div.wrap em.img{width: 400px;height: 580px;background-size:400px auto;bottom: 0;}
    #playerCover{height: 500px;}
    #playerCover > div.wrap em.img{width:300px;height:440px;background-size:300px auto;}
    #single article .thumIMG{width: 100%;min-height:auto;max-height: none;margin-top:30px;}
    #single .timebox{justify-content:flex-end;}
    #single .timebox time{display: block;width: 100%;margin-bottom:10px;font-size: 12px;color: #999;}
    #single article h2{margin-bottom: 15px;}
    #postField p{margin-bottom: 20px;}
    #postField iframe{width: 100%;height: auto;aspect-ratio: 16 / 9;}
    #postField img{width: 100%;height: auto;}

}