@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
}
body {
  line-height: 1
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: none
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}
del {
  text-decoration: line-through
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
input, select {
  vertical-align: middle
}
/*================================================
 *  一般・共通設定
 ================================================*/
body {
  color: #ccc;
  font-size: 15px;
  font-family: YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "メイリオ", sans-serif;
  line-height: 1.8;
	background-color: #000;
}
/* support iOS
html{
  height: -webkit-fill-available;
}
body{
  min-height: 100vh;
  min-height: -webkit-fill-available;
} */
a {
	color: #ffffff;
	transition: .3s ease-in-out;
	opacity: 1;
}
a:hover { opacity: .7; }

h1 {
	margin-bottom: 10%;
  text-align: center;
}
h1 img {
	max-width: 250px;
  width: 50%;
}
h2 {
  display: block;
  position: relative;
  margin-bottom: 40px;
  left: 50%;
  margin-left: -510px;
}
h2::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #990000;
  left: 0;
  bottom: 10px;
  width: 100%;
}
h2 img{
  position: relative;
  z-index: 50px;
}
h3 {
  font-size: 1.2em;
	line-height: 1.6;
  font-weight: bold;
	margin-bottom: 0.2em;
}
h4 {
  margin-bottom: 0.25em;
  font-size: 1.1em;
  font-weight: bold;
}
img {
  vertical-align: middle;
	max-width: 100%;
}

/*================================================
 *  Other / Style
 ================================================*/
.mat {
	background-color: #1f0000;
	padding: 40px 0;
  margin-bottom: 80px;
}
.mat .container {
  margin-bottom: 0em;
}
.mat h2 {
  left: 0;
  margin-left: 0px;
}

/*================================================
 *  ボタン
 ================================================*/
.btn_01 {
	width: 100%;
	display: inline-block;
	border: 2px solid #ccc;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto 2em;
	padding: 1em 0;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	transition: .3s;
}
.btn_01:hover{
	color: black;
	background: #ccc;
	opacity: 1;
}

/*================================================
 *  レイアウト
 ================================================*/
section {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.container {
  margin: 0 auto;
  margin-bottom: 80px;
}
.container:after {
  content: "";
  display: block;
  clear: both;
}
.f-box {
  width: 100%;
  text-align: center;
}
.box {
	text-align: center;
}
.box:after {
  content: "";
  display: block;
  clear: both;
}

.space {
  height: 100px;
  margin-bottom: 200px;
}

/* Main
============*/
#mainvisual {
background: url(../images/mainimg00.jpg) no-repeat 50% 50%;
background-size: cover;
position: relative;
overflow: hidden;
width: 100%;
height: 100vh;
margin-bottom: 60px;
}
@supports(-webkit-touch-callout: none){
/* iPhoneの表示のみ指定を上書き */
#mainvisual {
height: -webkit-fill-available;
}
}
#second-mainvisual {
background: url(../images/mainimg00.jpg) no-repeat 50% 50%;
background-size: cover;
position: relative;
overflow: hidden;
width: 100%;
height: 420px;
margin-bottom: 80px;
}

.slider {
width: 100%;
height: 100%;
}
.slider img {
visibility: hidden;
}
.slideritem00, .slideritem01, .slideritem02, .slideritem03 {
width: 100%;
height: 100vh;
}
@supports(-webkit-touch-callout: none){
  /* iPhoneの表示のみ指定を上書き */
  .slideritem00, .slideritem01, .slideritem02, .slideritem03 {
    height: -webkit-fill-available;
    }
  }
.slideritem00 {
background: url(../images/mainimg00.jpg) no-repeat 50% 50%;
background-size: cover; 
}
.slideritem01 {
background: url(../images/mainimg01.jpg) no-repeat 50% 50%;
background-size: cover; 
}
.slideritem02 {
background: url(../images/mainimg02.jpg) no-repeat 50% 50%;
background-size: cover;  
}
.slideritem03 {
background: url(../images/mainimg03.jpg) no-repeat 50% 50%;
background-size: cover;
}
.btn_scrldwn {
	position: absolute;
	bottom: 2.5%;
	left: 50%;
	transform: translateX( -50%);
	text-align: center;
  line-height: 1.2;
	z-index: 40;
	}
.btn_scrldwn a { color: #fff; text-decoration: none; }
.btn_scrldwn a:hover { text-decoration: none; }

/*================================================
 *  ヘッダー・ナビゲーション
 ================================================*/
header {
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: -100%;
	z-index: 50;
	box-sizing: border-box;
	transition: 0.35s ease-in-out;
  opacity: 0;
}
header.open { 
	top: 0;
  opacity: 1;
}

nav {
	background: #7a0000;
  float: right;
  width: 50%;
  height: 100%;
  padding-top: 5%;
  box-sizing: border-box;
}
nav ul {
  max-width: 320px;
  width: 70%;
  margin: 0 auto 0;
}
nav li {
  margin-bottom: 20px;
}

#hamBtn {
	background: #7a0000;
  display: block;
	position: fixed;
  right: 0px;
	top: 0px;
  width: 100px;
  height: 100px;
  padding: 15px 20px;
	cursor: pointer;
	z-index: 100;
	box-sizing: border-box;
}
#hamBtn span {
	display: block;
	position: absolute;
  right: 20px;
  width: 60px;
	border-bottom: solid 4px #000000;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out
}
#hamBtn p {
	color: #000000;
  font-weight: bold;
  text-align: center;
}
#hamBtn span:nth-of-type(1) { top: 50px }
#hamBtn span:nth-of-type(2) { top: 60px }
#hamBtn span:nth-of-type(3) { top: 70px }
#hamBtn.open span:nth-of-type(1) {
	top: 60px;
	-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: 60px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}

/*================================================
 *  フッター
 ================================================*/
footer {
  background: #7a0000;
  color: #000;
  width: 100%;
  height: 100px;
  clear: both;
  padding: 20px 0 10px;
  font-size: 1em;
  text-align: center;
}
footer img {
  margin-bottom: 10px;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
  position: fixed;
  bottom: 15px;
  right: 15px;
}
.totop a {
  display: block;
  text-decoration: none;
}
.totop img {
  background: rgba(153, 0, 0, 0.9);
}

/*================================================
 *  各セクション
 ================================================*/
/* news
============*/
.facebook_wrap{
	width: 500px;
	text-align: center;
}

/* profile
============*/
#profile h2 {
  text-align: center;
}
#profile p {
  margin-bottom: 0.3em;
}
#profile .f-box a {
  margin-right: 2em;
}

/* artist
============*/
#artist h2 {
  text-align: center;
}
#artist .f-box {
background-color: #7777772c;
padding: 1%;
box-sizing: border-box;
margin-bottom: 2%;
}


/* live
============*/
#live dl {
  margin: 0 0 2em;
  padding-bottom: 1em;
  border-bottom: 2px dotted #ccc;
}
#live dt {
  float: left;
  font-weight: bold;
}
#live dd {
  width: auto;
  margin-bottom: 0.5em;
  padding-left: 12em;
}
.place {
  font-weight: bold;
}
.title {
  font-weight: bold;
}

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

/* photogallery
============*/
#photogallery .container {
  margin-bottom: 20px;
}
#photogallery .f-box {
  margin-bottom: 1em;
}

/* 過去のライブ
============*/
#pastlive ul {
padding-bottom: 2em;
margin-bottom: 2em;
border-bottom: 2px dotted #ccc;
}

/* 過去のギャラリー
============*/
#photogallery {
}