@charset "utf-8";

body{
	background-color:#fffef6;
}

a{
	outline:none;
}

#header{
	position:relative;
}

#header .navbar-brand {
	margin-right:0;
	padding:30px 0;
}

	#header .navbar-brand img{
		width:100px;
		height:72px;
	}

#gNav .container-xl{
	min-width:1320px;
}

#gNav .nav-link{
	padding:2px 20px!important;
	border-right:1px solid #FFF;
}

#gNav .nav-item:first-child .nav-link{
	border-left:1px solid #FFF;
}

#gNav .navbar-expand-lg .navbar-nav .nav-link {
}

.navbar-light .navbar-toggler {
    color: rgba(230, 0, 39, 0.55);
    border:none;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(230, 0, 39, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#gNavTgl{
	display:inline-block;
	position:absolute;
}

#content{
	padding-bottom:8em;
}

.content-section{
	margin-top:4em;
}

.section-header{
	margin-bottom:28px;
}

.section-header h2{
	line-height:1;
}

.section-header h2 div{
	width:400px;
	border-bottom:2px solid #e60027;
	padding-bottom:8px;
	letter-spacing: 0.1em;
}

.section-header h2 span{
	display:inline-block;
	font-size:16px;
}

#footer{
	padding-top:2em;
	padding-bottom:2em;
	border-top:2px solid #e60027;
}

#footer .footer-header img{
	width:100px;
	height:72px;
}

.no-gutters {
  margin:0;
  padding:0;
}

.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
  margin:0;
  padding:0;
}

.table-sm > :not(caption) > * > * {
    padding: 0.5rem 1rem;
}

.badge{
	font-size:0.85em;
}

.assetView img{
	max-width:100%;
}

.content-section.pcOnly,
.schedule_select.pcOnly,
div.pcOnly
{
	display:block;
}

.content-section.spOnly,
.schedule_select.spOnly,
div.spOnly
{
	display:none;
}

.nav-item.spOnly{
	display:none;
}

#recButton{
    display: inline-block;
    position: absolute;
    background: #d9230f;
    color: #FFF;
    font-size: 10px;
    text-align: center;
    padding: 0px 10px;
    line-height: 30px;
    box-sizing: border-box;
    text-decoration:none;
}
	#recOL{
		display:none;
	    width: 128px;
	    height: auto;
	    text-align: center;
	    position: fixed;
	    top: 55px;
	    right:15px;
	    z-index: 9999;
	    background: rgba(0, 0, 0, 0);
	}
	#recOL .wrap{
		background:#FFF;
		border-radius:10px;
		border:1px solid #CCC;
	}
	#recOL .wrap div a{
		display:block;
		padding:0 4px;
		line-height:30px;
	}	

@media not all and (min-width: 992px) {

	.content-section.pcOnly,
	.schedule_select.pcOnly,
	div.pcOnly
	{
		display:none;
	}

	.content-section.spOnly,
	.schedule_select.spOnly,
	div.spOnly
	{
		display:block;
	}

	.nav-item.spOnly{
		display:list-item;
	}

	#header{
		/*border-bottom:2px solid #e60027;*/
	}

	#header .navbar-brand {
		padding:12px 0;
	}

	#header .navbar-brand img{
		width:60px;
		height:46px;
	}

	#gNav .container-xl{
		min-width:100%;
	}

	#gNav .navbar{
		padding:0;
		border:none;
	}

	#gNav .nav-link{
		padding:6px 0px!important;
		border-right:none;
	}

	#gNav .nav-item:first-child .nav-link{
		border-left:none;
	}

	#gNavTgl{
		display:inline-block;
		top:50%;
		left:16px;
		margin-top:-20px;
	}

	#recButton{
		display:inline-block;
		top:50%;
		right:16px;
		margin-top:-15px;
	}

	#content {
	    padding-bottom: 4em;
	}

	.content-section{
		margin-top:2em;
	}

	section.opening ul.slider .slick-prev.slick-arrow{
		left:5px!important;
	}

	section.opening ul.slider .slick-next.slick-arrow{
		right:5px!important;
	}

	.slick-prev:before, .slick-next:before {
		width:20px!important;
		height:32px!important;
	}

	.section-header h2 div{
		width:50%;
	}

	body{
		padding-bottom:64px!important;
	}
}