/*
Theme Name: eases5-child
Template: eases5
Description: KS学院 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 1030px;
	--es-main-max-width: 800px;
	--es-side-max-width: 225px;
	--es-main-font-color: #555;
	--es-primary-color: #175da3;
	--es-secondary-color: #006acd;
	--es-header-color: rgba(32, 32, 32, 0);
	--es-header-font-color: #cc0d2c;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: #175da3;
	--es-footer-font-color: white;
	--es-header-hmg-color: white;
	--es-mobile-menu-color: #175da3;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 80%!important; }

table {
	width: 100%;
    border-collapse: collapse;
    font-size: 1.6rem; }

/* contents ------------------------------------------------------------------------------------- */

/* ■ h1 - h5
-------------------------------------------------------------- */
#header .hgroup img.logo_img {
    height: auto!important; }

#main h2 {
	margin: 0 auto 20px;
	padding: 10px 20px!important;
	color: #555;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	line-height: 1.4; }

#sidebar .side-box h2 {
	border-radius: 10px 10px 0 0;
	padding: 10px;
	font-size: 1.8rem; }

#footer h2 { font-size: 2.2rem; }

.fixed-page #main h2,
.single-page #main h2,
.category-page #main h2 {
	background-image: linear-gradient(180deg, rgba(149, 180, 210, 1), rgba(27, 96, 165, 1));
	color: white; }

.top-page #main h3 {
	margin: 0 auto 10px;
	padding: 5px 20px 5px 30px!important;
	color: #555;
	font-size: 2.4rem;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }



.fixed-page #main h3 {
	position: relative;
	margin: 0 auto 10px;
	padding: 5px 20px 5px 30px!important;
	color: #2a69a7;
	font-size: 2.4rem;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.fixed-page #main h3:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "\e939"; }

#main h4 {
	margin: 24px 10px 12px 0px;
	padding: 5px 10px;
	font-size: 1.8rem;
	font-weight: bold; }

#main h5 {
	padding: 0px 10px;
	margin: 14px 10px 12px 0px;
	border-bottom: 1px dotted crimson;
	color: crimson;
	font-size: 1.8rem;
	font-weight: bold; }


/* レイアウト
-------------------------------------------------------------- */
body { background: url(../../../images/bg.gif) top left repeat; }

#wrap {
	max-width: var( --es-wrap-max-width );
	margin: 0 auto;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: white; }

#header {
	margin-bottom: 20px;
	text-align: center; }
	@media screen and (min-width: 600px) {
		#header {
			text-align: left; } }

.hgroup .hgroup-inner { flex-direction: column; }
@media screen and (min-width: 768px) {
	.hgroup .hgroup-inner { flex-direction: row; } }

#header .hgroup {
	margin-bottom: 10px;
	padding: 10px; }

#header .hgroup img.logo_img {
	max-width: 284px; }

.hgroup .information ul {
	display: flex; }

.hgroup .information a {
	width: auto;
	padding: 0;
	background-color: transparent; }

.swiper img {
	width: 100%; }

#globalnavi { background-image: linear-gradient(180deg, rgba(232, 234, 255, 1), rgba(170, 171, 214, 1)); }

#globalnavi ul {
	width: 1024px;
	margin: 0 auto;
	justify-content: flex-start; }

#globalnavi li {
	width: 25%;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background-image: linear-gradient(180deg, rgba(232, 234, 255, 1), rgba(170, 171, 214, 1));
	font-size: 1.4rem;
	line-height: 1.4; }

#globalnavi li:last-of-type {
	border-right: 1px solid #fff; }

#globalnavi li a {
	display: block;
	padding: 20px 0;
	color: #555; }

#globalnavi li a:hover { background-image: linear-gradient(180deg, rgba(232, 234, 255, 1), rgba(170, 171, 214, 1)); }


#pagebody .inner {
	width: 100%;
	height: 100%; }
	@media screen and (min-width: 780px) {
		#pagebody .inner {
			display: flex;
		    flex-direction: row-reverse;
		    justify-content: space-between;
			max-width: var( --es-wrap-max-width );
			margin: 0 auto;
			padding: 0 10px 40px; } }

#main,
.single-page,
#index-page {
	max-width: 90%;
	margin: 0 auto; }
	@media screen and (min-width: 780px) {
		#main,
		.single-page {
			max-width: var(	--es-main-max-width );
			margin: 0 0 0 20px; }
		#index-page {
			max-width: var(	--es-main-max-width );
			margin: 0; } }


#main p {
	padding: 0 10px; }

#sidebar {
	display: none; }
	@media screen and (min-width: 780px) {
		#sidebar {
			display: block;
			max-width: var(	--es-side-max-width ); } }

#sidebar #menu-side_menu { margin-bottom: 20px; }

#sidebar #menu-side_menu a,
#sidebar #menu-side_menu li.current_page_item a { background-color: transparent;}

#sidebar #menu-side_menu a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
	color: #555; }

#sidebar #menu-side_menu li a:before {
	content: "\e935";
	margin-right: 5px;
	color: orange;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.menu-footer_menu-container {
	max-width: var(	--es-main-max-width );
	margin: 0 auto; }


#footer { padding: 40px 0 20px; }

#footer .inner {
	max-width: var(	--es-wrap-max-width );
	margin: 0 auto; }

#wrap .inner > footer .inner > section {
	display: block; }
	@media screen and (min-width: 400px) {
		#wrap .inner > footer .inner > section {
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start; } }


footer .widgets_footer:nth-child(1) {
	width: 100%;
	margin: 0 10px; }
footer .widgets_footer:nth-child(2) { display: none; }
	@media screen and (min-width: 768px) {
		footer .widgets_footer:nth-child(1) { width: 70%; }
		footer .widgets_footer:nth-child(2) {
			display: block;
			width: 30%; } }

#footer li.menu-item {
	position: relative;
	padding-left: 20px; }
#footer li.menu-item:before {
	content: "\e935";
	position: absolute;
    top: 0;
    left: 0;
	margin-right: 5px;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.icon-tel:before {
    content: "\e907";
    font-size: 2.8rem; }

.navi-contents { background-color: #eee; }
	@media screen and (max-width: 1000px) {
		.navi-contents { height: calc( 100dvh - 70px ); }
		.sp-menu #drawer-close { height: calc( 100dvh - 70px ); } }

/* コンテンツ
-------------------------------------------------------------- */
.outline {
  display        : inline-block;
  color          : white;            /* 文字の色 */
  letter-spacing : 3px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #185da3,
      -2px  2px 1px #185da3,
       2px -2px 1px #185da3,
      -2px -2px 1px #185da3,
       2px  0px 1px #185da3,
       0px  2px 1px #185da3,
      -2px  0px 1px #185da3,
       0px -2px 1px #185da3;        /* 文字の影 */
}

.gakuryoku-up img { width: 350px; }

.wp-block-table { margin: 0 1em 2em; }

.wp-block-button__link span {
	font-weight: bold;
	font-size: 2.0rem; }

/* カテゴリラベル色指定 */
.post-categories ul span.label-digest,
.post-categories ul a.label-digest {
	border: 1px solid green;
	background-color: green; }



.navi-contents img {
	width: 100%;
	max-width: var(	--es-side-max-width );
	height: auto; }

.top-page #main ul { margin: 0 0 40px 20px; }


/* カリキュラム */
.summer table,
.winter table,
.curriculum table {
	margin-bottom: 20px;
	font-size: 1.4rem;
	line-height: 1.4; }

.course table {
	min-width: 500px;
	border-right: 2px solid #000;
	margin: 0 15px 20px 0; }

.point th { width: 20% }

/* お問い合わせ */
.wpcf7 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto; }

.contact input,
.contact textarea {
	width: 100%; }

input[type="submit"] {
	display: block;
	width: 100px;
	margin: 0 auto;
	padding: 15px; }

input[type="submit"]:hover {
	background-color: var(--es-primary-color)!important;
}