@charset "UTF-8";
/*================================================
 *  一般・共通設定
 ================================================*/
h2 {
margin-left: -48%;
}

/*================================================
 *  レイアウト
 ================================================*/
.container {
width: 90%;
}
article {
margin-bottom: 40px;
}
.mat {
margin-bottom: 40px;
}
.f-box {
    text-align: left;
}

/*================================================
 *  ヘッダー・ナビゲーション
 ================================================*/
nav {
float: none;
width: 100%;
}

nav li img {
height: 30px;
}

#hamBtn {
background: rgba(122, 0, 0, 0.80);
width: 60px;
height: 60px;
padding: 5px 10px;
cursor: pointer;
}
#hamBtn p {
font-size: 0.5em;
}
#hamBtn span {
right: 15px;
width: 30px;
}
#hamBtn span:nth-of-type(1) { top: 25px }
#hamBtn span:nth-of-type(2) { top: 35px }
#hamBtn span:nth-of-type(3) { top: 45px }
#hamBtn.open span:nth-of-type(1) {
top: 35px;
-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: 35px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg)
}

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

.slideritem00, .slideritem01, .slideritem02, .slideritem03 {
height: 280px;
}

.btn_scrldwn img { 
height: 50px;
}

/* news
============*/
.facebook_wrap{
	width: 100%;
max-width: 350px;
}

.f-box01 {
margin-bottom: 20px;
}

/* profile
============*/
.f-box02 {
	text-align: center;
	}

/* artist
============*/
#artist .f-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#artist .f-box {
text-align: center;
width: 49%;
overflow: auto;
}
#artist .f-box:nth-of-type(odd) {
margin-right: 2%;
}

/* photogallery
============*/
#photogallery .f-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#photogallery .f-box {
width: 15%;
overflow: auto;
}
#photogallery .f-box:nth-of-type(odd) {
margin-right: 2%;
}

/* live
============*/
#live dt {
float: none;
}
#live dd {
padding-left: 0em;
}

/* goods
============*/
#goods .f-box {
  margin-bottom: 20px;
}