@charset "utf-8";
/*
Theme Name:Junshin Official
Description:埼玉純真短期大学オフィシャル
Version:2.0
Author:WEBYA INC.
Author URI: https://www.webya.co.jp
Description: 2021年3月より統合された新テーマ
Text Domain: junshin-official
*/

#library_box02 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

#library_box02 .inner .inner_col {
  width: 49%;
}

.outer_orange {
  background: #fff5e8;
}

.wrap_outer {
  /* background-color: #fae0ec; */
  margin-left: calc(((100vw - 100%)/2)*-1);
  margin-right: calc(((100vw - 100%)/2)*-1);
  padding: 40px calc((100vw - 100%)/2) 40px;
}

.wrap_outer.outer_orange > .wrap_occontact {
  margin-bottom: 0!important;
}

@media (min-width: 769px) {
  #instagram_feed {
    margin: 1em 0 4em;
  }
  .instagram_feed_inner {
    margin: 30px auto 0;
    max-width: 1130px;
    padding: 0 15px;
  }
  .instagram_feed_inner h2 {
    margin: 2em auto 0.5em;
    color: #db2f80;
    font-size: 4rem;
    text-align: center;
  }
}

@media (max-width: 768px) {
  #instagram_feed {
    margin: 1em 0 4em;
  }
  .instagram_feed_inner h2 {
    color: #db2f80;
    font-size: 2.6rem;
    text-align: center;
    margin-bottom: .25em;
    color: #db2f80;
  }
}

.oc_announce {
	font-size: .86666666em;
	margin: 1em 0 3em;
}

.oc_announce_txt {
	line-height: 1.5;
	text-indent: -1em;
   margin-left: 1em;
}

.oc_announce_txt + .oc_announce_txt {
	margin-top: .5em;
}

.kome {
	text-indent: -1em;
   margin-left: 1em;
}





.cal_pink {
	background-color: #FFB5B5;
	margin: 0 3px;
}

.cal_orange {
	background-color: #ffeaaa;
	margin: 0 3px;
}

.holiday-titles {
	display: none;
}

.xo-event-calendar table.xo-month .month-header > span {
	font-weight: bold;
	font-size: 20px;
}

.xo-event-calendar table.xo-month .month-dayname td div {
	text-align: center;
	font-size: 18px;
}

.xo-event-calendar table.xo-month {
	border: 0;
}
.xo-event-calendar table.xo-month > thead th {
	border-width: 0;
}

.xo-event-calendar table.xo-month .month-dayname td {
  border-width: 1px 0 0;
}

.aa_trigger {
	display: inline-block;
	border: 1px solid #DB2E80;
	padding: .25em 1.5em;
	border-radius: 100px;
	cursor: pointer;
}

.hide_box {
	display: none;
}


@media ( min-width: 769px ) {

	.curriculum_sheet {
		width: 100%;
		display: flex;
		gap: 1em;
	}

	
	.curriculum_sheet > div:not(:last-child) {
		padding: 0 1em 0 0;
	}

	.liberal_arts table,
	.curriculum_sheet table {
		margin: 0;
		border: 0;
	}


	.academic_year {
		flex: 0 1 3.5em;
	}

	.nursery_school {
		display: flex;
		flex: 0 1 40%;
		position: relative;
	}

	.common_subjects {
		display: flex;
		flex: 0 1 36%;
		position: relative;
	}

	.kindergarten {
		display: inline-flex;
		flex: 0 1 16%;
		position: relative;
	}

	.nursery_school::before,
	.common_subjects::before,
	.kindergarten::before {
		position: absolute;
		content: "";
		display: inline-flex;
		width: 1px;
		height: 100%;
		background-color: #ccc;
		margin: 0 .5em;
		left: -1.5em;
	}

	.common_subjects thead th:last-child {
		width: 8em;
	}

	.liberal_arts table,
	.nursery_school table,
	.common_subjects table,
	.kindergarten table {
		table-layout: fixed;
	}

	.grade_1 {
		display: none;
	}

	.academic_year {
		font-size: 20px;
		line-height: 1;
		margin-top: .5em;
	}
}


@media ( max-width: 768px ) {
	.liberal_arts table,
	.nursery_school table,
	.common_subjects table,
	.kindergarten table {
		table-layout: unset;
		font-size: 12px;
	}
}

.liberal_arts table th::before,
.curriculum_sheet table th::before {
	content: "▼";
	background: #333;
	padding: 0;
	display: inline-flex;
	width: 1.25em;
	height: 1.25em;
	color: #fff;
	justify-content: center;
	align-items: center;
	margin-right: .5em;
}

table .t_green {
	color: #35A458;
}

table .t_pink {
	color: #DB2E80;
}

table .t_red {
	color: #d40000;
}

table .t_green::before {
	background-color: #35A458 !important;
}

table .t_pink::before {
	background-color: #DB2E80 !important;
}

table .t_red::before {
	background-color: #d40000 !important;
}

.liberal_arts tbody td:last-child {
	color: #d40000;
}

.curriculum_sheet + .curriculum_sheet {
	margin-top: 2em;
}

.liberal_arts td span,
.curriculum_sheet td span {
	font-size: 80%;
	vertical-align: top;
}

.liberal_arts table a,
.curriculum_sheet table a {
	color: inherit;
}

.h_center_line {
	font-size: 2.5rem;
	position: relative;
	padding: 0 1em;
	text-align: center;
}

.h_center_line::before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #ccc;
}

.h_center_line span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}

.t_blue {
	color: #3399CC;
}

.t_orange {
	color: #ce9400;
}

.curriculum_sheet table caption {
	font-size: 1.5rem;
	text-align: left;
	padding: .5em .75em;
	margin-bottom: .5em;	
	color: #fff;
}

.nursery_school table caption {
	background: #DB2E80;
}

.common_subjects table caption {
	background: #35A458;
}

.kindergarten table caption {
	background: #3399CC;
}


.liberal_arts th,
.curriculum_sheet th {
	background: transparent !important;
}

.liberal_arts th,
.liberal_arts td,
.curriculum_sheet th,
.curriculum_sheet td {
	border: 0 !important;
	padding: 2px 4px !important;
}

.liberal_arts table th,
.curriculum_sheet table th {
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
}

.liberal_arts table th::before,
.curriculum_sheet table th::before {
	content: "▼";

}


.survey_table th {
	text-align: center;
	vertical-align: middle;
}

.survey_table th.thtl {
	text-align: left;
}

.survey_table td {
	text-align: right;
}

.questionnaire {
	width: 100%;
	display: flex;
	gap: 1em;
	margin-top: 3em;
	font-family: var(--font-bold);
	font-weight: 700;
	flex-flow: wrap;
}

.questionnaire .questionnaire_btn {
}

.questionnaire .questionnaire_btn a {
	border: 1px solid #db2f80;
	padding: .75em 1.75em;
	border-radius: 100px;
	display: block;
}


@media (any-hover: hover) {

	.questionnaire .questionnaire_btn a:hover {
		background-color: #DB2E80;
		color: #fff;
	}