@charset "utf-8";
/* CSS Document */
/* 202508イベントレイアウト
---------------------------------------------------------------------------*/
#event h2 {
        color: #fff;
	    background: #6F0E10;
	    font-size:1.1rem;
	    font-weight: 500;
        padding-left:15px;
	   letter-spacing: 0.1em;
	   line-height: 1.8em;
	   border-left:#F71B1E 10px solid;
}
#event h3 {
        color: #fff;
	    background: #6F0E10;
	    font-size:1.1rem;
	    font-weight: 500;
        padding-left:15px;
	   letter-spacing: 0.1em;
	   line-height: 1.8em;
	   border-left:#F71B1E 10px solid;
}

#event h3 span {
	font-size:1.2rem;
	letter-spacing: 0.2em;
}

#event img {
	width: 80%;
	margin: auto;
	display: block;
	margin-bottom: 1.5em;
}


#event h4 {
        color: #000;
	    background: #fafafa;
	    font-size:1.1rem;
	    font-weight: bold;
        padding:1em;
	    line-height: 2.0em;
}
#event h5 {
        color: #000;
	    background: #fafafa;
	    font-size:1.1rem;
	    font-weight: bold;
        padding:1em;
	    line-height: 2.0em;
}
#event li {
        color: #000;
	    background: #fafafa;
	    font-weight: 600;
        padding-left:15px;
}

/*パイオニアサバクリパーティブロック
---------------------------------------------------------------------------*/
#psh h3 {
	text-align: center;
	color: #000;
	font-size: 1.8rem;
	font-family: Arial, Helvetica, "sans-serif";
	background: #fff;
	font-weight: bold;
	border-top: 10px solid #D34622;
	border-bottom: 10px solid #D34622;
	border-left:1px solid #000;
	line-height: 1em;
}

#psh h3 span {
	font-size:0.9rem;
	line-height: 0.2em;
	margin-bottom: 2em;

}

#psh .ani {
	color:#E93134;
	font-size:2rem;
}
/*モバイル表示*/
@media screen and (max-width: 480px){
  #psh h3 span {
    font-size:0.7rem;
	letter-spacing: 0.1em;
  }
}


/*開催INFORMATIONブロック
---------------------------------------------------------------------------*/
.live-box {
	color: #000;
	background: #fafafa;
	font-size:1rem;
	padding-left:-5px;
	line-height: 3em;
	letter-spacing:0.1em;
	margin-bottom: 5em;
}

#event .live-box li{
	background: #f4f4f4;
	margin-left: -1em;
}


.live-box span {
	color:#fff;
	background: #6b3b1a;
	font-weight: 600;
	padding: 5px;
	margin-right: 10px;
	border-radius: 0  0 7px 0;
}

.center {
	text-align: center;
}

#event .day {
	background: #F7F4F4;
	color:#A41517;
	font-size:0.9rem;
	font-weight: bold;
	padding: 0 5px;
	margin-right: 1em;
}
.acc li {
	color:#000;
	font-weight:600;
	margin-left: -20px;
}

/*asivi営業案内*/
/*---------------------------------------------------------------------------*/
#sub h3 {
	padding: 10px 10px;		/*左から、上下、左右への余白*/
	color:#fff;
	background: #5C0000;		/*背景色*/
	border-bottom: 1px solid #e5724a;	/*下の線の幅、線種、色*/
	border-top: 5px solid #e5724a;		/*上の線の幅、線種、色*/
	font-weight: bold;	/*太字にする設定*/
	}
#sub h4 {
	padding: 10px 10px;		/*左から、上下、左右への余白*/
	color:#fff;
	background: #7e1117;		/*背景色*/
	border-bottom: 1px solid #d2d2d2;	/*下の線の幅、線種、色*/
	border-top: 5px solid #62171b;		/*上の線の幅、線種、色*/
	font-weight: 400;	/*太字にする設定*/
	}
.info_box h3 {
	background: #5C0000;
}

.info_box li {
	font-size:1.2rem;
	background: #fafafa;
}

.info_box span {
	color:#fff;
	background: #7e1117;
	font-size:1rem;
	padding: 3px 10px;
	border-radius: 4px;
	
}
/*出演者ブロック
---------------------------------------------------------------------------*/
#event .artist {
  position: relative;
 font-size: 1.1rem;
  color: black;
  background: #fff;
  line-height: 2;
  padding: 0.25em 0.5em;
  margin: 3em 0.5em 1em;
  border-top: 1px solid #6F0E10;	/*上の線の幅、線種、色*/
  border-bottom: 1px solid #6F0E10;	/*下の線の幅、線種、色*/
  letter-spacing: 0.1em;
}

#event .artist:after {
  /*タブ*/
  position: absolute;
  font-size: 0.9rem;	
  font-weight: 700;
  content: '\【出　演】';
  background: #62171b;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 5px 1px;
  line-height: 2;
  letter-spacing: 0.8em
}

#event .artist li {
	margin-left:-1.5em;
}

#event .artist span {
	color:#FFF;
	background: #62171b;
	font-size: 0.9rem;	
	font-weight: 500;
	padding: 3px 10px;
	margin-right: 10px;
	border-radius: 0 0 7px 0;
}

/* マチナカホールブロック
---------------------------------------------------------------------------*/
 .machinaka {
	   color:#000;
	   background: #f1e5e0;
	   font-weight:600;
	   height:auto;
	   overflow:hidden;
	   margin: 10px 0 ;
}

 .machinaka p{
	font-weight:600;
	padding: 5px;
} 

.machinaka h3 span {
	font-size:1.8rem;
}
 .machinaka h4{
	color:#fff;
	background: #a5593a;
	padding: 10px;
} 

#content .machinaka h5{
	color:#000;
	background: #fff;
	padding: 10px;
	} 
.address {
	color:#000;
	margin-top:15px; 
}

/*チケットご予約はこちらからブロック
---------------------------------------------------------------------------*/

.ticket {
  position: relative;
  color: black;
  background: #fff;
  line-height: 2;
  padding: 0.25em 0.5em;
  margin: 2.5em 0.5em 1em 0.5em ;
  border-top: 1px solid #6F0E10;	/*上の線の幅、線種、色*/
  border-bottom: 1px solid #6F0E10;	/*下の線の幅、線種、色*/
}

.ticket:after {
  /*タブ*/
  position: absolute;
  font-weight: 500;
  content: '\【チケットご予約は下記リンクから】';
  background:#B81B1B;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size:0.9rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

.ticket span {
	color:#ff0000;
}
/*プレイガイドブロック
---------------------------------------------------------------------------*/

.playguide {
  position: relative;
  color: black;
  background: #fff;
  font-size: 1rem;
  line-height: 2;
  padding: 0.25em 0.5em;
  margin: 5em 0.5em 1em 0.5em ;
  border-top: 1px solid #6F0E10;	/*上の線の幅、線種、色*/
  border-bottom: 1px solid #6F0E10;	/*下の線の幅、線種、色*/
}

.playguide:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: '\【プレイガイド】';
  background: #6F0E10;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.8rem;
  line-height: 2;
  letter-spacing: 0.2em
}

.playguide span {
	color:#ff0000;
}
.playguide li{
	margin-left: -1.5em;
}

/*その他*/
.other {
  position: relative;
  color: black;
  background: #fafafa;
  font-size: 1rem;
  line-height: 2;
  padding: 0.25em 0.5em;
  margin: 5em 0.5em 5em 0.5em ;
  border-top: 1px solid #6F0E10;	/*上の線の幅、線種、色*/
  border-bottom: 1px solid #6F0E10;	/*下の線の幅、線種、色*/
}
.other span {
	color:#ff0000;
}
.other li {
	margin-left: -2em;
}

/*会場ブロック
---------------------------------------------------------------------------*/
.place {
  position: relative;
  color: black;
  background: #fff;
font-size: 1rem;
  line-height: 2;
  padding: 1.25em 0.5em;
  margin: 5em 0.5em 1em 0.5em ;
  border-bottom-color: #6F0E10;
  border-bottom-style: solid;
  border-bottom-width: thin;
}

.place:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: '\【会場】';
  background: #6F0E10;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.2em
}

.place span {
	color:#ff0000;
}

/*お問い合わせ*/
.event-contact {
  position: relative;
  color: black;
  background: #fff;
font-size: 0.8rem;
  line-height: 2;
  padding: 0.25em ;
  margin: 4em 0em 1em 0em ;
  border-top: 1px solid #6F0E10;	/*上の線の幅、線種、色*/
  border-bottom: 1px solid #6F0E10;	/*下の線の幅、線種、色*/
}

.event-contact:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: '\【お問合せ】';
  background: #6F0E10;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 5px 1px;
  font-size: 0.8rem;
  line-height: 2;
  letter-spacing: 0.2em
}

.event-contact span {
	color:#ff0000;
}

.bg02 {
	background: #fafafa;
}
/*主催*/
.organizer {
	border-top-style: dotted;
	border-top-width:medium;
	border-top-color: #4D4D4D;
	color:#000;
	background: #e5e5e5;
	font-size: 0.8rem;
	padding: 2em;
	line-height: 2;
	margin-bottom: 1em;
}

/*NPO-dを応援しています
---------------------------------------------------------------------------*/
#npo-d img {
	width: 20%;
	text-align: left;
	margin-bottom: 1.5em;
}
#npo-d {
	padding: 0.25em 0.5em;
	margin: 2em 0.5em 1em 0.5em ;
	
}

#npo-d h3 {
	color: #fff;
	background: #6F0E10;
	font-size:1.1rem;
	font-weight: 500;
	padding-left:15px;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	border-left:#F71B1E 10px solid;
}
#npo-d ul {
	margin: 10px;
	background:#D6E8D4;
	border-bottom-right-radius: 30px;
	border-top: 1px solid #6F0E10;	/*上の線の幅、線種、色*/
	border-bottom: 1px solid #6F0E10;	/*下の線の幅、線種、色*/
}
#npo-d li {
	font-weight: 600;
}

/* 202508概要【amp-pa】レイアウト
---------------------------------------------*/
#outline h2 {
        color: #fff;
	    background: #6F0E10;
	    font-size:1.2rem;
	    font-weight: 500;
        padding:5px 0 5px 15px;
	   margin-bottom: 0.5em;
	   letter-spacing: 0.1em;
	   line-height: 1.8em;
	   border-left:#F71B1E 10px solid;
}
#outline h3 {
        color: #fff;
	    background: #6F0E10;
	    font-size:1rem;
	    font-weight: 500;
	    padding: 5px 0 5px 15px;
	    margin-bottom: 0.3em;
	    letter-spacing: 0.1em;
	    line-height: 1.8em;
	    border-left:#F71B1E 10px solid;
}

#outline h3 span {
	font-size:1.1rem;
	letter-spacing: 0.2em;
}

#outline h4 {
        color: #fff;
	    background: #6F0E10;
	    font-size:1rem;
	    font-weight: 400;
	    padding: 5px 0 5px 15px;
	    margin-bottom: 0.3em;
	    letter-spacing: 0.1em;
	    line-height: 1.8em;
	    border-left:#F71B1E 10px solid;
}
#outline h5 {
        color: #fff;
	    background: #6F0E10;
	    font-size:1rem;
	    font-weight: 400;
	    padding: 5px 0 5px 15px;
	    margin-bottom: 0.3em;
	    letter-spacing: 0.1em;
	    line-height: 1.8em;
	    border-right:#F71B1E 10px solid;
}

#outline img {
	width: 70%;
	margin: auto;
	display: block;
	margin-bottom: 1.5em;
}

#outline li {
	font-weight: 400;
	
}

/*アシビ地図埋め込みここから
---------------------------------------------------------------------------*/
.map {
position: relative;
width: 100%;
padding-top: 56.25%;
 /* 16:9のアスペクト比 */
 height: 0;
}

.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*アシビ地図地図埋め込みここまで
---------------------------------------------------------------------------*/
/*イベントCGIなど埋め込みここから
---------------------------------------------------------------------------*/
.embed {
position: relative;
width: 100%;
padding-top: 100%;
 /* アスペクト比 */
padding-bottom: 56.25%;
 height: 0;
}

.embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*イベントCGI埋め込みここまで
---------------------------------------------------------------------------*/
/*Facebook埋め込みここから
---------------------------------------------------------------------------*/
.box-c {
	margin-top: 1em;
	margin-bottom: 1.5em;
}
.fb{
	
	top:900px;
	width: 100%;
	height: 100%;
	
}


/*モバイル表示*/
@media screen and (max-width: 480px){

.fb{
	margin-left: 60px;
	
	}
}

/*Facebook埋め込みここまで
---------------------------------------------------------------------------*/
/*トップページサイド
---------------------------------------------------------------------------*/
#sidebox h3 {
	text-align: center;
	color: #fff;
	background: #016c34;
	border-top:5px solid #8EB914;
}
 

/*ディレコードブロック
---------------------------------------------------------------------------*/
.dr{
	background: #eee;
	border-top: 5px solid#524831;
	text-align: center;
}
.dr img {
	width: 50%;
	margin: 1em;
}
.dr span {
	background: #016C34;
	color: #fff;
	padding: 0.3em 0.5em;
}

/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width: 800px){
.dr img {
	width: 30%;
	margin: 1em;
}
}
/*ディレコードCDブロック
---------------------------------------------------------------------------*/
#cd {
	text-align: center;
	margin: 1em;
}
#cd ul {
	
}

#cd li {
	text-align: center;
	isplay: inline;
	font-size: 0.8rem;
	width: 100%;
	color:#000;
	font-weight: 600;
	background: #fafafa;
	padding: 0.5em 1.5em;
	}
#cd img {
	margin: 1em;
	width:  70%;
}
/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width: 800px){
	#cd li {
	text-align: center;
	width: 80%;
	background: #fafafa;
}
}
/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width: 800px){

.dr img {
	width: 50%;
	
	}
}


/*アシビロゴ背景
---------------------------------------------------------------------------*/
#asivi h3 {
	color:#fff;
	font-weight: 700;
	height: 70px;
	margin-top: 2em;
	border-bottom: 1px solid #62171b;
	border-top: 1px solid #62171b;
	background: linear-gradient(90deg, rgba(98, 23, 27, 1) 0%, rgba(191, 25, 33, 1) 57%, rgba(255, 255, 255, 1) 80%);
}

#asivi img {
	width: 20%;
	display: block;
	position:relative;
	top: -90px;
	left:280px;
	}

/*モバイル表示*/
@media screen and (max-width: 480px){

#asivi img {
	width: 30%;
	display: block;
	position:relative;
	top:-90px;
	left:150px;
	}
}


/*テーブル（PAブロック）
---------------------------------------------------------------------------*/
/*paテーブル設定*/
.pa {
	width: 100%;
	margin: 0 auto 20px;
	
}
.pa, .pa td, .pa th {
	font-weight: 600;
	border: 1px solid #62171b;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*テーブル１行目に入った見出し部分
.pa th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ
}*/
/*ta1の左側ボックス*/
.pa th {
	width: 100%;	/*幅*/
	text-align: left;	/*センタリング*/
	font-weight: normal;
	color:#fff;
	background: #52171b;
}
/*左側ボックスに画像を入れた場合の設定*/
.pa th img {
	width: 100%;
}

/*Flexboxブロック
---------------------------------------------------------------------------*/
/*PC表示*/
.fl_box {
	background-color: #eee;     /* 背景色指定 */
	padding:  10px;             /* 余白指定 */
	display: flex;
	flex-direction: row;/*flexアイテム横並び*/
}

/*モバイル表示*/
@media screen and (max-width: 480px){
  .fl_box {
    flex-direction: column;/*flexアイテムを縦並びに変更*/
  }
}

.fl_box-item {
    padding: 10px;
	width: 90%;
    color:  #000;               /* 文字色 */
    margin:  10px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
}

.fl_box-item:nth-child(1) {
    background-color:  #fff; /* 背景色指定 */
}

.fl_box-item:nth-child(2) {
    background-color:  #fff; /* 背景色指定 */
}

.fl_box-item:nth-child(3) {
    background-color: #fff; /* 背景色指定 */
}
.fl_box-item:nth-child(4) {
    background-color: #fff; /* 背景色指定 */
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
	.fl_box {
	display: flex;
	flex-direction: column;
	}

}


/*エラーページ
---------------------------------------------------------------------------*/
#container00 {
	border-top: 5px solid #524831;	/*上の線の幅、線種、色*/
	margin: 0 auto;
	max-width: 1200px;	/*サイトの最大幅*/
	background: #941a20;	/*背景色*/
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);	/*ボックスの影。右に、下に、広げる幅。0,0,0は黒の事で0.2は透明度20%の事。*/
}
#error {
	background: #941a20;
	color:#fff;
	text-align: center;
	margin:auto;
	
}

#error h1 {
    font-size: 60px;
    font-weight: bold;
	padding-top: 1em;
}
#error h1 {
    font-weight: bold;
    line-height: 1;
    padding-bottom: 20px;
    font-family: Helvetica, sans-serif;
}
#error h2 {
    text-align: center;
    font-weight: bold;
    font-size: 27px;
}
#error p {
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: white;
}
#error .explain {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 1.5;
    margin: 30px auto;
    padding: 17px;
}
#error .cause {
    text-align: center;
}
#error .cause li {
    color: #000;
	font-weight: 400;
}
#error h3 {
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0;
}
#error .white_box {
    margin: 15px auto 0;
    background-color: white;
	padding: 2em;
}

/* ====================

  スマートフォン

======================= */
@media only screen and (min-width: 0) and (max-width: 767px) {
	#error {
		padding: 10px 10px;
	}
	#error h1 {
    font-size: 45px;
    font-weight: bold;
	padding-top: 1em;
}
#error h1 {
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
    font-family: Helvetica, sans-serif;
}
#error h2 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
#error p {
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: white;
}
#error .white_box {
    margin: 13px auto 0;
    background-color: white;
	padding: 1em;
}
	
}

/* ====================

   パソコン＆タブレット

======================= */

@media only screen and (min-width: 768px) {
	#error {
		margin-top: 80px;
	}
	
}