@charset "UTF-8";
/* ---------------------------
 * user.css
 * --------------------------- */

h2{
	background:#2C3496;
	color:#fff;
}
h3{
	border:2px solid #2C3496;
	background:#fff;
	margin-bottom:0.7em;
	padding:0.75rem;
}
@media only screen and (max-width: 800px) {
    h3 {
        padding: 0.25rem 1rem;
        margin-bottom:10px;
    }
}
/* ---------------------------
 * ヘッダーナビ
 * --------------------------- */
@media only screen and (max-width: 800px) {
	#header {
		height: 120px;
	}
}
@media only screen and (max-width: 800px) {
	#main {
		margin-top: 8.5em;
	}
}
.search_menu {
	display: flex;
	list-style: none;
	justify-content: center; /* 中央寄せ */
	margin: 0;
	padding: 0;
	background: #2C3496;
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
}

.search_menu a {
	display: block;
	padding: 10px 25px;
	text-decoration: none;
	color: #fff;
	font-size:1.1em;
}
@media only screen and (max-width: 800px) {
	.search_menu a {
		display: block;
		padding: 10px;
		text-decoration: none;
		color: #fff;
		font-size:0.8em;
	}
}
.search_menu a:hover {
	background: #eaf5f9;
	color: #2C3496;
}

/* ---------------------------
 * 検索画面
 * --------------------------- */
.flexbox {
	width:100%;
	margin:0 auto;
	display:flex;
	flex-flow:row wrap;
}
.item {
	width:25%;
	box-sizing: border-box;
}
/* 以下でレスポンシブ適用 */
@media only screen and (max-width: 800px) {
	.item {
		width:50%;
	}
}
.waku{
	margin-bottom:1.5em;
}
@media only screen and (max-width: 800px) {
	h3 {
		font-size:1.1em;
	}
}


/* ---------------------------
 * input
 * --------------------------- */
input[type=text] {
        border: 0;
        padding: 10px;
        font-size: 1em;
        border: solid 1px #ccc;
        margin: 0 0 20px;
        width: 75%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
        box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 800px) {
	input[type=text] {
		width: 95%;
	}
}
.short{
	width: 4em!important;
	display:inline-block;
}
input[type=checkbox] {
	-ms-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
	margin:8px 10px;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover {
	cursor: pointer;
}
/* ---------------------------
 * 検索ボタン
 * --------------------------- */
.btn-sys {
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	margin:5px;
	width: 250px;
	padding: 10px 0;
	display:inline-block;
	text-align: center;
	cursor: pointer;
	font-size: 1.2em;
	transition: 0.3s;
}
.btn-sys:hover {
	color: #27acd9;
	background: #fff;
}

/* ---------------------------
 * 検索結果
 * --------------------------- */

/* 講師バンク ---------------- */
.search_results{}
.search_results dl {
	display: flex;
	flex-wrap: wrap;
}
.search_results dt {
	width: 150px; /* 例: dtの幅 */
	padding:0.5em;
	background: #eaf5f9;
	margin-bottom:5px;
	font-weight:bold;
}
.search_results dd {
	width: calc( 100% - 150px - 2em) ; /* 例: ddの幅 */
	margin-left: 0; /* Flexboxなら不要な場合が多い */
	background:#f0f0f0;
	padding:0.5em;
	margin-bottom:5px;
}

@media screen and (max-width: 800px) {
	.search_results dl {
		display: block; /* flexを解除 */
	}
	.search_results dt,
	.search_results dd {
		width: calc( 100% - 1em );
	}
}

/* 図書データ ---------------- */
.search_results_book{
	margin-top:10px;
}
.search_results_book dl {
	display: flex;
	flex-wrap: wrap;
}
.search_results_book dt {
	width: 150px; /* 例: dtの幅 */
	padding:0.5em;
	background: #eaf5f9;
	margin-bottom:5px;
	font-weight:bold;
}
.search_results_book dd {
	width: calc( 100% - 150px - 2em) ; /* 例: ddの幅 */
	margin-left: 0; /* Flexboxなら不要な場合が多い */
	background:#f0f0f0;

	padding:0.5em;
	margin-bottom:5px;
}

@media screen and (max-width: 800px) {
	.search_results_book dl {
		display: block; /* flexを解除 */
	}
	.search_results_book dt,
	.search_results_book dd {
		width: calc( 100% - 1em );
	}
}

/* DVDデータ ----------------- */
.search_results_dvd{}
.search_results_dvd dl {
	display: flex;
	flex-wrap: wrap;
}
.search_results_dvd dt {
	width: 150px; /* 例: dtの幅 */
	padding:0.5em;
	background: #eaf5f9;
	margin-bottom:5px;
	font-weight:bold;
}
.search_results_dvd dd {
	width: calc( 100% - 150px - 2em) ; /* 例: ddの幅 */
	margin-left: 0; /* Flexboxなら不要な場合が多い */
	background:#f0f0f0;
	padding:0.5em;
	margin-bottom:5px;
}

@media screen and (max-width: 800px) {
	.search_results_dvd dl {
		display: block; /* flexを解除 */
	}
	.search_results_dvd dt,
	.search_results_dvd dd {
		width: calc( 100% - 1em );
	}
}
.img_sum{
	text-align:center;
}

.img_sum img{
	max-width:100px;
	width:auto;
	max-height:100px;
}
/* Table
 * --------------------------- */

/* 講師バンク ---------------- */
.list_table{}
.list_table{
	width:100%;
}

.list_table th{
	background:#2C3496;
	color:#fff;
	padding:0.5em;
	font-size:1.2em;
}
.list_table td{
	padding:0.5em;
	background:#f0f0f0;
}
.list_table td:first-child {
	background: #eaf5f9;
}
.list_table td a{
	display:block;
	font-weight:700;
	color:#000;
}

.list_table td a:hover{
	background:#27ACD9;
	color:#fff;
	font-weight:700;
}
@media screen and (max-width: 800px) {
	.list_table {
		width: calc( 100% - 1em) ;
	}
	.list_table thead {
		display: none;
	}
	.list_table tr {
		width: 100%;
	}
	.list_table td {
		display: block;
		width: 100%;
	}
	.list_table td:first-child {
		background: #2C3496;
		color:#fff;
	}
	.list_table td:first-child a{
		color:#fff;
	}
	.list_table td:first-child a:hover{
		background: #27ACD9;
		color: #fff;
	}
	.list_table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
}


/* 図書データ ---------------- */
.list_table_book{}
.list_table_book{
	width:100%;
}

.list_table_book th{
	background:#2C3496;
	color:#fff;
	padding:0.5em;
	font-size:1.2em;
}
.list_table_book td{
	padding:0.5em;
	background:#f0f0f0;
}
.list_table_book td:first-child {
	background: #eaf5f9;
}
@media screen and (max-width: 800px) {
	.list_table_book {
		width: calc( 100% - 1em) ;
	}
	.list_table_book thead {
		display: none;
	}
	.list_table_book tr {
		width: 100%;
	}
	.list_table_book td {
		display: block;
		text-align: right;
		border-bottom:1px solid #fff;
		width: 100%;
	}
	.list_table_book td:first-child {
		background:  #2C3496;
		color:#fff;
		font-weight: bold;
		text-align: left;
	}
	.list_table_book td:first-child a{
		color:#fff;
	}
	.list_table_book td:first-child a:hover{
		background: #27ACD9;
		color: #fff;
	}
	.list_table_book td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
}
.list_table_book td a{
	display:block;
	font-weight: bold;
	color:#000;
}

.list_table_book td a:hover{
	background:#27ACD9;
	color:#fff;
	font-weight:700;
}


/* DVDデータ ----------------- */
.list_table_dvd{}
.list_table_dvd{
	width:100%;
}

.list_table_dvd th{
	background:#2C3496;
	color:#fff;
	padding:0.5em;
	font-size:1.2em;
}
.list_table_dvd td{
	padding:0.5em;
	background:#f0f0f0;
}
.list_table_dvd td:first-child {
	background: #eaf5f9;
}
@media screen and (max-width: 800px) {
	.list_table_dvd {
		width: calc( 100% - 1em) ;
	}
	.list_table_dvd thead {
		display: none;
	}
	.list_table_dvd tr {
		width: 100%!important;
	}
	.list_table_dvd td {
		display: block;
		text-align: right;
		width: 100%!important;
		border-bottom:1px solid #fff;
	}
	.list_table_dvd td:first-child {
		background:#2C3496;
		color: #fff;
		font-weight: bold;
		text-align: left;
	}
	.list_table_dvd td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
	.list_table_dvd td:first-child a{
		color:#fff;
	}
	.list_table_dvd td:first-child a:hover{
		background: #27ACD9;
		color: #fff;
	}
}
.list_table_dvd td a{
	display:block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	color:#000;
}

.list_table_dvd td a:hover{
	background:#27ACD9;
	color:#fff;
	font-weight:700;
}

/* ---------------------------
 * 検索詳細
 * --------------------------- */
.img_center{}
.img_center{
	margin:1em auto;
	text-align: center;

}
.img_center img{
	max-width:200px;
}

/* 講師バンク ---------------- */
.search_results_bank{}
.search_results_bank dl {
	display: flex;
	flex-wrap: wrap;
}
.search_results_bank dt {
	width: 150px; /* 例: dtの幅 */
	padding:0.5em;
	background: #eaf5f9;
	margin-bottom:5px;
	font-weight:bold;
}
.search_results_bank dd {
	width: calc( 100% - 150px - 2em) ; /* 例: ddの幅 */
	margin-left: 0; /* Flexboxなら不要な場合が多い */
	background:#f0f0f0;
	padding:0.5em;
	margin-bottom:5px;
}

@media screen and (max-width: 800px) {
	.search_results_bank dl {
		display: block; /* flexを解除 */
	}
	.search_results_bank dt,
	.search_results_bank dd {
		width: calc( 100% - 1em );
	}
}

/* 図書データ ---------------- */
.search_results_book{}
.search_results_book dl {
	display: flex;
	flex-wrap: wrap;
}
.search_results_book dt {
	width: 150px; /* 例: dtの幅 */
	padding:0.5em;
	background: #eaf5f9;
	margin-bottom:5px;
	font-weight:bold;
}
.search_results_book dd {
	width: calc( 100% - 150px - 2em) ; /* 例: ddの幅 */
	margin-left: 0; /* Flexboxなら不要な場合が多い */
	background:#f0f0f0;
	padding:0.5em;
	margin-bottom:5px;
}

@media screen and (max-width: 800px) {
	.search_results_book dt {
		width: 100px; /* 例: dtの幅 */
	}
	.search_results_book dd {
		width: calc( 100% - 100px - 2em );
	}
}

/* DVDデータ ----------------- */
.search_results_dvd{}
.search_results_dvd dl {
	display: flex;
	flex-wrap: wrap;
}
.search_results_dvd dt {
	width: 150px; /* 例: dtの幅 */
	padding:0.5em;
	background: #eaf5f9;
	margin-bottom:5px;
	font-weight:bold;
}
.search_results_dvd dd {
	width: calc( 100% - 150px - 2em) ; /* 例: ddの幅 */
	margin-left: 0; /* Flexboxなら不要な場合が多い */
	background:#f0f0f0;
	padding:0.5em;
	margin-bottom:5px;
}

@media screen and (max-width: 800px) {
	.search_results_dvd dt {
		width: 120px; /* 例: dtの幅 */
	}
	.search_results_dvd dd {
		width: calc( 100% - 120px - 2em );
	}
}

/* ---------------------------
 * スマホ時のみドロップダウン
 * --------------------------- */
/* PC：常に表示 */
.dl-group {
	display: block;
}
.dl-toggle {
	display: none;
}

/* ▼ スマホのみ */
@media screen and (max-width: 800px) {
	.dl-toggle {
		display: block;
		width: 100%;
		padding: 12px;
		background: #eaf5f9;
		border: none;
		font-weight: bold;
		cursor: pointer;
		text-align: left;
		position: relative;
	}
	.dl-toggle::after {
		content: "＋";
		position: absolute;
		right: 12px;
	}
	.dl-toggle.is-open::after {
		content: "－";
	}
	/* dlをアニメーション開閉 */
	.dl-group {
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		margin-top: 10px;
		transition:
			max-height 0.4s ease,
			opacity 0.3s ease;
	}
	.dl-group.is-open {
		max-height: 2000px; /* dlの想定最大高さ */
		opacity: 1;
	}
}


.li_none{}


/* ---------------------------
 * 新ゴ Bを使う場所
 * --------------------------- */
.btn-sys,
.list_table_dvd th,
.list_table_book th,
.list_table th
{
    font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
}