@charset "UTF-8";
body{background:#fff}


/*ヒーロー画像フェードイン*/
div.animation_box {
  padding:30px 10px 10px;
  animation: 1s zoomFadeIn forwards;
}
@keyframes zoomFadeIn {
  0% {
    opacity: 0.3;
    transform: scale(0.3);
  }
  90% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
div.animation_box2 {
  padding:10px;
  animation: 1.2s zoomFadeIn forwards;
}



a,a:hover{color:#0645ad}
h1{/*font-size:1.75em;color:#e60012;margin:10px*/}
h2{
    font-size:1.6em;
    text-align:center;
    font-weight: bold;
    margin :0 auto 40px; 
    width: fit-content;
    position: relative;
    padding: .5em .7em;
    border: 3px solid #333333;
    color: #333333;
    background-color: #fff;
}
h2::before,
h2::after {
    position: absolute;
    border: solid #333333;
    content: '';
}
h2::before {
    top: 2px;
    right: -12px;
    transform: skewY(45deg);
    width: 8px;
    height: 100%;
    border-width: 3px 2px 2px 0;
    background-color: #333333;
}
h2::after {
    bottom: -12px;
    left: 2px;
    transform: skewX(45deg);
    width: 100%;
    height: 6px;
    border-width: 0 2px 3px 4px;
    background-color: #333333;
}


.mt10 {margin-top:10px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}

.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}

.seat{ margin-bottom:20px; padding:20px; display:block; box-sizing: border-box;}
.seat img { text-align: center; margin:0 auto; width:100%; display:block;}
.note{font-size:0.8em;text-align:left;margin:5px 0 0}
.bold {font-weight:bold;}
.text_20em {font-size:2.0em;}
.text_16em {font-size:1.6em;}
.text_14em {font-size:1.4em;}
.text_12em {font-size:1.2em;}
.tac { text-align: center; }
.text_w { color:#fff; }

.maxwidth800 {max-width:800px; margin:0 auto;}
.maxwidth1000 {max-width:1000px; margin:0 auto;}

.block4 a {font-size:0.8em;text-decoration: none;}

.img_circle { border-radius:50%; border:3px solid #e60012; box-shadow: 3px 3px 2px 1px rgb(105, 105, 105);}
.event_link { /*padding-top: 10px; */display: grid; border:2px solid #e60012; border-radius:4px; background-color: #e60012;margin:-8px;padding:4px; box-shadow: 3px 3px 2px 1px rgb(105, 105, 105);color:#fff;height:40px;align-items: center;}

a.button{text-align:center;display:block;padding:10px;margin:10px;border-radius:5px;background:#70c13f;color:#fff;font-weight:bold;}
.button_green { text-align:center;display:block;padding:10px;margin:10px;border-radius:5px;background:#70c13f;color:#fff;font-weight:bold; }
.contents06 a {text-decoration: none;}

.contents01 {background-color: #e60012;position: relative; margin-bottom:50px;}
.contents01::before  { content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e60012;
    /*transform: skewY(3deg) translateY(60px);*/
    z-index: -1;
}

.contents02 {margin-bottom:60px;}

.contents03 { position: relative; padding-top:100px;padding-bottom:20px;}
.contents03::before  { content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e60012;
    transform: skewY(-5deg) translateY(50px);
    z-index: -1;
}
.contents03::after  { content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e60012;
    transform: skewY(5deg) translateY(50px);
    z-index: -1;
}

.contents04 {}

.contents05 { position: relative; padding-top:100px;padding-bottom:20px;margin-bottom:100px;}
.contents05::before  { content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e60012;
    transform: skewY(-5deg) translateY(50px);
    z-index: -1;
}
.contents05::after  { content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e60012;
    transform: skewY(5deg) translateY(50px);
    z-index: -1;
}


@media screen and (min-width: 640px){

	.commentblock {display:flex;}
	.seat img{width:100%; max-width:1000px;}
	.pc_w1200 {max-width: 1200px;margin:0 auto;}
	.pc_text_14em {font-size:1.4em;}

	.block2 {
		width: 47%;
		padding: 5px 1.5%;
		marign: 0;
		float: left;
		_width: 49.5%;
	}
	.block3 {
		width: 31%;
		padding: 5px 2.5%;
		marign: 0;
		float: left;
		_width: 32%;
	}
	.block4 {
		width: 20%;
		padding: 5px 2.5%;
		marign: 0;
		float: left;
		_width: 22%;
	}

	/* モバイル専用項目(PCで非表示) */
	.sp_only{display:none}

	.contents03 {margin-bottom: 100px;}

}


/* モバイル表示モード */
@media screen and (max-width: 639px){
  div.animation_box { padding:0;}
	h1{/*background:#fff;font-size:1.2em;border-top:1px solid #ccc;border-bottom:3px solid #ccc;margin:0;padding:10px;*/}
	h2{font-size:1.4em;text-align:center}
	h3{font-size:1.2em;margin:7px;}
	.seat img{width:100%}
	.sp_text_06em { font-size:0.6em;}
	.sp_text_08em { font-size:0.8em;}
  .sp_text_1em { font-size:1em;}
  .sp_text_11em { font-size:1.1em;}
	.sp_text_12em { font-size:1.2em;}
  .sp_text_14em { font-size:1.4em;}
	.sp_tal {text-align: left;}

  
  .contents01 { margin-bottom:50px;}
	.contents01::before { /*transform: skewY(3deg) translateY(20px);*/}
	.contents02 { padding-top:0;padding-bottom:20px; margin-bottom:0;}
	.contents03 { padding-top:100px;padding-bottom:10px;}
	.contents04 { padding-top:100px;padding-bottom:10px;}
	.contents05 { padding-top:100px;padding-bottom:10px;}

	.block4 {
		width: 42%;
		padding: 10px 3.5%;
		marign: 0;
		float: left;
		_width: 45%;
	}
  .event_link { height:60px; }


	/* PC専用項目(スマホで非表示) */
	.pc_only{display:none !important}
}