@charset "UTF-8";

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

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

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

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


/* ==================================================================
	Reset
================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	/*border: 0;*/
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ==================================================================
	Base Setting
================================================================== */

/* body
------------------------------------------------------------------ */
html {
	height: 100%;
	min-height: 100%;
}
body {
	height: 100%;
	min-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 87.5%; /* 14px */
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
a {
	margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
	text-decoration: none;
	color: #1a1a1a;
}
table {
	font-size: 90%;
}

.hidesp { display: none !important; }


/* ==================================================================
	Box Layout
================================================================== */

/* hidden parts
------------------------------------------------------------------ */
#header_pc, #left_col, #right_col { display: none; }

/* contents_area
------------------------------------------------------------------ */
#contents_area {
	padding-top: 120px;
	padding-bottom: 20%;
}



/* ==================================================================
	Navigation
================================================================== */

/* =================== header =================== */
#header{
	padding-top:3.5%;
	padding-bottom:3%;
	position:fixed;
	z-index:1000;
	left:0;
	top:0;
	width:100%;
	background:#fff;
}

#header .c_inner{
	padding-left:4%;
	padding-right:4%;
}

#header .head_btn{
	width:15%;
}

#header .head_btn,
.fixed_nav .head_btn{
	float:right;
}

#header .logo{
	width:80%;
}

#header .logo,
.fixed_nav .logo{
	float:left;
}

#header .head_btn li:nth-child(1),
#header .head_btn li:nth-child(2){
	display:none;
}

#header .head_btn .nav_btn{
	width:100%;
	display: block !important;
}


/* Global Navi (#sMenu02)
------------------------------------------------------------------ */
#gNav_sp {
	overflow: hidden;
	background: #fff;
}
#gNav_sp li {
	float: left;
	width: 33.3%;
}

/* Target Navi (#sMenu02)
------------------------------------------------------------------ */
#tNav_sp {
	overflow: hidden;
	padding: 5%;
	background: #fff;
}
#tNav_sp li {
	float: left;
	width: 50%;
}
#tNav_sp li a {
	display: block;
	padding: 1em 0;
	background: #ececec;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	text-align: center;
	color: #000;
}
#tNav_sp li:nth-child(2n) a {
	border-right: none;
}
#tNav_sp li:last-child a {
	border-bottom: none;
}

/* Header Navi (#sMenu02)
------------------------------------------------------------------ */
#hNav_sp {
	overflow: hidden;
	background: #fff;
}
#hNav_sp li {
	float: left;
	box-sizing: border-box;
	width: 33.3%;
}
#hNav_sp li:nth-child(2) {
	border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
}
#hNav_sp li a {
	display: block;
}

.hNav04 {
	box-sizing: border-box;
	padding: 5%;
	background: #fff;
}
.hNav04 a img {
	border: solid 1px #000;
}

/* Other Navi (#sMenu02)
------------------------------------------------------------------ */
.oNav_sp {
	padding: 0 5% 5%;
	background: #fff;
	text-align: center;
	overflow: hidden;
}
.oNav_sp li {
	float: left;
	box-sizing: border-box;
	width: 33%;
	margin-bottom: 1em;
	border-left: solid 1px #ccc;
	font-size: 80%;
}
/*.oNav_sp li:last-child {
	width: 66%;
}*/
.oNav_sp li:last-child {
	width: 33%;
}
.oNav_sp li:nth-child(3),
.oNav_sp li:last-child {
	border-right: solid 1px #ccc;
}
/*.oNav_sp li {
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right: solid 1px #ccc;
	font-size: 90%;
}
.oNav_sp li:nth-child(4),
.oNav_sp li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}*/

/* Update Navi (#sMenu03)
------------------------------------------------------------------ */
#udNav_sp {
	overflow: hidden;
	padding: 10px;
	background: #ea9900;
}
#udNav_sp .udNavBox {
	box-sizing: border-box;
	width: 49%;
	padding: 15px;
	background: #fff;
}
#udNav_sp .udNav_news {
	float: left;
}
#udNav_sp .udNav_dp {
	float: right;
}
#udNav_sp .udNavBox li a {
	display: block;
	margin-top: 0.75em;
	padding-top: 0.75em;
	border-top: solid 1px #b0b0b0;
	color: #1a1a1a;
}

/* =================== footer =================== */
.pagetop{
	position:relative;
}

.pagetop p{
    right: 6%;
    width: 12%;
    z-index: 99;
}

#footer{
	border-top:1px solid #bbb;
}

#footer .c_inner{
	padding-top:4%;
	padding-bottom:2%;
}

.footer_info,
.footer_bnr{
	float:none;
	width:100%;
}

.footer_info p:first-child{
	width:66%;
	margin-bottom:4%;
}

.footer_info p + p{
	font-size:21px;
	font-size: 3vw;
	line-height:1.8;
}

.footer_bnr ul{
	width:100%;
	margin:4% 0 10%;
	overflow:hidden;
}

.footer_bnr li{
	width:12%;
	margin:0 5% 0 0;
	float: left;
}

.footer_bnr .copy{
	text-align:left;
	font-size:12px;
	clear:both;
}

/* ==================================================================
	#contact_sp
================================================================== */
#contact_sp ul {
	margin-top: 2em;
	padding: 1em 0;
	background: #f0f0f0;
	overflow: hidden;
}
#contact_sp li {
	float: left;
	width: 33.3%;
}
#contact_sp li a {
	display: block;
	padding-bottom: 5px;
	text-align: center;
}
#contact_sp li:nth-child(2) a {
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
}
#contact_sp li a img {
}



/* ==================================================================
	Page Elements
================================================================== */

/* Page Title
------------------------------------------------------------------ */
#page_title_img {
	width: 100%;
	height: auto;
	background-size: cover;
}
#page_title {
	margin: 0 15px 10px;
	/*border-bottom: solid 2px #cbcbcb;*/
}
#page_title h1 {
	padding: 1em 0 0;
	font-size: 150%;
	color: #144d80;
}

#main_contents_side_opne_btn_sp {
	position: absolute;
	right: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
}
#main_contents_side_opne_btn_sp a {
	display: block;
	height: 40px;
	background: url(../images/sp/main_contents_side_opne_btn_off.png) no-repeat;
	background-size: cover;
	text-indent: -9999px;
}
#main_contents_side_opne_btn_sp a.on {
	background: url(../images/sp/main_contents_side_opne_btn_on.png) no-repeat;
	background-size: cover;
}

/* Topic Path
------------------------------------------------------------------ */
#topic_path {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-height: 41px;
	padding: 0;
	background: url(../images/sp/main_contents_side_opne_btn_bg.png) right center repeat-y #f2f2f2;
	background-size: 40px auto;
	border-top: solid 1px #cdcdcd;
	font-size: 85.7%;
}
#topic_path.no_menu {
	background-image: none;
}
#topic_path ul {
	padding: 12px 50px 11px 10px; /* 201701修正 */
}
#topic_path.no_menu  ul {
	padding: 12px 10px 11px 10px; /* 201803修正 */
}
#topic_path ul li {
	display: inline;
	margin-right: 0px;
}
#topic_path ul li:after {
	padding-left: 5px;
	content: "＞";
	font-size: 80%;
}
#topic_path ul li:last-child:after {
	padding-left: 0;
	content: none;
}

/* Accordion Nav
------------------------------------------------------------------ */
.accnav {
	display: none;
	position: absolute;
	z-index: 3;
	width: 100%;
	margin: 0 0 0 0;
	border-top: solid 1px #dadada;
	background: #fff;
	box-shadow: 0 5px 3px rgba(0,0,0,0.2);
}
.accnav h2 {
	display: none;
}

/* Main Contents Side
------------------------------------------------------------------ */
#main_contents_side {
	display: none;
}

/* Main Contents Side Navi
------------------------------------------------------------------ */
.side_nav_title a {
	display: block;
	padding: 15px 10px;
	background: #144d80;
	font-size: 114.2%;
	color: #fff;
}
.side_nav {
	/*background: #f2f2f2;*/
}
.side_nav li ul {
	display: none;
}
.side_nav li.cur > ul {
	display: block;
}
.side_nav li.par > ul {
	display: block;
}
.side_nav li.par > ul ul {
	/*display: none;*/
}
.side_nav li.par > ul li.cur > ul,
.side_nav li.par > ul li.cur > ol {
	display: block;
}
.side_nav a,
.side_nav span.no_link {
	display: block;
	padding: 13px 10px 10px;
	border-bottom: solid 1px #dadada;
}
.side_nav span.no_link {
	padding-left: 15px;
}
.side_nav > li > a {}
.side_nav > li:last-child a {
	/*border-bottom: none;*/
}
.side_nav .cur > a,
.side_nav .par > a {
	background: #d9e1ea;
}
.side_nav li li a {
	padding: 10px 10px 8px 20px;
	background: #e7f2f9;
	font-size: 85.7%;
}
.side_nav li.cat_exam-open-opencampus li a{
  background: none;
}
.side_nav li li.cur > a,
.side_nav li li.par > a {
	background: #e7f2f9;
	font-weight: bold;
	color: #144d80;
}
.side_nav li li li a {
	padding: 4px 10px 4px 30px;
	background: #fff;
	border-bottom: none;
}
.side_nav li li li:first-child a {
	padding-top: 8px;
}
.side_nav li li li:last-child a {
	border-bottom: solid 1px #dadada !important;
	padding-bottom: 8px;
}
.side_nav li li li.cur a,
.side_nav li li li.par a {
	background: #fff;
	font-weight: bold;
	color: #144d80;
}

.side_nav .cat_exam-open-opencampus-report.cur a,
.side_nav .cat_exam-open-opencampus-report.par a {
	border-bottom: none;
}
.side_nav .cat_exam-open-opencampus-report.cur .dir_4,
.side_nav .cat_exam-open-opencampus-report.par .dir_4 {
	display: block;
}
.side_nav .dir_4 {
	display: none;
	padding-left: 1em;
}
.side_nav .dir_4 li a {
	padding-top: 0px !important;
	border: none !important;
	font-weight: normal !important;
	color: #1a1a1a !important;
}
.side_nav .dir_4 li:last-child a {
	padding-bottom: 8px !important;
}
.side_nav .dir_4 li.cur a {
	background: #fff !important;
	font-weight: bold !important;
	color: #144d80 !important;
}

.side_nav .num {
	display: block;
	float: left;
	width: 2em;
}
.side_nav .num_ind {
	display: block;
	padding-left: 2em;
}

/* Main Contents Side Navi フルオープン
------------------------------------------------------------------ */
.side_nav.full_open li ul {
	display: block;
}


/* Side Navi イレギュラー
------------------------------------------------------------------ */
body.cat_outline-disclosure .display_outline-disclosure,
body.cat_outline-disclosure-evaluation-01 .display_outline-disclosure,
body.cat_outline-disclosure-evaluation-02 .display_outline-disclosure,
body.cat_outline-disclosure-evaluation-03 .display_outline-disclosure {
	display: block !important;
}


/* Main Contents Body
------------------------------------------------------------------ */
#main_contents_body,
#main_contents_body_one {
	width: auto;
	margin: 0;
	padding-bottom: 30px;
}
#main_contents_body > article,
#main_contents_body_one > article {
	padding: 10px 15px;
}


/* Contents Footer Navi
------------------------------------------------------------------ */
#contents_fotter_nav_sp {
	margin: 15px;
	/*border: solid 1px #dadada;*/
}

/* Accordion Slide Navi
------------------------------------------------------------------ */
.accnav .side_nav > li > a {
	padding-left: 35px;
	background: url(../images/sp/list_mark_s.png) 15px 15px no-repeat;
	background-size: 13px 13px;
}
.accnav .side_nav > li.cur > a,
.accnav .side_nav > li.par > a {
	background-color: #d9e1ea;
}



}
/* end - max-width: 740px */






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

/* Footer Navi 03
------------------------------------------------------------------ */
.fNav03 li {
	width: 40%;
	margin: 0.25em 0;
}
.fNav03 li:nth-child(6) {
	border-right: none;
}
.fNav03 li:last-child {
	padding-right: 1em;
}
.oNav_sp li {
	font-size: 70%;
}

}
/* end - max-width: 374px */

@media screen and (max-height: 450px) {
	.slideMenu .scroll {
		height: 350%;
	}
}






/* [[ 201707 英語サイトへのリンク非表示 ]] */

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

/* Header Navi (#sMenu02)
------------------------------------------------------------------ */
#hNav_sp {
	padding-left: 5%;
	padding-right: 5%;
	overflow: hidden;
	background: #fff;
}
#hNav_sp li {
	float: left;
	box-sizing: border-box;
	width: 50%; /* 変更 */
	/*width: 33.3%;*/
	padding: 0 7%;
}
#hNav_sp li:nth-child(2) {
	border-right: none;
}
#hNav_sp li:last-child { /* 追加 */
	display: none;
}


}




/* [[ 201802 NEWS記事内のtable幅調整 ]] */
@media screen and (max-width: 740px) {
	.dtl_body table {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}
	.dtl_body table th,
	.dtl_body table td {
		box-sizing: border-box !important;
		padding: 0.5em 0.75em;
		/*border-collapse: separate !important;
		border-spacing: 0 !important;*/
		vertical-align: middle;
	}
}


#main_contents_body article .mt50 .table01.mt20 tr td .sup {
    font-size: 10px;
}


@media screen and (max-width: 740px) {
	
.movie_pager{
    clear: both;
    padding-top: 40px;
	padding-bottom: 40px;
}

/*
.movie_pager .pager_prev {
    float: left;
}

.movie_pager .pager_next {
    float: right;
}
*/

	.index_pager_right .link_btn_right,
	.archive_pager_left .link_btn_left,
	.archive_pager_between .link_btn_right,
	.archive_pager_between .link_btn_left{
		margin: 10px 5px;
	}

	.movie_pager .link_btn_right a {
		display: block;
		padding: 0.75em 2.5em 0.75em 1em;
		background: url(../images/link_btn_right_arw.png) 95% center no-repeat;
			background-color: rgba(0, 0, 0, 0);
			background-size: auto;
		background-size: 6px auto;
		border: solid 1px #dcdcdc;
		color: #144d80;
		text-decoration: none;
	}

	.movie_pager .link_btn_left a {
		display: block;
		padding: 0.75em 1em 0.75em 2.5em;
		background: url(../images/link_btn_left_arw.png) 5% center no-repeat;
			background-color: rgba(0, 0, 0, 0);
			background-size: auto;
		background-size: 6px auto;
		border: solid 1px #dcdcdc;
		color: #144d80;
		text-decoration: none;
	}	
	
	.archive_pager_between_2019 li.link_btn_left,
	.archive_pager_between_2019 li.link_btn_right,
	.archive_pager_between_2020 li.link_btn_left,
	.archive_pager_between_2020 li.link_btn_right{
		margin-bottom: 10px;
	}
	
}