@charset "utf-8";
/*common
---------------------------------------------*/
.btn_common a {
	background: #a00d62;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 10px 20px #000;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
	/*@media screen and (min-width: 770px) and (max-width: 1199px){
	}*/
	@media screen and (max-width: 769px){
	}

/*notice_modal
---------------------------------------------*/
.box_overflow{
	overflow-y: scroll;
}
.box_overflow.inline-cont{
	width: 100%;
	height: 294px;
	padding-right: 8px;
}
.box_overflow.inline-cont.has_bg{
	background: rgba(51, 51, 51, 0.4);
	padding: 1em;
}
	@media screen and (max-width: 769px){
		.box_overflow.inline-cont{
			height: 58.1333vw;
			padding-right: 2vw;
		}
	}

/*article_main
---------------------------------------------*/
#art_main {
	margin-bottom: 100px;
	font-size: 24px;
}
#ttl_main-logo {
	width: 478px;
	margin: 0 auto 30px;
	line-height: 0;
	order: 1;
}
#txt_main-catch {
	width: 842px;
	margin: 0 auto 30px;
	line-height: 0;
	order: 0;
}
.btn_ticket{display: none;}
.txt_main-data {
	margin-bottom: 20px;
	line-height: 1;
}
	.txt_main-data span {font-size: 32px;}
	.txt_main-data + p{
		margin-bottom: 50px;
		line-height: 1;
	}
.txt_main-caption{
	margin-bottom: 30px;
	color: #fa3aa0;
	font-size: 40px;
	line-height: 1;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
	.txt_main-caption::before,
	.txt_main-caption::after{
		content: '';
		background: #fa3aa0;
		width: 100%;
		height: 1px;
	}
	.txt_main-caption span{
		margin: 0 30px;
		white-space: nowrap;
	}
.box_main-cast {padding-bottom: 100px;}
.box_main-cast.pos_news {justify-content: center;}
.ele_main-cast {
	width: 140px;
	margin-bottom: 20px;
	line-height: 1;
	text-align: center;
}
	.pos_news .ele_main-cast {margin-bottom: 50px;}
	.pos_news .ele_main-cast:not(:last-of-type) {margin-right: 30px;}
	.ele_main-cast > img{margin-bottom: 15px;}
	.ele_main-cast p {text-shadow: 0 0 10px #000;}
.icon_speech-ballon{
	margin-left: 9px;
	line-height: 1;
	vertical-align: text-top;
}
.txt_comment-notice {
	margin-left: 0.3em;
	font-size: 17px;
	flex-basis: 100%;
}
	.txt_comment-notice .icon_speech-ballon {
		margin: 0 5px;
		vertical-align: middle;
	}
/*--modal_comment-----*/
.box_comment-cast {
	background: url(../images/top/img_comment-bg.png) no-repeat center center;
	width: 890px;
	height: 483px;
	margin-left: -45px;
	margin-top: -45px;
	margin-bottom: -45px;
	padding: 45px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.area_comment-text {
	color: #000;
	font-size: 16px;
	display: flex;
	flex-direction: column;
}
.ttl_comment {
	width: 490px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	border-bottom: solid 1px #a00d62;
}
	.txt_comment-cast{
		width: 490px;
		line-height: 2;
	}
.area_comment-img {
	width: 280px;
	height: 320px;
	line-height: 0;
}
.bnr_story {
	width: 485px;
	margin-bottom: 100px;
}
	.bnr_story:not(:last-of-type){margin-right: 30px;}
.txt_summary {
	margin-bottom: 50px;
	font-size: 24px;
	text-shadow: 0 0 10px #000;
}
	.txt_summary > .txt_heading{
		margin-bottom: 20px;
		font-size: 32px;
		line-height: 1;
	}
.box_summary-cation{margin-top: 45px;}
.img_cation {
	width: 50px;
	height: 50px;
	margin-right: 20px;
	line-height: 0;
}
.txt_cation{
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}
.btn_intro {
	width: 251px;
	height: 56px;
	margin: 0 auto;
	font-size: 16px;
}
	@media screen and (min-width: 770px) and (max-width: 999px){
		.ele_main-cast {
			width: 25vw;
			margin-bottom: 6vw;
		}
		.ele_main-cast:not(:nth-of-type(3n)){margin-right: 5vw;}
		.bnr_story {
			width: 80%;
			margin: 0 auto 6vw;
		}
			.bnr_story:not(:last-of-type){margin-right: auto;}
	}
	@media screen and (max-width: 769px){
		#art_main {margin-bottom: 20vw;}
		#ttl_main-logo {
			width: 100%;
			margin-bottom: 8vw;
		}
		#txt_main-catch {
			width: 100%;
			margin-bottom: 5.3333vw;
		}
		.txt_main-data{margin-bottom: 5.3333vw;}
			.txt_main-data + p{
				margin-bottom: 13.3333vw;
				line-height: 1.5;
			}
		.txt_main-caption{
			margin-bottom: 8vw;
			padding: 5.3333vw 0px;
			line-height: 1.5;
			letter-spacing: 0.1em;
			border-top: solid 1px #fa3aa0;
			border-bottom: solid 1px #fa3aa0;
			display: block;
		}
			.txt_main-caption::before,
			.txt_main-caption::after{
				content: '';
				background: transparent;
				width: auto;
				height: auto;
			}
			.txt_main-caption span{margin: 0;}
		.box_main-cast {}
		.ele_main-cast {
			width: 28vw;
			margin-bottom: 4.2vw;
		}
			.pos_news .ele_main-cast {margin-bottom: 8vw;}
			.pos_news .ele_main-cast:not(:last-of-type) {margin-right: auto;}
			.pos_news .ele_main-cast:not(:nth-of-type(2n)):not(:last-of-type) {margin-right: 6vw;}
			.ele_main-cast > img{margin-bottom: 3.3333vw;}
			.ele_main-cast > p {font-size: 4.8333vw;}
		.icon_speech-ballon{
			margin-left: 2.4vw;
			vertical-align: -0.15em;
		}
			.icon_speech-ballon img{
				width: auto;
				height: 4.8333vw;
			}
		.txt_comment-notice{margin-top: 2vw;}
		/*--modal_comment-----*/
		.box_comment-cast {
			background: url(../images/sp/top/img_comment-bg.png) no-repeat center center;
			background-size: cover;
			width: calc(100vw - 50px - 10px );/*890*/
			height: 140vw;
			margin-left: -6.6667vw;
			margin-right: -6.6667vw;
			margin-top: -12vw;
			margin-bottom: -12vw;
			padding: 12vw 6.6667vw;
		}
		.area_comment-text {
			color: #000;
			font-family: '游ゴシック体 Pr6N','游ゴシック',Meiryo,osaka,"ＭＳ Ｐゴシック",sans-serif;
			font-size: 16px;
			display: flex;
			/*align-items: center;*/
			flex-direction: column;
		}
		.ele_commenet-sp {
			margin-bottom: 5vw;
			padding-bottom: 7vw;
			border-bottom: solid 1px #a00d62;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.ele_commenet-sp img{width: 28vw;}
		.ttl_comment {
			width: auto;
			margin-right: 5.7333vw;
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}
			.txt_comment-cast{
				width: auto;
				height: 65.3333vw;
				padding-right: 1em;
				overflow-y: auto;
			}
		.area_comment-img {display: none;}
		.bnr_story {
			width: 100%;
			margin-bottom: auto;
		}
			.bnr_story:not(:last-of-type){
				margin-right: 0;
				margin-bottom: 8vw;
			}
			.bnr_story:last-of-type{margin-bottom: 20vw;}
		.txt_summary {
			margin-bottom: 13.3333vw;
			font-size: 20px;
			line-height: 1.8;
		}
			.txt_summary > .txt_heading{
				margin-bottom: 0.3333vw;
				font-size: 24px;
				line-height: 1.8;
				letter-spacing: -0.1em;
			}
			.txt_summary > .txt_heading + .lf_half{margin-bottom: 0.1em;}
		.box_summary-cation{margin-top: 8.3333vw;}
		.img_cation {
			width: 13.3333vw;
			height: 13.3333vw;
			margin-right: 0;
			margin-bottom: 3.3333vw;
		}
			.img_cation img{
				width: 13.3333vw;
				height: 13.3333vw;
			}
		.txt_cation{line-height: 1.8;}
		.btn_ticket,
		.btn_intro {
			width: 76vw;
			height: 14.9333vw;
		}
		.btn_ticket{
			margin: 0 auto 8vw;
			font-size: 16px;
			display: block;
		}
	}

/*article_information
---------------------------------------------*/
#art_info {margin-bottom: 113px;}
#box_news {
	width: 570px;
	height: 608px;
}
.ttl_art {
	margin-bottom: 40px;
	color: #fa3aa0;
	font-size: 32px;
	letter-spacing: 0.08em;
	line-height: 1;
	text-align: center;
}
.area_news-scr,
.area_twitter-iframe{
	width: 100%;
	border-top: solid 1px #a00d62;
	border-bottom: solid 1px #a00d62;
}
.area_news-scr {
	height: 386px;
	overflow-y: auto;
	scrollbar-color: #8d8d8d transparent;/*firefox*/
}
	/*-webkit*/
	.area_news-scr::-webkit-scrollbar{width: 10px;}
	.area_news-scr::-webkit-scrollbar-track{background: transparent;}
	.area_news-scr::-webkit-scrollbar-thumb{
		background: #8d8d8d;
		border-radius: 10px;
	}
#li_news {
	width: 100%;
	height: 100%;
}
#li_news > li {}
	#li_news > li:not(:last-of-type){border-bottom: solid 1px #a00d62;}
	#li_news > li > a,
	#li_news > li.news_nolink {
		padding: 26px 20px;
		text-decoration: none;
		display: flex;
		align-items: center;
	}
.txt_news-date{
	margin-right: 15px;
	color: #fff;
	font-size: 14px;
}
a .txt_news-body{text-decoration: underline;}
a .txt_news-body .icon_news-new {text-decoration: none;}
.icon_news-new {
	background: #1c1c1c;
	width: 49px;
	height: 16px;
	margin-right: 12px;
	padding: 1px 8px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	border: solid 1px #fff;
	vertical-align: 1px;
}
#box_twitter {
	width: 400px;
	height: 608px;
}
.area_twitter-iframe{
	height: 298px;
	margin-bottom: 30px;
	text-align: center;
}
.btn_common.btn_tw{
	width: 140px;
	height: 56px;
}
	.btn_common.btn_tw:not(:last-of-type){margin-right: 20px;}
	.btn_follow a::before{
		content: '';
		background: url(../images/top/icon_tw-follow.svg) no-repeat;
		background-size: contain;
		width: 16px;
		height: 16px;
		margin-right: 5px;
		display: flex;
	}
	.btn_share a::before{
		content: '';
		background: url(../images/top/icon_tw-share.svg) no-repeat;
		background-size: contain;
		width: 16px;
		height: 16px;
		margin-right: 5px;
		display: flex;
	}
.box_inline-cont{display: none;}
.txt_inline-date {
	margin-bottom: 15px;
	font-size: 14px;
}
.ttl_inline-cont {
	margin-bottom: 45px;
	padding-bottom: 35px;
	font-size: 24px;
	border-bottom: solid 1px #a00d62;
}
.area_inline-body {
	max-height: 240px;
	padding-right: 15px;
	line-height: 2;
	overflow-y: auto;
	scrollbar-color: #8d8d8d transparent;/*firefox*/
}
	/*-webkit*/
	.area_inline-body::-webkit-scrollbar{width: 10px;}
	.area_inline-body::-webkit-scrollbar-track{background: transparent;}
	.area_inline-body::-webkit-scrollbar-thumb{
		background: #8d8d8d;
		border-radius: 10px;
	}
	/*modal*/
	.modaal-container{
		background: rgba(0, 0, 0, 0.7);
		max-width: 900px;
		color: #fff;
		border: solid 5px #a00d62;
		box-shadow: none;
	}
	.modaal-content-container{
		padding: 45px;
		position: relative;
	}
	.modaal-close{
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.modaal-close:before, .modaal-close:after{
		background: #a00d62;
		width: 4px;
		height: 24px;
		border-radius: 0;
	}
	.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after{
		background: #a00d62;
	}
	.modaal-close:focus, .modaal-close:hover {
		outline: none;
		background: transparent;
	}
	@media screen and (min-width: 770px) and (max-width: 999px){
		#box_news {width: 50%;}
		#box_twitter {width: 45%;}
		.btn_common.btn_tw{
			width: 56px;
			position: relative;
		}
		.btn_common.btn_tw span{visibility: hidden;}
		.btn_follow a::before{
			background: url(../images/top/icon_tw-follow.svg) center center no-repeat;
			background-size: 16px;
			width: 56px;
			height: 56px;
			margin-right: 0;
			position: absolute;
			top: 0;
			left: 0;
		}
		.btn_share a::before{
			background: url(../images/top/icon_tw-share.svg) center center no-repeat;
			background-size: 16px;
			width: 56px;
			height: 56px;
			margin-right: 0;
			position: absolute;
			top: 0;
			left: 0;
		}
	}
	@media screen and (max-width: 769px){
		#art_info {margin-bottom: 20vw;}
		#box_news {
			width: 100%;
			height: 162.1333vw;
			margin-bottom: 20vw;
		}
		.ttl_art {margin-bottom: 10.6667vw;}
		.area_news-scr {height: 102.9333vw;}
			#li_news > li:not(:last-of-type){border-bottom: solid 1px #a00d62;}
			#li_news > li > a,
			#li_news > li.news_nolink {
				padding: 7vw 0;
				flex-direction: column;
				align-items: flex-start;
			}
		.txt_news-date{margin-right: 0;}
		.txt_news-body {}
		.icon_news-new {
			background: #1c1c1c;
			width: 13.0667vw;
			height: 4.2666vw;
			margin-right: 0;
			margin-left: 2.6667vw;
			padding: 1px 8px;
			font-size: 12px;
			vertical-align: 1px;
		}
		.box_inline-cont{display: none;}
		.txt_inline-date {margin-bottom: 3vw;}
		.ttl_inline-cont {
			margin-bottom: 7vw;
			padding-bottom: 6.3333vw;
			font-size: 22px;
		}
		.area_inline-body {max-height: 64vw;}
			/*modal*/
			.modaal-container{
				background: rgba(0, 0, 0, 0.7);
				max-width: 100%;
				color: #fff;
				border: solid 5px #a00d62;
				box-shadow: none;
			}
			.modaal-content-container{
				padding: 12vw 6.6667vw;
			}
			.modaal-close{
				top: 2.6667vw;
				right: 2.6667vw;
			}
		#box_twitter {
			width: 100%;
			height: 162.1333vw;
		}
		.area_twitter-iframe{
			height: calc(80vw - 2px);
			margin-bottom: 8vw;
		}
			.area_twitter-iframe iframe{
				width: calc(100vw - (6.6667vw * 2) - 5px - 8vw)!important;
				/*width: 100%!important;*/
				height: calc(80vw - 2px)!important;
			}
		.btn_common.btn_tw{
			width: 14.9333vw;
			height: 14.9333vw;
		}
			.btn_common.btn_tw:not(:last-of-type){margin-right: 8vw;}
			.btn_follow a::before{
				width: 4.2667vw;
				height: 4.2667vw;
				margin-right: 0;
			}
			.btn_share a::before{
				width: 4.2667vw;
				height: 4.2667vw;
				margin-right: 0;
			}
	}