@charset "UTF-8";

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

	学生生活｜大同大学
	/common/css/cat_life.css

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

/* サイドバー　「CAREER DESIGN NOTE」一時的に非表示 */

.side_nav li li.cat_life-career-design.cur,
.side_nav li li.cat_life-career-design{
	display:none;
}

/* ==================================================================
	学生生活　共通
	life/ 以下階層共通
================================================================== */
/* PC */
@media screen and (min-width: 741px), print {
	#main_contents_body.height_life-class { min-height: 1100px; }
	#main_contents_body.height_life-class-risyuu { min-height: 1304px; }
	#main_contents_body.height_life-class-zyugyou { min-height: 1043px; }
	#main_contents_body.height_life-class-score { min-height: 1009px; }
	#main_contents_body.height_life-class-kyousyokukatei { min-height: 1043px; }
	#main_contents_body.height_life-tuition { min-height: 808px; }
	#main_contents_body.height_life-procedure { min-height: 772px; }
	#main_contents_body.height_life-support {
    min-height: 1080px;
}
	#main_contents_body.height_life-support-health_care { min-height: 1000px; }
	#main_contents_body.height_life-club { min-height: 920px; }
}

@media screen and (max-width: 740px) {
	.overflow_scroll table.table01 {
		width: 170%;
	}
}


/* ==================================================================
	履修申請の流れ
	life/risyuu/risyuu_nagare.html
================================================================== */
.nagare_flow01 {
	border: solid 3px #ececec;
	text-align: center;
}
.nagare_flow01 > dt {
	padding: 10px;
	background: #ececec;
	font-size: 114%;
}
.nagare_flow02 > dt {
	margin: 25px 25px 0;
	padding: 10px;
	background: #005596;
	font-size: 114%;
	color: #fff;
}
.nagare_flow02 > dd {
	margin: 10px 25px 20px;
}
.nagare_flow02 .detail {
	box-sizing: border-box;
	width: 100%;
	background: #ececec;
	border: solid 20px #ececec;
}
.nagare_flow02 .detail th {
	width: 100px;
	background: #fff;
	vertical-align: middle;
	color: #005596;
}
.nagare_flow02 .detail td {
	padding-left: 20px;
}
.nagare_flow02 > dd.last {
	padding: 10px;
	border: solid 2px #005596;
	font-size: 114%;
	font-weight: bold;
	color: #005596;
}

@media screen and (max-width: 740px) {
	.nagare_flow02 .detail th,
	.nagare_flow02 .detail td{
		display: block;
		width: auto;
	}
	.nagare_flow02 .detail {
		border: solid 10px #ececec;
	}
	.nagare_flow02 .detail th {
		padding: 10px 10px 6px;
	}
	.nagare_flow02 .detail td {
		padding: 10px 0 0;
	}
}


/* ==================================================================
	どの授業科目をどのように履修するか（履修計画の立て方）
	life/risyuu/keikaku_tatekata.html
================================================================== */
.keikaku_flow li {
	margin-top: 15px;
	padding-top: 15px;
	border-top: dotted 1px #ccc;
}
.keikaku_flow li:last-child {
	padding-bottom: 15px;
	border-bottom: dotted 1px #ccc;
}


/* ==================================================================
	人間科学科目群の履修方法と履修上の注意
	life/risyuu/tyuui_2009_2011.html
	life/risyuu/tyuui_2012.html
	life/risyuu/tyuui_2016.html
================================================================== */
.tyuui_inbox {
	font-size: 90%;
	padding-bottom: 15px;
	border-bottom: dotted 1px #ccc;
}
.tyuui_inbox dt {
	display: block;
	margin-top: 15px;
	padding-top: 15px;
	border-top: dotted 1px #ccc;
}
.tyuui_inbox ul li.title {
	margin-left: 1em;
	font-weight: bold;
}
.tyuui_inbox ul li.title:before {
	content: none;
}
.tyuui_inbox ul li.title + li {
	margin-top: 3px;
}


/* ==================================================================
	授業欠席の手続方法
	life/class/zyugyou/kesseki.html
================================================================== */
.cat_life-class-zyugyou-kesseki .cassette {
	border: solid 1px #d2d2d2;
}
.cat_life-class-zyugyou-kesseki .cassette .heading,
.cat_life-class-zyugyou-kesseki .hayami li p {
	padding: 8px 0;
	background: #e5e5e5;
	text-align: center;
	line-height: 1;
	font-size: 107%;
}
.cat_life-class-zyugyou-kesseki .hayami li p span {
	display: inline-block;
	width: 1.4em;
	height: 1em;
	margin-left: 5px;
	padding: 5px 0 0px;
	background: #2f4d93;
	text-align: center;
	color: #fff;
}
@media screen and (min-width: 741px), print {
	.cat_life-class-zyugyou-kesseki .hayami li {
		float: left;
		box-sizing: border-box;
		width: 32%;
		margin: 15px 2% 0 0;
		text-align: center;
	}
	.cat_life-class-zyugyou-kesseki .hayami li:nth-child(3n) {
		margin-right: 0;
	}
}
@media screen and (min-width: 375px) and (max-width: 740px) {
	.cat_life-class-zyugyou-kesseki .hayami li {
		float: left;
		box-sizing: border-box;
		width: 48%;
		margin: 15px 4% 0 0;
		text-align: center;
	}
	.cat_life-class-zyugyou-kesseki .hayami li:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 374px) {
	.cat_life-class-zyugyou-kesseki .hayami li {
		float: none;
		width: 90%;
		margin: 1em auto 0;
	}
	.cat_life-class-zyugyou-kesseki .hayami li:nth-child(3n) {
		margin: 1em auto 0;
	}
}


/* ==================================================================
	奨学金制度
	life/tuition/syougakukin/index.html
================================================================== */
@media screen and (max-width: 740px) {
	.syougakukin_table { width: 200%; }
}


/* ==================================================================
	教育ローン
	life/tuition/loan/index.html
================================================================== */
.loan_table th,
.loan_table td {
	text-align: left;
}

@media screen and (max-width: 740px) {
	.loan_table th,
	.loan_table td {
		display: block;
		word-break: break-all;
	}
	.loan_table td {
		padding-left: 1em;
	}
}


/* ==================================================================
	各種届出
	life/procedure/suspension/index.html
================================================================== */
.simple_flow li {
	width: 70%;
	margin: 0 auto 6px;
	padding-bottom: 28px;
	background: url(../../life/procedure/suspension/images/arrow.png) center bottom no-repeat;
	background-size: 22px auto;
}
.simple_flow li p {
	padding: 10px;
	border: solid 1px #2f4d93;
	text-align: center;
}
.simple_flow li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

@media screen and (max-width: 740px) {
	.simple_flow li {
		width: auto;
	}
}


/* ==================================================================
	海外提携大学
	life/study/kaigai/index.html
================================================================== */
.ttl_box {
	padding: 0.75em 1.5em 1.25em;
	border: solid 4px #ECECEC;
}
.sec_headline .country {
	display: block;
	float: left;
	margin-top: 0.25em;
	margin-right: 0.5em;
	padding: 0.5em 0.5em 0.4em;
	background: #144d80;
	line-height: 1;
	font-size: 63%;
	color: #fff;
}
.photo {
	float: left;
}
.box01 .text {
	padding-left: 150px;
}
.box02 .text {
	padding-left: 250px;
}
.box03 .text {
	padding-left: 210px;
}

@media screen and (max-width: 740px) {
	.photo {
		width: 50%;
		max-width: 250px;
		margin: 0 1em 1em 0;
		text-align: center;
	}
	.box01 .photo {
		width: 40%;
	}
	.box01 .text,
	.box02 .text,
	.box03 .text {
		padding-left: 0;
	}
}


/* ==================================================================
	郊外の施設
	life/institution/kougai/index.html
================================================================== */
.cat_life-institution-kougai .map {
	float: left;
	margin-right: 10px;
	border: solid 1px #ccc;
}

@media screen and (max-width: 740px) {
.cat_life-institution-kougai .map {
	float: none;
	margin-right: 0;
	margin-bottom: 1em;
}
}


/* ==================================================================
	委員会・クラブ
	life/club/index.html
================================================================== */
.cat_life-club .heading_img img {
	float: left;
	width: 50%;
}

.club_box {
	overflow: hidden;
}
.club_box .image {
	float: left;
}
.club_box .image img {
	max-width: 200px;
}
.club_box .text {
	padding-left: 220px;
}
.club_box h2.sec_headline + div.text {
	padding-left: 0;
}

.modal_black .fancybox-overlay,
.modal_black .fancybox-overlay {
	background: url('../images/fancybox_overlay.png');
}
.modal_black .fancybox-skin,
.modal_black .fancybox-skin {
	position: relative;
	background: #fff;
	color: #444;
}
.modal_black .fancybox-close,
.modal_black .fancybox-close {
	background: url(../images/modal_close_white.png) center center no-repeat;
}

@media screen and (max-width: 740px) {
	.club_box .image {
		float: left;
		width: 40%;
		margin: 0 1em 0.5em 0;
	}
	.club_box .image img {
		max-width: 100%;
	}
	.club_box .text {
		padding-left: 0;
	}
}


/* ==================================================================
	委員会・クラブ（詳細ページ）
	life/club/detail/以下のページ
================================================================== */
.club_detail h1 {
	margin-bottom: 0.5em;
	font-size: 114%;
	color: #144d80;
}
.club_detail .table01 {
	font-size: 100%;
}

@media screen and (max-width: 399px) {
	.club_detail .table01 {
		font-size: 90%;
	}
}


/* ==================================================================
	学内刊行物
	/life/publication/
================================================================== */
.cat_life-publication .table01 th,
.cat_life-publication .table01 td {
	padding-top: 7px;
	padding-bottom: 5px;
}


/* ==================================================================
	学生生活 よくある質問
	/life/faq/
================================================================== */
.faq_list dt,
.faq_list dd {
	padding-left: 25px;
	text-indent: -20px;
}
.faq_list dt {
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 1px #ddd;
	color: #144d80;
}
.faq_list dt:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
.faq_list dd {
	margin: 5px 0 0 10px;
}
.faq_list dd * {
	text-indent: 0;
}
.faq_list dt:before {
	content: "Q";
	margin-right: 5px;
	font-size: 18px;
}
.faq_list dd:before {
	content: "A";
	margin-right: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #144d80;
}


/* ==================================================================
	キャンパスマップ
	/life/institution/kounai/
================================================================== */
.cat_life-institution #title_text_area_bg {
	background: url(../../life/institution/kounai/images/page_title_img.jpg) left top no-repeat;
}
.cat_life-institution #title_text_area {
	height: 415px;
}
.cat_life-institution #page_title {
	height: 415px;
}
.cat_life-institution #page_title h1 small {
	display: block;
	margin-top: 10px;
	font-size: 60%;
	letter-spacing: 0.07em;
	color: #1a1a1a;
}

.cat_life-institution article .sec_heading {
	padding: 10px;
	background: #f4f4f4;
	border: none;
}

@media screen and (min-width: 1540px) {
	.cat_life-institution #title_text_area_bg {
		background-size: 100% auto;
	}
}

@media screen and (max-width: 740px) {
	.cat_life-institution #title_text_area_bg {
		background: none;
	}
	.cat_life-institution #title_text_area {
		height: auto;
	}
	.cat_life-institution #page_title {
		height: auto;
		margin: 0;
	}
	.cat_life-institution #page_title h1 {
		padding: 0;
	}
	.cat_life-institution #page_title h1 small {
		margin: 10px 15px 0;
	}
}

.cat_life-institution .map img {
	box-sizing: border-box;
	max-width: 100%;
	border: solid 1px #cfcfcf;
}
.cat_life-institution .cap_list {
	margin-right: -0.5em;
}
.cat_life-institution .cap_list li {
	display: inline-block;
	margin: 0.75em 1.5em 0 0;
}
.cat_life-institution .num {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height: 2em;
	margin-right: 0.5em;
	background: #2f4d93;
	font-size: 80%;
	text-align: center;
	color: #fff;
}

.fac_name {
	margin: 20px 0 10px;
	font-size: 114%;
	color: #2f4d93;
}
.fac_name.reopen{
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	margin-top: -20px;
}
.fac_name.reopen > span:nth-child(1){
	width: 100%;
}
.fac_name.reopen > span:nth-child(1) .small{
	font-size: 80%;
}
.fac_name.reopen > span:nth-child(2){
	display: block;
	width: 100%;
	margin-top: -7px;
	text-align: right;
}
.fac_name.reopen > span:nth-child(2) img{
	position: relative;
	width: 90px;
	height: auto;
	top: 20px;
	left: 40px;
}
.col2{
	margin-top: 12px;
}
.col2 .fac_name.reopen > span:nth-child(2) img{
	top: 25px;
	left: 15px;
}
@media screen and (max-width: 740px){
	.col2{
		margin-top: 0;
	}
	.fac_name.reopen{
		margin-top: 2px;
	}
	.br_pc{
		display: none;
	}
	.fac_name.reopen > span:nth-child(1){
		z-index: 9999;
	}
	.fac_name.reopen > span:nth-child(2){
		position: relative;
		top: -15px;
	}
	.col2 .fac_name.reopen > span:nth-child(2){
		top: 25px;
		height: 3em;
	}
	.fac_name.reopen > span:nth-child(2) img{
		left: 10px;
	}
	.col2 .fac_name.reopen > span:nth-child(2) img{
		top: 0;
		left: 0;
	}
	#anc01_03 .col2 .box_1-2:nth-child(2) .fac_name.reopen > span:nth-child(2){
		top: 10px;
	}
}

.fac_thumb {
}
.fac_thumb a {
	position: relative;
	display: block;
	transition: opacity ease-out 0.3s;
}
.fac_thumb a .detail_open {
	position: absolute;
	right: 0;
	bottom: 0;
}

.cat_life-institution .fancybox-inner {
	overflow: auto !important;
}


/* ==================================================================
	キャンパスマップ　モーダルページ
	/life/institution/kounai/detail**.html
================================================================== */
#cat_campusmap * {
	margin: 0;
	padding: 0;
}
#cat_campusmap p {
	margin-bottom: 1em;
}
#cat_campusmap h1 {
	margin-bottom: 10px;
	font-size: 114%;
	color: #2f4d93;
}



/* ==================================================================
	　サイドナビーリンク無し
================================================================== */


.side_nav .un_link {
	/*padding: 10px 10px 8px 16px;*/
	padding: 10px 10px 8px 20px;
	background: #e7f2f9;
	font-size: 85.7%;
    border-bottom: solid 1px #dadada;
}

/* ==================================================================
	Q&A
================================================================== */
.table_qa {
	margin-top: 30px;
}
.table_qa th {
	font-size: 128%;
	font-weight: bold;
}
.table_qa thead th,
.table_qa thead td {
	vertical-align: middle;
}
.table_qa tbody th {
	color: #144d80;
}