@charset "UTF-8";
/* CSS Document */

html {font-size: 62.5%}

body {color:#ffffff;
	background-color: #000000;
font-size:1.2rem;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
width: 100%; height: 100%;
overflow-x: hidden;}

a:link, a:visited, a:hover, a:active {color:#ffffff;
text-decoration: none;}

ol, ul {
  list-style: none; }

a img {
  border: none; }

.wrapper {margin: 0 auto;
	text-align: center;
width: 100%;}

/*  hearder */

.global-header {
  background-color: #660000;
  height: 70px;
  width: 100%;
  position: fixed;
  z-index: 1000;}

.global-header .inner {
	width: 1000px;
    height: 70px;
    margin: 0 auto;
    position: relative;}

.global-header .inner h1 {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 8px;
    z-index: 100; }

.global-header .inner h1 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; }

.global-header .inner .global-header-nav {
	position: absolute;
	top: 20px; }

.global-header .inner .global-header-nav .global-header-nav01 {
	position: absolute;
	left: 0px; }

.global-header .inner .global-header-nav .global-header-nav02 {
	position: absolute;
	left: 81px; }

.global-header .inner .global-header-nav .global-header-nav03 {
	position: absolute;
	left: 173px; }

.global-header .inner .global-header-nav .global-header-nav04 {
	position: absolute;
	left: 281px; }

.global-header .inner .global-header-nav .global-header-nav05 {
	position: absolute;
	left: 870px; }

.global-header .inner .global-header-nav .global-header-nav06 {
	position: absolute;
	left: 912px; }

.global-header .inner .global-header-nav .global-header-nav07 {
	position: absolute;
	left: 955px; }

.global-header .inner li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; }

.global-header .inner .global-header-nav::after {
	margin: 50px auto 0;
	content: url("../img/header-tab.png");
	display: block;
	width: 160px;
	height: 30px;
	background-size: contain;
	padding-left:420px; }

.global-header-nav-sp {display: none;}

/*  hearder */


/*  Main Visual */

.main-visual {
  padding-top: 70px; }

.main-visual .inner {
position: relative;
height:600px;
background: url("../img/main_visual.png") center top no-repeat;}

.main-visual .inner .copy img {
	width: 422px;
	position: absolute;
	top:46%;
	left:50%;
	margin-left:-211px;
}


.setumei { 
	display: block;
	margin: 0 auto;
	width:100%;
	padding :5px 0;
	text-align: center;
	color: #000000;
	background-color: #d2c2b1;
	font-size: 1.3rem;
line-height: 1.5;}



/*  Main Visual */


{ margin: 40px auto 20px;}
/*  News*/
#news { margin: 60px auto 20px;}
#news h3 {	display: inline-block;
	margin: 20px 0 0px;
	padding-bottom: 5px;
	font-size: 1.6rem;
font-weight: normal;
	border-bottom: #efa43b 1px dotted;}

.news-wrapper { 
	display: table;
	width: 65%;
	margin: 0 auto ;
	padding:0;
	border-spacing: 40px 10px;
	table-layout: fixed;}

.news-box {	
	display: table-cell;
	text-align: center;}

#news h4 { 
	display: inline-block;
	margin: 0 0 20px;
	padding-bottom: 5px;
	font-size: 1.6rem;
font-weight: normal;
border-bottom: #efa43b 1px dotted;}


/*  年末のお知らせ*/

.news-box table {width:100%; background: #000000; table-layout: fixed; text-align: center; font-size: 1.1em; background: #ffffff; color: #000000;}
.t-caption {text-align:center; font-weight: bold; padding: 5px 0;color:#ffffff; }
.table-news th { border:solid 2px #000000; padding: 5px;background: #666666; font-size: 0.9em; font-weight: normal; vertical-align: middle;}
.table-news td { border:solid 2px #000000;	padding: 8px; }
#news .sun {color:red;}
#news .sat {color:blue;}

/* お知らせ*/


#news2 { margin: 20px auto 60px; }

/*  ライブのお知らせ

p.aisatsu {
	font-size: 1.4rem;
	margin: 10px 20% 50px;
line-height: 2;}

/*  更新履歴*/
p.live-news {
	margin: 5px 20% 10px 20% ;
	padding: 5px 0px;
	font-size: 1.4rem;
		line-height: 2;}



p.log-first{
	font-size: 1.4rem;
	margin: 20px 20% 0;
	padding: 25px;
	border: 1px;
	border-top: dotted;
	border-bottom: dotted;
	text-align: left;
	line-height: 2;}

p.log{
	margin: 0 20%;
	font-size: 1.4rem;
	padding: 25px;
	border: 1px;
	border-bottom: dotted;
	text-align: left;
	line-height: 2;}

#news2 span.strong {font-weight: bold; color:#efa43b;}
p.log a:hover {font-weight: bold;  color: darkseagreen;}


/*  News*/


/*  About*/

#about { margin: 80px auto ;}

.about-h3 {
	width: 480px;
	height: 30px;
	margin:20px auto;
	background: url("../img/about-h3.png") no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
}

.about-wrappaer { 
	display: table;
	width: 65%;
	margin: 0 auto ;
	padding:0;
	border-spacing: 40px 30px;
	table-layout: fixed;}

.about-box {	
	display: table-cell;
	text-align: center;}

.about-image {display: block;
width: 100%;
margin-bottom: 20px;}

.about-text { margin: 0;
	font-size: 1.3rem;
	line-height: 1.7;}

.about-text span {display: inline-block;}

#about h4 { 
	display: inline-block;
	margin: 0px 0 10px;
	padding-bottom: 5px;
	font-size: 1.6rem;
font-weight: normal;
border-bottom: #efa43b 1px dotted;}

.about-text2 { margin: 0;
	font-size: 1.4rem;
	line-height: 1.8;}

.m-charge { 
	display: inline-block;
	padding: 10px;
	margin: 10px;
	border: #CCCCCC 1px dotted;
	font-size: 1.3rem;
	line-height: 1.7;}

/*  About*/


/*  Fotter*/


.footer-bg {
	width: 100%;
	height:170px;
	background: #000000 url("../img/fotter.png") no-repeat center;}

.fotter-wrappaer { 
	display: table;
	width: 60%;
	margin: 0 auto ;
	padding:0;
	border-spacing: 40px 30px;
	table-layout: fixed;
	background-color: #660000;
}

.fotter-box {
	display: table-cell;
	text-align: left;
font-size: 1.3rem;}


#contact h2 { padding-bottom: 20px;}

.contact-text {
font-size: 1.3rem;
line-height: 1.8;
vertical-align: middle;}

.contact-text .strong {font-weight: bold;}


#contact ul {
	margin: 5px 0 0;
	font-size: 1.3rem;
	line-height:1.8;}

#contact ul.fotter-sns {
	margin:30px 0 20px;
	display: -webkit-flex;
	display: flex;}

#contact ul.fotter-sns li {
padding-right: 20px;}

#contact ul.fotter-sns li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; }

#access h2 { padding-bottom: 20px;}

.copy-right { padding: 10px 0 20px;
	font-size: 1rem;
	letter-spacing: 0.1rem;
}


/* ウィンドウ幅が0〜768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

.wrapper
	{width: auto ;}

body {font-size: 1.3rem;
overflow-x: hidden;}	

/*  hearder */
.global-header {
  position: relative;}

.global-header .inner {
	width: auto;}

.global-header .inner .global-header-nav
	{display: none;}
	
.global-header .inner h1 {
        padding-top: 2px;
        top: 0;
        left: 0;
        text-align: center;
        margin-left: 0px;
        position: relative;
        z-index: 1; }

.global-header .inner h1 img {
          width: 186x;
          height: 65px; }

.global-header .inner h1:after{
	margin: 0 auto ;
	content: " ";
	background: url("../img/header-tab.png") no-repeat 50% 0;
	background-size: contain; 
	display: block;
	width: 150px;
	height: 32px;}	

	
/*ハンバーガーの場所*/	
.global-header .inner .global-header-nav-sp{
	display: initial;
width: 30px;
	height: 22px;
	position: fixed;
	top:25px;
	right: 10px;
z-index: 1000;
}
	
/*チェックボックス等は非表示に*/
.nav-unshown { display:none;}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 30px;/*長さ*/
  border-radius: 3px;
  background: #efa43b;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 300px;/*最大幅（お好みで調整を）*/
  height: auto;
  background: #e6e6e6;
	box-shadow: 5px 5px 5px yellow;
  opacity: 0.95;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

#nav-content li {
	display: block;
	padding: 25px 20px;
	font-size: 1.5rem;
	text-align: left;}
	
#nav-content li a{ color: #666666;	}
#nav-content li a:active{ color: #efa43b;}	
#nav-content li::before {
		content: "＞";
	padding-right: 10px;
	color: #666;
	font-weight: bold;
	}
	
	
/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/*main-visual*/
.main-visual {
  padding-top: 0; }
	
.main-visual .inner {
position: relative;
height:360px;
background: url("../img/main_visual_mini.png") center top no-repeat;}	
.main-visual .inner .copy img {
	width: 280px;
	position: absolute;
	top:46%;
	left:50%;
	margin-left:-140px;
}

.setumei { 
	font-size: 1.2rem;}

/*  スマホ用ライブのお知らせ

p.aisatsu {
	font-size: 1.4rem;
	margin: 10px 8% 60px; line-height: 1.7;}	
	
	
	*/

	
	
/*  スマホ用年末のお知らせ*/	
.news-wrapper {display: block;
	width: 80%;}
	
.news-box {	
	display: block;
	margin-bottom: 20px;}
	
/*  スマホ用News*/
	
p.live-news {
		margin: 5px 8% 0;
	padding: 5px 0px;
	font-size: 1.4rem;
		line-height: 2;}
	
p.log-first{
	margin: 30px 8% 0;
	padding: 3%;}

p.log{
	margin: 0 8%;
	padding: 3%;}

p.log a {text-decoration: underline;}
p.log a:hover{text-decoration: none;}
	
/* スマホ用AboutのCSS */
	
.about-h3 {
	width: 340px;
	margin:30px auto;
	background: url("../img/about-h3-sp.png") no-repeat;
	background-size: 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap; 
}

	
.about-wrappaer {display: block;
	width: 80%;}
	
.about-box {	
	display: block;
	margin-bottom: 30px;}

	
.about-text2 { 
	font-size: 1.2rem;}	

/*  Fotter*/
.footer-bg {
	width: 100%;
	height:100px;
	background: #000000 url("../img/fotter-sp.png") no-repeat center;
	background: auto;}

.fotter-wrappaer { 
	display: block;
	width: auto;
	margin: 0 auto ;
	background-color: #660000;
}

.fotter-box {
	display: block;
	text-align: center;
	padding:30px 0;}
	
#contact ul.fotter-sns {
	margin:30px 0 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
    justify-content: center;}

#contact ul.fotter-sns li {
padding-right: 30px;}
	
#contact ul.fotter-sns li.last {
padding-right: 0px;}
}