/*
--- login user
---------------------------------------------------------------------------*/
.user_messege {
    display: none;
}


/*
--- header
---------------------------------------------------------------------------*/
.sub-headerImg-wrapper {
    max-width: 1000px;
    margin: 20px auto 0;
    position: relative;
}
.sub-headerImg-bgi {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
    position: relative;
    z-index: 0;
}
.sub-headerImg-bgi::before {
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    left: 0;
    top: 0;
	z-index: 1;
    background: linear-gradient(90deg, rgba(255,255,255,0.8), transparent);
}
.sub-headerImg-bgi::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    filter: blur(2px);
	clip-path: inset(0 63% 0 0);
}
h1.sub-headerImg-h1 {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    padding: 5px 40px 10px;
    color: #0079c2;
    font-family: "A-OTF じゅん Pro", sans-serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 100;
}
body.shs-body h1.sub-headerImg-h1{
	color: #D95792;
}
h1.sub-headerImg-h1::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 30px;
    height: 30px;
    display: block;
    left: 0;
    top: 0;
    background-color: #0079c2;
}
body.shs-body h1.sub-headerImg-h1::before {
	background-color: #D95792;
}
h1.sub-headerImg-h1::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: calc(50% + 7px);
    display: block;
    background-color: #FFF;
    left: 20px;
    bottom: 0;
}

/*
---
---------------------------------------------------------------------------*/
.breadcrumbs{
	max-width: 1000px;
	font-size: 1.2rem;
	padding: 0.5em 0.5em 0;
	color: #888;
}
.breadcrumbs > span{
	display: inline-block;
	/*vertical-align: middle;*/
	color: #0079c2;
}
body.shs-body .breadcrumbs > span{
	color: #D95792;
}
.breadcrumbs a{
	color: inherit;
	color: #888;
}
.breadcrumbs a:hover{
	color: #0079c2;
}


/*
---
---------------------------------------------------------------------------*/


/*
---
---------------------------------------------------------------------------*/
hr{
	display: block;
	border-width: 1px 0 0;
	border-color: #ddd;
}
.hr_dotted hr{
	border-style: dashed;
}


/*
---
---------------------------------------------------------------------------*/
.listlink_wrp{
	margin-top: 1.5em;
}
.listlink_wrp a{
	display: block;
	padding: 15px 15px 15px 26px;
	color: inherit;
	border-style: dashed;
	border-color: #ddd;
	border-width: 1px 0 0;
	position: relative;
	background-image: url(../images/arrow_6x10_keycolor_border_left.png);
	background-position: 10px 20px;
	background-repeat: no-repeat;
	-webkit-background-size: 6px 10px;
	background-size: 6px 10px;
}
.listlink_wrp a:last-child{
	border-bottom-width: 1px;
}
.listlink_wrp a:hover{
	background-color: rgba(9, 73, 174, 0.05);
}

.listlink_wrp a[href$=".pdf"]{
	padding-right: 52px;
}
.listlink_wrp a[href$=".pdf"]:after{
	content: '';
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../images/Adobe_PDF_file_icon_32x32.png);
	background-repeat: no-repeat;
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
}


/*
---page anchor
---------------------------------------------------------------------------*/


/*
---category.php
---------------------------------------------------------------------------*/
.noarticle{
	width: 100%;
	padding: 100px 15px;
	background-color: #f5f5f5;
	text-align: center;
}
.article_blk-hover {
    display: none;
}

.pager{
	margin-top: 2em;
}
.pager-arrows{
	float: left;
}
.pager-arrows svg{
	vertical-align: middle;
}
.pager-arrows a,
.pager-arrows span{
	width: 35px;
	height: 35px;
	padding: 0;
	background-color: rgba(9, 73, 174, 0.75);
	background-image: url(../images/arrow_6x10_wht_border_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 6px 10px;
	background-size: 6px 10px;
	display: inline-block;
	margin-right: 5px;
	text-align: center;
}
.pager-arrows span{
	opacity: 0.25;
}

.pager-arrows > :first-child{
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}


.pager-arrows a:hover{
	background-color: rgba(9, 73, 174, 1);
}

.pager select[name="sp_paginate_links"]{
	float: right;
	font-size: 1.5rem;
	width: 300px;
	box-sizing: border-box;
	margin: 0 auto;
	display: block !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding:5px 36px 5px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	cursor:pointer;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	background-image: url(../images/icon_select_open.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px auto;
}
.pager select[name="sp_paginate_links"]::-ms-expand{
	display: none;
}


/*
---single.php
---------------------------------------------------------------------------*/
h5.article-school {
    margin: 0;
    font-size: 16px;
	display: inline-block;
	margin-left: 10px;
}
.singleArticle-catList{
	margin: 30px 0;
	padding: 10px 15px 15px;
	clear: both;
	background-color: #efefef;
}
.singleArticle-catList a{
	display: inline-block;
	padding: 10px;
	background-color: #2980B4;
/*	border-radius: 3px;*/
	margin: 5px 5px 0 0;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #2980B4;
}
.singleArticle-catList a:hover{
	background-color: #fff;
	color: #2980B4;
}

.singleArticle-con{
	margin-top: 30px;
}

.singleArticle-con table,
.singleArticle-con table th,
.singleArticle-con table td{
	width: auto;
	height: auto !important;
}

.singleArticle-h2{
	margin-bottom: 0;
}

.singleArticle-date{
/*	color: #888;*/
	line-height: 1;
	display: table;
	border-collapse: collapse;
	margin-top: 30px;
}
.singleArticle-date span{
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.singleArticle-date span:first-child{
	border-style: solid;
	border-color: #4d4d4d;
	border-width: 0 1px;
}

.singleArticle-btn{
/*
	padding-top: 2.5em;
	border-top: 1px solid #ddd;
*/
}

.sigle-pastPost-alert{
	padding: 15px;
	border: 1px solid #BF0000;
	background-color: #fff0f0;
	color: #BF0000;
	margin-bottom: 2em;
}

/* link prev / next */
.post-np-link.clearfix {
    display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.post-np-link > div {
    margin: 10px;
	width: calc(50% - 20px);
}
.post-np-link a {
    color: inherit;
    font-size: 12px;
    display: block;
	padding: 10px;
	background-color: #F7F7F7;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.post-np-link a:hover {
	background-color: #F9F9F9;
	box-shadow: 3px 3px 5px #EEE;
}
.post-np-link a > div {
	margin-top: 5px;
}
.post-np-link a span {
    display: inline-block;
    vertical-align: text-top;
	font-size: 10px;
    padding: 2px 5px;
    margin-right: 5px;
	background-color: #FFFFFF;
}
span.linktag {
	color: #FFFFFF;
}
.post-np-link a > div > div:first-of-type {
    font-size: 0;
}
.post-np-link a > div > div.link-detail-wrap {
	margin-top: 10px;
	font-size: 16px;
	display: flex;
    align-items: center;
}
.link-detail-wrap > img {
    width: 100px;
    display: block;
    margin-right: 10px;
}
.link-detail-wrap > div {
	flex: 1;
	font-size: 14px;
}

/* school data */
div#school-info-block {
    display: flex;
	padding: 10px 20px;
    background-color: #f7f7f7;
    margin-top: 20px;
}
.school-img {
	width: 35%;
    max-width: 300px;
	padding: 10px 0;
}
.school-info {
	padding: 10px 0 10px 10px;
	flex: 1;
}
.school-info > :first-of-type {
    margin-top: 0;
}
.school-area .zip {
    font-size: 14px;
}

/*links*/
.school-links {
    display: flex;
    margin-top: 20px;
    gap: 15px;
}
.school-links > div {
    margin-right: 10px;
	width: 50%;
	max-width: 300px;
}
.school-links > div:last-of-type {
    margin-right: 0;
}
.sch-btn {
    display: block;
    padding: 8px 10px;
    background-color: #0079b4;
    color: #FFF;
	border: 1px solid #0079b4;
    border-radius: 3px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sch-btn:hover {
	background-color: #8fdaff;
	color: #333333;
}
.spot-school .sch-btn {
	background-color: #eabf4b;
	border: 1px solid #eabf4b;
}
.school-hp .sch-btn {
	background-color: #27a05d;
	border: 1px solid #27a05d;
}
.spot-school .sch-btn:hover {
	background-color: #FFEAB5;
}
.school-hp .sch-btn:hover {
	background-color: #96D0B0;
}


/*tag*/
.school-tag {
    font-size: 0;
    margin-top: 10px;
}
.school-tag > span {
    display: inline-block;
    min-width: 3.5em;
    text-align: center;
    padding: 1px 5px;
    font-size: 14px;
    margin-right: 5px;
    border: solid 1px #AAA;
}
.school-tag > span:last-of-type {
    margin-right: 0;
}
.school-tag .s-area {
	border-color: #0079B1;
}
span.s-cfn.boy {
	border-color: #0079c2;
	color: #0079c2;
}
span.s-cfn.girl {
	border-color: #d95792;
	color: #d95792;
}

/* school sns */
.school-sns {
    display: flex;
    padding: 20px 0 0;
}
.school-sns a{
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}
.school-sns a:nth-of-type(n + 2) {
    margin-left: 10px;
}
.school-sns a[href*="facebook"]{
	background-image: url(../images/btn_fb.png);
}
.school-sns a[href*="twitter"]{
	background-image: url(../images/btn_x.png);
}
.school-sns a[href*="instagram"]{
	background-image: url(../images/btn_inst.png);
}
.school-sns a[href*="line"]{
	background-image: url(../images/btn_line.png);
}
.school-sns a:hover{
	opacity: 0.7;
}

/*
---mw wp form
---------------------------------------------------------------------------*/
.mw_wp_form{
/*	margin: 30px 0;*/
}
.mw_wp_form > :first-child{
	margin-top: 0 !important;
}
.mw_wp_form > :last-child{
	margin-bottom: 0 !important;
}
.mw_wp_form strong{
	color: #2293B1;
}
.mw_wp_form table{
	width: 100%;
}
.mw_wp_form table th,
.mw_wp_form table td{
	vertical-align: middle;
}
.mw_wp_form table th{
	width: 280px;
}

.mw_wp_form table th[colspan="2"]{
	background-color: #2293B1;
	color: #fff;
	border-left-color: #2293B1;
	border-right-color: #2293B1;
}

.mw_wp_form input[type="text"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="email"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:5px;
	border:1px solid #ccc;
	border-radius:3px;
	display:inline-block;
	box-sizing:border-box;
	max-width:100%;
	width: 100%;
}
.mw_wp_form select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:5px 36px 5px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	cursor:pointer;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	background-image: url(../images/icon_select_open.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px auto;
	min-width:150px;
}
.mw_wp_form select::-ms-expand {
  display: none;
}

.mw_wp_form input[type="submit"],
.mw_wp_form input[type="button"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	max-width: 320px;
	width: 100%;
	margin: 10px auto 0;
	padding: 15px 30px;
	text-align: center;
	color: #fff;
	border-width: 0;
	/*background-image: url(../images/arrow_right_wht_6x11.png);*/
	background-repeat: no-repeat;
	background-position: right 5px center;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-color: #094AB1;
	transition: all .5s;
	border-radius: 5px;
}
.mw_wp_form input[type="submit"]:hover,
.mw_wp_form input[type="button"]:hover{
	background-color: #2980B4;
	color: #fff;
}

.mw_wp_form input[type="submit"].back{
	background-color: #f2f2f2;
	color:inherit;
	border:1px solid #ddd;
	padding:10px 15px;
	background-image: none;
}
.mw_wp_form input[type="submit"].back:hover{
	background-color: #fff;
}
.mw_wp_form button.back {
    display: block;
    margin: auto;
    width: 250px;
}

.mw_wp_form .error{
	margin-top: 5px;
	width: auto;
}

.mw_wp_form input.zip,
.mw_wp_form input.tel{
	width:6em;
}
.mw_wp_form input.shorttxt{
	width:6em;
}
.mw_wp_form input.longtxt{
	width:100%;
}
.mw_wp_form textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid #ccc;
	border-radius:3px;
	padding:5px;
	box-sizing:border-box;
	display:block;
	width:100%;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
}
.mw_wp_form label.error{
	display:block;
	background-color: #B43032;
	color:#fff;
	padding:5px 10px;
	margin-top:5px;
	border-radius:3px;
}
.mwform-checkbox-field input[type="checkbox"]{
	vertical-align:middle;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
}
.mw_wp_form .horizontal-item{
	margin-right:20px;
	display:inline-block;
	padding:5px 0;
}
.mwform-checkbox-field label, .mwform-radio-field label {
    position: relative;
}
input[type="radio"]::before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 1px;
	left: 0;
    border-radius: 50%;
    border: solid 1px #0079c2;
    background-color: #FFF;
	transition: all 0.3s;
    box-sizing: border-box;
}
input[type="radio"]:checked::before {
    /*background-color: #0079c2;*/
	border-width: 5px;
}
.mwform-checkbox-field input[type="checkbox"]::before {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    top: 6px;
    left: -2px;
    background-color: #FFF;
    border: solid 2px #aaa;
    box-sizing: border-box;
}
.mwform-checkbox-field input[type="checkbox"]::after {
    content: "";
    position: absolute;
    left: 2px;
    top: -5px;
    width: 8px;
    height: 15px;
    border-right: solid 4px #094ab1;
    border-bottom: solid 4px #094ab1;
    transform: rotate(45deg) skewX(10deg);
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mwform-checkbox-field input[type="checkbox"]:checked::after {
    top: -2px;
    opacity: 1;
}

.mw_wp_form #graduated-year{
	width: 5em;
}

.mw_wp_form_confirm .conf_non{
	display: none !important;
}

.mw_wp_form table .nameField{
	display: inline-block;
}
.mw_wp_form table td .nameField:first-child{
	margin-right: 1em;
}
.mw_wp_form table .nameField input{
	width: 10em;
}

.mw_wp_form input#event,
.mw_wp_form input#eventtime{
	display: block;
	padding: 0;
	border: none;
}

.name {
    display: flex;
    align-items: center;
    width: 50%;
    padding-left: 5px;
}
table.form-table tr.name-tr td {
    display: flex !important;
    flex-wrap: wrap;
}
.name input {
    flex: 1;
}
td > p+ul.caution {
    margin: 0px !important;
}
/* --- 個人情報 同意 -- */
.form-agree {
    margin-top: 20px;
    text-align: center;
    line-height: 1.9;
    background-color: #f7f7f7;
    padding: 10px;
}
.form-agree span.mwform-checkbox-field.horizontal-item {
    margin: 10px 0 0;
    display: block;
}
input.ch_send.disabled {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
}
.mw_wp_form.mw_wp_form_preview input.ch_send.disabled {
    cursor: pointer;
    pointer-events: inherit;
    opacity: 1;
}
.mw_wp_form.mw_wp_form_complete .btn {
    text-align: center;
}
.mw_wp_form.mw_wp_form_complete .btn-a[href="/"] {
    color: #333;
}
.mw_wp_form.mw_wp_form_complete .btn-a[href="/shs/"] {
    color: #cf568b;
}
.mw_wp_form.mw_wp_form_complete .btn-a::before {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    display: block;
    width: 30px;
    height: 5px;
    border-bottom: solid 1px #333;
    border-right: solid 1px #333;
    transform: skewX(50deg) translateY(-50%);
	-webkit-transition: right 0.3s ease-out;
	-o-transition: right 0.3s ease-out;
	transition: right 0.3s ease-out;
}
.mw_wp_form.mw_wp_form_complete .btn-a.b_junior::before {
	border-color: #0079bf;
}
.mw_wp_form.mw_wp_form_complete .btn-a.b_senior::before {
	border-color: #cf568b;
}
.mw_wp_form.mw_wp_form_complete .btn-a:hover::before {
	right: 25px;
}

/*
---サイトマップ
---------------------------------------------------------------------------*/
.sitemap .sm_wrp{
	overflow: hidden;
}
.sitemap .menu_global li{
	margin: 0;
	padding: 0;
}
.sitemap .menu_global li:before{
	display: none;
}
.sitemap .menu_global a{
	display: block;
	color: inherit;
}
.sitemap .menu_global{
	margin: 0 -10px;
}
.sitemap .menu_global:after{
	content: '';
	display: table;
	clear: both;
}
.sitemap .menu_global > li{
	float: left;
	width: calc(99.99% / 3);
	padding: 0 10px;
}
.sitemap .menu_global > li.sitemap-entrance {
    width: 100%;
}
.sitemap .menu_global > li.sitemap-jhs,
.sitemap .menu_global > li.sitemap-shs {
    width: 50%;
}

.sitemap .menu_global > li:nth-of-type(n+2){
	padding-top: 1.5em;
}
.sitemap .menu_global > li:nth-of-type(3n+1){
	clear: both;
}
.sitemap .menu_global > li > a{
	background-color: rgba(41, 128, 180, 0.15);
	padding: 15px 36px 15px 15px;
	position: relative;
}
.sitemap .menu_global > li > a:hover{
	background-color: rgba(41, 128, 180, 1);
	color: #fff;
}
.sitemap .menu_global > li.sitemap-jhs > a {
    background-color: #0079c2;
    color: #FFF;
}
.sitemap .menu_global > li.sitemap-jhs > a:hover {
    background-color: rgba(0,121,194,0.7);
}
.sitemap .menu_global > li.sitemap-shs > a {
    background-color: #d95792;
    color: #FFF;
}
.sitemap .menu_global > li.sitemap-shs > a:hover {
    background-color: rgba(217,87,146,0.7);
}
.sitemap .menu_global .sub-menu{
	padding-top: 0.5em;
	margin: 0;
}

.sitemap .menu_global .sub-menu > li{
}
.sitemap .menu_global .sub-menu > li > a{
	background-image: url(../images/icon_triangle_6x8_gray.png);
	-webkit-background-size: 6px 8px;
	background-size: 6px 8px;
	background-position: 10px 0.9em;
	background-repeat: no-repeat;
	padding: 0.5em 0 0.5em 26px;
}
.notouch .sitemap .menu_global .sub-menu > li > a:hover{
	background-position: 20px 0.9em;
	color: #2980B4;
}
.sitemap .menu_global > li.sitemap-shs > .sub-menu a:hover {
    color: #d95792;
}

.sitemap .menu_global > li.other{
	clear: both;
	float: none;
	width: auto;
}
.sitemap .menu_global > li.other > a{
	display: none;
}
.sitemap .menu_global > li.other .sub-menu{
	padding: 15px;
	background-color: #f5f5f5;
}
.sitemap .menu_global > li.other .sub-menu li{
	display: inline-block;
}
.sitemap .menu_global > li.other .sub-menu li:nth-of-type(n+2){
	margin-left: 1.5em;
}


/*
---準備中
---------------------------------------------------------------------------*/
.under_construction{
	text-align: center;
	padding: 100px 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 2.4rem;
	background-color: #f5f5f5;
}


/*
---
---------------------------------------------------------------------------*/
h2{
	
}
h3{
	margin-top: 60px;
}
h4,h5,h6{
	margin-top: 40px;
}

.contents_body p {
    margin-top: 20px;
}
.contents_body p + p{
/*    margin-top: 20px;*/
}

.contents_body ul,
.contents_body ol{
	margin: 20px 0 0;
}
.contents_body ul > li,
.contents_body ol > li{
	padding: 0 0 0 1.5em;
	position: relative;
	margin-top: 12px;
}
.contents_body ul > li:first-child,
.contents_body ol > li:first-child{
	margin-top: 0;
}
.contents_body ul > li:before,
.contents_body ol > li:before{
	content:"\25cf";
	content:"\0030fb";
	position: absolute;
	left: 0;
	top: 0;
	color: transparent;
	background-image: url(../images/icon_ul_20x20.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 35% auto;
	background-size: 35% auto;
}
.contents_body ul.caution{
	margin: 14px 0 0 0.5em;
}
.contents_body ul.caution:last-of-type {
    margin-bottom: 20px;
}
.contents_body ul.caution > li{
	font-size: 0.85em;
	color: #666;
	margin-top: 10px;
}
.contents_body ul.caution > li:before{
	content:"\00203b";
	color: #666;
	background-image: none;
}
.contents_body ol{
	counter-reset:li;
}
.contents_body ol > li:before{
	counter-increment:li;
	content:counter(li) ":";
	text-align: right;
	width: 2em;
	left: -1em;
/*	color: #3071B7;*/
	color: inherit;
	background-image: none;
}
.contents_body ol.num_caution{
	margin: 14px 0 0 0.5em;
}
.contents_body ol.num_caution > li{
	font-size: 0.85em;
	color: #666;
	margin-top: 1em;
}
.contents_body ol.num_caution > li:before{
	content:"\00203b"counter(li);
	color: #4d4d4d;
}

.contents_body table{
	margin: 40px 0 0;
	background-color: #fff;
}
.contents_body th,
.contents_body td{
	padding: 20px;
	border: 1px solid #ddd;
	word-break: break-all;
}
.contents_body th > :first-child,
.contents_body td > :first-child{
	margin-top: 0 !important;
}
.contents_body th > :last-child,
.contents_body td > :last-child{
	margin-bottom: 0 !important;
}
.contents_body th{
	background-color: #0079C2;
	color: #FFF;
}
body.shs-body .contents_body th{
	background-color: #D95792;
}
.contents_body td{
}
.table_layout_fix{
	width: 100%;
	table-layout: fixed;
}


/*
---
---------------------------------------------------------------------------*/
.info-box{
	background-color:#f9f9f9;
	border:dotted 1px #efefef;
	padding:20px;
	margin:20px 0 15px 0;
}
.info-box > :first-child {
	margin-top: 0;
}
a.link-a-small {
    font-size: 12px;
    color: inherit;
    line-height: 1;
}

/*
---
---------------------------------------------------------------------------*/
.authForm {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.authForm__pass {
    position: relative;
    padding-left: 140px;
}
.authForm__pass + .authForm__pass {
	margin-top: 10px;
}
.authForm__pass span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.authForm__pass input {
    display: block;
    width: 100%;
    padding: 10px;
    -webkit-appearance: none;
    border: 1px solid #ddd;
}
.authForm input[type="submit"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 200px;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    background-color: #eee;
}
.authForm__caution {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.authForm__caution ul.caution {
	margin-left: 0;
}

/*
---動画ページ
---------------------------------------------------------------------------*/

.video-slider-wrapper{
    overflow: hidden;
}
.contents_body-sb h2{
    font-size: 24px;
    display: block;
    border-bottom: solid #0079B1 4px;
    color: #0079B1;
    margin: 0 0 30px 0;
}
h2 span.graduate {
    font-size: 16px;
    color: #444;
    margin-left: 30px;
}
body.shs-body .contents_body-sb h2{
	color: #D95792;
	border-color: #D95792;
}

.video-list-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -8px
}

.video-kobetu{
    display: block;
    width: 25%;
    height: auto;
    padding: 0 8px;
    margin: 0 0 30px 0;
}

.video-title{
    font-size: 14px;
    margin-top: 10px; 
}
.video-underblok{
    bottom: 0;
}
.video-school{
    font-size: 12px;
    margin-top: 15px;
}
.video-day{
    font-size: 12px;
    bottom: 0px;
    right: 0px;
    color: #999999;
    text-align: right;
}

.video-new-slider .slick-slide {
    margin: 0 10px;
}

.video-new-slider{
     margin: 0 -10px;
}

/*矢印*/
.video-arrow{
    width: 30px;
    height: 55px;
    background-color: #808080;
    position: absolute;
}
.video-arrow:hover {
    background-color: rgba(128,128,128,0.50);
}

.slick-prev{
    left: 10px;
}

.slick-prev::after{
    content: '';
    width: 15px;
    height: 15px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    position: absolute;
    top: 45%;
    right: 10%;
    margin-top: -4px;
    transform: rotate(225deg);
}

.slick-next{
    right: 10px;
}

.slick-next::after{
    content: '';
    width: 15px;
    height: 15px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    position: absolute;
    top: 45%;
    left: 10%;
    margin-top: -4px;
    transform: rotate(45deg);
}

/*再生ボタン*/
.slider-kobetu a{
    position: relative;
    display: block;
}
.slider-kobetu a::before{
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-top: 25px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 30px solid #ffffff;
/*
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 25px 0 25px 30px;
*/
}


/*
--- 進学通信 インデックスページ
---------------------------------------------------------------------------*/
.taxonomy-tsushin h2 > span,
.taxonomy-tsushin-month h2 > span {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 10px;
    background-color: #0079b1;
    color: #FFF;
    line-height: 1;
    font-size: 20px;
	font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 100;
}
.shs-body .taxonomy-tsushin h2 > span,
.shs-body .taxonomy-tsushin-month h2 > span {
	background-color: #D95792;
}
.tsushin-index-first-wrapper {
    display: flex;
	padding: 0 10px;
}
.tsushin-index-image {
    width: 30%;
}
.tsushin-index-first-wrapper .tsushin-index-image {
	min-width: 210px;
}
.tsushin-index-image img {
    display: block;
    box-shadow: 4px 4px 6px #919191;
}

.tsushin-index-text-box {
    flex: 1;
    padding: 0 10px 10px 25px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tsushin-index-text-box > :first-child {
    margin-top: 0;
}
.special {
    margin-bottom: 10px;
    font-weight: bold;
	padding-left: 55px;
    position: relative;
}
.tsushin-index-first-wrapper .special > span.sp-tag {
    position: absolute;
    left: 0;
}
/* tsushin web */
.tsushin-web-section h2 {
	color: #ff931e !important;
	border-color: #ff931e !important;
}
.tsushin-web-section h2::before {
	background: -webkit-linear-gradient(left, #d9e021, #d9e021 8px, transparent 8px, transparent 9px, #ff931e 10px, #ff931e 17px);
    background: linear-gradient(to right, #d9e021, #d9e021 8px, transparent 8px, transparent 9px, #ff931e 10px, #ff931e 17px);
}
.tsushin-web-contents-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}
.tsushin-web-box {
    width: 25%;
    padding: 0 6px 20px;
}
.tsushin-web-box > a {
	color: inherit;
	display: block;
}
.tsushin-web-box > a:hover {
	box-shadow: 4px 4px 7px #bfbfbf;
}
.tsushin_web-image {
    position: relative;
    padding-bottom: 67%;
    overflow: hidden;
}
.tsushin_web-image > img {
    position: absolute;
    top: 0;
    left: 0;
}
.web-category {
    margin-top: 10px;
    font-size: 0;
}
.web-category span {
    display: inline-block;
    font-size: 12px;
    padding: 2px 5px;
    color: #fff;
    background-color: #eee;
}
.web-category span+span {
    margin-left: 5px;
}
.web-category span.mix {
    border: solid 1px #AAA;
    background-color: #FFF;
    box-sizing: border-box;
    color: #333;
    padding: 1px 5px;
}
.web-category span.boy {
    border: solid 1px #0079c2;
	color: #0079c2;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 1px 5px;
}
.web-category span.girl {
    border: solid 1px #d95792;
	color: #d95792;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 1px 5px;
}
h6.article-title {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
}
.school-name {
    font-size: 12px;
    margin-top: 15px;
}
.post-date {
    font-size: 12px;
    padding: 5px;
    color: #999999;
}
.web-category, .tsushin-web-box h6, .tsushin-web-box .school-name {
    padding: 0 5px;
}


span.sp-tag {
    display: inline-block;
    padding: 5px;
    background-color: #f24e4e;
    color: #FFF;
    line-height: 1;
    margin-right: 10px;
    vertical-align: top;
    font-weight: normal;
}
.tsushin-index-text-box [class^="tsushin-"] {
	font-size: 14px;
}
.tsushin-text-box h3 {
    margin: 0 0 10px;
}
.tsushin-sch-num {
	font-weight: bold;
}
.tsushin-sch-num+.tsushin-school {
	margin-top: 0;
}

/* 進学通信 月別 */
.taxonomy-tsushin-month .article_blk {
    display: flex;
    flex-wrap: wrap;
	margin: 0 -6px;
}
.taxonomy-tsushin-month .article_blk-textBox {
    padding-bottom: 5px;
}
.taxonomy-tsushin-month .article_blk-article {
    width: calc(100% / 3);
    padding: 10px 10px 15px;
}
.taxonomy-tsushin-month .article_blk-thumb {
    position: relative;
}
.taxonomy-tsushin-month .article_blk-thumb::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 66%;
}
.taxonomy-tsushin-month .article_blk-hover {
    display: none;
}
.taxonomy-tsushin-month .article_blk-thumb .web-category {
    position: absolute;
    left: 0;
    bottom: 10px;
	padding: 0;
}
.taxonomy-tsushin-month .article_blk-date {
    display: none;
}
.taxonomy-tsushin-month .article_blk-title {
    font-size: 14px;
    font-weight: bold;
	padding: 0 5px;
    margin-top: 0;
}
.article_blk-title br {
    display: none !important;
}
.taxonomy-tsushin-month .article_school {
    font-size: 12px;
    margin-top: 12px;
	padding: 0 5px;
}
.taxonomy-tsushin-month .article_school .s-cfn {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding: 2px 5px;
    margin-left: 5px;
    border: solid 1px;
    font-size: 10px;
}

a.article_blk-a {
	color: inherit;
    display: block;
}
.article_blk-thumb {
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.article_blk-a:hover .article_blk-thumb {
    box-shadow: 4px 4px 7px #bfbfbf;
}
.article_blk-thumb::before {
    content: "";
    padding-bottom: 60%;
    display: block;
}

/* 進学通信 記事 */
.contents_body #kobetu p {
    line-height: 1.6;
    margin-top: 0.5em;
}

/*
--- 学校詳細ページ
---------------------------------------------------------------------------*/
/* ヘッダー画像 */
.school-headerImg-wrapper {
    max-width: 1200px;
    display: flex;
    margin: 20px auto;
}
.school-headerImg-bgi {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 50%;
}
.school-headerImg-bgi::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 60%;
}
.school-info-wrapper {
	width: 50%;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
}
h1.school-headerImg-h1 {
    font-size: 24px;
}
h1.school-headerImg-h1 span {
    display: inline-block;
}
h1.school-headerImg-h1 span.school-info-name {
    position: relative;
    margin-bottom: 20px;
}
.shs-body h1.school-headerImg-h1 span.school-info-name::before {
    background-color: #d95792;
}
h1.school-headerImg-h1 span.school-info-kana {
	font-size: 12px;
}
.school-data-section .contents_body-sb {
    max-width: 1240px;
}

.school-data-section .article_blk-article.moreLoad {
    display: none;
}
.school-data-section .article_blk-article.moreLoad.moreDisp {
    display: block;
}
.readmore-btn-wrap {
    padding: 10px 20px;
}
.btn.readmore {
    text-align: center;
    display: block;
    padding: 15px 20px;
    max-width: 350px;
    margin: auto;
    font-size: 14px;
    background-color: #f7f7f7;
    border-radius: 5px;
    border: solid 1px #ddd;
    cursor: pointer;
}
.btn.readmore.moreClick {
    display: none;
}

.school-info-wrapper .school-address {
    font-size: 14px;
    margin-top: 10px;
}
.school-info-wrapper .school-tel {
    font-size: 14px;
    margin-top: 5px;
}
.school-info-wrapper .sch-btn {
    width: 150px;
    position: relative;
    padding: 10px 15px 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 12px;
}
.school-info-wrapper .sch-btn::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 4px;
    top: 4px;
    width: 100%;
    height: 100%;
    background-color: #014668;
    border-radius: 3px;
}
.school-info-wrapper .sch-btn.doc-btn {
    color: #444;
    background-color: #f9f6e1;
    border-color: #f9f6e1;
}
.school-info-wrapper .sch-btn.doc-btn:hover {
    border-color: #dd7f2a;
}
.school-info-wrapper .sch-btn.doc-btn::after {
    background-color: #dd7f2a;
}
.school-info-wrapper .sch-btn.event-btn {
    color: #444;
    background-color: #fcf0f5;
    border-color: #fcf0f5;
}
.school-info-wrapper .sch-btn.event-btn:hover {
    border-color: #dd4343;
}
.school-info-wrapper .sch-btn.event-btn::after {
    background-color: #dd4343;
}
img.sch-icon {
    width: 24px;
    display: block;
    margin: 0 auto 5px;
}

/* タブ切り替え */
section.school-data-tab-wrapper {
    min-height: unset;
    padding: 0;
    margin-top: 50px;
}
.school-data-tab-list {
    display: flex;
    gap: 10px;
}
.school-data-tab {
    position: relative;
	cursor: pointer;
    flex: 1;
    border: solid 1px #bcbcbc;
    padding: 20px 25px 20px 10px;
    font-size: 14px;
}
.school-data-tab.tab-new::before {
    content: 'NEW';
    position: absolute;
    top: -10px;
    left: -1px;
    line-height: 1;
    padding: 3px 5px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #e7831e;
}
.school-data-tab::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg);
    -ms-transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg);
    -o-transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg);
    transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg);
}

/* 学校詳細 セクション */
/* 進学通信 */
#school-section-first .article_blk-article:first-of-type {
    width: 100%;
    margin-bottom: 20px;
}
.taxonomy-tsushin-month.custom-single-tsushin {
	padding: 0 0 50px;
}
.taxonomy-tsushin-month.custom-single-tsushin .article_blk-date {
    display: block;
}
/*
.custom-single-tsushin .article_blk-article:first-of-type > a.article_blk-a {
    display: flex;
}

.custom-single-tsushin .article_blk-article:first-of-type .article_blk-thumb {
    width: 40%;
}
.custom-single-tsushin .article_blk-article:first-of-type .article_blk-textBox {
    flex: 1;
    padding: 10px 20px;
}
.custom-single-tsushin .article_blk-article:first-of-type .web-category span {
    font-size: 13px;
    padding: 6px 8px;
    line-height: 1;
}
.custom-single-tsushin .article_blk-article:first-of-type .article_blk-date {
    font-size: 14px;
    display: inline-block;
    color: #999999;
}
.custom-single-tsushin .article_blk-article:first-of-type .web-category {
    display: inline-block;
    margin-right: 10px;
}
.custom-single-tsushin .article_blk-article:first-of-type .article_blk-title {
    font-size: 20px;
    font-weight: inherit;
}
.custom-single-tsushin .article_blk-article:first-of-type .article_blk-excerpt {
    font-size: 14px;
    margin-top: 20px;
}*/

.post-webTag {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: right;
}
.post-webTag > span {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    padding: 8px 18px 8px 12px;
    background-color: #0079b4;
    color: #FFF;
    text-align: center;
}

[class*='custom-single-'] p.noarticle {
    margin-top: 0;
}

/* 動画 */
/*.taxonomy-tsushin-month.custom-single-movie {
	padding: 50px 0 0;
}
.custom-single-movie .article_blk-article:first-of-type {
    display: flex;
}
.custom-single-movie .article_blk-article:first-of-type .movie-thumb-wrap {
    width: 40%;
}
.custom-single-movie .article_blk-article:first-of-type .movie-text-wrap {
    flex: 1;
    padding: 10px 20px;
}
.custom-single-movie .article_blk-article:first-of-type .web-category span {
	font-size: 13px;
    padding: 6px 8px;
    line-height: 1;
}
.custom-single-movie .article_blk-article:first-of-type .movie-text-wrap h6.article-title {
    font-size: 20px;
    font-weight: inherit;
}
.custom-single-movie .article_blk-article:first-of-type .post-date {
	font-size: 14px;
}*/
.custom-single-tsushin .article_blk-article {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.custom-single-tsushin .article_blk-article .movie-thumb {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.custom-single-tsushin .article_blk-article:hover .movie-thumb {
    box-shadow: 4px 4px 7px #bfbfbf;
}
.movie-text {
    font-size: 14px;
    margin-top: 20px;
}
.movie-text-wrap .post-date {
	border: none;
}
section#school-section-2 .taxonomy-tsushin-month {
    padding-bottom: 0;
}

/* イベント */
.school-event-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.school-event-wrapper .event-wrapper {
    width: 50%;
    padding: 10px;
}
.school-event-wrapper .event-wrapper h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    padding: 2px 10px 2px 10px;
    border-left: solid 6px #0079c2;
}
.event-box {
    border: solid 1px #a3a3a3;
    border-top: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.event-box.title-row {
    background-color: #e2edfc;
    border-top: 1px solid #a3a3a3;
}
.shs-body .event-box.title-row {
        background-color: #f9edf9;
}
a.event-box {
    display: block;
    color: inherit;
}
.event-box h6 {
	font-size: 14px;
    margin-top: 0;
    padding: 20px 15px;
    width: 16%;
}
.event-box > div {
    font-size: 14px;
    width: 16%;
    padding: 20px 15px;
    border-left: 1px solid #a3a3a3;
}
.event-link {
    margin-top: 10px;
}
.event-link .school-link {
    display: block;
    max-width: 350px;
    margin: auto;
    padding: 8px 12px;
}
.reserve-tag {
    font-size: 11px;
    line-height: 1;
    padding: 4px 6px;
	margin-left: 10px;
    color: #FFF;
    background-color: #0079c2;
    display: inline-block;
}
.event-box .event-date {
    background-color: transparent;
}
.event-box .event-time {
    background-color: transparent;
}
.event-box .event-text {
    width: 20%;
}

/* 地図・交通アクセス */
section#school-section-6 h4 {
    margin-bottom: 20px;
    font-size: 20px;
    padding: 2px 10px 2px 10px;
    border-left: solid 6px #0079c2;
}
.shs-body section#school-section-6 h4 {
    border-left-color: #D95792;
}
.school-address-wrapper {
    display: flex;
}
.school-map-wrap {
    width: 50%;
    position: relative;
}
.school-map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.school-map-wrap::before {
    content: '';
    display: block;
    padding-bottom: 60%;
}
.school-access-wrap {
    width: 50%;
    padding: 20px;
}

/* 学校情報　ー　下部 */
section#school-section-6 .school-headerImg-wrapper {
    padding: 0 20px;
    max-width: 1240px;
}

/* 入試日程 */
.sch-table-row {
    display: flex;
    border: solid 1px #aaa;
    border-top: none;
}
.sch-title-row {
}
.sch-title-row > div {
    padding: 10px;
    background-color: #0179b1;
    color: #fff;
}
body.shs-body .sch-title-row > div {
    background-color: #D95792;
}
.sch-table-row.sch-title-row {
    border-top: solid 1px #aaa;
}
.sch-title-row .sch-detail {
    border-left: solid 1px #aaa;
}
.sch-name {
    width: 18%;
    padding: 10px;
    background-color: #f7f7f7;
}
.sch-date {
    width: 15%;
    padding: 10px;
    border-left: solid 1px #aaa;
    background-color: #f7f7f7;
}
.sch-detail {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.in-row {
    display: flex;
    width: 50%;
    border-bottom: solid 1px #aaa;
    border-left: 1px solid #aaa;
}
.in-row:last-of-type {
    border-bottom: none;
}
.in-row.in-row1 {
    width: 100%;
}
.in-row > div {
    font-size: 14px;
    padding: 7px 10px;
}
.tc {
    width: 130px;
    border-right: solid 1px #aaa;
    background-color: #e2edfc;
}
.shs-body .tc {
    background-color: #FFDDEC;
}
.tt {
    flex: 1;
}
/* 合格実績 */
.result-table {
    display: flex;
    flex-wrap: wrap;
}
.result-table + .result-table {
    margin-top: 10px;
}
.result-row.row-title {
    background-color: #0179b1;
    color: #fff;
    width: 100%;
    border-bottom: none;
    border-color: #0179b1;
}
body.shs-body .result-row.row-title {
    background-color: #D95792;
    border-color: #D95792;
}
.result-row {
    display: flex;
    flex-wrap: wrap;
    width: 20%;
    border: solid 1px #aaa;
}
.result-row:nth-of-type(n+3) {
    border-left: none;
}
.result-row:not(.row-title):nth-of-type(6n+1) {
    border-left: solid 1px #aaa;
}
.result-row:nth-of-type(n+7) {
    border-top: none;
}
.result-row > div {
    padding: 10px;
}
.uni-name {
    width: 100%;
    text-align: center;
    background-color: #e2edfc;
    border-bottom: 1px solid #aaa;
}
body.shs-body .uni-name {
    background-color: #FFDDEC;
}
.uni-num1, .uni-num2, .uni-total {
    width: calc(100% / 3);
    text-align: center;
    position: relative;
    padding-top: 30px !important;
}
.uni-num2, .uni-total {
    border-left: solid 1px #aaa;
}
.uni-num1::before, .uni-num2::before, .uni-total::before {
    content: attr(data-t)'';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    box-sizing: border-box;
    background-color: #f7f7f7;
    border-bottom: 1px solid #aaa;
}

/* --- 入試結果 --- */
#school-section-4 .contents_body-sb {
    max-width: 1240px;
}
.res-table {
    border: solid 1px #aaa;
    font-size: 14px;
}
.res-table-row {
    display: flex;
    border-bottom: 1px solid #aaa;
}
.res-table-row:last-of-type {
    border-bottom: none;
}
.res-table-row.res-title-row {
    background-color: #e2edfc;
}
.res-table-row.res-title-row div {
    justify-content: center;
}
.res-table-row div {
    padding: 10px 5px;
    width: 8%;
    display: -webkit-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.res-table-row div:not(:first-of-type) {
    border-left: solid 1px #aaa;
    justify-content: center;
}
.res-table-row .res-name {
    width: 20%;
}

/* ---- 検索
---------------------------------------------------- */
.remodal-wrapper {
    padding: 50px 10px 50px;
}
section.serche-section {
    padding: 30px 0 0;
}
section.serche-section:last-of-type {
    padding-bottom: 50px;
}
h4.common-serche-h {
    font-size: 22px;
    display: block;
    padding: 0 0 5px 0;
    color: #0079B1;
    font-family: "A-OTF じゅん Pro", sans-serif;
    margin: 0 0 10px 0;
}
.shs-body h4.common-serche-h {
    color: #D95792;
}
.serche-table-wrapper {
    border: solid 1px #EEE;
}
.serche-table-row {
    display: flex;
    border-bottom: solid 1px #EEE;
}
.serche-table-row:last-of-type {
    border-bottom: none;
}
.serche-title, .serche-input {
    padding: 20px;
}
.serche-title {
    background-color: #f7f7f7;
    width: 160px;
    text-align: center;
}
.serche-input {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
/* 動画カテゴリー */
.serche-input select[name*="select-category"] {
    width: 100%;
    max-width: 500px;
    padding: 5px;
    border-radius: 0;
}
/* 地域 */
.serche-input select[name*="select-area"] {
    width: 100%;
    max-width: 500px;
    padding: 5px;
    border-radius: 0;
}
/* 学校区分 */
.commonSearch__pref__item {
    display: inline-block;
    padding: 5px;
}
.checkbox--type1,
.checkbox--type2 {
	display: none;
}
.checkbox--type1 + label,
.checkbox--type2 + label {
	position: relative;
	padding: 0px 0 0px 32px;
	cursor: pointer;
	min-height: 26px;
	display: block;
}
.checkbox--type1 + label:before,
.checkbox--type2 + label:before {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	border: 3px solid #ddd;
	box-sizing: border-box;
	left: 0;
	top: 0px;
	transition: border .5s ease;
}
.checkbox--type1 + label:after,
.checkbox--type2 + label:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 22px;
	border-bottom: solid 4px #0079c2;
	border-right: solid 4px #0079c2;
	left: 7px;
	top: -6px;
	transform: scale(0);
	opacity: 0;
	transition: transform .5s ease, opacity .2s ease .1s;
	/*background-image: url(/common/images/common-icon-checkmark-white-16x16.png);*/
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: center;
}
.checkbox--type1:checked + label:before,
.checkbox--type2:checked + label:before {
	border-width: 13px;
	border-color: #ddd;
}
.checkbox--type1:checked + label:after,
.checkbox--type2:checked + label:after {
	transform: scale(1) rotate(45deg);
	opacity: 1;
}
/* 学校名 -- テキスト入力 */
.serche-input > input[type="text"] {
    border: solid 1px #AAA;
    padding: 5px;
    width: 100%;
    max-width: 500px;
}
.serche-btn-wrap {
    margin-top: 30px;
}
form .serche-btn-wrap {
	text-align: center;
}
.serche-btn {
    padding: 15px 35px 15px 20px;
    margin: auto;
    width: 200px;
    background-color: #4d4d4d;
    color: #FFF;
    position: relative;
	cursor: pointer;
}
button.serche-btn {
    border: none;
    text-align: left;
}
button.serche-btn::before {
    content: "";
    display: block;
    width: 28px;
    height: 4px;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%) skewX(50deg);
    border-bottom: solid 1px #FFF;
    border-right: solid 2px #FFF;
	-webkit-transition: right 0.3s ease-out;
	-o-transition: right 0.3s ease-out;
	transition: right 0.3s ease-out;
}
button.serche-btn:hover::before {
	right: 8px;
}
.serche-btn svg {
    width: 31px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.serche-btn svg .svg-arrow {
    stroke: #FFF;
}
.serche-btn svg {
	-webkit-transition: right 0.3s ease-out;
	-o-transition: right 0.3s ease-out;
	transition: right 0.3s ease-out;
}
.serche-btn:hover > svg {
	right: 5px;
}
.search-tag-wrapper .article_blk-article {
    width: calc(100% / 3);
}
.search-tag-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.search-tag-wrapper a.school-list {
    display: flex;
}
.search-tag-wrapper .article_blk-thumb {
    width: 100px;
}
.search-tag-wrapper .article_blk-thumb .article_blk-hover {
    display: none;
}
.school-data {
    flex: 1;
    padding-left: 10px;
}
.search-tag-wrapper.school-serche > h2 {
    width: 100%;
    margin-top: 30px;
}
.search-global-wrapper h3,
.search-tag-wrapper.school-serche h3 {
    width: 100%;
    margin: 30px 0px 10px;
    padding: 5px 5px 8px 10px;
    background-color: #FFF;
    font-size: 24px;
    border-left: 5px solid;
    line-height: 1;
}
.search-tag-wrapper.school-serche > h2 + h3 {
	margin-top: 0;
}
.remodal.serche-modal-bg_school {
    background-color: #f7f7f7;
}


/* 動画検索 */
.search-movie-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.search-movie-wrapper .article_blk-article {
    padding: 10px;
    width: calc(100% / 3);
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.search-movie-wrapper .article_blk-article:hover {
    box-shadow: 3px 3px 7px #aaa;
}
h4.serch-result {
	width: 100%;
	margin-top: 0;
	margin-bottom: 20px;
}
.movie-year-select-wrap {
    text-align: right;
    margin-bottom: 20px;
    margin-top: -10px;
}
.movie-year-select-wrap > select {
    width: 200px;
    padding: 5px;
    border-radius: 0;
}

@media screen and (min-width: 767px) {
	.taxonomy-tsushin .btn {
		text-align: right;
	}
	.taxonomy-tsushin a.btn-a {
		margin-right: 0;
		padding-right: 80px;
		display: inline-block;
		color: #0079bf;
		background-color: #FFF;
		border: none;
	}
	.shs-body .taxonomy-tsushin a.btn-a {
		color: #d95792;
	}
	.tsushin-web-section.taxonomy-tsushin a.btn-a.article_blk-btn-a {
		color: #ff931f;
	}

	.taxonomy-tsushin a.btn-a > svg .svg-arrow,
	.taxonomy-tsushin a.btn-a.article_blk-btn-a > svg .svg-arrow {
		stroke: #0079bf;
	}
	.shs-body .taxonomy-tsushin a.btn-a > svg .svg-arrow,
	.shs-body .taxonomy-tsushin a.btn-a.article_blk-btn-a > svg .svg-arrow {
		stroke: #d95792;
	}
	.tsushin-web-section.taxonomy-tsushin a.btn-a.article_blk-btn-a > svg .svg-arrow {
		stroke: #ff931f;
	}
	.taxonomy-tsushin a.btn-a > svg,
	.taxonomy-tsushin a.btn-a.article_blk-btn-a > svg {
		right: 30px;
		-webkit-transition: right 0.3s ease-out;
		-o-transition: right 0.3s ease-out;
		transition: right 0.3s ease-out;
	}
	.taxonomy-tsushin a.btn-a:hover > svg,
	.taxonomy-tsushin a.btn-a.article_blk-btn-a:hover > svg {
		right: 25px;
	}
	.taxonomy-tsushin a.btn-a::after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 8px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: solid 1px;
		opacity: 0.3;
	}
}

/* back number */
.taxonomy-tsushin.backnumber h4 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 100;
	font-family: "A-OTF じゅん Pro", sans-serif;
}
.taxonomy-tsushin.backnumber h4 > span {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 7px;
    background-color: #0079b1;
    color: #FFF;
    line-height: 1;
    font-size: 18px;
}
.tsushin-index-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.tsushin-backnumber-contents {
    padding: 0 5px 20px;
    width: calc(100% / 3);
}
.tsushin-backnumber-contents a {
	color: inherit;
}
.tsushin-backnumber-contents .tsushin-index-image {
    width: 90%;
    max-width: 220px;
    margin: auto;
	position: relative;
    z-index: 1;
}
.tsushin-backnumber-contents a[href*=".pdf"] .tsushin-index-image::before {
    content: "PDF";
    position: absolute;
    display: block;
    left: -20px;
    bottom: 10px;
    color: red;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    width: 50px;
    padding: 5px;
    border: solid 3px;
    background-color: rgba(255, 255, 255, 0.85);
}
.tsushin-backnumber-contents .tsushin-index-image img {
	box-shadow: none;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.tsushin-backnumber-contents a:hover .tsushin-index-image img {
    box-shadow: 4px 4px 6px #919191;
}
.tsushin-backnumber-contents .tsushin-index-text-box {
    margin-top: -15px;
    padding: 25px 10px 10px;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	min-height: 100px;
}
ul.sp-list {
    margin-top: 10px;
    font-size: 13px;
}
ul.sp-list li {
    padding-left: 1em;
    font-weight: bold;
}


/* 進学通信 記事ページ */
.tsushin_header-image {
    text-align: center;
}
.tsushin_header-image img {
    max-width: 500px;
	width: 100%;
}


/*
--- 進学plus
---------------------------------------------------------------------------*/
.cat-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.cat-card {
    width: calc(50% - 10px);
    margin: 5px;
    padding: 20px;
    color: #FFF;
}
/* カテゴリー一覧 */
.cat-card-wrapper.single-card {
    display: block;
}
.single-card .cat-card {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.cat-card > h5 {
    margin-top: 0;
}

.plus-new-article .article_blk {
    display: flex;
    margin: 0 -20px;
}
.plus-new-article .article_blk-article {
    width: 50%;
    padding: 0 20px;
}
.plus-new-article .article_blk-title {
    font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.plus-new-article .article_blk-textBoxInner {
    padding: 10px;
}
.plus-new-article span.article_blk-tag {
    font-size: 12px;
    display: inline-block;
    padding: 5px 8px;
	line-height: 1;
	color: #FFF;
    background-color: #EEE;
}
.plus-new-article .article_blk-btags {
    margin-top: 10px;
}
.plus-new-article .article_blk-date {
    font-size: 14px;
    color: #AAA;
    text-align: right;
}

ul.term-tab-wrapper {
    display: flex;
	margin: 0 -3px 20px;
	padding-bottom: 20px;
}
ul.term-tab-wrapper li.term-tab {
	position: relative;
	margin: 0 3px;
    padding: 10px;
	flex: 1;
	text-align: center;
	color: #fff;
	background-color: #616fbd;
	border-color: #616fbd;
	cursor: pointer;
	opacity: 0.5;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
ul.term-tab-wrapper li.term-tab::before {
    content: none !important;
}
ul.term-tab-wrapper li.term-tab.active {
	opacity: 1;
}
ul.term-tab-wrapper li.term-tab.active::after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 0;
    transform: translateY(100%);
    display: block;
    width: 0;
    height: 0;
    border-width: 27px 8px 0 8px;
	border-color: transparent;
    border-top-color: inherit;
    border-style: solid;
}

.plus-list-article .article_blk {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.plus-list-article .article_blk-article {
    width: 25%;
    padding: 8px;
}
.plus-list-article .article_blk-textBox {
    padding: 10px 5px;
}
.plus-list-article .article_blk-title {
    font-size: 14px;
}
.plus-list-article .article_blk-btags {
    margin-top: 10px;
}
.plus-list-article .article_blk-tag {
    font-size: 10px;
    display: inline-block;
    line-height: 1;
    padding: 5px;
    background-color: #EEE;
	color: #FFF;
}
.plus-list-article .article_blk-date {
    font-size: 12px;
    color: #AAA;
    text-align: right;
}

.plus-list-article .custom-article {
    display: none;
}
.plus-list-article .custom-article.active {
    display: block;
}


/*
--- 動画 movie
---------------------------------------------------------------------------*/
.movie-article.article_blk {
    display: flex;
    flex-wrap: wrap;
	margin: 0 -6px;
}
.movie-article .article_blk-article {
    width: 25%;
	padding: 0 6px 15px;
}
.movie-thumb-wrap .movie-thumb {
    padding-bottom: 66%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
    border-radius: 20px;
}
.movie-thumb-wrap .movie-thumb::before {
	content: '';
	position: absolute;
    z-index: 2;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-40%, -50%);
	-ms-transform: translate(-40%, -50%);
	-o-transform: translate(-40%, -50%);
	transform: translate(-40%, -50%);
	width: 0;
	height: 0;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #FFF;
	border-style: solid;
}
.movie-article .movie-thumb-wrap .movie-thumb::before {
	-webkit-transform: translate(-50%, -50%) scale(0.6);
	-ms-transform: translate(-50%, -50%) scale(0.6);
	-o-transform: translate(-50%, -50%) scale(0.6);
	transform: translate(-50%, -50%) scale(0.6);
}
.article__movie-blk .movie-thumb-wrap .movie-thumb::after {
    content: ''!important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ff0000;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.movie-thumb span.news_new {
	position: absolute;
	left: 0;
	top: 10px;
}
span.news_new {
    display: inline-block;
    padding: 4px 10px;
    font-size: 14px;
    color: #FFF;
    background-color: #e7831e;
    line-height: 1;
}
.article_tip-row span.news_new {
    padding: 5px 15px;
    font-size: 15px;
}
/* movie slider */
.article_blk.movie-slider .slick-slide {
    margin: 0 10px 10px;
}
.movie-slider .slick-list {
    margin: 0 -10px;
}
.movie-slider .slick-arrow {
    background-color: #AAA;
    height: 50px;
    width: 30px;
    top: 35%;
}
.movie-slider .slick-prev {
    left: 0;
}
.movie-slider .slick-next {
    right: 0;
}


/* school description text -- remodal */
p.ytb-text {
    font-size: 14px;
    padding: 20px;
}
.remodal-school-info {
    padding: 10px;
    background-color: #f7f7f7;
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.remodal-school-info + .btn {
    margin-top: 10px;
}
a.school-link,
span.school-link {
    display: inline-block;
    text-align: center;
    padding: 5px 12px;
    margin-left: 30px;
    background-color: #eabf4b;
    border: 1px solid #eabf4b;
    color: #FFF;
    font-size: 14px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.event-box:hover .school-link,
a.school-link:hover {
	background-color: #fff!important;
	color: #333333;
}

a.school-event-link {
    display: inline-block;
    margin: 0 2px 3px 10px;
    padding: 5px 7px;
    background-color: #e7831e;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    position: relative;
}

a.school-event-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #b25909;
    border-radius: 3px;
    left: 2px;
    top: 2px;
    z-index: -1;
}

a.school-event-link:hover {
    background-color: #f49637;
}

/*
--- 学校紹介・学校一覧
---------------------------------------------------------------------------*/
.school-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    background-color: #f7f7f7;
    padding: 10px;
	margin-top: 20px;
}
.school-list-wrapper > h3 {
    width: 100%;
    margin: 30px 0px 10px;
    padding: 5px 5px 8px 10px;
    background-color: #FFF;
    font-size: 24px;
    border-left: 5px solid;
    line-height: 1;
}
.school-list-wrapper > h3:first-of-type {
    margin-top: 10px;
}
h3.school-class-boy {
    color: #2e8fcd;
}
h3.school-class-girl {
    color: #d95892;
}
h3.school-class-mix {
    color: #555;
}
a.school-list {
    color: inherit;
    display: flex;
    width: calc(50% - 2px);
    padding: 15px 30px 15px 20px;
    background-color: #FFF;
    border: solid 1px #EEE;
    margin: 1px;
    position: relative;
	z-index: 0;
}
.school-list-wrapper .article_blk-thumb {
    width: 100px;
}
a.school-list h5.school-name {
    font-size: 14px;
    margin-top: 10px;
}
a.school-list .school-tag > span {
    font-size: 10px;
	background-color: #fff;
}
a.school-list .school-address {
    font-size: 12px;
    margin-top: 6px;
}
a.school-list .school-tag {
    margin-top: 0;
}
a.school-list::before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: solid 2px #AAA;
    border-right: solid 2px #AAA;
	-webkit-transition: right 0.3s ease-out;
	-o-transition: right 0.3s ease-out;
	transition: right 0.3s ease-out;
}
a.school-list:hover::before {
	right: 8px;
}
a.school-list::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0,121,194,0.05);
	-webkit-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
a.school-list.school-type-girl::after {
	background-color: rgba(217,87,146,0.07);
}
a.school-list:hover::after {
	opacity: 1;
}
.article_tip-row {
    display: flex;
    align-items: center;
    padding: 5px;
}
.article_tip-row span {
    font-size: 12px;
    padding: 5px;
}
#school-section-2 .taxonomy-tsushin-month .article_blk-thumb {
    border-radius: 20px;
    overflow: hidden;
}
#school-section-2 .taxonomy-tsushin-month .article_blk-article:nth-of-type(-n + 2) {
    width: 50%;
}
#school-section-2 .taxonomy-tsushin-month .article_blk-article:nth-of-type(-n + 2) .article_blk-thumb {
    border-radius: 30px;
}
#school-section-2 .taxonomy-tsushin-month .article_blk-article:nth-of-type(-n + 2) h5 {
    font-size: 18px;
}
#school-section-2 .web-category {
    margin-top: 0;
}

/*
--- 説明会・行事 event
---------------------------------------------------------------------------*/
section.events-section .contents_body-sb > h2 {
    margin-bottom: 10px;
}
section.events-section .contents_body-sb > h2:nth-of-type(n + 2) {
    margin-top: 40px;
}
.remodal .school-info h6 {
    font-size: 16px;
}
[class*="hs-event"] .school-info h5 {
    margin-top: 10px;
    font-weight: bold;
}
.remodal.jhs-event h5 {
    color: #0079B1;
}
.remodal.shs-event h5 {
    color: #D95792;
}
.event-schedule-row {
    display: flex;
	margin: 10px 0;
}
.event-schedule-row > div {
    padding: 10px;
}
.event-schedule-row > div.event-school-list {
	flex: 1;
    padding: 5px 10px;
}
.event-date {
    background-color: #f2f2f2;
	width: 80px;
}
.event-date.week-6 {
	color: #FFF;
	background-color: #4271bd;
}
.event-date.week-0 {
	color: #FFF;
	background-color: #bd4243;
}
.event-date > span {
    display: block;
    text-align: center;
}
span.ev-w {
    font-size: 14px;
}
span.event-school {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin: 0 6px 6px 0;
    padding: 5px 7px 7px 7px;
	background-color: #fff;
    border: solid 2px #f5e7f1;
    border-bottom-width: 4px;
    border-radius: 5px;
}
.contents-row {
    display: flex;
    border-top: dashed 1px #AAA;
}
.contents-table {
    margin-top: 20px !important;
}
.contents-row:last-of-type {
    border-bottom: dashed 1px #AAA;
}
.cell {
    padding: 10px;
    font-size: 14px;
}
.cell:first-child {
    width: 100px;
    background-color: #f7f7f7;
}
.cell:nth-of-type(2) {
    flex: 1;
}
.contents-link {
    display: flex;
	margin-top: 20px;
}
.contents-link > .school-link {
    width: calc(50% - 20px);
    margin: 10px;
    display: flex;
    min-height: 50px;
    justify-content: center;
    align-items: center;
}
a.school-link.event-link {
    background-color: #0079B1;
    border-color: #0079B1;
}
.remodal.shs-event a.school-link.event-link {
    background-color: #D95792;
    border-color: #D95792;
}
a.school-link.back {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color: #444;
    width: 90px;
    position: relative;
    padding-left: 30px;
}
a.school-link.back::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-left: solid 1px #444;
    border-bottom: solid 1px #444;
}
a.school-link.back:hover {
	background-color: #fff;
	border-color: #EEE;
}
/*
---
---------------------------------------------------------------------------*/
[id^="search_form"] {
    display: none;
}
[id^="search_form"].active {
	display: block;
	position: relative;
    z-index: 1;
    opacity: 1;
}
[id^="search_form"] {
	outline: none;
}
.search_slick_tab {
	margin: 15px 0 0;
}
.search_slick_tab:after {
	content: '';
	display: table;
	clear: both;
}
.search_slick_tab .block {
	float: left;
	width: 50%;
}
.search_slick_tab .tab {
	padding-bottom: 12px;
	outline: none;
}
.search_slick_tab .tab span{
	display: block;
	text-align: center;
	padding: 15px;
	background-color: #e9e9e9;
	position: relative;
	cursor: pointer;
}
.search_slick_tab .tab span.active{
	background-color: #297aaa;
	color: #fff;
}
.search_slick_tab .tab span.active:after{
	content: '';
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 15px 0 15px;
	border-color: #297aaa transparent transparent transparent;
}
div#search_form2 .serche-table-wrapper {
    margin-top: 15px;
}
.shs-body .search_slick_tab .tab span.active{
	background-color: #D1568D;
}
.shs-body .search_slick_tab .tab span.active:after{
	border-color: #D1568D transparent transparent transparent;
}


/* event serche */
.event-serche-row h5 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #d3d3d3;
}
.event-serche-row {
    padding: 5px;
}
.event-serche-row:nth-of-type(even) {
    background-color: #f7f7f7;
}

/*
---datepicker
---------------------------------------------------------------------------*/
.dpwrap{
	margin: 15px 0 0;
	font-size: 15px;
}
#datepicker2{
	display: none;
}
table.ui-datepicker-calendar {
	margin-top: 0;
}
#datepicker{
}
#search_form1 .ui-datepicker .ui-datepicker-title{
	font-size: 17px;
}
#search_form1 .ui-widget.ui-widget-content{
	width: auto!important;
	padding: 3px;
}
#search_form1 .ui-datepicker-multi .ui-datepicker-group table{
	margin: 0 auto;
	table-layout: fixed;
}
#search_form1 .ui-datepicker th{
	padding: 5px;
	text-align: center;
	width: auto;
	vertical-align: middle;
	border: none;
}
#search_form1 .ui-datepicker td{
	padding: 1px;
	vertical-align: middle;
	border: none;
}
#search_form1 .ui-datepicker td span,
#search_form1 .ui-datepicker td a{
	padding: 5px;
}


#search_form1 .ui-state-default{
	background-color: #eef7f9;
	border-color: #009fb1;
	color: #555;
}
#search_form1 .ui-datepicker-current-day a,
#search_form1 .selectedday a{
	background-color: #009fb1;
	border-color: #009fb1;
	color: #fff;
}
#search_form1 .ui-datepicker-today.ui-state-disabled{
	opacity: 1;
}
#search_form1 .ui-datepicker-today span,
#search_form1 .ui-datepicker-today a{
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

@media only screen and (max-width: 1023px) {
    .video-kobetu{
        width: 33.333%;
    }
	/* sitemap */
	.sitemap .menu_global > li{
		width: 50%;
	}
	.sitemap .menu_global > li:nth-of-type(3n+1) {
		clear: none;
	}
    
	/*
	--- plus
	---------------------------------------------------------------------------*/
	ul.term-tab-wrapper {
		margin: 0 -1px 20px;
	}
	ul.term-tab-wrapper li.term-tab {
		font-size: 14px;
		flex: auto;
    	margin: 0 1px;
	}
	.plus-list-article .article_blk {
		margin: -5px;
	}
	.plus-list-article .article_blk-article {
		padding: 5px;
	}
    
    /*
    --- 学校詳細ページ
    ---------------------------------------------------------------------------*/
    .school-info-wrapper {
        padding: 20px;
        width: 60%;
    }
    
    .school-data-tab-list {
        flex-wrap: wrap;
    }
    .school-data-tab {
        width: calc(100% / 3 - 10px);
        flex: unset;
    }
    
    /* 学校情報　ー　下部 */
    section#school-section-6 .school-info-wrapper {
        width: 50%;
    }
}

@media only screen and (max-width: 900px) {
    
	/*
	--- shingaku tsushin
	---------------------------------------------------------------------------*/
    .taxonomy-tsushin.backnumber h4 {
		font-size: 18px;
	}
	.taxonomy-tsushin.backnumber h4 > span {
		font-size: 16px;
	}
}


@media only screen and (max-width: 767px) {
	h1.sub-headerImg-h1 {
		font-size: 32px;
		left: 20px;
	}
	
    .video-kobetu{
        width: 50%;
    }
    .video-school{
        margin-top: 10px
    }
	
	/* sitemap */
	.sitemap .menu_global {
		margin: 0 -5px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.sitemap .menu_global > li {
		padding: 0 5px;
		float: none;
	}
	.sitemap .menu_global > li > a {
		font-size: 14px;
		padding: 15px 10px;
	}
	.sitemap .menu_global > li:not(.menu-item-has-children) > a {
		height: 100%;
		display: flex;
   		align-items: center;
	}
	.sitemap .menu_global .sub-menu > li > a {
		padding: 0.5em 0 0.5em 15px;
		font-size: 14px;
	}

	
	/*
	---mw wp form
	---------------------------------------------------------------------------*/
	.mw_wp_form table .nameField{
		display: block;
	}
	.mw_wp_form table td .nameField:first-child{
		margin: 0 0 5px;
	}
	table.form-table.table_smp_block {
		margin-top: 0;
	}
	.contents_body-sb.form_section {
		padding-left: 10px;
		padding-right: 10px;
	}
	.mw_wp_form table td {
		padding: 15px 10px !important;
	}

	/*
	---category.php
	---------------------------------------------------------------------------*/
	.pager select[name="sp_paginate_links"]{
		width: 150px;
	}
	
	
	/*
	---single.php
	---------------------------------------------------------------------------*/
	.singleArticle-catList{
		padding: 5px 10px 10px 10px;
	}
	.singleArticle-catList a{
		text-decoration: none;
		font-size: 1.2rem;
		padding: 5px;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/
	.listlink_wrp a[href$=".pdf"]{
		padding-right: 40px;
	}
	.listlink_wrp a[href$=".pdf"]:after{
		width: 20px;
		height: 20px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}


	/*
	---準備中
	---------------------------------------------------------------------------*/
	.under_construction{
		padding: 50px 0;
		font-size: 1.8rem;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/
	.contents_body p{
		margin-top: 20px;
	}

	.contents_body table{
		font-size: 1rem;
	}
	.contents_body th,
	.contents_body td{
		padding: 5px;
	}
	.contents_body table.table_smp_block,
	.contents_body table.table_smp_block tbody,
	.contents_body table.table_smp_block tr{
		display: block;
	}
	.contents_body table.table_smp_block{
		font-size: inherit;
		border-bottom: 1px solid #ddd;
	}
	.contents_body table.table_smp_block th,
	.contents_body table.table_smp_block td{
		display: block !important;
		width: auto !important;
		padding: 15px;
		border-bottom-width: 0;
	}


	/*
	---
	---------------------------------------------------------------------------*/
	.authForm__pass {
	    padding-left: 0;
	}
	.authForm__pass span {
	    position: relative;
	    display: block;
	    transform: none;
	}
	
	/*
	--- shingaku tsushin
	---------------------------------------------------------------------------*/
	.tsushin-index-text-box .btn {
		margin-top: 20px;
	}
	.tsushin-index-text-box {
		padding: 0 0 10px 15px;
	}
	.tsushin-backnumber-contents {
		width: 50%;
		margin-bottom: 20px;
	}
	.taxonomy-tsushin-month .article_blk-article {
		width: calc(100% / 2);
	}
	
	.post-np-link > div {
		width: 100%;
	}
	
	/*
	--- 説明会 行事
	---------------------------------------------------------------------------*/
	a.school-list {
		padding: 10px 30px 10px 10px;
	}
	
	/*
	--- 動画
	---------------------------------------------------------------------------*/
	.movie-article .article_blk-article {
		width: calc(100% / 3);
	}
	
	/*
	--- 通信 Web
	---------------------------------------------------------------------------*/
	.tsushin-web-box {
		width: calc(100% / 3);
	}
	
	/*
	--- plus
	---------------------------------------------------------------------------*/
	.plus-list-article .article_blk-article {
		width: calc(100% / 3);
	}
    
    /*
    --- 学校詳細ページ
    ---------------------------------------------------------------------------*/
	.school-headerImg-wrapper {
		flex-direction: column;
        margin-top: 0;
	}
	.school-headerImg-bgi {
		width: 100%;
        min-height: 250px;
	}
	.school-headerImg-bgi::before {
		padding-bottom: 50%;
	}
	.school-info-wrapper {
		width: 100%;
		padding-top: 10px;
	}
    .school-info-wrapper .school-tag {
        margin-top: 0;
    }
    
    /* 説明会 */
    .event-box {
        flex-wrap: wrap;
    }
    .event-box h6 {
        flex: unset;
        width: 100%;
        background-color: #e2edfc;
        padding: 15px 10px 15px;
    }
    .event-box > div {
        flex: unset;
        width: 50% !important;
        border-top: solid 1px #aaa;
        padding: 18px 10px 10px;
        min-height: 45px;
        position: relative;
    }
    .event-box > .event-text {
        width: 100% !important;
    }
    .event-box > div:nth-of-type(odd) {
        border-left: none;
    }
    .event-box .event-date {
        padding: 18px 10px 10px !important;
    }
    .event-box.title-row {
        display: none;
    }
    .event-box.title-row + .event-box {
        border-top: solid 1px #aaa;
    }
    .event-box > div::before {
        position: absolute;
        top: 2px;
        left: 5px;
        line-height: 1;
        font-size: 11px;
        color: #777;
    }
    .event-box .event-date::before {
        content: '開催日';
    }
    .event-box .event-time::before {
        content: '開催時間';
    }
    .event-box .event-target::before {
        content: '対象';
    }
    .event-box .event-place::before {
        content: '場所';
    }
    .event-box .event-text::before {
        content: '予約・情報';
    }
    
    #school-section-2 .taxonomy-tsushin-month .article_blk-article {
        width: 50%;
    }
    
    /* -- 入試日程 -- */
    .sch-table-row {
        flex-wrap: wrap;
    }
    .sch-name {
        width: 100%;
        background-color: #0079bf;
        color: #fff;
        padding-top: 20px;
        position: relative;
    }
    .sch-date {
        width: 100%;
        border-left: none;
        border-top: solid 1px #aaa;
        padding-top: 20px;
        position: relative;
    }
    .sch-name::before,
    .sch-date::before {
        position: absolute;
        top: 4px;
        left: 5px;
        line-height: 1;
        font-size: 11px;
    }
    .sch-name::before {
        content: '試験名';
        color: #FFFFFF;
    }
    .sch-date::before {
        content: '試験日';
        color: #777;
    }
    .sch-detail {
        border-top: solid 1px #aaa;
    }
    .in-row.in-row1 {
        border-left: none;
    }
    .in-row:nth-of-type(even) {
        border-left: none;
    }
    .sch-table-row.sch-title-row {
        display: none;
    }
    .sch-table-row.sch-title-row + .sch-table-row {
        border-top: solid 1px #aaa;
    }
    .tc {
        width: 90px;
        font-size: 12px;
        padding: 7px !important;
    }
    
    /* -- 合格実績 -- */
    .result-row {
        width: calc(100% / 3);
    }
    .result-row:nth-of-type(n+3) {
        border-left: none;
    }
    .result-row:nth-of-type(4n + 1) {
        border-left: solid 1px #aaa;
    }
    .result-row:nth-of-type(n + 5) {
        border-top: none;
    }
    .result-row:not(.row-title):nth-of-type(6n+1) {
        border-left: none;
    }
    
    /* -- 入試結果 -- */
    .res-table {
        border-bottom: none;
    }
    .res-table-row.res-title-row {
        display: none;
    }
    .res-table-row {
        flex-wrap: wrap;
    }
    .res-table-row:not(:first-of-type) {
        border-bottom: none;
    }
    .res-table-row .res-name {
        width: 100%;
        background-color: #e2edfc;
    }
    .res-table-row div:not(:first-of-type) {
        width: 20%;
    }
    .res-table-row div {
        border-bottom: solid 1px #aaa;
        padding-top: 20px;
        position: relative;
    }
    .res-table-row div.res-date {
        border-left: none;
    }
    .res-table-row div.res-juken {
        border-left: none;
    }
    .res-table-row div::before {
        content: attr(data-text)'';
        position: absolute;
        top: 3px;
        left: 5px;
        font-size: 10px;
        color: #aaa;
    }
    
    /* -- マップ・学校情報 -- */
    .school-address-wrapper {
        flex-direction: column;
    }
    .school-map-wrap {
        width: 100%;
    }
    .school-access-wrap {
        width: 100%;
    }
    section#school-section-6 h4 {
        margin-top: 0;
    }
    section#school-section-6 .school-info-wrapper {
        width: 100%;
    }

	/*
	--- 
	---------------------------------------------------------------------------*/
	

}

@media only screen and (max-width: 600px) {
	h1.sub-headerImg-h1 {
		font-size: 24px;
		left: 10px;
		padding-right: 20px;
		padding-bottom: 5px;
	}
	h1.sub-headerImg-h1::after {
		bottom: -7px;
	}
	
	/*
	--- 学校検索
	---------------------------------------------------------------------------*/
	section.serche-section .contents_body-sb {
		padding: 0 10px;
	}
	.serche-table-wrapper {
		font-size: 14px;
	}
	.serche-title {
		width: 100px;
		display: flex;
    	justify-content: center;
	    align-items: center;
	}
	.serche-title, .serche-input {
		padding: 10px;
	}
	/*
	--- shingaku tsushin
	---------------------------------------------------------------------------*/
	.tsushin-index-first-wrapper {
		display: block;
		padding: 0;
	}
	.tsushin-index-first-wrapper .tsushin-index-text-box {
		padding: 0 0 10px;
	}
	.tsushin-index-image {
		margin: 0 auto 20px;
		width: 40%;
	}
	.tsushin-backnumber-contents {
		width: 100%;
	}
	.taxonomy-tsushin-month .article_blk-article {
		width: 50%;
	}
	div#school-info-block {
		flex-direction: column;
	}
	.school-img {
		width: 100%;
		margin: auto;
	}
	div#school-info-block .school-img img {
		width: 100%;
		max-width: 400px;
	}
	.school-info {
		padding: 10px 0;
	}
	.school-info+.btn {
		text-align: right;
	}
	
	/* 学校詳細 */
    section.school-data-tab-wrapper {
        margin-top: 30px;
    }
    .school-data-tab {
        font-size: 12px;
        padding: 15px 20px 15px 10px;
        width: calc(50% - 5px);
    }
	/*
	.school-headerImg-wrapper {
		flex-direction: column;
	}
	.school-headerImg-bgi {
		width: 100%;
	}
	.school-headerImg-bgi::before {
		padding-bottom: 60%;
	}
	.school-info-wrapper {
		width: 100%;
		padding-top: 10px;
	}
	.custom-single-tsushin .article_blk-article:first-of-type > a.article_blk-a {
		flex-direction: column;
	}
	.custom-single-tsushin .article_blk-article:first-of-type .article_blk-thumb {
		width: 100%;
	}
	.custom-single-tsushin .article_blk-article:first-of-type .article_blk-textBox {
		padding: 10px 5px;
	}
	.custom-single-tsushin .article_blk-article:first-of-type .article_blk-title {
		height: auto !important;
	}
	.custom-single-tsushin .article_blk-article:first-of-type .article_blk-excerpt {
		margin-top: 10px;
	}*/

	/* 動画 */
	.taxonomy-tsushin-month.custom-single-movie {
		padding-top: 0;
	}
	/*.custom-single-movie .article_blk-article:first-of-type {
		flex-direction: column;
	}
	.custom-single-movie .article_blk-article:first-of-type .movie-thumb-wrap {
		width: 100%;
	}
	.custom-single-movie .article_blk-article:first-of-type .movie-text-wrap {
		padding: 10px 5px;
	}
	.custom-single-movie .article_blk-article:first-of-type .movie-text-wrap .movie-text {
		margin-top: 10px;
	}*/
	
	/*
	--- 説明会　行事
	---------------------------------------------------------------------------*/
	.event-schedule-row {
		flex-direction: column;
	}
	.event-date {
		width: 100%;
		padding: 5px 10px !important;
	}
	.event-date > span {
		display: inline;
		vertical-align: middle;
	}
	span.ev-d {
		font-size: 18px;
	}
	span.ev-w {
		font-size: 16px;
	}
	.event-schedule-row > div.event-school-list {
		padding: 10px 5px;
	}

	/*
	--- 動画
	---------------------------------------------------------------------------*/
	.movie-article .article_blk-article {
		width: 50%;
	}
	
	/*
	--- 通信 Web
	---------------------------------------------------------------------------*/
	.tsushin-web-box {
		width: 50%;
	}
	
	/*
	--- plus
	---------------------------------------------------------------------------*/
	.card .contents_body-sb {
		padding-left: 10px;
		padding-right: 10px;
	}
	.cat-card {
		padding: 10px;
	}
	.cat-card p {
		font-size: 12px;
		margin-top: 10px;
	}

	.plus-new-article .article_blk-article {
		width: 100%;
	}
	.plus-new-article .article_blk {
		flex-direction: column;
	}
	section.plus-list-article .contents_body-sb {
		padding-left: 10px;
		padding-right: 10px;
	}

	ul.term-tab-wrapper li.term-tab {
		padding: 10px 0;
		font-size: 10px;
		flex: 1;
	}
	.plus-list-article .article_blk-article {
		width: 50%;
	}
	
	/*
	--- 学校一覧
	---------------------------------------------------------------------------*/
	section.events-section > .contents_body-sb {
		padding-left: 10px;
		padding-right: 10px;
	}
	.school-list-wrapper {
		padding: 10px 5px;
	}
	a.school-list {
		flex-direction: column;
		padding: 10px;
	}
	.school-list-wrapper .article_blk-thumb {
		width: 100%;
	}
	.school-data {
		padding: 10px 8px 0 0;
	}
	a.school-list::before {
		right: 8px;
		top: 70%;
	}
	/* 学校検索 */
	.search-tag-wrapper .article_blk-thumb {
		width: 100%;
	}
	
	/* 動画検索 */
	.search-movie-wrapper .article_blk-article {
		width: 50%;
	}
    
    /* -- 記事・動画 -- */
    #school-section-2 .taxonomy-tsushin-month .article_blk-article {
        padding: 5px 5px 10px;
    }
    #school-section-2 .taxonomy-tsushin-month .article_blk-article:nth-of-type(-n + 2) {
        width: 100%;
        padding: 10px;
    }
    
    /* -- 入試日程 -- */
    .in-row {
        width: 100%;
        border-left: none;
    }
    /* -- 合格実績 -- */
    .result-row > div:not(.uni-title) {
        padding: 5px;
        font-size: 12px;
    }
    .uni-name {
        font-size: 12px;
    }
    .school-access-wrap {
        padding: 20px 0;
    }
    section#school-section-6 .school-info-wrapper {
        padding: 10px 0;
    }
    /* -- 入試結果 -- */
    .res-table-row div:not(:first-of-type) {
        width: 25%;
    }
    .res-table-row div.res-date, .res-table-row div.res-sub {
        width: 50%;
    }
    .res-table-row div.res-juken {
        border-left: solid 1px #aaa;
    }
    .res-table-row div.res-gen, .res-table-row div.res-gokaku {
        border-left: none;
    }
    
	/*
	--- 学校行事・説明会
	---------------------------------------------------------------------------*/
	#datepicker2 {
		display: block;
	}
	#datepicker {
		display: none;
	}
	
	/*
	--- 
	---------------------------------------------------------------------------*/
}

@media only screen and (max-width: 560px) {
	/*
	--- 学校詳細
	---------------------------------------------------------------------------*/
    /*  */
    .school-links {
        gap: 10px;
    }
    .school-info-wrapper .sch-btn {
        padding: 10px;
        font-size: 10px;
    }
    
    section[id^="school-section"] {
        padding: 30px 0;
    }
    section[id^="school-section"] .contents_body-sb {
        padding-right: 15px;
        padding-left: 15px;
    }
    section[id^="school-section"] .contents_body-sb h2 {
        margin-bottom: 20px;
    }
    .school-data-section .contents_body-sb {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    /* イベント */
    .event-box h6 {
        padding: 12px 10px;
    }
    .event-box > div::before {
        font-size: 10px;
        top: 4px;
    }
    .event-box .event-date,
    .event-box > div {
        padding: 16px 10px 8px !important;
        font-size: 13px;
    }
    /* 記事・動画 */
    #school-section-2 .taxonomy-tsushin-month .article_blk-article:nth-of-type(-n + 2) .article_blk-thumb {
        border-radius: 20px;
    }
    #school-section-2 .taxonomy-tsushin-month .article_blk-thumb {
        border-radius: 13px;
    }
    /* 入試日程 */
    .sch-name::before, .sch-date::before {
        font-size: 10px;
    }
    .in-row > div {
        font-size: 12px;
    }
    .sch-date {
        padding: 16px 10px 5px;
    }
    .sch-name {
        padding: 17px 10px 8px;
        font-size: 14px;
    }
    .tc {
        width: 80px;
    }
    /*  */
    .res-table-row div {
        padding: 16px 10px 6px;
    }
}