@charset "UTF-8";

/*------------------------------------
リセット
--------------------------------------*/
/*
このリセットCSSは以下のID、class内の要素をリセットする。
それ以外の部分は干渉しない。

#df_content

要素を追加する場合は、必ず上記のID、classを指定すること。*/

/* ▼ここから */

#df_topHead * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

/* ----------df_mainの記述---------- */

#df_main {
	display: flex;
	justify-content: space-between;
}

@media all and (max-width: 768px) {
  #df_main {
		display: block;
		padding: 0 10px;
  }
}

/* ----------df_mainの記述---------- */
@media all and (max-width: 768px) {
	.df_pankuzu {
		margin-left: -10px!important;
		margin-right: -10px!important;
	}
}

#df_content div[data-list="df_videoWrap--knb"] {
	border: none!important;
	padding: 0!important;
	width: 100%!important;
	margin: 0!important;
	background-color: #ffffff!important;
	height: inherit!important;
}

#df_content .vjs-fluid {
	padding-top: 56.25%!important;
}

#df_content .video-js {
	width: 100%!important;
}

#df_content div, #df_content span, #df_content object, #df_content iframe, #df_content h1, #df_content h2, #df_content h3, #df_content h4, #df_content h5, #df_content h6, #df_content p, #df_content blockquote, #df_content pre, #df_content address, #df_content em, #df_content img, #df_content q, #df_content small, #df_content strong, #df_content sub, #df_content b, #df_content i, #df_content dl, #df_content dt, #df_content dd, #df_content ol, #df_content ul, #df_content li, #df_content fieldset, #df_content form, #df_content label, #df_content legend, #df_content table, #df_content caption, #df_content tbody, #df_content tfoot, #df_content thead, #df_content tr, #df_content th, #df_content td, #df_content article, #df_content aside, #df_content canvas, #df_content details, #df_content figcaption, #df_content figure, #df_content footer, #df_content header, #df_content hgroup, #df_content menu, #df_content nav, #df_content section, #df_content summary, #df_content time, #df_content mark, #df_content audio, #df_content video, #df_content a {
margin:0;
padding:0;
outline:0;
border:0;
background:transparent;
vertical-align:baseline;
font-weight:normal;
font-size:100%;
color:#333333;
word-wrap: break-word;
word-break: break-all;
}

#df_content {
	width: calc(100% - 328px);
}
@media only screen and (max-width: 768px) {
	#df_content {
		width: 100%;
	}
}

#df_content section {
clear:both;
}

#df_content ol, #df_content ul {
list-style:none;
}

#df_content img {
vertical-align:bottom;
}

#df_content h1, #df_content h2, #df_content h3, #df_content h4, #df_content h5, #df_content h6 {
font-weight:normal;
font-size:100%;/* font-family:'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro W6', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */
}

#df_content article, #df_content aside, #df_content details, #df_content figcaption, #df_content figure, #df_content footer, #df_content header, #df_content hgroup, #df_content menu, #df_content nav, #df_content section {
display:block;
}

#df_content nav ul {
list-style:none;
}

#df_content blockquote, #df_content q, #df_content blockquote, #df_content q, #df_content blockquote, #df_content q {
quotes:none;
}

#df_content blockquote:before, #df_content blockquote:after, #df_content q:before, #df_content q:after {
content:'';
content:none;
}

#df_content a {
margin:0;
padding:0;
background:transparent;
vertical-align:baseline;
text-decoration:none;
/* font-weight:bold; */
font-weight:normal;
font-size:100%;
-webkit-tap-highlight-color:rgba(153,153,153,0.4);/* -webkit-touch-callout: none; */
}

#df_content table {
border-spacing:0;
border-collapse:collapse;
}

#df_content input, #df_content select, #df_content textarea {
vertical-align:middle;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#df_content a:link {
	/* color:#00999B; */
	text-decoration:none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ▼テキストリンクのカラー設定　　　　　　　　　　　 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#df_content #df_event .df_eventDetail a:link,
#df_content #df_event .df_article__detailWrap a:link,
#df_content #df_event .df_eventDetail a:visited,
#df_content #df_event .df_article__detailWrap a:visited,

#df_content .present .df_content__detailArea a:link,
#df_content .present .df_content__detailArea a:visited,

#df_content .preview .df_content__detailArea a:link,
#df_content .preview .df_content__detailArea a:visited,

#df_content #df_formTemplate a:link,
#df_content #df_formTemplate a:visited,

#df_content .df_timetableData a:link,
#df_content .df_timetableData a:visited,

#df_content #timetableList a:link,
#df_content #timetableList a:visited
 {
	color: #17619f;
	text-decoration: underline;
}
#df_content #df_event .df_eventDetail a:hover,
#df_content #df_event .df_article__detailWrap a:hover,
#df_content .present .df_content__detailArea a:hover,
#df_content .preview .df_content__detailArea a:hover,
#df_content #df_formTemplate a:hover,
#df_content #timetableList a:hover
 {
	text-decoration: none;
	color: #00999B;
}

#df_content a:visited {
/* color:#3768B7; */
text-decoration:none;
}

#df_content a:hover {
/* color:#FF6600; */
color: #3768B7;
text-decoration:underline;
}

#df_content a:active {
color:#666;
text-decoration:underline;
}

#df_content em {
font-weight:bold;
font-style:normal;
}