@charset "UTF-8";
/* CSS Document */
html{ font-size:14px; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1.5; }
nav, h2, h3, .col_2 h4{ font-family: Abel, sans-serif; font-weight:lighter;}

/*フッターの下部固定 */
body{ margin: 0; display: flex; align-items: center; min-height: 100vh; flex-direction: column; color:#000;}
#main{flex-grow:1; width:100%; padding:2rem 0;}
footer{ /* display: flex; justify-content: space-around; */ width: 100%; margin-bottom:60px; padding-bottom:1rem;}
footer p{ font-size:12px;}

/* レイアウト共通 */
.bar{ margin:1rem 0; padding:2rem 0;}
.bar:first-child{ margin-top:0; padding-top:1rem;}
.blk{ background-color:#F9F9FA;}
.center{ padding:0 1.428rem;}
h3{ font-size:2rem; text-align:center; margin-bottom:2rem;}
h3 span{ font-size:0.8rem; margin-left:1em; color:#f49f00; display:block;}
.more{ display:block; background:#F2F2F2; border:solid thin #CCC; padding:0.5rem; text-align:center; max-width:80%; margin:3rem auto; }
.h_wrap{ text-align:center;}
h2{ font-size:2rem; border-bottom:solid 5px #000; margin-bottom:3rem; display:inline-block;}
.col_1{ margin-bottom:3rem;}
.col_2 h4{ font-size:1.25rem; border-bottom:solid thin #CCC; margin-bottom:1rem;}
.col_2 ul li{ border-bottom:dashed thin #CCC; padding-bottom:0.5rem; margin-bottom:0.5rem;}
.blk .two  h4, .sm2 h4{ font-size:1.25rem; margin:1rem 0;}
.two .two_1{ margin-bottom:2rem; padding:1rem;}
.blk .two .two_1{ background:#fff;}

/*ヘッダーフッター部分 */
header{ padding-top:1rem;}
header .head{ display: flex; justify-content:space-between;}
header .head ul li{ text-align:right;}
footer{ background:#000; color:#FFF;}
footer .sns{ width:100%; text-align:center;}
footer ul{display:flex; justify-content:center;}
footer ul li{ width:30px; margin:1rem 0.5rem;}

/*スライダー追記部分 */
.sp-button{ display:none;}

/* 記事部分 */
.col_1 article h4{ font-size:1.25rem;}
.col_1 article .text p { margin:1rem 0;}
.post_text a{ color:#f49f00; text-decoration:underline;}
.post_text a:hover{ color:#333;}

/*アバウト部分 */
.over dl{ display:flex; flex-flow:row wrap; border-top:solid thin #CCC;}
.over dt, .over dd{ border-bottom:solid thin #CCC; padding:1rem;}
.over dt{ width:25%;  font-size:1rem; padding-left:0;}
.over dd{ width:75%;}
.notice ul{ margin-bottom:2rem;}
.notice ul li{ list-style:disc; margin-left:1em; margin-bottom:0.5em;}

/*アクセス部分 */
.access h4{ font-size:1.25rem;}
.access dl{ border-top:solid thin #CCC; margin-bottom:3rem;}
.access dd{ border-bottom:solid thin #CCC; padding-bottom:0.5rem;}
.access dt{ font-size:1rem;  padding-left:0; padding-top:0.5rem;}

/*トップページ部分 */
.block { padding:1rem; border:solid thin #CCC; margin-bottom:1rem; background-color:#FFF;}
.date{ color:#999;}
.top .block img{ display:none; margin-bottom:0.5rem;}

/*スポンサー部分 */
.spon ul li{ margin-bottom:1rem;}
.spon .small{ display:flex; flex-flow:row wrap;}
.spon .small li{ width:46.428%;}
.spon .small li:nth-child(2n){ margin-left:7.14%;}

.spon .small2{ display:flex; flex-flow:row wrap;}
.spon .small2 li{ width:32%; margin-right:1%}
.spon .small2 li:nth-child(3n){ margin-right:0;}

.spon .small3{ display:flex; flex-flow:row wrap;}
.spon .small3 li{ width:24%; margin-right:1%}
.spon .small3 li:nth-child(4n){ margin-right:0;}

.spon .small4{ display:flex; flex-flow:row wrap;}
.spon .small4 li{ width:24%; margin-right:1%}
.spon .small4 li:nth-child(4n){ margin-right:0;}

.spon .small2, .spon .small3, .spon .small4{ margin-bottom:2rem;}


/*チケット部分 */
.buy h4, .buy p, .buy ul li{ text-align:center;}
.price{ font-size:3rem; font-weight:bold;}
.thr{text-decoration:line-through;}
.kan{ color:#F00; font-size:1.5rem; font-weight:bold;}

/*アーティスト部分 */
.sm > div{ display:flex; justify-content:space-between; padding:0 !important; margin-bottom:1rem;}
.sm > div div:nth-child(1){ width:40%;}
.sm > div div:nth-child(2){ width:58%;}
.remodal a{ text-decoration:underline; color:#666; font-weight:bold;}
.remodal a:hover{ color:#f49f00;}
.oza ul{ font-weight:bold; margin-top:1rem;}

/*エリアマップ */
.sm2 > div{ margin-bottom:1rem;}
.sm2 > div a{ text-decoration:underline; margin-top:1rem;} 

/* map */
.ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:2rem;}
.ggmap iframe, .ggmapr object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#map img {  max-width: none !important;}

/* モーダル追記 */
.remodal-wrapper p, .remodal-wrapper ul li{ text-align:left;}
.remodal-wrapper p{ margin-bottom:1rem;}
.gallery-item img{ height:100%;}

/* youtube */
.youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*---PC版CSS--------------------------------*/
@media (min-width: 768px) {
	
	
	@media (min-width: 959px) {
		.center{ padding:0;}
	}
	
	html{ font-size:16px;}
	
	/* レイアウト共通 */
	.more{ max-width:320px;}
	.two{ display:flex;}
	.two .two_1{ width:49.05%; margin-right:1.88%;}
	.two .two_1:nth-child(2n){ margin-right:0;}
	
	.col_wrap{ display:flex; justify-content:space-between;}
	.col_1{ width:66.037%;}
	.col_2{ width:32.07%; padding-left:1rem;}
	.col_1 .block{ display:flex;}
	.col_1 .block div:nth-child(1){ width:22.85%; margin-right:1rem;}
	
	/*スポンサー部分 */
	.spon .big{ max-width:790px; display:flex; flex-flow:row wrap; margin:0 auto 2rem auto;}
	.spon .big li{ width:48.73%; margin-right:2.54%;}
	.spon .big li:nth-child(2n){ margin-right:0;}
	.spon .small li{ width:23.58%; margin-right:1.8%; }
	.spon .small li:nth-child(2n){ margin-left:0;}
	.spon .small li:nth-child(4n){ margin-right:0;}
	
	.spon .small2{ display:flex; flex-flow:row wrap;}
	.spon .small2 li{ width:24%; margin-right:1%}
	.spon .small2 li:nth-child(4n){ margin-right:0;}
	
	.spon .small3{ display:flex; flex-flow:row wrap;}
	.spon .small3 li{ width:18%; margin-right:1%}
	.spon .small3 li:nth-child(5n){ margin-right:0;}
	
	.spon .small4{ display:flex; flex-flow:row wrap;}
	.spon .small4 li{ width:15%; margin-right:1%}
	.spon .small4 li:nth-child(6n){ margin-right:0;}

	
	/*アクセス部分 */
	.access dl{ display:flex; flex-flow:row wrap;}
	.access dt, .access dd{ border-bottom:solid thin #CCC; padding:1rem;}
	.access dt{ width:25%;  padding-left:0;}
	.access dd{ width:75%;}
	
	/*アーティスト部分 */
	.two{ flex-flow: row wrap;}
	.sm > div{ display:block; margin-right:1.88%; width:32.08%;}
	.sm > div:nth-child(3n){ margin-right:0;}
	.sm > div div:nth-child(1){ width:100%;}
	.sm > div div:nth-child(2){ width:100%;}
	
	.sm2 > div{ display:block; margin-right:1.88%; width:32.08%;}
	.sm2 > div:nth-child(3n){ margin-right:0;}
	
	/* ヒストリー部分 */
	.history .blocks{ display:flex; flex-flow:row wrap; width:100%;}
	.history .blocks .block{ margin-right:2.86%; width:48.57% !important; display:block;}
	.history .blocks .block div{ width:100%;}
	.history .blocks .block:nth-child(2n){ margin-right:0;}
	
	/* 幅1060px */
	.center{ width:100%; max-width:1100px; padding:0 1.8%;  margin:0 auto; }
	.center.thin{ max-width:700px;}
	footer{ margin-bottom:0; }
	.sp-slides-container{ max-height:800px; overflow:hidden;}
	
	/* ヘッダー部分 */
	header{ width:100%;}
	
	/*トップページ部分 */
	.top .blocks{ display:flex; flex-flow: row wrap;}
	.top .block{ width:32.07%; margin-right:1.88%;}
	.top .block:nth-child(3n){ margin-right:0;}
	.top .block img{ display:block;}
}