@charset "UTF-8";
/*================================================
 *  一般・共通設定
 ================================================*/

h2 {
margin-left: -48%;
}

/*================================================
 *  レイアウト
 ================================================*/
.container {
width: 90%;
}
.f-container {
display: flex;
justify-content: space-between;
}


/* Main
============*/
#second-mainvisual {
height: 320px;
margin-bottom: 40px;
}


@media only screen and (max-width:768px) {
#mainvisual {
height: 640px;
}
.slideritem00, .slideritem01, .slideritem02 {
height: 640px;
}
.btn_scrldwn img { 
height: 50px;
}


nav {
float: none;
width: 100%;
}

#hamBtn {
background: rgba(122, 0, 0, 0.80);
width: 80px;
height: 80px;
padding: 10px 10px;
cursor: pointer;
}
#hamBtn span {
right: 20px;
width: 40px;
}
#hamBtn span:nth-of-type(1) { top: 40px }
#hamBtn span:nth-of-type(2) { top: 50px }
#hamBtn span:nth-of-type(3) { top: 60px }
#hamBtn.open span:nth-of-type(1) {
top: 50px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#hamBtn.open span:nth-of-type(2), #hamBtn.open span:nth-of-type(3) {
top: 50px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg)
}

}




/* news
 ============*/
#news .f-box01 {
flex: 0 0 48%;
}
#news .f-box02 {
flex: 0 0 48%;
}

/* profile
============*/
#profile .f-box {
width: 23.5%;
overflow: auto;
}
#profile .f-box:not(:last-child) {
margin-right: 2%;
}

/* discography
============*/
#discography .f-box01 {
flex: 0 0 30%;
}
#discography .f-box02 {
flex: 0 0 60%;
}

/* goods
============*/
#goods .f-box {
margin-right: 20px;
}
#profile .f-box:not(:last-child) {
margin-right: 20px;
}

/* photogallery
============*/
#photogallery .f-box {
width: 150px;
object-fit: cover;
}

#photogallery .f-box:not(:last-child) {
margin-right: 20px;
}