@charset "utf-8";
main h3{
	margin-bottom: 10px;
	clear: both;
	padding-top: 10px;
	margin-top: 20px;
}

.ws_word {
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #F69;
}

#cate_video {
	text-align: center;
	margin-bottom: 50px;

}

/*---------------------------------------------------------
  				    Swiperカスタム
---------------------------------------------------------*/
.slide-text-p253 {/*大坂城の虎*/
	background-image: url(../images/index/slider-bg-p253.jpg);
}
.slide-text-p244 {/*遥かなる甲子園*/
	background-image: url(../images/index/slider-bg-p244.jpg);
	background-repeat: no-repeat;
}

.slide-text-p255 {/*ブンヤ、走れ！*/
	background-color: #444;
}

.slide-text-green {/*かいじゅうでんとう*/
	background-image: url(../images/index/slider-bg-green.jpg);
		background-repeat: no-repeat;
}



.slide-text {
	text-align: center;
	color: #FFF;
    font-weight: bold;
}

.slide-text > table{
margin: 0 auto;
}







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

.slide-img {/*スライド左側*/
	width: 70%;
}

.slide-text {/*スライド右側*/
	width: 30%;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
}

.slide-img img{/*スライド左側の画像*/
	object-fit: cover;/*画像のトリミング*/
	height: 600px;
	width: 100%;
	font-family: 'object-fit: cover;'; /*objectFitImages・IE用*/
}

.slide-title {/*スライド右側の上*/
	font-size: 18px;
	line-height: 3.4rem;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
}

.slide-title img{/*公演ロゴ*/
	padding-top: 10px;
	padding-bottom: 15px;
}
.slide-outline {
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.slide-detail {
	padding-top: 20px;
	padding-bottom: 40px;
	bottom: 0;
	background-color:rgba(0,0,0,0.4);
	position: absolute;
	width: 100%;
}
}

/* 幅480px以下 */
@media screen and (max-width:480px) {


.swiper-wrapper {
  display: flex;
  flex-direction: column;
}
.slide-text {
	margin-bottom: 2.0rem;
	font-size: 1.4rem;
	
}
.slide-img img{
	object-fit: cover;/*画像のトリミング*/
	height: 45vh;
	width: 100vw;
}
	
.slide-title {/*スライド右側の上*/

	line-height: 2.6rem;
	padding: 1.0rem;

}

.slide-outline {
	font-size: 1.6rem;
}
	
.slide-detail {
	padding-top: 1.5rem;
	padding-bottom: 2.0rem;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
}

.slide-detail p{
	line-height: 1.5;
}

	
}
/*---------------------------------------------------------
  				      hoverアクション
---------------------------------------------------------*/
.button {
	display: inline-block;
	width: 70%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	border: 1px solid #fff;
	color: #fff;
	line-height: 50px;
}

.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  top: 0;
  width: 50%;
  height: 100%;

}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover {
	background-color: rgba(255,255,255,0.3);
	color: #fff;
	text-decoration: none;
}

.button::before {
  right: 0;
}
.button::after {
  left: 0;
}
.button:hover::before,
.button:hover::after {
  width: 0;
  background-color: #fff;
}


/*---------------------------------------------------------
  				     top message
---------------------------------------------------------*/
@media screen and (min-width:481px) {

.top-message-blue {
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../images/index/bg-top-message.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	margin-bottom: 1.0rem;
}



.message-box-blue {
	padding: 30px;
	width: 80%;
	background-color: rgba(0,51,102,0.6);
	text-align: left;
	display: inline-block;
	font-family:  '游明朝', 'Noto Serif JP', serif;
	font-size: 2.0rem;
	color: #FFF;
	line-height: 1.6em;
}

.top-message-red {
	width: 100%;
	text-align: center;
	margin-bottom: 1.0rem;
	background-size: cover;
}

.message-box-red {
	text-align: left;
	display: inline-block;
	font-size: 1.8rem;
	line-height: 2.0;
}


.message-box-red th,.message-box-red td{
	padding: 16px 26px;
}

.message-box-red td a{
	color: #444;
}


}

/* 幅480px以下 */
@media screen and (max-width:480px) {
.top-message-blue {
	width: 100%;
	background-image: url(../images/index/bg-top-message.jpg);
	background-size:cover;
	background-repeat: no-repeat;
}

.message-box-blue {
	background-color: rgba(0,51,102,0.5);
	padding: 2.0rem;
	font-family: '游明朝', 'Noto Serif JP', serif;
	color: #FFF;
	line-height: 1.6em;
}

.top-message-red {
	background-size:cover;

}

.message-box-red {
	text-align: left;
	padding: 1.0rem;

}

.message-box-red th,.message-box-red td{
	padding: 1.0rem;
}

.message-box-red td a{
	color: #444;
	text-decoration: underline;
}

}

.message-box-red table{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

.message-box-red th{
	color: #FFF;
	background-color: #933;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	text-align: center;

}

.message-box-red td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}