@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap&subset=japanese");

body {
	font-family:
		"Noto Sans JP",
		"ヒラギノ角ゴ ProN W3",
		Hiragino Kaku Gothic ProN,
		Arial,
		Meiryo,
		sans-serif;
}

.sk-wrap {
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	text-align: center;
}

.sk-chase {
	width: 40px;
	height: 40px;
	position: relative;
	animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
	content: '';
	display: block;
	width: 25%;
	height: 25%;
	background-color: #1abc9c;
	border-radius: 100%;
	animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
	100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot {
	80%, 100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot-before {
	50% {
		transform: scale(0.4);
	} 100%, 0% {
		transform: scale(1.0);
	}
}

.navbar-brand {
	padding-left:10px;
	padding-right:10px;
	border:1px solid rgba(255,255,255,.8);
	transition:all .3s;
}

.navbar-brand:hover {
	color:#343a40 !important;
	border:1px solid #ffffff;
	background:#ffffff;
}

.new-pagination {
	display:flex;
	list-style:none;
	padding:0;
}

.new-pagination li {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

.new-pagination li:first-child {
	border-radius:3px 0 0 3px;
}

.new-pagination li:last-child {
	border-radius:0 3px 3px 0;
	border-right:1px solid #ccc;
}

.new-pagination li a{
	display:block;
	padding:.3rem .6rem;
}

.error-message {
	color:#ff0000;
}

.site-header {
	background-color: rgba(0, 0, 0, .85);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

#flashMessage {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.message.success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.message.error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.main {
	padding:50px 0 0;
}

ul.tab {
	display:flex;
	margin:0;
	padding:0;
	list-style:none;
}

ul.tab li {
	margin:0 15px 0 0;
}

ul.tab li a {
	display:block;
	width:100%;
	margin:0 15px 0 0;
	padding:10px 3px;
	text-align:center;
	background:#dddddd;
	border-radius:4px 4px 0 0;
	font-weight:500;
	color:#333333;
}

.tab-box {
	overflow:hidden;
}

.tab-box.active {
	display:block;
}

.tab-box .place-box {
	padding-top:1rem;
	padding-bottom:1rem;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background:rgb(100,140,160);
	font-weight:700;
	color:rgb(255,255,255);
	text-align:center;
}

.tab-box .column:last-child .place-box {
	border-right:1px solid #666666;
}

.tab-box .time-box {
	height:120px;
	padding:0;
	border-right:1px solid #666666;
	border-bottom:1px dotted #aaaaaa;
}

.sch-box {
	width:100%;
	position:relative;
	z-index:10;
	transition:.3s;
}

.sch-box:hover {
	z-index:999;
}

.sch-box .inner {
	position:absolute;
	margin-left:-1px;
	width:calc( 100% + 2px );
	border:1px solid rgb(100,140,160);
	border-radius:4px;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
}

.sch-box .inner .time-line {
	line-height:.8;
}

.sch-box .inner .time {
	display:inline-block;
	width:4.8rem;
	font-size:12px;
	color:#ffffff;
	border-radius:4px 0 0 0;
	background:rgb(100,140,160);
	line-height:1.5;
	text-align:center;
	vertical-align:top;
}

.sch-box .inner .credit {
	display:inline-block;
	font-size:12px;
	padding:0 5px;
	color:#ffffff;
	background:#FF0000;
	line-height:1.5;
	vertical-align:top;
}

.sch-box .inner .title {
	margin:.3rem 0;
	padding:0 .2rem;
	font-size:12px;
	line-height:1.4;
}
.sch-box .inner .title small{
	display:block;
	margin-top:2px;
	padding-top:2px;
	border-top:1px dotted rgb(180,180,180);
}

.sch-box .inner .desc {
	font-size:12px;
	position:absolute;
	bottom:5px;
	right:5px;
	z-index:100;

}

@media screen and (max-width: 480px) {
	.sch-box .inner .desc .btn-group {
		display:none;
	}
}

.other-position-wrap.col5 {
	width:calc(500% + 4px);
}

.other-position-title {
	font-size: 14px;
	margin:2px;
}

.other-position-box {
	display:flex;
	justify-content:space-between;
	width:100%;
}

.other-position-box .inner {
	position:relative;
	width:13.9%;
	border:1px solid rgb(100,140,160);
	border-radius:4px;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
	overflow:hidden;
}

.other-position-box .inner .time-line {
	line-height:.8;
	overflow:hidden;
}

.other-position-box .inner .time {
	display:inline-block;
	width:4.8rem;
	font-size:12px;
	color:#ffffff;
	border-radius:4px 0 0 0;
	background:rgb(100,140,160);
	line-height:1.5;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
}

.other-position-box .inner .credit {
	display:inline-block;
	font-size:12px;
	padding:0 5px;
	color:#ffffff;
	background:#FF0000;
	line-height:1.5;
	vertical-align:top;
	overflow:hidden;
}

.other-position-box .inner .title {
	margin:.3rem 0;
	padding:0 .2rem;
	font-size:12px;
	line-height:1.4;
	overflow:hidden;
}
.other-position-box .inner .title small{
	display:block;
	margin-top:2px;
	padding-top:2px;
	border-top:1px dotted rgb(180,180,180);
	overflow:hidden;
}

.other-position-box .inner .desc {
	font-size:12px;
	position:absolute;
	right:5px;
	bottom:5px;
	overflow:hidden;
}






.other-box {
	width:14%;
	transition:.3s;
}

.other-box:hover {
}

.other-box .inner {
	margin-left:-1px;
	width:calc( 100% + 2px );
	border:1px solid rgb(100,140,160);
	border-radius:4px;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
}

.other-box .inner .time-line {
	line-height:.8;
}

.other-box .inner .time {
	display:inline-block;
	width:4.8rem;
	font-size:12px;
	color:#ffffff;
	border-radius:4px 0 0 0;
	background:rgb(100,140,160);
	line-height:1.5;
	text-align:center;
	vertical-align:top;
}

.other-box .inner .credit {
	display:inline-block;
	font-size:12px;
	padding:0 5px;
	color:#ffffff;
	background:#FF0000;
	line-height:1.5;
	vertical-align:top;
}

.other-box .inner .title {
	margin:.3rem 0;
	padding:0 .2rem;
	font-size:12px;
	line-height:1.4;
}
.other-box .inner .title small{
	display:block;
	margin-top:2px;
	padding-top:2px;
	border-top:1px dotted rgb(180,180,180);
}

.other-box .inner .desc {
	font-size:12px;
	text-align:right;
	padding:0 5px 0 0;
}



.live-modal dl {
	display:flex;
	flex-wrap:wrap;
}

.live-modal dl dt {
	width:20%;
	font-size:13px;
	font-weight:normal;
	text-align:right;
}

.live-modal dl dd {
	width:80%;
	font-size:13px;
}

#live .flex-box {
	display:flex;
	width:100%;
}

#live .flex-box .column {
	width:100%;
}

#live .flex-box .column.first {
	width:15%;
	text-align:center;
}

#live .flex-box .column.first .place-box {
	border-left:1px solid #666666;
}

#live .flex-box .column.first .time-box {
	font-size:.875rem;
	font-weight:700;
	color:rgb(120,120,120);
	border-left:1px solid #666666
}



#general {
	display:none;
}

.movie-tag {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	border:1px solid #cccccc;
}

.movie-tag iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.top-notice {
	font-size:14px;
}
.top-notice h3 {

}
.top-notice h4 {
	font-size:18px;
}

.top-notice h4::before {
	content:" ";
	display:inline-block;
	width:18px;
	height:18px;
	margin:0 5px 0 0;
	border-radius:9px;
	vertical-align:bottom;
	background:rgba(20,220,255,.25);
}

#gototop {
	position:fixed;
	right:15px;
	bottom:15px;
	width:70px;
	height:70px;
	border-radius:35px;
	background:#eeeeee;
	z-index:500;
}

#gototop a {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
}

#gototop a:before {
	content:' ';
	display: block;
	vertical-align: middle;
	color: #fff;
	line-height: 1;
	width: 1em;
	height: 1em;
	border: 0.1em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(25%) rotate(-45deg);
}

.border-red-box {
}

.border-red-box .box {
	padding:1rem;
	border:3px solid #f00;
}

.font-udp {
	font-family:"BIZ UDPGothic";
}

.panel {
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	border:10px solid #f5f5f5;
	width:100%; height:100px;
	margin:0 0 15px;
	background:#a0d8ef;
	transition:ease .3s;
}

.panel:hover {
	color:#333333;
	opacity:.7;
}