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

@import url(css/mdg-init.css);
@import url(css/kickstart-grid.css);
@import url(css/jquery.fancybox-1.3.4.css);

/*---------------------------------
	WebFont & Font調整
-----------------------------------*/

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 600;
}

/*---------------------------------
	Overwrite
-----------------------------------*/

body {
	font-family: YuGothic, 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*background-image:url(css/img/16px_grid_h.png);*/
	color:#eee;
	background-color:#000000;
	font-feature-settings : "palt" 1;
	background-image:url(img/header_image_black.jpg);
	background-repeat:none; background-size:cover;
	background-position:top left; 
	background-attachment: fixed;
	transition: .5s;
}
a {
    color:#b51200;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic',  sans-serif;
    font-feature-settings : "palt" 1;
}
rt {
	font-family: 'Yu Gothic', 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
strong, em{
    font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic',  sans-serif;
}

.sp {
    display: none;
}
.pc{
    display: block;
}
@media all and (max-width: 480px) {
    .sp{
        display: block;
    }
    .pc {
        display: none;
    }
    body{
		height: 100%;
		background-image:url(img/header_image_black.jpg);
		background-repeat:none;
		background-size:400%;
		background-position:-100px 0px; 
		background-attachment: fixed;
		transition: .5s;
    }
}
a.btn {
    /*display: block;*/
    border:1px #c00 solid;
    text-align: center;
	background-color: black;
	margin: 0 2rem;
	border-radius: 1rem;
	padding: 0 1rem;
}
a.btn:hover{
    background-color: rgba(255, 255, 255, 0.2);
}

a.button {
	display:inline-block;
	border-radius: 1rem;
	background-color:crimson;
	color:#ccc;
	border:1px #ccc solid;
	padding: 0 1rem;
}
a.button:hover {
	background-color: orange;
	color: crimson;
}
/*---------------------------------
	Layout
-----------------------------------*/

#wrap {
	/* コンテンツがウィンドウ高より少ない時の処理 */
	position: relative;
	min-height: 100%;
	
	/**/
}

#header {
    /*background-color:#000;
    color:white;*/
}
#footer {
	color:white;
	background-color:rgba(17, 17, 17, 0.8);

	/* コンテンツがウィンドウ高より少ない時の処理 */
   /*	position: absolute;
	bottom: 0px;
	width: 100%;
	/*height:はJSで取得し指定*/
	overflow:hidden;
}


.pageWrap {
	max-width:980px;
    padding: 0.5rem;
	margin:auto;
}

small, .small {
	font-size: .8rem;
	line-height: 1.4rem;
}

span.block {
	
}

ul.kome {
	list-style: none;
}

ul.kome li::before {
	content: '※';
	margin-left: -1rem;
}

/*---------------------------------
    PageTop
-----------------------------------*/
#pageTop{
  display: block;
  position: fixed;
  z-index: 100;
  bottom: -200px;
  right: 10px;
  width: 60px;
  padding: 5px 5px;
  background: rgba(0,0,0,.7);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: .5s;
}
#pageTop:hover{ 
  background: rgba(0,0,0,.8);
}

/*---------------------------------
    Menu
-----------------------------------*/
.gMenu {
	
}
.gMenu ul{
	list-style: none;
	margin: 0;
	display: flex;
	justify-content: center;
}
.gMenu ul>li{
	border: 1px solid white;
	background-color: black;
	flex-basis: 30%;
	font-family: 'Exo', sans-serif;
	font-size: 12px;
	text-align: center;
}
.gMenu ul>li>a{
	background-color: #1c1644/*#4affc1*/;
	color:white;
	display: block;
}

.gMenu ul>li.current>a{
	background-color: black;
	color:#ff3691;
}
	
.gMenu ul>li>a:hover{
	background-color: #14fffa;
	color: #ff669d;
}

/*---------------------------------
	footer
-----------------------------------*/
#footer a.btn{
	background-color: #1c1644;
	border-radius: 0;
	border:1px solid white;
	color: white;
}

#footer a.btn:hover {
	background-color: #00f9ff;
	border-radius: 0;
	border:1px solid white;
	color: #ff3690;
}

/*---------------------------------
	Schedule
-----------------------------------*/

.utatte{color:#ff3691;}
.original{color:#00ffeb;}
.bothday{color:#fff337;}

/*---------------------------------
	Goods
-----------------------------------*/
.goodsName{
	font-size: 1.1rem;
	line-height: 1.5rem;
	margin-top: 1rem;
}
.price{
	color: darkgray;
	font-family: 'Exo', sans-serif;
}
.goodsDetail{
	color: darkgray;
	font-size: 0.8rem;
	line-height: 1rem;
	/*text-align: left;*/
}
/*---------------------------------
	Style
-----------------------------------*/

.radiusBox{
	background-color: rgba(0, 5, 6, 0.8); /*border-radius: 2rem;*/ padding:1rem;
}

.pageTitle {
line-height:1.5rem; color:#fff237;
}

span.pc{
	display: inline-block;
}

@media all and (max-width: 480px) {
	span.pc{
		display: none;
	}
}

.date {
	font-weight: 100;
}

span.block {
	display: inline-block;
}

.redback {
	background-color: red;
	color:white;
	font-size: .6rem;
	padding: 0 0.2rem;
	margin: .5rem;
}
.blueback {
	background-color: blue;
	color:white;
	font-size: .6rem;
	padding: 0 0.2rem;
	margin: .5rem;
}


.end p{
	display: none;
}

.noteHeader{
	color:aqua;
	border-left: solid 10px aqua;
	padding-left: 5px;
	line-height: 1.5rem;
	margin: .5rem 0 1rem; 
}
/*---------------------------------
	3段組み
-----------------------------------*/

.ticketBox{
	display: flex;
	justify-content: center;
}

.ticketBoxItem {
	background: black;
	
	margin: 10px;
}

.ticketBoxItem a{
	display: block;
	padding: 5px;
}

.ticketBoxItem a:hover{
	background: white;
}
.ticketBoxItem img{
	max-height: 50px;
	width: auto;
}