@charset "UTF-8";

@media screen and (max-width: 1600px) {
/*Gtranslote*/
#gtranslate_wrapper{
    top:85px !important;
	  left:9% !important;
	}	
}
@media screen and (max-width: 1024px) {
#top h1 img{
    width: 90%;
    height: auto;
    max-width: 300px;
}
.top-f{
    width: 95%;
    margin: auto;
}
.top-member-f{
    width: 90%;
}
/* 六角形のゾーン */
.music-f {
  gap: 8px;
  width: 624px;
  padding: 40px 0;
}
.music-f .icon {
  width: 150px;
  height: 181px;
}
.music-f .icon::before {
  width: 150px;
  height: 181px;
}
.music-f .icon::after {
  width: 150px;
  height: 181px;
}
.music-f .icon.a{
  margin-left: 75px;
}
.music-f .icon.d{
    margin-left: 0 !important;
}
.music-f .icon.g{
    margin-right: 0;
}
.music-f .icon.c{
  margin-right: 75px;
}
.music-f .icon.d,.music-f .icon.e,.music-f .icon.f,.music-f .icon.g{
  margin-top: -50px;
}
.music-f .icon.i,.music-f .icon.h{
    margin-top: -50px;
}
.music-f .icon.i{
  margin-right: 158px;
}
}
    
@media screen and (max-width: 960px) {
.header-inner #athena-logo img {
    max-height: 45px;
}
.entry-title{
    font-size: 32px !important;
}
/* News */
.news-f .entry-title{
    font-size: 22px !important;
}
.prof-member-f .sns a img{
    height: 20px;
}
.top-member-f{
    margin: 1em auto;
}
.top-memeber-name{
  font-size: 1.5rem;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.prof-f .top-memeber-box .sns img{
    height: 20px;
    margin: 1em 5px;
}
}

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

}

        
@media screen and (max-width: 601px) {
.entry-title{
    padding-top: 30px !important;
}
#youtube-area{
    overflow: hidden;
    margin: auto;
    text-align: center;
}
.top-youtube{
}
#top h1{
    text-align: center;
    margin-bottom: 2em;
}
#top h1 img{
    width: 70%;
    height: auto;
}
.entry-title{
    font-size: 32px !important;
}
/* top */
.top-member-f{
    justify-content: center !important;
    -webkit-justify-content: center !important;
}
.top-memeber-box{
    width: calc(100% / 3);
    margin-bottom: 1.5em;
}
.top-member-f h2{
    font-size: 3rem;
    margin: 0 0 1em;
}
.top-news-f{
    margin: 2em auto;
}
.top-news-f h2 img{
    height: 40px;
    width: auto;
}
.top-news-f h3{
    font-size: 1.6rem;
}
.top-news-f .day{
    font-size: 1.8rem;
}
.top-release-f .box1,.top-release-f .box2{
    width: 90%;
    margin: 1em auto;
    text-align: center;
}
.top-release-f .box1.no-link{
    display: none;
}
.top-release-f .box1 img{
    width: 70%;
}
.top-release-f .box2 img{
    width: 60%;
}
.top-release-f .box2 p{
    margin:0 auto 0.5em;
    text-align: center;
}
.top-release-f .box2 p img{
    width: 100%;
}
.top-bottom div{
    margin: 2em 5px;
    width: calc((100% - 20px)/2);
}
.top-link img{
    height: 50px;
}
/* News */
.news-f .entry-title{
    font-size: 18px !important;
}    
.single-f{
    width: 97%;
    margin: auto;
}
.single-f .thum{
    margin: auto;
}
.single-f .day{
    font-size: 2rem;
}
.group-img{
    margin: 3em 0 0;
}
.back-member{
    margin-top: -32px;
    padding-top: 1em;
}
.prof-member-f{
    margin: 4em auto 0;
}
.prof-member-f h1.thum img{
    max-width: unset !important;
    width: 100% !important;
}
.prof-member-f .sns a img{
    height: 20px;
}
/* 六角形のゾーン */
.music-f {
  gap: 4px;
  width: 412px;
  padding: 40px 0;
}
.music-f .icon {
  width: 100px;
  height: 131px;
}
.music-f .icon::before {
  width: 100px;
  height: 131px;
}
.music-f .icon::after {
  width: 100px;
  height: 131px;
}
.music-f .icon.a{
  margin-left: 40px;
}
.music-f .icon.d{
    margin-left: 0 !important;
}
.music-f .icon.g{
    margin-right: 0;
}
.music-f .icon.c{
  margin-right: 50px;
}
.music-f .icon.d,.music-f .icon.e,.music-f .icon.f,.music-f .icon.g{
  margin-top: -46px;
}
.music-f .icon.i,.music-f .icon.h{
    margin-top: -46px;
}
.music-f .icon.i{
  margin-right: 158px;
}
.interview-f .thum{
    width: 100%;
    padding: 10px;
}
.interview-f .text{
    width: 100%;
    padding-left: 0;
}
.rule-f{
    font-size: 1.3rem;
    line-height: 1.9;   
}
.rule-f h1{
    margin: 0.5em 0;
    font-size: 2.7rem !important;
}
.rule-f h2{
    font-size: 1.8rem !important;
    margin:0 0 1.5em;
}
.rule_description_area ul{
    margin: 0 0 1.5em 0;
}
/*FUN CLUB AREA*/
.fan-box{
    width: calc((100% - 40px)/2);
    margin: 5px;
    padding: 5px;
}    
.funclub_description_area{
    width: 90%;
}    
footer p{
    padding: 0 10px;
    font-size: 1rem;
}
#footer-menu{
	margin:auto;
	padding:0;		
	}
/*Gtranslote*/
#gtranslate_wrapper{
    top:50px !important;
	  left:3% !important;
	}    
	#athena-header.frontpage .header-inner{
		height:80px;
	}
	.menu-item-gtranslate{
		height:30px;
	}
}
    
@media screen and (max-width: 480px) {
    .athena-blog-post{
        width: 90% !important;
    }
.prof-f .top-memeber-box .sns img{
    height: 15px;
    margin: 1em 5px;
}
.top-memeber-name{
    font-size: 1.2rem;
    top: 40%;
    -ms-transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);    
}
/* 六角形のゾーン */
.music-f {
  gap: 4px;
  width: 248px;
  padding: 10px 0;
  margin: auto;
}
    .music-f .icon {
  width: 80px;
  height: 111px;
}
.music-f .icon::before {
  width: 80px;
  height: 111px;
}
.music-f .icon::after {
  width: 80px;
  height: 111px;
}
.music-f .icon.a{
  margin-left: 40px;
}
.music-f .icon.b{
  margin-right: 40px;
}
.music-f .icon.c,.music-f .icon.d,.music-f .icon.e{
    margin: 0 !important;
}
.music-f .icon.f{
  margin-left: 40px;
}
.music-f .icon.g{
  margin-right: 40px;
}
.music-f .icon.c, .music-f .icon.d, .music-f .icon.e, .music-f .icon.g, .music-f .icon.h, .music-f .icon.i{
  margin-top: -46px !important;
}
.music-f .icon.h{
  margin-left: 0;
}
.music-f .icon.i{
  margin-right: 80px;
}
}
@media screen and (max-width: 320px) {


}

@media screen and (max-width: 320px) {
    .gt_switcher{
    width: 125px !important;
    }
    .top-memeber-box{
        width: calc(100% / 2);
        margin-bottom: 2em;
    }
}