@charset "UTF-8";

/*子テーマ用「base.css」*/

@media (min-width : 768px){
	
/*2カラムの設定*/
	.col2 .keni-main{
		float: left;
		width: 100%;
		margin-right: -396px;
		padding-right: 396px;
	}

	.col2 .keni-sub{
		float: right;
		width: 396px; /*サイドバーの幅*/
	}

/*
	# 2カラムのレイアウト
	*/
	.col2 .keni-header_outer,
	.col2 .keni-gnav_outer,
	.col2 .keni-mv_outer,
	.col2 .archive_title_wrap,
	.col2 .keni-main_outer,
	.col2 .catch-area,
	.col2 .keni-breadcrumb-list_outer,
	.col2 .keni-footer_outer,
	.col2 .keni-copyright,
	.col2 .keni-sep-conts_outer,
	.col2 .keni-footer-panel_outer{
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}

#.keni-main .keni-section_wrap.widget{
#		padding: 20px 40px;
#	}

/*--- 見出し ---*/
h2{
        border-left: solid 10px #b41423;
        color: #b41423;
        background: #fff!important;
        border-bottom:1px dashed #EEEEEE;
}

/*--- サブコンテンツの見出し ---*/
.keni-section .sub-section_title {
	background: linear-gradient(#5b0509, #b41423)!important;
}

/*--- グローバルナビ ---*/
/*グローバルナビの背景色（サイド）*/
.keni-gnav_wrap {
	#background-color: #333;
	background: linear-gradient(#5b0509, #b41423);
}

/*グローバルナビの背景色指定（メニュー部分）*/
.keni-gnav_inner li a {
	background: linear-gradient(#5b0509, #b41423);
	border-bottom-color: #b41423;
        color: white;
}

/*グローバルナビホバーエフェクトの色指定*/
.keni-gnav_inner li a:hover {
        border-bottom-color: #5b0509;
        color: orange;
}
/*--- グローバルナビ 終わり ---*/

}/*横幅768px以上*/

/*リンク文字*/
a:link,
a:visited{ color: #000066; }
a:hover,
a:active{ color: #c40026; text-decoration:underline; }

/*----- flexbox -----*/
.f-container {
  display: flex;
  flex-direction: row; /* 並び順(横) */
  align-items: center;
}
.f-item1 {
}
.f-item2 {
  flex-grow: 2;
}

.td_hidden {
  width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 480px) {
.f-container {
  display: flex;
  flex-direction: column; /* 並び順(縦) */
}
.f-item1 {
}
.f-item2 {
  flex-grow: 1;
}

.td_hidden {
  width: 100%;
  white-space: normal;
}
}

.table_no-style2 table, .table_no-style2 th, .table_no-style2 td {
  border: 0!important;
  border-bottom: 1px dashed gray!important;
}
.table_no-style2 table {
  margin: 0!important;
}
.table_no-style2 th {
  background-color: #fff;
}

/*----- 一覧の右側 -----*/
dl div {
  border-bottom: dashed 1px #333333;
  margin: 10px 1px;
}

dt{
  float:  left!important;
  margin: 0 2px;
}