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


body  {
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #000;
    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    margin: 0px;
}

img {
    max-width: 100%;
}

body,td,th {
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

/* トップへ戻るボタン */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
	font-size: 150%;
}

#page-top a {
	font-size: 20px;
	background: #58b530;
	text-decoration: none;
	color: #000;
	width: 50px;
	padding: 7px 0 12px 0;
	text-align: center;
	display: block;
	border-radius: 25px;
	display:block;
	position:relative;
	z-index:999;	
}

#page-top a:hover {

	text-decoration: none;
	background: #666;
}

a.square_btn:link {
	color: #000;
}

a.square_btn:visited {
	color: #000;
}

a.square_btn:hover {
	color: #58b530;
}

a.square_btn_ippan:link {
	color: #000;
}

a.square_btn_ippan:visited {
	color: #000;
}

a.square_btn_ippan:hover {
	color: #58b530;
}

a:link {
    color: #58b530;
	text-decoration: none;
	font-weight: bold;
	transition: color .3s, text-decoration .3s;
}

a:visited {
	color: #58b530;
}

a:hover {
	color: #FFF;
	text-decoration-color: transparent;
}

a:active {
	color: #58b530;
}


.main{
	width: 100%;
	background-color: #000;
	text-align: center;
}

.header{
	width: 100%;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
}

h2{
	background-color: #58b530;
	color: #000;
	font-size:35px;
	font-family: 'Coda Caption', sans-serif;
	font-weight: bold;
	padding: 20px;
	letter-spacing: 1.5px;
	line-height:1;
	text-align:center; 
	margin:40px auto 25px auto;
}

h3{
	background-color: #58b530;
	color: #000;
	font-size:35px;
	font-family: 'Coda Caption', sans-serif;
	font-weight: bold;
	padding: 20px;
	letter-spacing: 1.5px;
	line-height:1;
	text-align:center; 
	margin:100px auto 25px auto;
}

h4{
	background-color: #58b530;
	color: #000;
	font-size:35px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	padding: 20px;
	letter-spacing: 1px;
	line-height:1;
	text-align:center; 
	margin:100px auto 25px auto;
}

.box1{
	width: 850px;
	text-align: center;
	margin: auto;
}

.text{
	width: 850px;
	text-align: center;
	font-family: 'Sawarabi Gothic', sans-serif;
	font-size: 25px;
	line-height: 1.5;
	margin: auto;
}

.text2{
	line-height: 1.6;
	margin-top:20px;
}

/* セットリスト */
.setlist{
	display: flex;
	width: 80%;
	margin: 20px auto auto auto;
	justify-content:space-between ;
	flex-wrap: wrap;
}
.setlist_item{
	border: #aaa solid 1px;
	width: 24%;
}

/* 全体90%サイズ */
.padding{
	width: 90%;
	margin: auto;
}

/* 左寄せ */
.left{
	text-align: left;
}

/* 下開け */
.bottom{
	margin-bottom: 60px;
}

.style1{
	color: #DBDBDB;
	font-size: 12px;
	line-height: 1.8;
}

.style2{
	font-size: 18px;
	margin: 15px auto 3px auto;
}

.margin_top{
	margin-top: 50px;
}

/* 開場開演 */
.waku{
	width: auto;
	background-color: #FFF;
	color: #000;
	padding-bottom: 0.1em;
	padding-left:0.5em;
	padding-right:0.5em;
}
.waku2{
	width: auto;
	background-color: #FFF;
	color: #000;
	padding-bottom: 0.1em;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-left: 50px;
}

/* グッズ付きチケット */
.box_ticket{
	border: #fff 1px solid;
	width:100%;
	font-family: 'Sawarabi Gothic', sans-serif;
	padding: 5px;
}

/* 左側div */
.boxl{
	border: #fff 1px solid;
	width:410px;
	float:left;
	font-family: 'Sawarabi Gothic', sans-serif;
	padding: 5px;
}

.boxl_text{
	padding: 0px 12px 0 12px;
	text-align: center;
}

.boxl img{
	margin-top: 20px;
}

/* 右側div */
.boxr{
	border: #fff 1px solid;
	width:410px;
	float:right;
	font-family: 'Sawarabi Gothic', sans-serif;
	padding: 5px 0 5px 0;
}

.boxr_text{
	text-align: left;
	padding: 0px 12px 0px 12px;
}

.price{
	font-family: 'Sawarabi Gothic', sans-serif;
	font-weight: bold;
	font-size: 35px;
}

.price_small{
	font-size: 15px;
}

ul.pre {
	padding: 0 0.5em 0 2em;
	position: relative;
	margin-bottom: 10px;
}
ul.pre li {
	font-size: 18px;
	line-height: 1.5;
	padding: 0.3em 0;
	list-style-type: none!important;/*ポチ消す*/
	text-align: left;
}
ul.pre li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0a4";
	position: absolute;
	left : 1em; /*左端からのアイコンまで*/
	color: #E5E568; /*アイコン色*/
}

/* グッズ */
.flex{
	padding: 2.5% 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex > *{
	min-width: 8%;
	background: #333;
	font-size: 64px;
	text-align: center;
	padding: 12px;
	margin: 5px auto 30px auto;
	font-family: 'Sawarabi Gothic', sans-serif;
	font-size: 20px;
}

.flex img{
	width: 245px;
	margin-bottom:10px;
}

.g_price{
	font-family: 'Sawarabi Gothic', sans-serif;
	font-weight: bold;
	font-size: 25px;
}

.g_price_small{
	font-size: 12px;
}

dl{
	margin: 10px auto 50px auto;
	font-size: 14px;
}

dt{
	width: 30%;
	float: left;
	text-align: right;
	font-weight: bold;
	margin-bottom: 10px;
}

dd{
	width: 65%;
	float: right;
	text-align: left;
	margin-bottom: 10px;
	margin-left:-5px; 
}

/* ボタン */
.square_btn {
	color:#000;
    display: inline-block;
    padding: 1em 0.5em;
    text-decoration: none;
    border: solid 2px #58b530;
    border-radius: 5px;
    transition: .4s;
	margin-bottom:10px;
	width:96%;
	text-align:center;
	font-size:22px;
	line-height:1.3em;
	background:#58b530;
}
.square_btn:hover {
    background: black;
	transition: 0.5s ;
}

/* 一般ボタン */
.square_btn_ippan {
	color:#000;
    display: inline-block;
    padding: 0.5em 0.5em;
    text-decoration: none;
    border: solid 2px #58b530;
    border-radius: 5px;
    transition: .4s;
	margin:20px auto 10px auto;
	width:80%;
	text-align:center;
	font-size:22px;
	line-height:1.3em;
	background:#58b530;
}

.square_btn_ippan:hover {
    background: black;
	transition: 0.5s ;
}

/* 左側div_バナー */
.boxl2{
	 width:410px;
	 float:left;
}

/* 右側div_バナー */
.boxr2{
	 width:410px;
	 float:right;
}

/* フッター */
.footer{color:#FFF;
		width:100%;
		text-align:center;
		margin:auto;
		clear:left;
		padding:15px 0px 40px 0px;
}


/* PC用 */
.pc { display: block !important; }
.sp { display: none !important; }

/*---------------------------------------------------------------------- */

@media screen and (max-width: 767px) {

/* スマホ用 */
.pc { display: none !important; }
.sp { display: block !important; }

.header{
	width:100%;
	background-image:url(images/bg.jpg);
	text-align:center;
	overflow: hidden; 
}
	
	
h2{
	font-size:30px;
}
	
h3{
	font-size:30px;
}
	
.box1{
	width: 80%;
	font-size: 16px;
	line-height: 1.8em;
}
	
.text{
	width: 80%;
	font-size: 20px;
}
	
/* セットリスト */
.setlist{
	margin: auto;
}
.setlist_item{
	border: #aaa solid 1px;
	width: 48%;
	margin-top: 10px;
}
	
.waku2{
	margin-left: -6px;
}

/* 左側 */
.boxl{
	width:100%;
	box-sizing: border-box;
	overflow: hidden;
	padding:0px 0px 20px 0px;
}
.boxl img{
	width: 85%;
}

/* 右側 */
.boxr{
	width:100%;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 20px;
}
	
dl{
	width: 100%;
	margin: 10px auto 10px auto;
}

dt{
	width: 35%;
	clear: both;
	margin-left: -5px;
}

dd{
	width: 60%;
	margin-left: -5px;
}

	/* 左側_バナー */
.boxl2{
	 width:100%;
	 box-sizing: border-box;
	  overflow: hidden;
      padding:0;
}

/* 右側_バナー */
.boxr2{
	 width:100%;
	 box-sizing: border-box;
	  overflow: hidden;
      padding:0;
}

/* フッター　*/
.footer{width:100%;
		text-align:center;
		margin:auto;
		clear:left;
		padding:10px 0px 30px 0px;
}