html {scroll-behavior: smooth;}
body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;padding: 0;margin: 0; font-size: 14px;line-height: 19px;background: #9896a4;}
a{color:#000;}
img{max-width: 100%;height: auto;}
#navbar{border-bottom: 2px solid #000;background: #fff;}
#navbar .container{position: relative;}
#navbar .logo img{display: block;padding: 10px 0;}
.main-container-outer{padding-top: 20px;background: #fff;}
.col-sm-12{width:100%;}

ul{margin: 0;padding: 0 0 0 1.2em;}

.main-navigation a{text-decoration: none;}
article{background: #fff;padding: 20px;border-radius: 6px;}
.col-sm-12 article{padding: 0;border-radius: 0;margin-bottom: 0;}
footer{color:#fff;text-align: center;background: #9896a4;padding: 10px 0;border-top:2px solid #000;}
.main-navigation ul{margin: 0;display: flex;justify-content: flex-end;}
.main-navigation li{list-style: none;margin:0;padding: 0;}
.main-navigation li a{display: block;background: #000;color:#fff;padding: 5px 5px 3px;margin-left: 1px;}
.clearfix::after {content: "";display: block;clear: both;}
.container{margin: 0 auto;}
.table{width:100%;}

.table td{border-bottom: 1px solid #ddd;padding: 5px 0;}
h1{font-size: 18px;line-height: 20px;}
h2{font-size: 18px;line-height: 20px;border-bottom: 1px solid #000;}

.region-sidebar-first {background: #034f84;padding: 10px; color: #fff;}

#hattatsu {font-size: 20px;margin: 7px 0;}
strong {color: red;font-weight: normal;}
#dramahouse { background: #034f84; color: #fff; padding: 5px 10px 3px;border: 1px solid #ddd;}
#dramahouse a{color:#fff;}
.main-navigation li a:hover{background:#034f84; }
.main-navigation .active{background: #dd4132;}
.pastDate{display: none;}
iframe{border: none;}
.slickSlider img{width: 100%;height: auto;margin-bottom: -10px;}
.frontpage footer{background: #000;position: fixed;bottom: 0;left: 0;width:100%;}
.frontpage #navbar{background: #fff;}
.frontpage #mainCol a{position: fixed;bottom: 25%;right: 10%;color:#fff;font-size: 40px;line-height: 44px;text-decoration: none;text-shadow:1px 1px 3px #000;font-weight: bold;}
h1{font-size: 18px;line-height: 20px;font-weight: normal;margin: 0 0 10px;}
h2{font-size: 16px;line-height: 18px;border-bottom: 1px solid #000;font-weight: normal}
.region-sidebar-first h2{margin: 0 0 10px;font-size: 16px;border: none;}
.region-sidebar-first ul{padding-left: 1.2em;}
.region-sidebar-first li{margin: 5px 0;}
#collaboration td img{border:1px solid #ddd;margin-right: 10px;}
@media (max-width:767px){
	.navbar-header{justify-content: space-between;padding: 0 10px;}
	.brand{}
	#brandE{}
	.floater a{color:#fff;}
	.main-navigation{background: #fff;}
	.frontpage .main-navigation{background: none;}
	#sideCol{position: fixed;bottom: 39px;right:0;}
	.region-sidebar-first{background: rgba(0,0,0,0.8);}
	.floater{display: flex;justify-content: space-around;background: #000;position: fixed;bottom: 0;color:#fff;padding: 10px 0;width:100%;}
	.frontpage #mainCol a{font-size: 26px;line-height: 30px;bottom: 15%;}
	footer{padding-bottom: 40px;}
	.frontpage footer{padding-bottom: 20px;}
}
@media (min-width:768px){
	.mobileOnly{display: none;}
	.container{width:750px;}
	.main-container{display: flex;gap:15px;}
	.col-sm-3 {width: 25%;}
	.col-sm-9 {width: 75%;}
	.main-navigation{position: absolute;bottom: 0;right: 0;}
	.navbar-header{}
	.logo{}
	#brandE{}
	.brand{}
	.floatRight{width: 40%;margin: 0 0 10px 10px;float: right;}
	.floater{position: fixed;bottom:0;right:0;font-size: 30px;margin: 0 10px 10px 0;}
.floater a{color:rgba(0,0,0,0.8);margin-left: 10px;}
	.mobileOnly{display: none;}
}
@media (min-width:1100px){
	.container{width:1070px;}
}