@charset "UTF-8";

/* ==================================================================

	大同大学
	/common/css/common.css

	+ ボックスモデル
	+ ページタイトル画像
	+ 見出し
	+ 強調
	+ 背景色
	+ リンク
	+ 表組み
	+ リスト
	+ ボーダー
	+ フォント
	+ テキスト
	+ 画像
	+ 動画
	+ カテゴリインデックスページ
	+ Style - Space
	+ Style - Float, Clear

================================================================== */


/* ==================================================================
	ボックスモデル
================================================================== */
.box640 { width: 640px; margin-left: auto; margin-right: auto; }
.box_wrap:after { content: ""; display: block; clear: both; }

/* PC */
@media screen and (min-width: 741px), print {
	.box_1-2 {
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	.box_1-2:nth-child(even) {
		margin-right: 0;
	}
	.box_3-1 {
		float: left;
		width: 28%;
		margin-right: 8%;
	}
	.box_3-1:nth-child(3n) {
		margin-right: 0;
	}
	.box_1-4 {
		float: left;
		width: 22%;
		margin-right: 4%;
	}
	.box_1-4:nth-child(4n) {
		margin-right: 0;
	}
	.box_1-3 {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.box_1-3:nth-child(3n) {
		margin-right: 0;
	}
	/* inner */
	.c_inner{
		width:960px;
		margin:0 auto;
		position:relative;
		box-sizing: border-box;
	}

	.c_inner:after{
		content:"";
		display:block;
		clear:both;
	}
}

/* SP */
@media screen and (max-width: 740px) {
	.box640 { width: 100%; }
	.overflow_scroll {
		width: 100%;
		overflow-x: scroll;
	}
	.box_1-1 .image {
		float: left;
		width: 35%;
	}
	.w35p { width: 35%; }
	.w40p { width: 40%; }
	.w45p { width: 45%; }
	.w50p { width: 50%; }
	.c_inner{
		width:100%;
		padding-left:6%;
		padding-right:6%;
		box-sizing: border-box;
	}
	.u_pc {
		display: none;
	}
}



/* ==================================================================
	ページタイトル画像
================================================================== */
#cat_outline #page_title_img { background-image: url(../../outline/images/page_title_img.png); } /* 大学案内 */
#cat_dept.cat_dept-index #page_title_img { background-image: url(../../dept/images/page_title_img.png); } /* 学部・大学院 */
#cat_exam #page_title_img { background-image: url(../../entrance_exam/images/page_title_img.png); } /* 入試情報 */
#cat_life #page_title_img { background-image: url(../../life/images/page_title_img.png); } /* 学生生活 */
#cat_research #page_title_img { background-image: url(../../research/images/page_title_img.png); } /* 研究・産学連携 */
#cat_center #page_title_img { background-image: url(../../center/images/page_title_img.png); } /* 図書館・各センター */
#cat_center.cat_center-library #page_title_img { background-image: url(../../center/library/images/page_title_img.png); } /* 図書館 */
#cat_gallery #page_title_img { background-image: url(../../outline/images/page_title_img.png); } /* ギャラリー */
#cat_other #page_title_img { background-image: url(../../other/images/page_title_img.png); } /* その他 */



/* ==================================================================
	見出し
================================================================== */

/* 大見出し
------------------------------------------------------------------ */
.sec_headline {
	margin-bottom: 20px;
	padding: 10px 0;
	border-bottom: solid 2px #dadada;
	font-size: 157%;
	color: #144d80;
}
.sec_headline small {
	margin-left: 10px;
	font-size: 66.6%;
}

/* SP */
@media screen and (max-width: 740px) {
	.sec_headline {
		padding: 8px 0;
		border-bottom: solid 2px #dadada;
		font-size: 136%;
		color: #144d80;
	}
	.sec_headline small {
		display: block;
		margin-left: 0;
		font-size: 66.6%;
	}
}

/* 中見出し
------------------------------------------------------------------ */
.sec_heading {
	padding-top: 2px;
	padding-left: 10px;
	border-left: solid 3px #144d80;
	line-height: 1.2;
	font-size: 128.5%;
	color: #144d80;
}
.sec_heading.indent_alp {
	padding-left: 1.75em;
	text-indent: -1.25em;
}
.sec_heading small {
	margin-left: 10px;
	font-size: 66.6%;
}

/* SP */
@media screen and (max-width: 740px) {
	.sec_heading {
		padding-left: 10px;
		border-left: solid 3px #144d80;
		font-size: 120%;
		line-height: 1.3;
		color: #144d80;
	}
}

/* 小見出し（大）
------------------------------------------------------------------ */
.sec_subhead {
	padding-bottom: 10px;
	background: url(../images/sec_subhead.png) left bottom no-repeat;
	font-size: 114.2%;
}

/* 小見出し（中）
------------------------------------------------------------------ */
.sec_subhead_s {
	padding: 8px 10px;
	background: #f3f3f3;
}

/* 小見出し（小）
------------------------------------------------------------------ */
.sec_subhead_ss {
	display: block;
	font-weight: bold;
}

/* SP */
@media screen and (max-width: 740px) {
	
	.cat_center-lessont{
		padding-top: 60px; 
		}

	
	#anc05{
		margin-top:-60px;
		padding-top:60px;
		}
		
}



/* ==================================================================
	強調
================================================================== */
dl.em_box01 {
	padding: 20px;
	background: #f3f3f3;
}
dl.em_box01.bg_f {
	background: none;
	border: solid 1px #D0D0D0;
}
dl.em_box01 > dt {
	position: relative;
	padding-bottom: 10px;
	/*background: url(../images/em_box_ttl.png) left bottom no-repeat;*/
	color: #144d80;
}
dl.em_box01 > dt:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ccc;
}
dl.em_box01 > dt:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 60px;
	height: 2px;
	background: #144d80;
}
.em_box02 {
	clear: both;
	padding: 12px;
}
.em_box03 {
	padding: 1em;
	border: solid 1px #dadada;
	background: #e7f2f9;
}
.em_box04 {
	padding: 15px;
	background: #f4f4f4;
}
.em_box04 dt {
	color: #2f4d93;
}

dl.em_box10 {
	padding: 20px;
}
dl.em_box10 > dt {
	position: relative;
	padding-bottom: 10px;
	/*background: url(../images/em_box_ttl.png) left bottom no-repeat;*/
	color: #144d80;
}
dl.em_box10 > dt:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ccc;
}
dl.em_box10 > dt:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 60px;
	height: 2px;
	background: #144d80;
}


em { font-weight: bold; }
strong { text-decoration: underline; }


/* ==================================================================
	背景色
================================================================== */
.bg_white { overflow: hidden; background-color: #fff; }



/* ==================================================================
	リンク
================================================================== */

/* 本文内リンクテキスト
------------------------------------------------------------------ */
article a {
	text-decoration: underline;
	color: #144d80;
}

/* 行頭マーク付きリンクテキスト
------------------------------------------------------------------ */
.link_txt,
.link_list li {
	padding-left: 20px;
	background: url(../images/list_mark_s.png) left 3px no-repeat;
}
.link_list li {
	margin-top: 5px;
}
.link_list li a {
	text-decoration: none;
	color: #1a1a1a;
}
.link_txt a {
	text-decoration: none;
	color: #144d80;
}

.link_txt_h5 a{
	padding-left: 20px;
	background: url(../images/list_mark_s.png) left 3px no-repeat;
	text-decoration: none;
	color: #1a1a1a;
}

/* 下層リスト */
.link_list li li {
	background: url(../images/list_mark_xs.png) left 3px no-repeat;
	font-size: 92%;
}

/* SP */
@media screen and (max-width: 741px) {
.link_txt,
.link_list li {
	background: url(../images/sp/list_mark_s.png) left 3px no-repeat;
	background-size: 13px 13px;
}
}

/* 外部リンクアイコン付きリンクテキスト
------------------------------------------------------------------ */
/* 任意で外部リンクアイコンを付ける */
.ex_link {
	padding-right: 15px;
	background: url(../images/icn_exlink.png) right center no-repeat;
}
/* 任意で外部リンクアイコンを付ける（SPのみ） */
@media screen and (max-width: 740px) {
	.ex_link_sp {
		padding-right: 15px;
		background: url(../images/icn_exlink.png) right center no-repeat;
	}
}
/* 任意で外部リンクアイコンを付けない */
a[target="_blank"].no_mark {
	padding-right: 0;
	background: none;
}

/* PDFアイコン付きリンクテキスト
------------------------------------------------------------------ */
a.link_pdf,
span.link_pdf {
	padding-right: 20px;
	background: url(../images/icn_pdf.png) right center no-repeat;
	background-size: auto 1em;
}

/* Wordアイコン付きリンクテキスト
------------------------------------------------------------------ */
a.link_word {
	padding-right: 25px;
	background: url(../images/icn_word.png) right center no-repeat;
	background-size: 16px auto;
}

/* Excelアイコン付きリンクテキスト
------------------------------------------------------------------ */
a.link_excel {
	padding-right: 25px;
	background: url(../images/icn_excel.png) right center no-repeat;
	background-size: 16px auto;
}

/* Powerpointアイコン付きリンクテキスト
------------------------------------------------------------------ */
a.link_powerpoint {
	padding-right: 25px;
	background: url(../images/icn_pp.png) right center no-repeat;
	background-size: 16px auto;
}

/* スマホのアンカーリンクの位置調整
------------------------------------------------------------------ */
/* SP */
@media screen and (max-width: 740px) {
	.sp_anchor:before {
		content: "";
		display: block;
		margin-top: -60px;
		padding-top: 60px;
	}
}

/* アンカーリンク
------------------------------------------------------------------ */
.anchor_list a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 3px 38px 0 10px;
	border: solid 3px #d9d9d9;
	background: url(../images/anchor_list_mark.png) right center no-repeat;
	line-height: 1.4;
	text-decoration: none;
}
.anchor_list span {
	display: table-cell;
	height: 3em;
	vertical-align: middle;
}
.anchor_list02 a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	background: url(../images/anchor_list_mark02.png) left 3px no-repeat;
	background-size: 15px 15px;
	padding-left: 20px;
	text-decoration: none;
}
.anchor_list02 a[href="javascript:void(0)"] {
	background: none;
	padding-left: 0;
	cursor: default;
}
.anchor_list02 a[href="javascript:void(0)"]:hover {
	opacity: 1;
}

/* PC */
@media screen and (min-width: 741px), print {
	.anchor_list.x2 li,
	.anchor_list02.x2 li {
		float: left;
		width: 47%;
		margin-bottom: 10px;
		margin-right: 6%;
	}
	.anchor_list.x2 li:nth-child(2n),
	.anchor_list02.x2 li:nth-child(2n) {
		margin-right: 0;
	}
	.anchor_list.x4 li,
	.anchor_list02.x4 li{
		float: left;
		width: 24%;
		margin-bottom: 10px;
		margin-right: 1.3%;
	}
	.anchor_list.x4 li:nth-child(4n),
	.anchor_list02.x4 li:nth-child(4n){
		margin-right: 0;
	}
	.anchor_list.x3 li,
	.anchor_list02.x3 li{
		float: left;
		width: 32%;
		margin-bottom: 10px;
		margin-right: 1.3%;
	}
	.anchor_list.x3 li:nth-child(3n),
	.anchor_list02.x3 li:nth-child(3n){
		margin-right: 0;
	}
}

/* SP */
@media screen and (max-width: 740px) {
	.anchor_list {
		position: relative;
	}
	.anchor_list li {
		margin-top: 10px;
	}
	.anchor_list li:first-child {
		margin-top: 0;
	}
	.anchor_list02 li {
		float: left;
		width: 47%;
		margin-top: 5px;
		margin-right: 6%;
	}
	.anchor_list02 li:nth-child(even) {
		margin-right: 0;
	}
}

/* グレーアウト
------------------------------------------------------------------ */
.opcty { opacity: .6 !important; }


/* ==================================================================
	表組み
================================================================== */

/* [table01][table02][table03]共通
------------------------------------------------------------------ */
.table01,
.table02,
.table03 {
	width: 100%;
	border-top: solid 1px #b7b7b7;
	border-right: solid 1px #fff;
}
.table01 th,
.table01 td,
.table02 th,
.table02 td,
.table03 th,
.table03 td {
	padding: 10px 5px;
	border-bottom: solid 1px #b7b7b7;
	text-align: left;
}
.table01.min_space th,
.table01.min_space td {
	padding: 7px;
}

/* キャプション */
caption .fl { float: left; }
caption .fr { float: right; }

/* 水平方向センター */
.table01 td.tc,
.table02 th.tc {
	text-align: center;
}

/* 垂直方向センター */
.v_middle tr th,
.v_middle tr td {
	vertical-align: middle;
}

/* 垂直方向トップ */
.v_top tr th,
.v_top tr td {
	vertical-align: top;
}

/* 強制的に縦書き1行 */
table .txt_vertical {
	width: 1em;
	padding: 10px 15px;
	text-align: center;
	line-height: 1.2;
}
table .txt_vertical .forced {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
}
table .txt_vertical.v_middle {
	vertical-align: middle;
}

/* 縦ボーダー */
.table01.b_length th,
.table01.b_length td,
.table02.b_length th,
.table02.b_length td {
	border-right: solid 1px #b7b7b7;
}
.table01.b_length th:last-child,
.table01.b_length td:last-child,
.table02.b_length th:last-child,
.table02.b_length td:last-child {
	border-right: none;
}
.table01.b_length th:last-child.r_border,
.table01.b_length td:last-child.r_border,
.table02.b_length th:last-child.r_border,
.table02.b_length td:last-child.r_border {
	border-right: solid 1px #b7b7b7;
}

/* テーブルフットボーダー */
tfoot.b_top {
	border-top: solid 2px #b7b7b7;
}

/* ボーダーなし */
th.no_bdr_b,
td.no_bdr_b {
	border-bottom: none;
}

/* 表内すべてセンタリング */
.tc th,
.tc td {
	text-align: center;
}

/* セル内改行 */
.nowrap,
.nowrap th,
.nowrap td {
	white-space: nowrap;
}
/* ボーダー　右側 */
.right_line{
	border-right: solid 1px #b7b7b7!important;
}

/* 横幅均等 */
.tbl_fixed { table-layout: fixed }


@media screen and (min-width: 741px), print {
	.nowrap_pc,
	.nowrap_pc th,
	.nowrap_pc td {
		white-space: nowrap;
	}
}

/* SP */
@media screen and (max-width: 740px) {
	.table01 th,
	.table01 td {
		padding: 7px;
		font-size: 90%;
	}
	.nowrap_sp,
	.nowrap_sp th,
	.nowrap_sp td {
		white-space: nowrap;
	}
}

/* [table01]
------------------------------------------------------------------ */
.table01 th {
	background: #e7f2f9;
}
.table01 thead th {
	background: #144d80;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.table01 tbody th.head {
	background: #144d80;
	color: #fff;
	vertical-align: middle;
}

/* [table02]
------------------------------------------------------------------ */
.table02 th {
	background: #144d80;
	color: #fff;
	text-align: center;
}

/* [table03]
------------------------------------------------------------------ */
.table03 th,
.table03 td {
	border: solid 1px #b7b7b7;
}



/* [data_table]
------------------------------------------------------------------ */
.data_table tbody th,
.data_table tbody td {
	text-align: center;
}



/* ==================================================================
	リスト
================================================================== */

/* シングルリスト（階層なし、行頭マーク無し）
------------------------------------------------------------------ */
.simple_list li {
	margin-top: 3px;
}

/* シンプルリスト02（階層なし、行頭に・）
------------------------------------------------------------------ */
.simple_list02 {
	margin-left: 1.5em;
}
.simple_list02 li {
	list-style-type: disc;
}

/* シングルリスト（階層なし、行頭に●）
------------------------------------------------------------------ */
.single_list li {
	margin-top: 3px;
	margin-left: 1em;
	text-indent: -1em;
}
.single_list li:before {
	content: "●";
	padding-right: 0.25em;
	font-size: 80%;
	color: #144d80;
	vertical-align: middle;
}

.single_list.inline_list li {
	display: inline-block;
	margin-right: 15px;
}

/* 階層リスト（階層ごとにインデントが付いて、行頭に●）
------------------------------------------------------------------ */
ul.level_list > li {
	margin-top: 15px;
	margin-left: 1.5em;
	text-indent: -1.25em;
}
ul.level_list > li ul {
	margin-top: 5px;
	margin-left: 1.5em;
}
ul.level_list li li,
ul.level_list li dt,
ul.level_list li dd {
	margin-top: 3px;
}
ul.level_list li:before,
ul.level_list dd:before {
	content: "●";
	padding-right: 0.25em;
	font-size: 80%;
	vertical-align: top;
}
ul.level_list > li:before,
ul.level_list > dd:before {
	color: #144d80;
}
ul.level_list li li:before,
ul.level_list li dd:before {
	color: #99bbd8;
}
ul.level_list li li li:before,
ul.level_list li li dd:before {
	color: #9d9d9d;
}

/* 左寄せリスト（項目が左寄せになる）
------------------------------------------------------------------ */
.lists_fl li,
.lists_fl dd {
	display: inline-block;
	margin-right: 10px;
}

/* ボーダーリスト
------------------------------------------------------------------ */
.border_list > li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #ccc;
}
.border_list > li:last-child {
	margin-bottom: 0;
}

/* 2行目以降インデント
------------------------------------------------------------------ */
/* 注：半角括弧囲みの番号付きリストに適用 */
ol.style_brackets_num li {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
/* 注：半角括弧囲みの番号付きリストに適用 */
ol.style_alp li {
	padding-left: 1.75em;
	text-indent: -1.25em;
}

/* 番号付きリスト
------------------------------------------------------------------ */
.num_list {
	margin-left: 1.75em;
}
.num_list > li {
	list-style-type: decimal;
}

/* 丸囲み番号用リスト
------------------------------------------------------------------ */
.marunum_list li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

/* 注釈リスト
------------------------------------------------------------------ */
.notes_list li:before {
	content: "・";
}
.notes_list li {
	margin-top: 0.25em;
	padding-left: 1em;
	text-indent: -1em;
}

/* dl.xs_list
------------------------------------------------------------------ */
dl.xs_list dd {
	margin-top: 5px;
	margin-left: 10px;
	padding-left: 20px;
	background: url(../images/list_mark_xs.png) left 3px no-repeat;
	font-size: 92%;
}
dl.xs_list dd a {
	color: #1a1a1a;
	text-decoration: none;
}


/* ==================================================================
	ボーダーライン
================================================================== */
.ba_gray { border: solid 1px #cecece; }
.bt_gray { border-top: solid 1px #cecece; }
.bb_gray { border-bottom: solid 1px #cecece; }


/* ==================================================================
	フォント
================================================================== */
.f_serif { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif"; }

.fs16 { font-size: 114.2%; }
.f_size_xxs { font-size: 70%; }
.f_size_xs { font-size: 80%; }
.f_size_s { font-size: 90%; }
.f_size_m { font-size: 100%; }
.f_size_l { font-size: 110%; }
.f_size_xl { font-size: 120%; }
.f_size_xxl { font-size: 130%; }
.f_size_xxxl { font-size: 142%; }
.f_size_maxl { font-size: 170%; }

.f_weight_l { font-weight: lighter; }
.f_weight_n { font-weight: normal; }
.f_weight_b { font-weight: bold; }

.f_color_red { color: #c01c24 !important; }
.f_color_blue { color: #00f !important; }
.f_color_orng { color: #e69933 !important; }
.f_color_black, .f_color_black a { color: #1a1a1a !important; }
.f_color_navy { color: #005596 !important; }
.f_color_gray { color: #999 !important; }

@media screen and (max-width: 740px) {
	.f_size_xxxl { font-size: 130%; }
	.f_size_maxl { font-size: 150%; }
}


/* ==================================================================
	テキスト
================================================================== */
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.tc { text-align: center !important; }

.ind_10 { display: inline-block; padding-left: 1.0em; text-indent: -1.0em; }
.ind_18 { display: inline-block; padding-left: 1.8em; text-indent: -1.8em; }
.ind_25 { display: inline-block; padding-left: 2.5em; text-indent: -2.5em; }
.ind_27 { display: inline-block; padding-left: 2.7em; text-indent: -2.7em; }
.ind_30 { display: inline-block; padding-left: 3.0em; text-indent: -3.0em; }
.ind_40 { display: inline-block; padding-left: 4.0em; text-indent: -4.0em; }

/* 1.3文字分のインデント（行頭に右カッコ番号1桁「1)」が付く場合のインデント） */
.ind_13 { display: inline-block; padding-left: 1.3em; text-indent: -1.3em; }

/* 2文字分のインデント（行頭に右カッコ番号2桁「10)」が付く場合のインデント） */
.ind_20 { display: inline-block; padding-left: 2.0em; text-indent: -2.0em; }

ol .ind_18,
.d_b .ind_10,
.d_b .ind_20,
.d_b .ind_25 { display: block; }

.txt_uline { text-decoration: underline; }

.sup {
	vertical-align: top;
	position: relative;
	top: -0.3em;
}


/* ==================================================================
	画像
================================================================== */

/* フロート画像
------------------------------------------------------------------ */
/* PC */
@media screen and (min-width: 741px), print {
	.img_fl { float: left; margin-right: 20px; }
	.img_fr { float: right; margin-left: 20px; }
}

/* SP */
@media screen and (max-width: 740px) {
	.img_fl, .img_fr { text-align: center; margin-bottom: 20px; }
	.img_fl_sp { float: left; margin-right: 20px; margin-bottom: 10px; }
	.img_fr_sp { float: right; margin-left: 20px; margin-bottom: 10px; }
}

/* 最大700px画像（PC用）
------------------------------------------------------------------ */
@media screen and (min-width: 741px), print {
	img.img_w700 {
		display: block;
		max-width: 700px;
		/*margin-left: auto;
		margin-right: auto;*/
	}
	img.img_wauto {
		width: auto !important;
	}
}

/* キャプション付き画像
------------------------------------------------------------------ */
figcaption {
	margin-top: 5px;
	font-size: 86%;
}


/* ==================================================================
	リンクバナー
================================================================== */

/* ボーダー囲み、右に矢印アイコン（ブロックレベル）
------------------------------------------------------------------ */
.link_bnr {
	overflow: hidden;
}
.link_bnr a {
	display: block;
	padding: 0.75em 8% 0.75em 1em;
	background: url(../images/link_bnr_arw.png) 95% center no-repeat;
	background-size: 6px auto;
	border: solid 1px #dcdcdc;
	color: #144d80;
	text-decoration: none;
}
.link_bnr a:hover,
.link_bnr a.current {
	background-color: #e7f2f9;
	color: #144d80;
	opacity: 1;
}

/* ボーダー囲み、右に矢印アイコン（インラインブロック）
------------------------------------------------------------------ */
.link_bnr.inline-b a,
.link_bnr a.d_ib {
	display: inline-block;
}



/* SP */
@media screen and (max-width: 740px) {
	.link_bnr a {
		margin-top: 0.5em;
		background-position: 95% center;
		background-size: 6px auto;
	}
}



/* ==================================================================
	動画
================================================================== */

/* YouTube 埋め込み（レスポンシブ対応）
------------------------------------------------------------------ */
.movie_wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;}

.movie_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gallery_headline{
	margin-bottom: 40px;
	font-size: 250%;
	color: #144d80;
}

.gallery_report{
	margin-top: 50px;
}

.gallery_reportTxt{
	margin-bottom: 25px;
}

.gallery_radio .span{
	display: inline-block;
}

.gallery_radioItem{
	overflow: hidden;
}

.gallery_radioItem:nth-child(n+2){
	margin-top: 20px;
}

.gallery_radioDay{
    float: left;
    color: #144d80;
    font-size: 110%;
}

.gallery_radioTitle{
    overflow: hidden;
    color: #144d80;
    font-size: 110%;
}

.gallery_radioAudio{
    margin-top: 10px;
    text-align: right;
    margin-bottom: 20px;
}

.gallery_radioAudio audio{
	width: 100%;
}

.timeline_att{
	margin-bottom: 30px;
}

.timeline_att p{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom: 5px;
}

@media all and (-ms-high-contrast: none) {

	.gallery_radioAudio audio{
		height: 35px;
	}

}

/* SP */
@media screen and (max-width: 740px) {
	.gallery_headline{
		margin-bottom: 30px;
		font-size: 200%;
	}
	.gallery_radio .br{
		display: none;
	}
	.gallery_radioDay{
		float: none;
	}
}

/* ==================================================================
	カテゴリインデックスページ
================================================================== */
.page_list.col2 > li {
	float: left;
	width: 46%;
	margin: 0 8% 30px 0;
}
.page_list.col2 > li:nth-child(2n) {
	margin-right: 0;
}
.page_list.col3 > li {
	float: left;
	width: 28%;
	margin: 0 8% 30px 0;
}
.page_list.col3 > li:nth-child(3n) {
	margin-right: 0;
}
.page_list.col4 > li {
	float: left;
	width: 23%;
	margin: 0 2.6% 30px 0;
}
.page_list.col4 > li:nth-child(4n) {
	margin-right: 0;
}
.page_list > li a {
	display: block;
	text-decoration: none;
	transition: ease-out 0.3s;
}
.page_list > li a:hover {
	opacity: 0.8;
}
.page_list > li a[href^="javascript"]:hover {
	opacity: 1;
}
.page_list > li a .page_list_title {
	padding: 10px 10px 0 26px;
	border-top: solid 1px #cbcbcb;
	background-image: url(../images/list_mark_l.png);
	background-position: 5px 13px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	font-size: 114.2%;
	text-decoration: none;
}
.page_list > li a .page_list_body {
	color: #1a1a1a;
}
/*.page_list > li .page_list_title a {
	display: block;
	padding: 10px 10px 0 26px;
	border-top: solid 1px #cbcbcb;
	background-image: url(../images/list_mark_l.png);
	background-position: 5px 13px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	font-size: 114.2%;
	text-decoration: none;
}*/
.page_list > li .page_list_title.no_bdr {
	border-top: none;
}
.page_list > li .page_list_body {
	padding: 10px 10px 0;
}


.guidance_list{
	margin-bottom: 50px;
}

.guidance_list dt{
	float: left;
	width: 20%;
	
	color:#144d80;
}

.guidance_list dd{
	float:left;
	width: 80%;
}

.guidance_list dd a{
	text-decoration: none;	
}

.guidance_list dd li{
	margin-bottom: 10px;
}

@media screen and (max-width: 740px) {
	
.guidance_list dt{
	float: none;
	width: 100%;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
}

.guidance_list dd{
	float: none;
	width: 100%;
}
	
}


.corona_link{
	margin-bottom: 60px;
}

.corona_link ul{
	margin-left: 30px;
}

.corona_link li{
	margin-bottom: 20px;
}

.link_date{
	padding-left: 20px;
	padding-bottom: 10px;
}

.corona_link li a{
	color: #000;
}

@media screen and (max-width: 740px) {	

.corona_link ul{
	margin-left: 0;
}

}

/* PC */
@media screen and (min-width: 741px), print {
	.cat_index_area .page_list.col3 {
		padding-top: 15px;
	}
}

/* SP */
@media screen and (max-width: 740px) {
	.cat_index_area {
		margin: 0 15px 50px;
		padding: 15px 0 0 0;
	}
	.page_list.col2 > li,
	.page_list.col3 > li,
	.page_list.col4 > li {
		float: none;
		width: auto;
		margin: 0 0 30px 0;
		overflow: hidden;
	}
	.page_list.col2 > li p img,
	.page_list.col3 > li p img,
	.page_list.col4 > li p img {
		width: 100%;
	}
	.page_list > li > a > p {
		float: left;
		width: 45%;
		margin-bottom: 0.75em;
	}
	.page_list > li > a .page_list_title {
		margin-left: 47%;
		padding: 20px 10px 0 26px;
		background-position: 5px 22px;
		border-top: none;
	}
	.page_list > li > a .page_list_body {
		clear: both;
		padding: 0;
	}
	/*.page_list > li > a .page_list_body:before {*/
	.page_list > li > a .page_list_body:after {
		content: "";
		display: block;
		margin-bottom: 10px;
		padding-bottom:30px;
		border-bottom: solid 1px #cbcbcb;
	}
	
	.page_list > li.last_c{
		margin-bottom: 20px;
	}
	
	.page_list > li.last_c > a .page_list_body:after {
		content: "";
		display: block;
		margin-bottom: 10px;
		padding-bottom:10px;
		border-bottom: none;
	}
	
	
	
	/*
	.page_list > li > p + dl dt {
		padding-top: 0.75em;
	}
	.page_list > li > p + dl .page_list_title a {
		margin-left: 47%;
		border-top: none;
	}
	.page_list > li > p + dl .page_list_body:nth-child(2) {
		clear: both;
		border-top: solid 1px #cbcbcb;
	}
	*/
}



/* ==================================================================
	Stype - Space
================================================================== */

/*  margin
------------------------------------------------------------------ */
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml00 { margin-left: 100px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

/* PC */
@media screen and (min-width: 741px), print {
	.mt20_pc { margin-top: 20px !important; }
	.mr20_pc { margin-right: 20px !important; }
	.mr30_pc {margin-right: 30px !important; }
	.mr50_pc {margin-right: 50px !important; }
	.mb100 { margin-bottom: 100px !important; }
	.mb150 { margin-bottom: 150px !important; }
	.ml20_pc { margin-left: 20px !important; }
}

/* SP */
@media screen and (max-width: 740px) {
	.mt10_sp { margin-top: 10px !important; }
	.mt20_sp { margin-top: 20px !important; }
	.mb10_sp { margin-bottom: 10px !important; }
	.mb20_sp { margin-bottom: 20px !important; }
}

/*  padding
------------------------------------------------------------------ */
.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }

/* PC */
@media screen and (min-width: 741px), print {
	.pr20_pc { padding-right: 20px !important; }
	.pb90 { padding-bottom: 90px !important; }
	.pl170 { padding-left: 170px !important; }
}


/*  スマホ用アンカーリンクボックス
------------------------------------------------------------------ */
@media screen and (max-width: 740px) {
	.anchor_box_sp {
		margin-top: -50px !important;
		padding-top: 50px !important;
	}
}



/* ==================================================================
	Style - Float, Clear
================================================================== */

/*  Float
------------------------------------------------------------------ */
/* PC */
@media screen and (min-width: 741px), print {
	.fl { float: left; }
	.fr { float: right; }
}

@media screen and (max-width: 740px) {
	.fl_sp { float: left; }
	.fr_sp { float: right; }
}

/*  Clear
------------------------------------------------------------------ */
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.cf:after { content: ""; display: block; clear: both; }

/*  Display
------------------------------------------------------------------ */
.d_b {display: block; }
.d_ib { display: inline-block; }

@media screen and (min-width: 741px), print {
	.d_t { display: table; }
	.d_tc { display: table-cell; vertical-align: middle; }
}



/* ==================================================================
	プリント改ページ
================================================================== */
@media print {
	.pagebrake_b {
		page-break-before: always;
	}
}