@charset "UTF-8";
/* 
    Created on : 2023/07/19
*/

/* Flex  ------------------------------------*/
.flexwrap{
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
}
.flexnowrap{
 display: -webkit-flex;
 display: flex;
 flex-wrap: nowrap;
 -webkit-flex-wrap: nowrap;
}
.JCfs{
 justify-content: flex-start;
 -webkit-justify-content: flex-start;
}
.JCfe{
 justify-content: flex-end;
 -webkit-justify-content: flex-end;
}
.JCc{
 justify-content: center;
 -webkit-justify-content: center;
}
.JCsb{
 justify-content: space-between;
 -webkit-justify-content: space-between;
}
.AIc{
    align-items: center;
    -webkit-align-items: center;
}
.AIfs{
    align-items:flex-start;
    -webkit-align-items: flex-start;
}
.AIfe{
    align-items:flex-end;
    -webkit-align-items:flex-end;
}
.AIst{
    align-items:stretch;
    -webkit-align-items:stretch;
}
.mt10{
    margin-top: 1em !important;
}
.mt20{
    margin-top: 2em !important;
}
.mt30{
    margin-top: 3em !important;
}
.mt50{
    margin-top: 5em !important;
}
.mb10{
    margin-bottom: 1em !important;
}
.mb20{
    margin-bottom: 2em !important;
}
.mb30{
    margin-bottom: 3em !important;
}
.mb50{
    margin-bottom: 5em !important;
}


/* disco */
.cat-f{
    margin: 20px auto 30px;
}
.cat-f div{
    margin: 0 10px;
    width: 100px;
    text-align: center;
}
.cat-f div.current{
    border-bottom: 1px solid #000;
}
.disco-box{
    width: calc((100% - 100px)/4);
    margin: 10px;
}
.disco-box h2{
    margin: 5px 0 10px;
}
.disco-cat{
    width: 100px;
    padding: 5px 0;
    color: #fff;
    background-color: #000;
    margin: 5px 0;
    text-align: center;
}
.disco_sub img{
    height: 200px;
    width: auto;
}

/*軌跡*/
.history-box{
    width: calc((100% - 80px)/2);
    margin:20px;
    line-height: 1.7;
}
.history-box p{
    font-weight: bold;
    font-size: 140%;
    margin: 5px 0;
}
.history-box img{
    width: 100%;
    height: 340px;
    object-fit: cover;
}

/* profile */
.prof-img-f img{
 width: 100%;
}
.prof-img{
 margin: auto;
 max-width: 600px;
}
.prof-list{
 padding: 0;
 list-style: none;
 margin: 0;
}
.prof-list li{
    margin: 10px;
    width: calc((100% - 100px)/5);
}
.prof-list button{
    padding: 0;
    margin: 0;
    aspect-ratio: 4 / 3;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.prof-list button img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.js-image{
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image:hover{
 opacity: 0.4;
}

ul.column-menu{
    background-color: #eee;
    margin: 0;
    padding: 0;
}
ul.column-menu li{
    min-width: 150px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    list-style: none;
}
ul.column-menu li a{
    display: block;
}
ul.column-menu li:hover a{
    color: #fff;
    filter: drop-shadow(2px 2px 4px black);
    transition: 0.3s;
}
ul.column-menu li.current{
    color: #666;
    font-weight: bold;
}
/* INTERVIEW */
.interview-box{
    width: calc((100% - 80px)/4);
    margin: 10px;
}
.interview-box .thum{
    aspect-ratio: 4 / 3;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.interview-box .thum img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.interview-box .thum:hover img{
    opacity: 0.5;
    transition: 0.3s;
}
.interview-box h3{
    margin: 0.5em 0 0;
}
.interview-box p{
    margin: 0.2em 0;
}
.interview-box p.day{
    color: #666;
    margin: 0.5em 0;
}

/* FANCLUB */
.fanclub .member-box{
    width: calc((100% - 60px)/3);
    margin: 10px;
}


/* FOOTER */
ul#menu-sns{
    margin: 0;
    padding: 0;
  display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 justify-content: center;
 -webkit-justify-content: center;    
    width: 100%;
}
ul#menu-sns li{
    list-style: none;
    margin: 30px 20px 10px;
}
#menu-sns img{
    width: auto;
    height: 25px;
}
ul#menu-sns li:last-child{
    display: none;
}
ul#menu-sns li.svg_w{
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(105%) contrast(102%);
}


@media screen and (max-width: 1200px) {
    .disco-f{
        width: 90%;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
.history-box img{
    height: 260px;
}
}
@media screen and (max-width: 601px) {
.site-main.disco-f{
    padding-top:0;    
    }
.mt10{
    margin-top: 0.5em !important;
}
.mt20{
    margin-top: 1em !important;
}
.mt30{
    margin-top: 1.5em !important;
}
.mt50{
    margin-top: 2.5em !important;
}
.mb10{
    margin-bottom: 0.5em !important;
}
.mb20{
    margin-bottom: 1em !important;
}
.mb30{
    margin-bottom: 1.5em !important;
}
.mb50{
    margin-bottom: 2.5em !important;
}    
.disco-box{
    width: calc((100% - 40px)/2);
    margin: 10px;
    text-align: center;
}    
.disco-cat{
    width: 100%;
    }    
.disco-box h2{
    font-size: 20px;
}    
.history-box{
    width: 95%;
    margin:auto;
}    
.history-box img{
    height: auto;
}    
.prof-list li{
    width: calc((100% - 40px)/2);
}
.interview-box{
    width: calc((100% - 40px)/2);
    margin: 10px;
}
.interview-box p{
    font-size: 1.1rem;
}
/* FANCLUB */
.fanclub .member-box{
    width: calc((100% - 40px)/2);
    margin: 10px;
}    
    
}
/* Footer SNS icons */
.athena-footer-nav img {
	width: auto;
	height: 25px;
	max-height: 25px;
}