@charset "utf-8";

/*必須ここから*/
a img {border: 0px none !important;}

/* 20110406クラスあり修正版 */
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
.none {
	display: none;
}
.clear {
	clear: both;
}
.txtCenter {
	text-align: center;
}
.txtLeft {
	text-align: left;
}
.txtRight {
	text-align: right;
}
.smaller {
	font-size: 90;
}
.knb_imgRight {
	float: right;
	margin: 0 0 5px 5px !important;
}
.knb_imgLeft {
	float: left;
	margin: 0 5px 5px 0 !important;
}
/*必須ここまで*/




/*外枠*/
#df_content_in {
}

#knb_content {
	width: 100%;
	max-width: 880px;
	margin: 10px auto !important;
}


/*メインの画像*/
#knb_content-main-image {
	margin-bottom: 20px !important;
}




/*メインテキスト*/
#knb_content-main-copy {
	/*width: 600px;
	float: left;*/
	margin-bottom: 20px !important;
	text-align: center;
}
#knb_content-main-copy p {
	font-size: 130% !important;
	font-weight: bold !important;
}
#knb_content-main-copy p strong {
	font-size: 130% !important;
	font-weight: bold !important;
	color: #C00;
}


/*マウスでさわると...周り*/
#knb_overlay-area {
	width: 260px;
	position: relative;
	float: right;
}
#knb_overlay-content {
	display: none;
}
#knb_overlay-area:hover #knb_overlay-content {
	display: block !important;
	top: 0;
	left: 100px;
	position: absolute;
	background-color: #FF9;
	width: 320px;
	height: 200px;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}


/*説明文*/
#knb_content-explain {
	background-color: #dbf6ff !important;
	padding: 10px !important;
	margin-bottom: 20px !important;
}
#knb_content-explain h3 {
	text-align: center;
	font-size: 100%;
	color: #FFF;
	background-color: #1da4d4;
	margin: 0 0 8px;
}
#knb_content-explain strong.knb_larger {
	font-size: 180% !important;
	color: #039 !important;
}
#knb_content-explain div.txtCenter {
	padding: 8px;
	border: 1px dotted  #1da4d4;
	font-size: 120%;
	background-color: rgba(255,255,255,0.5);
}
#knb_content-explain .knb_padding {
	padding: 10px 100px;
}


/*テーマ*/
#knb_content-thema {
	margin-bottom: 20px !important;
}

#knb_content-thema .txtCenter {
	margin-bottom: 10px;
}


/*スケジュール*/
.schedule{
	box-sizing: border-box;
	padding:10px;
	margin: 1rem auto 3rem;
	width:98%;
	max-width:650px;
}
.schedule img{
	width:100%;
}
.hiduke{
	box-sizing: border-box;
	padding:10px;
	margin: 2rem auto 3rem;
	width:98%;
	max-width:650px;
}
.hiduke img{
	width:100%;
}
/*前回大会*/
#knb_miracon-zenkai {
	padding: 10px 20px !important;
	border: 3px solid #C00 !important;
	margin-bottom: 20px !important;
}
#knb_miracon-zenkai .knb_txt h2 {
	margin: 0 0 7px 0;
}
#knb_miracon-zenkai .knb_txt {
	width: 580px;
	float: left;
}
#knb_miracon-zenkai .knb_txt strong {
	font-weight: bold;
}
#knb_miracon-zenkai .knb_thum {
	width: 250px;
	float: right;
	text-align: right;
}
#knb_miracon-zenkai .knb_movie {
	width: 580px;
	float: left;
}


/*CMまわり*/
.knb_movies {
	padding-top: 20px;
	margin-bottom: 50px;
}

@media screen and (max-width: 1100px) {
	.knb_movies {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
}
.knb_movies h3 {
	margin-bottom: 0;
	width: 100%;
	text-align: center;
}

.knb_movies br {
	clear: none !important;
	display: none !important;
}
#df_wrap #df_content .knb_movies .df_movieTitle {
	display: none !important;
}
.knb_movies .df_detailMovie {
	width: 440px !important;
	float: left !important;
}
#df_wrap #df_content .knb_movies .df_videoWrap {
    margin: 5px auto;
}

#df_wrap #df_content .knb_movies .df_movieWrap {
	width: 440px !important;
	float: left !important;
}
@media screen and (max-width: 1100px) {
	#df_wrap #df_content .knb_movies .df_movieWrap {
		width: 100% !important;
		float: none !important;
	}
}
.df_articleLink {
	display: none;
}



/*スライド*/
#slide {
	width:360px;
	height:220px;
	margin:30px auto 0;
	position:relative;
	float: left;
	clear: left;
}
#slide ul {
	position:relative;
	margin: 0;
	padding: 0;
}
#slide li {
	display: block;
	margin: 0;
	padding: 0;
}
#slide img {
	position:absolute;
	left:0;
	top:0;
}



/*次回予告*/
.next_miracon {
	text-align: center;
	margin-bottom: 30px;
}


/*ロゴのバナー*/
.knb_logo-banner-area ul {
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	margin-bottom: 20px !important;
}
.knb_logo-banner-area li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 5px !important;
	vertical-align: top;
}


/*テキストのバナー*/
.knb_text-banner-area {
	margin-bottom: 20px !important;
}
.knb_text-banner-area .knb_title {
	width: 285px;
	float: left;
	margin-top: 10px;
}

.knb_text-banner-area ul {
	display: inline;
	vertical-align: top !important;
	padding: 0 !important;
	margin: 0 !important;
	padding-top: 20px !important;
}
.knb_text-banner-area li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 8px 0 !important;
	padding: 0 20px;
	border-left: 1px solid #F99;
	border-right: 1px solid #FF0;
	/*width: 270px;*/
	vertical-align: top;
	font-weight: bold !important;
	font-size: 120% !important;
	line-height: 1.2;
}
.knb_text-banner-area li a {
	color: #000 !important;
	text-decoration: none;
}

/*コロナ*/
.corona{width:100%;margin:10px auto;}

.tyuui{display: inline-block;background: url(at.png) no-repeat;background-size:contain;width:35px;height:25px;}
.corona .tyuui_b{font-size:30px;}

.live{display: inline-block;background: url(live.png) no-repeat;background-size:contain;width:35px;height:25px;}
.tyuui2{padding:15px;box-sizing:border-box;border-radius:10px;background: #FFDDE0;text-align: left;font-size:14px;}

.corona a{display: block;box-sizing: border-box;padding:20px;background: url(btn.png) no-repeat 370px 50% #E50012;margin:14px auto;background-size:20px;color:#FFFFFF;font-size:20px;text-decoration:none;width:420px;border-radius:4px;font-weight: bold;border-bottom:3px solid #c30000;}

.corona a:hover{display: block;box-sizing: border-box;padding:20px;background: url(btn.png) no-repeat 370px 50% #c30000;margin:14px auto;background-size:20px;color:#FFFFFF;font-size:20px;text-decoration:none;width:420px;border-radius:4px;font-weight: bold;}

.corona .tyuui_l{font-size:22px;}

.btn{isplay: block;box-sizing: border-box;padding:20px;background: url(n_btn.png) no-repeat 97% 50% #999999;margin:14px auto;background-size:20px;color:#FFFFFF;font-size:20px;width:98%;max-width:420px;border-radius:4px;font-weight: bold;border-bottom:3px solid #777777;}

/*応援団のページ*/
.knb_wrap {margin: 20px auto; width:600px;background:url(bd_ouendan.gif) no-repeat bottom left;}
.knb_wrap .knb_title {background:url(tit_ouendan-yoko.gif) no-repeat right bottom;}
.knb_wrap h1 {font-size: 200%; padding:20px 0 25px 10px;}
.knb_wrap h2 {font-size:120%;}
.knb_wrap .imgLeft{margin: 0 10px 10px 0; float:left;}
.knb_wrap p {padding-bottom: 10px;}
.knb_wrap .txtCenter {padding-bottom: 20px !important;}



.fb{
	display: flex;
	width: 100%;
}
.left,.right{
	display: block;
	width:49%;
}
figure img{
	width:100%;
}

.youtube_box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
		justify-content: center;
}
@media screen and (max-width: 1100px) {
	.youtube_box{
	}
}
.youtube b{
	padding-top:10px;
	display: block;
	width:100%;
}
.youtube{
	margin:2px;
	box-sizing: border-box;
}
.youtube iframe{
}

@media screen and (max-width: 450px) {
	.youtube_box{
		/*
		display: block;
		width: 320px;
		margin:0 auto;
		*/
		justify-content: center;
	}


	.youtube{
		margin: 3px auto;
	}
.youtube iframe{
	width:300px;
	height:169px;
}
}

#df_wrap .movieClose {
	display: none;
}

/*スマホ用のです*/
@media screen and (max-width: 1100px) {
	
	.fb{
		display: block;
		width:100%;
	}
	.left,.right{
		width:100%;
		margin:30px auto;
	}
	#knb_content,
	.knb_text-banner-area .knb_title,
	.knb_text-banner-area ul,
	#knb_miracon-zenkai .knb_txt,
	#knb_miracon-zenkai .knb_thum,
	#knb_miracon-zenkai .knb_movie {
		width: 100%;
		float: none;
	}
	
	#knb_overlay-area {/*ウェブで出さない*/
		display: none !important;
	}
	#df_content_in {/*背景は出さない*/
		background: none !important;
		padding: 2%;
	}
	#knb_content>h1 {
		text-align: center;
		font-weight: bold;
		font-style: serif;
	}
	
	#knb_content-main,
	.knb_side-box,
	.knb_company-data {
		padding-top: 10px;
		float: none;
		width: 100%;
	}
	.knb_sub-data {
		float: none;
		margin: 0 auto;
	}
	.knb_onair-movie img,
	.knb_onair-movie video,
	.knb_link-btn img {
		width: 100%;
	}
	.knb_movies .df_detailMovie {
		width: auto !important;
		float: none !important;
	}
	
	.knb_onair-date {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	/*テキストバナー*/
	.knb_text-banner-area li {
		margin: 3px 0px;
		line-height: 1.2;
		display: inline;
		padding: 0px 5px;
		border-left: none;
		border-right: none;
		vertical-align: top;
		font-weight: normal;
		font-size: 100%;
		}
	.knb_text-banner-area li:after {
		content: "/";
	}
	
	.corona a {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	background: url(btn.png) no-repeat 97% 50% #E50012;
	margin: 14px auto;
	background-size: 20px;
	color: #FFFFFF;
	font-size: 20px;
	text-decoration: none;
	width: 95%;
	max-width:400px;
	border-radius: 4px;
	font-weight: bold;
	border-bottom: 3px solid #c30000;
}
	
	.box iframe {
	margin: 5px auto;
	width: 252px !important;
	height: 144px !important;
}
	.corona a:hover{display: block;box-sizing: border-box;padding:20px;background: url(btn.png) no-repeat 97% 50% #c30000;margin:14px auto;background-size:20px;color:#FFFFFF;font-size:20px;text-decoration:none;width:95%;max-width:400px;border-radius:4px;font-weight: bold;}
}
@media screen and (max-width: 414px) {
	/*バナー*/
	.knb_logo-banner-area li {
		width: 45%;
	}.corona .tyuui_b {
	font-size: 25px;
}
	.corona .tyuui_l {
	font-size: 20px;
}
	.corona a {
font-size:15px;
}
	.corona a:hover{
		font-size:15px;
	}
	.box {
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: flex-start;
	align-items: top;
	max-width: 270px;
}
}
/*スマホ用終わり*/



/*20140123_結果発表追加*/


#knb_content-explain2 h3.f20p {
	text-align: center;
	font-size: 200%;
	color: #FFF;
	background-color: #1da4d4;
	margin: 0 0 8px;
}


#knb_content-explain2 h3.f16p {
	text-align: center;
	font-size: 160%;
	color: #F00;
	background-color: #1da4d4;
	margin: 0 0 8px;
}

#knb_content-explain2 h3.f14p {
	text-align: center;
	font-size: 140%;
	color: #00C;
	background-color: #1da4d4;
	margin: 0 0 8px;
}

#knb_content-explain2 h3.f12p {
	text-align: center;
	font-size: 120%;
	color: #FF0;
	background-color: #1da4d4;
	margin: 0 0 8px;
}

/*説明文*/
#knb_content-explain2 {
	background-color: #dbf6ff !important;
	padding: 10px !important;
	margin-bottom: 20px !important;
}

#knb_content-explain2 h3 {
	text-align: center;
	font-size: 100%;
	color: #FFF;
	background-color: #1da4d4;
	margin: 0 0 8px;
}
#knb_content-explain2 strong.knb_larger {
	font-size: 180% !important;
	color: #000 !important;
}

#knb_content-explain2 div.txtCenter {
	padding: 8px;
	border: 1px dotted  #1da4d4;
	font-size: 120%;
	background-color: rgba(255,255,255,0.5);
	margin-bottom:8px;
}

#knb_content-explain2 div.txtCenter2 {
	padding: 8px;
	border: 1px dotted  #1da4d4;
	font-size: 120%;
	background-color: #FFF;
	margin-bottom:8px;
	text-align: center;
}

#knb_content-explain2 .knb_padding {
	padding: 10px 100px;
}

#knb_content-explain2 strong.knb_largerf16 {
	font-size: 160% !important;
	color: #000 !important;
}

#knb_content-explain2 strong.knb_largerf14 {
	font-size: 140% !important;
	color: #000 !important;
}

#knb_content-explain2 strong.knb_largerf12 {
	font-size: 120% !important;
	color: #000 !important;
}

#knb_content-explain2 strong.knb_largerf10 {
	font-size: 100% !important;
	color: #000 !important;
}