@charset "utf-8";
/* CSS Document */
/*********** 基本設定 ***********/
html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	font-size:11pt;
	line-height:1;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

input,
textarea,
pre{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

*{
	outline:none;
}

a{
	/*\*/
	overflow:hidden;
	/**/
	color:#009096;
}

/*iphoneボタン調整*/
input[type="submit"],
input[type="button"],
input[type="search"]{
  -webkit-appearance: none;
}

.f_l{
	float:left;
}

.f_r{
	float:right;
}

.clear{
	clear:both;
}

.clearfix{
	zoom:100%;
}

.clearfix:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}


.ta_c{
	text-align:center;
}

.ta_r{
	text-align:right;
}

.ta_l{
	text-align:left;
}


.normal{
	font-weight:normal;
}

.bold{
	font-weight:bold;
}

.inline_block{
	display:inline-block;
}

/* 画像のfit */
.object_fit_img {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}


/* アニメーション効果 */
.opac,
.bright{
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

.opac:hover{
  opacity: 0.7;
  filter: alpha(opacity=60);
}

.bright:hover{
	filter: brightness(80%);
}

/*********** wrap ***********/
#wrap{
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}

.wrap{
	width:1040px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 20px;
	position:relative;
}

/*********** header ***********/
header{
	height:148px;
	box-sizing:border-box;
	padding:10px 0;
}

header .wrap{
	position:relative;
}

#desc{
	font-size:10pt;
	color:#122a88;
	margin-bottom:26px;
}
#h_unei{
	padding-top:4px;
	padding-left:136px;
}
#h_unei a{
	color: #122a88;
	font-size: 12px;
}
#h_unei a:hover{
	color: #127788;
}

#header_cart{
	width:185px;
	height:67px;
	background:#f5f5f5;
	color:#122a88;
	font-size:10pt;
	border-radius:5px;
	position:absolute;
	top:0;
	right:20px;
	text-align:center;
}

#header_cart p{
	height:32px;
	line-height:32px;
	text-align:center;
}

.header_cart_num{
	display:inline-block;
	background:#ff477b;
	color:#fff;
	height:17px;
	min-width:17px;
	line-height:18px;
	border-radius:50%;
	text-align:center;
	font-size:8pt;
	vertical-align:middle;
	margin-top:-2px;
	margin-left:4px;
}

#header_cart_a{
	display:inline-block;
	width:173px;
	height:30px;
	line-height:30px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:5px;
	background:#fff;
	text-decoration:none;
	position:relative;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

#header_cart_a:hover{
	filter: brightness(80%);
}

#header_cart_a span:first-child{
	display:inline-block;
	width:40px;
	color:#fff;
	font-size:9pt;
	background:#00a2c8;
	position:absolute;
	top:0;
	left:0;
}

#header_cart_a span:nth-child(2){
	display:inline-block;
	padding-left:25px;
	margin-left:40px;
	font-weight:bold;
	color:#122a88;
	background:url(../img/i_cart_navy18.png) 0 center no-repeat;
}

#header_nav{
	position:absolute;
	bottom:-14px;
	right:20px;
	list-style-type:none;
}

#header_nav li{
	float:left;
	height:30px;
	line-height:30px;
	font-size:9pt;
}

#header_nav a{
	color:#122a88;
	display:block;
	text-decoration:none;
	padding:0 13px 0 11px;
}

#header_nav a:before{
	content:'';
	display:inline-block;
	width:14px;
	height:14px;
	vertical-align:text-top;
	margin-right:5px;
	margin-top:1px;
}

#header_nav .i_man:before{
	background:url(../img/i_man_navy28.png) 0 0 no-repeat;
	background-size:contain;
}

#header_nav .i_heart:before{
	background:url(../img/i_heart_navy28.png) 0 0 no-repeat;
	background-size:contain;
}

#header_nav .i_pin:before{
	background:url(../img/i_pin_navy28.png) 0 0 no-repeat;
	background-size:contain;
}


#header_search{
	height:30px;
	width:230px;
	box-sizing:border-box;
	padding-left:5px;
	font-size:10pt;
	border:1px solid #909cc9;
	box-shadow:1px 1px 3px -1px #ababab inset;
}

#header_search:focus{
	border:1px solid #00a2c8;
}

#header_search_btn{
	border:0;
	height:30px;
	width:30px;
	text-indent:-9999px;
	cursor:pointer;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3762b6+0,040b51+100 */
	background: url(../img/i_search_white18.png) center center no-repeat #3762b6; /* Old browsers */
	background: url(../img/i_search_white18.png) center center no-repeat, -moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background: url(../img/i_search_white18.png) center center no-repeat, -webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/i_search_white18.png) center center no-repeat, linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/*********** ナビ設定 ***********/
#pc_navi{
	border-top:1px solid #122a88;
	height:45px;
	min-width:1040px;
	position:relative;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3762b6+0,040b51+100 */
	background:#3762b6; /* Old browsers */
	background:-moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin-bottom:3px;
}

#pc_navi:after{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#122a88;
	position:absolute;
	bottom:-3px;
}

#navi,
#navi ul{
	list-style-type:none;
}

#navi > li{
	float:left;
	position:relative;
	width:14.28571428571429%;
}

#navi > li > a{
	display:block;
	height:45px;
	width:100%;
	line-height:45px;
	text-align:center;
	color:#fff;
	text-decoration:none;
}

#navi > li > a:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ca8da+0,203991+100 */
	background: #8ca8da; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ca8da 0%, #203991 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #8ca8da 0%,#203991 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8ca8da 0%,#203991 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#navi li ul{
	position:absolute;
	z-index:100;
	width:170px;
	top:45px;
	padding-top:3px;
	left:0;
}

#navi li ul li{
	height:0;
	transition:.1s;
	overflow:hidden;
	position:relative;
	z-index:101;
}

#navi li:hover ul li {
	overflow: visible;
	height:45px;
	background:rgba(0,0,0,0.7);
	border-bottom:1px solid #fff;
}

#navi li:hover ul li:last-child {
	border:0;
}

#navi li ul li a{
	display:block;
	width:170px;
	height:45px;
	line-height:45px;
	background:url(../img/i_arrow_white12.png) 10px center no-repeat;
	box-sizing:border-box;
	padding-left:25px;
	text-decoration:none;
	color:#fff;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

#navi li ul li a:hover{
	background:url(../img/i_arrow_white12.png) 10px center no-repeat #000;
}

.navi_no_link{
	cursor:default;
}

/*********** パンクズナビ設定 ***********/
#pankuzu{
	background:#f5f5f5;
	height:25px;
	line-height:25px;
}

#pankuzu ul{
	width:1040px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
	list-style:none;
	font-size:8pt;
}

#pankuzu li{
	display:inline-block;
	color:#122a88;
}

#pankuzu li:after{
	content:'>';
	margin-left:3px;
	color:#333;
}

#pankuzu li:last-child:after{
	display:none;
}

#pankuzu a{
	color:#333;
	text-decoration:none;
}

#pankuzu a:hover{
	text-decoration:underline;
}




/*********** contents設定 ***********/
#contents{
	width:1040px;
	margin:0 auto;
	padding-bottom:280px; /*フッターの高さと同じ*/
}

/*********** page設定 ***********/
#main{
	float:left;
	width:730px;
}

#page_search #main{
	float:right;
}

#sidebar{
	float:right;
	width:250px;
	padding-top:20px;
	margin-bottom:40px;
}

#page_search #sidebar{
	float:left;
	padding-top:30px;
}

section{
	margin-bottom:40px;
}



/*********** footer設定 ***********/
footer{
	width:100%;
	min-width:1040px;
	padding:20px 0 0;
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	background:#f5f5f5;
}

.footer_sitemap_title{
	color:#122a88;
	font-weight:bold;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:15px;
}

.footer_dl{
	margin-bottom:40px;
	float:left;
	width:calc(20% - 176px /5);
}
.footer_dl:nth-of-type(6){
	width:176px;
}

.footer_dl dt{
	font-weight:bold;
	color:#122a88;
	margin-bottom:8px;
	font-size:10pt;
}

.footer_dl dd{
	margin-bottom:8px;
	font-size:10pt;
}

.footer_dl a{
	color:#122a88;
	display:inline-block;
	background:url(../img/i_arrow_gray20.png) 0 1px no-repeat;
	background-size:10px;
	padding-left:15px;
	text-decoration:none;
}

.footer_dl a:hover{
	text-decoration:underline;
}

#copy{
	text-align:center;
	line-height:70px;
	color:#fff;
	font-size:9pt;
	height:70px;
	background:#3762b6; /* Old browsers */
	background:-moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#page_top{
	position:fixed;
	right:0;
	bottom:12px;
	z-index:800;
}

#page_top a{
	display:block;
	width:30px;
	line-height:1.3;
	padding:10px 10px 10px 30px;
	background:url(../img/i_up.png) 10px center no-repeat rgba(0,0,0,0.5);
	background-size:16px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:8pt;
	border-radius:5px 0 0 5px;
}

#page_top a:hover{
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	background:url(../img/i_up.png) 10px center no-repeat #122a88;
	background-size:16px;
}

/*********** list設定 ***********/
/*画像付き3カラム*/
.list1{
	list-style:none;
}

.list1 li{
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
	width:230px;
	position:relative;
	margin-bottom:20px;
}

.list1 li:nth-child(3n){
	margin-right:0;
}

.list1 a{
	display:block;
	width:230px;
	text-decoration:none;
}

.list1 a:hover .list1_title {
	text-decoration:underline;
}

.list1_img{
	width:230px;
	height:140px;
	margin-bottom:10px;
}

.list1_img img{
	width:230px;
	height:140px;
	object-fit: cover;
}

.list1_title{
	margin-bottom:2px;
	color:#122a88;
	line-height:1.3;
}

.list1_text{
	line-height:1.3;
	color:#333;
	font-size:10pt;
}

.list1_day{
	text-align:right;
	color:#aaa;
	font-size:9pt;
	padding-top:5px;
}

.flag_new .list1_title:before{
	content:'NEW';
	font-size:9pt;
	background:#ff477b;
	color:#fff;
	display:inline-block;
	padding:0 5px;
	vertical-align:middle;
	height:14px;
	line-height:14px;
	margin-right:5px;
}

/* TOPページ：新着学校情報・インタビュー掲載校リスト */
.top-new-schools-wrap{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:24px;
	margin-top: 20px;
	margin-bottom:0;
	max-width:100%;
}
.top-new-schools-wrap:has(.top-school-list-section:only-child){
	grid-template-columns:1fr;
	/* max-width:480px; */
}
@media (max-width: 700px){
	.top-new-schools-wrap{
		grid-template-columns:1fr;
		gap:20px;
	}
	.top-new-schools-wrap:has(.top-school-list-section:only-child){
		max-width:none;
	}
}
.top-school-list-section{
	background:#f8f9fc;
	border:1px solid #e8ebf2;
	border-left:4px solid #122a88;
	border-radius:6px;
	padding:20px 24px;
	transition:box-shadow 0.2s ease;
	overflow:visible;
}
.top-school-list-section:hover{
	box-shadow:0 2px 12px rgba(18, 42, 136, 0.08);
}
.top-school-list-heading{
	color:#122a88;
	font-size:18px;
	font-weight:bold;
	margin:0 0 16px 0;
	/* padding-bottom:10px; */
	/* border-bottom:2px solid #122a88; */
	letter-spacing:0.02em;
}
.top-school-list{
	list-style:none;
	margin:0;
	padding:0;
	overflow:visible;
}
.top-school-list li{
	display:block;
	margin:0;
	border-bottom:1px solid #e8ebf2;
}
.top-school-list li:last-child{
	border-bottom:none;
}
.top-school-list li.top-school-list-more{
	display:none;
}
.top-school-list-link{
	display:flex;
	align-items:center;
	gap:8px;
	padding:10px 12px 10px 0;
	text-decoration:none;
	color:#122a88;
	font-size:13px;
	line-height:1.4;
	transition:background 0.15s ease, color 0.15s ease;
	overflow:visible;
}
.top-school-list-link:hover{
	background:rgba(18, 42, 136, 0.04);
	color:#0a1a5c;
}
.top-school-list-name{
	flex:1;
	min-width:0;
}
.top-school-new-badge{
	display:inline-block;
	background:#ff477b;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	padding:2px 6px;
	border-radius:3px;
	line-height:1.2;
	letter-spacing:0.05em;
	flex-shrink:0;
}
.top-school-list-arrow{
	width:6px;
	height:6px;
	border-right:2px solid #122a88;
	border-top:2px solid #122a88;
	transform:rotate(45deg);
	flex-shrink:0;
	opacity:0.7;
	margin-left:4px;
	/* 回転で見切れないよう余白を確保 */
	min-width:10px;
	min-height:10px;
	box-sizing:content-box;
}
.top-school-list-toggle-wrap{
	margin:12px 0 0 0;
	text-align:left;
}
.top-school-list-toggle{
	cursor:pointer;
	background:none;
	border:none;
	padding:0;
	font-size:12px;
	color:#122a88;
	text-decoration:none;
	opacity:0.85;
	transition:opacity 0.15s ease;
}
.top-school-list-toggle:hover{
	opacity:1;
	text-decoration:underline;
}


.list1_category{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	height:20px;
	line-height:20px;
	background:#000;
	font-size:9pt;
	color:#fff;
	padding:0 10px;
}

.category1{
	background:#00abd0;
}

.category2{
	background:#ff8400;
}

.category3{
	background:#ae00ff;
}

/*画像付き3カラム-中学受験ニュース*/
.list_news .list1_title{
	font-weight:normal;
}

/*ギャラリー-動画*/
.list_movie iframe{
	height:140px;
	margin-bottom:8px;
	background:#000;
}

.list_movie_title{
	font-weight:normal;
	line-height:1.3;
	font-size:10pt;
	text-align:center;
	color:#122a88;
}


/*ギャラリー-画像*/
.list1 a{
	display:block;
	width:230px;
	text-decoration:none;
}

.list_image_title{
	font-weight:normal;
	line-height:1.3;
	font-size:10pt;
	text-align:center;
	color:#122a88;
}

.list_image a:hover .list_image_title{
	text-decoration:underline;
}

/*ギャラリー-画像（学校詳細内）*/
.list_image_school{
	margin-left:-20px;
}

.list_image_school li{
	margin-right:0;
	margin-left:20px;
}

/*ギャラリー-制服*/
.list_uniform li{
	width:175px;
	margin-right:10px;
}

.list_uniform  li:nth-child(3n){
	margin-right:10px;
}

.list_uniform  li:nth-child(4n){
	margin-right:0;
}

.list_uniform a{
	width:175px;
}

.list_uniform .list1_img{
	width:175px;
	height:175px;
}

.list_uniform .list1_img img{
	width:175px;
	height:175px;
}

.list_image_school.list_uniform{
	margin-left:-10px;
}

.list_image_school.list_uniform li{
	margin-right:0;
	margin-left:10px;
}

.list_image_school.list_uniform li:nth-child(3n){
	margin-right:0;
}

/******************** 360°画像 ********************/
/* 360°画像 - スライダー */
/* アスペクト比5:3 (1.666...) に合わせる */
.image360_slider .image360_img{
	position: relative;
	width: 100%;
}
.image360_slider .image360_img:before{
	content: "";
	display: block;
	padding-top: 60%; /* 5:3の縦横比の場合3/5=0.6×100で60% */
}
.image360_slider .image360_img img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.list1.image360_slider .image360_slider_title{
	margin-top: 10px;
}

.image360_slider_title a{
	display: inline-block;
	width: auto;
}

/* 360°画像 - モーダル */
#viewer360_overlay{
	display: none;
	z-index: 100000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.75);
}

#viewer360_container{
	display: none;
	z-index: 100000;
	position: fixed;
	top: 10%;
	right: 10%;
	bottom: 10%;
	left: 10%;
}

#viewer360_container .close{
	z-index: 100000;
	color: white;
	position: absolute;
	right: 0;
	bottom: 100%;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

#viewer360_container .close svg{
	z-index: 100000;
	width: 18px;
	height: 18px;
}

#viewer360_container .close, #viewer360_overlay{
	cursor: pointer;
}

#viewer360{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}



/*特集・ランキングなど*/
.list2_wrap{
	margin-bottom:20px;
}

.list2 li{
	list-style:none;
	display:inline-block;
	width:355px;
	margin-right:20px;
	margin-bottom:20px;
}

.list2 li:nth-child(2n){
	margin-right:0;
}

.list2 a{
	display:block;
	text-decoration:none;
	position:relative;
	color:#fff;
}

.list2_img{
	width:355px;
	height:220px;
}

.list2_img img {
	width: 355px;
	height: 220px;
	object-fit: cover;
}

.list2_info{
	position:absolute;
	bottom: 0;
	left: 0;
	background: rgba(18,42,136,0.9);
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.list2_title {
	margin-bottom: 2px;
	line-height: 1.3;
	font-size: 15px;
}

.list2_text{
	line-height: 1.3;
	font-size:10pt;
}

.list2_category{
	position:absolute;
	top:0;
	left:0;
	height:20px;
	line-height:20px;
	font-size:8pt;
	padding:0 10px;
}

/*教育コラム・中学受験ニュースなど*/
.list3 li{
	list-style:none;
	border-bottom:1px dotted #ddd;
}

.list3 a{
	display:block;
	padding:20px 0;
	text-decoration:none;
	color:#333;
}

.list3 li:first-child a{
	padding-top:0;
}

.list3_img{
	float:left;
	width:260px;
	height:160px;
}

.list3_img img{
	width:260px;
	height:160px;
	object-fit: cover;
}

.list3_info{
	float:right;
	width:460px;
}

.list3_date{
	color:#aaa;
	margin-bottom:10px;
	font-size:9pt;
}

.list3_day{
	margin-right:10px;
}

.list3_new{
	background:#ff477b;
	color:#fff;
	font-size:9px;
	display:inline-block;
	padding:0 5px;
	height:16px;
	line-height:16px;
	vertical-align:middle;
	margin-right:5px;
}

.list3_category{
	color:#fff;
	font-size:9px;
	display:inline-block;
	padding:0 5px;
	height:16px;
	line-height:16px;
	vertical-align:middle;
	margin-right:5px;
}

.list3_title{
	font-size:15pt;
	line-height:1.4;
	color:#122a88;
	margin-bottom:10px;
}

.list3_text{
	line-height:1.5;
}

.list3 a:hover .list3_title{
	text-decoration:underline;
}

/*基礎知識・はじめての方へなど*/
.list4 li{
	list-style:none;
	border-bottom:1px solid #ddd;
}

.list4 a{
	display:block;
	text-decoration:none;
	color:#333;
}

.list4_img{
	float:left;
}

.list4_img img{
	width:100px;
	height:100px;
	object-fit: cover;
}

.list4_info_wrap{
	float:right;
	width:620px;
	height:100px;
	display:table;
}

.list4_info{
	display:table-cell;
	vertical-align:middle;
}

.list4_title{
	color:#122a88;
	font-size:15pt;
	background:url(../img/i_arrow_b_navy24.png) 0 5px/12px no-repeat;
	padding-left:18px;
	line-height:1.3;
	margin-bottom:3px;
}

.list4 a:hover .list4_title{
	text-decoration:underline;
}

.list4_text{
	line-height:1.5;
	display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*併願校探し*/
.list5 li{
	list-style:none;
	border-bottom:1px dotted #ddd;
}

.list5 a{
	display:block;
	padding:10px 0;
}

.list5_img{
	float:left;
}

.list5_img img{
	width:80px;
	height:80px;
	object-fit: cover;
}

.list5_name{
	display:table;
	float:right;
	width:260px;
	height:80px;
}

.list5_name p{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	line-height:1.5;
}

.list5 a:hover p{
	text-decoration:underline;
}


/*サイドバーリスト*/
.side_list{
	margin-bottom:15px;
}

.side_list li{
	list-style:none;
	border-bottom:1px dotted #dddddd;
	position:relative;
}

.side_list a{
	display:block;
	width:100%;
	padding:15px 0;
	text-decoration:none;
	position:relative;
}

.side_list a:hover .side_list_title {
	text-decoration:underline;
}

.side_list_img{
	float:left;
	width:80px;
	height:80px;
}

.side_list_img img{
	width:80px;
	height:80px;
	object-fit: cover;
}

.side_list_info{
	float:right;
  width : -webkit-calc(100% - 90px) ;
  width : calc(100% - 90px);
}

.side_list_title{
	margin-bottom:2px;
	color:#122a88;
	line-height:1.3;
	font-size:14px;
	/*font-weight:normal;*/
}

.side_list_text{
	line-height:1.3;
	color:#333;
	font-size:10pt;
}

/*サイドバーリスト-注目の中学校*/
.side_list_pickup .side_list_title{
	background:#122a88;
	color:#fff;
	padding:5px;
	margin-bottom:5px;
	font-weight:normal;
	text-align:center;
}

.side_list_pickup a:hover .side_list_title{
	text-decoration:none;
}


/*サイドバーリスト-制服*/
.side_list_uniform {
	margin-bottom:15px;
}

.side_list_uniform li{
	list-style:none;
	float:left;
	width:33.33333333333333%;
	height:0;
	position:relative;
	padding-top:33.33333333333333%;
}

.side_list_uniform a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.side_list_uniform img{
	width:100%;
	height:100%;
	object-fit: cover;
}


/*学校バナー*/
.school_bunner_ul li{
	list-style:none;
	width:100%;
	margin-bottom:10px;
}

.school_bunner_ul li img{
	width:100%;
}

.side_bn_textlink{
	font-size:12px;
}


/*********** ol設定 ***********/
.ol1{
	padding-left:20px;
	line-height:1.7;
}

.ol1 li{
	margin-bottom:15px;
}





/*********** dl設定 ***********/
/*運営会社-アクセス*/
.dl1 dt{
	font-weight:bold;
	color:#122a88;
	margin-bottom:10px;
}

.dl1 dd{
	margin-bottom:40px;
}


/*********** 見出し設定 ***********/
.page_title{
	color:#122a88;
	font-size:23pt;
	padding:25px 0;
	line-height:1.2;
	position:relative;
}

/*タブ風*/
.title1{
	position:relative;
	margin-bottom:4px;
}

.title1:after{
  content: "";
	bottom:-3px;
	position:absolute;
	display:block;
	background:#122a88;
	width:100%;
	height:2px;
}

.title1 span {
  display: inline-block;
  font-size: 13pt;
  position: relative;
  color: #fff;
  z-index: 1;
	height:44px;
	line-height:44px;
	width:200px;
	text-align:center;
	font-weight:normal;
}

.title1 span::before {
  content: "";
  position: absolute;
  top:13px;
  right: -22px;
  bottom: 0;
  left: 0;
  z-index: -1;
	background:#3762b6; /* Old browsers */
	background:-moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  transform: scaleY(1.6) perspective(1.6em) rotateX(5deg);
	-webkit-transform: scaleY(1.6) perspective(1.6em) rotateX(5deg);
  transform-origin: bottom left;
}

/*タブ風-ちょっと小さいサイズ*/
.title1_b span{
	height:40px;
	line-height:40px;
	width:140px;
	font-size:14px;
}

.title1_b span::before {
  top:12px;
	transform: scaleY(1.8) perspective(5.9em) rotateX(25deg);
	-webkit-transform: scaleY(1.8) perspective(5.9em) rotateX(25deg);
}

/*タイトル横に数字を出す場合*/
.title_num_wrap{
	position:relative;
}

.title_num{
	font-size:9pt;
	color:#122a88;
	position:absolute;
	right:0;
	bottom:0;
	line-height:1;
}

.title_num b{
	font-size:18pt;
	margin:0 2px;
}

.title_num_l{
	font-size:14pt;
}

.title_num_l b{
	font-size:26pt;
}


/*タブ風-サイドバー*/
.side_title1 span{
	height:40px;
	line-height:40px;
	width:123px;
	font-size:15px;
}

.side_title1 span::before {
  top:12px;
	transform: scaleY(1.8) perspective(5.9em) rotateX(25deg);
	-webkit-transform: scaleY(1.8) perspective(5.9em) rotateX(25deg);
}


/*アイコン付き見出し*/
.title2{
	color:#122a88;
  font-size: 13pt;
	height:24px;
	line-height:27px;
	padding-left:28px;
	margin-bottom:10px;
}

.title2.i_360image{
	background:url(../img/i_360image_navy24.png) 0 0 no-repeat;
}

.title2.i_movie{
	background:url(../img/i_movie_navy24.png) 0 0 no-repeat;
}

.title2.i_flag{
	background:url(../img/i_flag_navy24.png) 0 0 no-repeat;
}

.title2.i_link{
	background:url(../img/i_link_navy24.png) 0 0 no-repeat;
}

.title2.i_heigan{
	background:url(../img/i_heigan_navy24.png) 0 0 no-repeat;
}

/*PCsideバナー用*/
.title3{
	color:#122a88;
  font-size: 15px;
	width:100%;
	height:40px;
	line-height:40px;
	font-weight:bold;
	border:1px solid #dddddd;
	position:relative;
	box-sizing:border-box;
	padding-left:40px;
	margin:0;
}

.title3:before{
	content:'';
	display:block;
	width:33px;
	height:22px;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0 auto -1px;
}

.title3:after{
	content:'';
	display:block;
	border-top: 11px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 11px solid transparent;
	position:absolute;
	left:23px;
	top:8px;
}

.title3.i_flag:before{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3762b6+0,040b51+100 */
	background: url(../img/i_flag_white24.png) 6px center / 12px no-repeat #3762b6; /* Old browsers */
	background: url(../img/i_flag_white24.png) 6px center / 12px no-repeat, -moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background: url(../img/i_flag_white24.png) 6px center / 12px no-repeat, -webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/i_flag_white24.png) 6px center / 12px no-repeat, linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.title3.i_crown:before{
	background: url(../img/i_crown_white.png) 6px center / 12px no-repeat #3762b6; /* Old browsers */
	background: url(../img/i_crown_white24.png) 6px center / 12px no-repeat, -moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background: url(../img/i_crown_white24.png) 6px center / 12px no-repeat, -webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/i_crown_white24.png) 6px center / 12px no-repeat, linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.title3.i_book:before{
	background: url(../img/i_book_white.png) 6px center / 12px no-repeat #3762b6; /* Old browsers */
	background: url(../img/i_book_white24.png) 6px center / 12px no-repeat, -moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background: url(../img/i_book_white24.png) 6px center / 12px no-repeat, -webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/i_book_white24.png) 6px center / 12px no-repeat, linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.title3.i_info:before{
	background: url(../img/i_info_white.png) 6px center / 12px no-repeat #3762b6; /* Old browsers */
	background: url(../img/i_info_white24.png) 6px center / 12px no-repeat, -moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background: url(../img/i_info_white24.png) 6px center / 12px no-repeat, -webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/i_info_white24.png) 6px center / 12px no-repeat, linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.title3.i_star:before{
	background: url(../img/i_star_white.png) 6px center / 12px no-repeat #3762b6; /* Old browsers */
	background: url(../img/i_star_white24.png) 6px center / 12px no-repeat, -moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background: url(../img/i_star_white24.png) 6px center / 12px no-repeat, -webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/i_star_white24.png) 6px center / 12px no-repeat, linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*中学受験ニュース見出し*/
.title4{
	color:#122a88;
  font-size: 13pt;
	height:50px;
	line-height:50px;
	padding-left:15px;
	border:1px solid #ddd;
	box-sizing:border-box;
	margin-left:2px;
	margin-bottom:20px;
	position:relative;
}

.title4:before{
	content:'';
	display:block;
	width:5px;
	height:20px;
	position:absolute;
	top:0;
	bottom:0;
	left:-3px;
	margin:auto 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3762b6+0,040b51+100 */
	background:#3762b6; /* Old browsers */
	background:-moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*50音*/
.title5{
	color:#122a88;
	font-size:23pt;
	padding:0 0 15px;
	line-height:1;
}

/*学校詳細-項目名*/
.title6{
	font-size:15pt;
	color:#122a88;
	line-height:1.2;
	padding-bottom:5px;
	border-bottom:1px solid #122a88;
	margin-bottom:20px;
}




/*********** テキスト設定 ***********/
/*一般*/
.text1{
	line-height:1.7;
	margin-bottom:15px;
}

/*強調*/
.text_standout{
	color:#122a88;
}


/*********** テ―ブル設定 ***********/
/*基本的なリスト式のtable*/
.table1{
	width:100%;
	table-layout:fixed;
}

.table1.no_fix{
	table-layout:auto;
}

.table1 thead th{
	padding:10px 5px;
	background:#f5f5f5;
	color:#122a88;
	font-size:8pt;
	line-height:1.3;
	vertical-align:middle;
}

.table1 td{
	line-height:1.5;
	padding:10px 5px;
	vertical-align:middle;
	border-bottom:1px dotted #ddd;
}

.table1 .table1_font_s{
	font-size:9pt;
}

.table1_td_type p:first-child{
	margin-bottom:1px;
}

.table1_td_value{
	color:#ff477b;
	font-size:16pt;
}

.tab_box2 .table1{
	margin-bottom:40px;
}

/*thとtdが交互にくるタイプ*/
.table1_b td{
	border-bottom:0;
}

.table1_b tbody:last-child td{
	border-bottom:1px dotted #ddd;
}

/*学校詳細-大学進学実績用table1*/
.jisseki_table1{
	display:inline-table;
	width:355px;
	margin-right:20px;
	margin-bottom:20px;
}

.jisseki_table1:nth-child(2n){
	margin-right:0;
}

.jisseki_table1 thead th:first-child,
.jisseki_table1 td:first-child{
	padding-left:10px;
}

.jisseki_table1 thead th:last-child,
.jisseki_table1 td:last-child{
	padding-right:10px;
}

.jisseki_table1 td{
	height:35px;
	padding-top:0;
	padding-bottom:0;
}

.jisseki_table1 tfoot{
	color:#122a88;
	font-weight:bold;
}

.jisseki_table1 tbody th{
	color:#122a88;
	height:35px;
	padding:0 10px;
	vertical-align:middle;
	border-bottom:1px dotted #ddd;
	line-height:1.2;
	font-size:8pt;
}

.jisseki_table1_b{
	width:100%;
	margin-bottom:0;
}


/*運営会社のtable*/
.table2{
	width:100%;
	table-layout:fixed;
	font-size:12pt;
	line-height:1.7;
	border-top:1px dotted #ddd;
}

.table2 th{
	color:#122a88;
	padding:20px 0;
	width:130px;
	text-align:left;
	border-bottom:1px dotted #ddd;
}

.table2 td{
	padding:20px 0;
	border-bottom:1px dotted #ddd;
}

.table2 dt{
	font-size:10pt;
	font-weight:bold;
}

.table2 dd{
	margin-bottom:5px;
}

.table2 dd:last-child{
	margin-bottom:0;
}


/*********** ボタン設定 ***********/
.btn_link {
	display:block;
	width:100%;
	padding:20px 0 0;
	text-align:right;
}

.btn_link a{
	display:inline-block;
	height:30px;
	line-height:30px;
	border:1px solid #122a88;
	border-radius:5px;
	color:#122a88;
	text-decoration:none;
	font-size:9pt;
	padding:0 10px 0 28px;
}

.btn_link a:hover{
	background:rgba(106,137,255,0.22);
}

.btn_link a span{
	position:relative;
}

.btn_link a span:before{
	content:'';
	display:inline-block;
	width:12px;
	height:30px;
	background:url(../img/i_arrow_b_navy24.png) 0 center/12px no-repeat;
	position:absolute;
	right:100%;
	margin-right:5px;
}


/*緑青ページリンクボタン*/
.btn1{
	display:inline-block;
	height:30px;
	line-height:30px;
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	font-size:10pt;
	font-weight:normal;
	padding:0 10px 0 28px;
	position:relative;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c1c9+0,006e7b+100 */
	background:url(../img/i_arrow_b_white12.png) 10px center no-repeat #00c1c9; /* Old browsers */
	background:url(../img/i_arrow_b_white12.png) 10px center no-repeat, -moz-linear-gradient(top,  #00c1c9 0%, #006e7b 100%); /* FF3.6-15 */
	background:url(../img/i_arrow_b_white12.png) 10px center no-repeat, -webkit-linear-gradient(top,  #00c1c9 0%,#006e7b 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../img/i_arrow_b_white12.png) 10px center no-repeat, linear-gradient(to bottom,  #00c1c9 0%,#006e7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.title1 .btn1{
	margin-top:7px;
}

/*資料・説明会ボタン*/
.btn2{
	display:inline-block;
	width:56px;
	height:26px;
	font-size:8pt;
	color:#fff;
	background:url(../img/i_add_white24.png) 8px center/12px no-repeat #ff477b;
	box-sizing:border-box;
	padding:0 10px 0 22px;
	border:1px solid #ff477b;
	border-radius:5px;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	cursor:pointer;
}

.btn2:hover{
	background:url(../img/i_add_white24.png) 8px center/12px no-repeat rgba(255,71,123,0.8);
}

.btn2:disabled{
	background:url(../img/i_check_gray24.png) 8px center/12px no-repeat rgb(235,235,235);
	color:#a4a4a4;
	cursor:default;
	border:1px solid #ddd;
}


/*申込みボタンetc*/
.btn3,
.btn4{
	display:inline-block;
	height:42px;
	width:230px;
	line-height:42px;
	border-radius:5px;
	color:#fff;
	font-weight:normal;
	position:relative;
	box-sizing:border-box;
	border-radius:5px;
	border:0;
	cursor:pointer;
  font-size: 13pt;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7faa+0,ff1841+100 */
	background:#ff7faa; /* Old browsers */
	background:-moz-linear-gradient(top,  #ff7faa 0%, #ff1841 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #ff7faa 0%,#ff1841 100%); /* Chrome10-25,Safari5.1-6 */
}

.btn4{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bebebe+0,615f5f+100 */
	background: #bebebe; /* Old browsers */
	background: -moz-linear-gradient(top,  #bebebe 0%, #615f5f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bebebe 0%,#615f5f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bebebe 0%,#615f5f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#615f5f',GradientType=0 ); /* IE6-9 */
}

.btn4_b{
	font-size:11pt;
}



/*条件保存*/
.btn_save{
	display:inline-block;
	height:30px;
	line-height:30px;
	border-radius:5px;
	color:#122a88;
	text-decoration:none;
	font-weight:normal;
	padding:0 10px 0 28px;
	position:relative;
	box-sizing:border-box;
	border:1px solid #122a88;
	background:url(../img/i_add_navy12.png) 10px center no-repeat;
	cursor:pointer;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

.btn_save:hover{
	background:url(../img/i_add_navy12.png) 10px center no-repeat rgba(106,137,255,0.22);
}

/*検索*/
.btn_search{
	display:inline-block;
	height:42px;
	width:160px;
	line-height:42px;
	border-radius:5px;
	color:#fff;
	font-weight:normal;
	position:relative;
	box-sizing:border-box;
	border-radius:5px;
	border:0;
	cursor:pointer;
  font-size: 13pt;
	padding-left:25px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7faa+0,ff1841+100 */
	background:url(../img/i_search_white18.png) 45px center no-repeat #ff7faa; /* Old browsers */
	background:url(../img/i_search_white18.png) 45px center no-repeat, -moz-linear-gradient(top,  #ff7faa 0%, #ff1841 100%); /* FF3.6-15 */
	background:url(../img/i_search_white18.png) 45px center no-repeat, -webkit-linear-gradient(top,  #ff7faa 0%,#ff1841 100%); /* Chrome10-25,Safari5.1-6 */
	vertical-align:text-bottom;
}

.btn_search_side{
	display:inline-block;
	height:30px;
	width:70px;
	line-height:30px;
	border-radius:5px;
	color:#fff;
	font-weight:normal;
	position:relative;
	box-sizing:border-box;
	border-radius:5px;
	border:0;
	cursor:pointer;
  font-size: 10pt;
	padding-left:20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7faa+0,ff1841+100 */
	background:url(../img/i_search_white52.png) 12px center/13px no-repeat #ff7faa; /* Old browsers */
	background:url(../img/i_search_white52.png) 12px center/13px no-repeat, -moz-linear-gradient(top,  #ff7faa 0%, #ff1841 100%); /* FF3.6-15 */
	background:url(../img/i_search_white52.png) 12px center/13px no-repeat, -webkit-linear-gradient(top,  #ff7faa 0%,#ff1841 100%); /* Chrome10-25,Safari5.1-6 */
	vertical-align:text-bottom;
}

/*カート削除*/
.btn_cart_delete{
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto 0;
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/i_cancel_gray32.png) 0 0/16px no-repeat;
	text-indent:-9999px;
}

/*学校詳細ボタン*/
.btn_school{
	display:inline-block;
	text-decoration:none;
	border:1px solid #122a88;
	border-radius:5px;
	font-size:11px;
	color:#122a88;
	width:57px;
	height:43px;
	text-align:center;
	background:url(../img/i_school_navy52.png) center 2px/26px no-repeat;
	box-sizing:border-box;
	padding-top:28px;
}

.btn_school:hover{
	background:url(../img/i_school_navy52.png) center 2px/26px no-repeat rgba(106,137,255,0.22);
}



/*********** form設定 ***********/
/*チェックボックス*/
.check1 input{
	display:none;
}

.check1 {
	cursor:pointer;
	margin-right:20px;
	display:inline-block;
}

.check1:last-child {
	margin-right:0;
}

.check1_text:before{
	content:'';
	display:inline-block;
	width:15px;
	height:15px;
	background:#aeaeae;
	border:2px solid #aeaeae;
	box-sizing:border-box;
	box-shadow:0px 0px 0px 2px #ffffff inset;
	vertical-align:middle;
	margin-right:5px;
	margin-top:-1px;
}

.check1 input:checked + .check1_text:before {
	background:#122a88;
	border:2px solid #122a88;
	box-shadow:0px 0px 0px 2px #ffffff inset;
}

#side_search .check1{
	margin-right:15px;
}

#side_search .check1:last-child {
	margin-right:0;
}

#side_search .check1_text:before{
	margin-top:-2px;
}

/*チェックボックス-カート*/
.cart_check1{
	display:block;
	margin:0;
	padding:20px 10px;
	border-bottom:1px dotted #ddd;
	position:relative;
}

.cart_check1 .check1_text a{
	color:#009096;
	text-decoration:none;
}

.cart_check1 .check1_text a:hover{
	text-decoration:underline;
}


/*テキスト*/
.input_text1{
	height:30px;
	/*width:160px;*/
	width:110px;
	box-sizing:border-box;
	padding:0 5px;
	font-size:11pt;
	border:1px solid #909cc9;
	box-shadow:1px 1px 3px -1px #ababab inset;
	vertical-align:middle;
}

.input_textarea{
	box-sizing:border-box;
	padding:5px;
	font-size:9pt;
	border:1px solid #909cc9;
	box-shadow:1px 1px 3px -1px #ababab inset;
	vertical-align:middle;
}

.input_text1:focus,
.input_textarea:focus{
	border:1px solid #00a2c8;
}

.input_text1_s{
	width:100px;
}

.input_text1_l{
	width:205px;
}

.input_text1_l2{
	width:345px;
}

.input_text1_max{
	width:100%;
}

/*都道府県選択*/
.select_state{
	height:30px;
	width:174px;
	box-sizing:border-box;
	padding:0 5px;
	font-size:10pt;
	border:1px solid #909cc9;
	box-shadow:1px 1px 3px -1px #ababab inset;
	vertical-align:middle;
}

.select_state:focus{
	border:1px solid #00a2c8;
}

.page_title .select_state{
	position:absolute;
	right:0;
}

.page_title #search_by_prefecture{
	position:absolute;
	right:0;
	top:27px;
}


/******************** pager設定 ********************/
#pager {
	text-align:center;
	margin-bottom:40px;
}

#pager a{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#122a88;
	color:#fff;
	text-decoration:none;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

#pager a:hover{
  opacity: 0.7;
  filter: alpha(opacity=60);
}

#pager .active,
#pager .active:hover{
	opacity:1;
	background:#00c3cb;
	cursor:default;
}

#pager .disable,
#pager .disable:hover{
	opacity:1;
	background:#e0e0e0;
	cursor:default;
	pointer-events: none;
}

#pager #pager_prev,
#pager #pager_next{
	width:105px;
}



/*********** リンク ***********/
.a1{
	color:#122a88;
	text-decoration:none;
}

.a1:hover{
	text-decoration:underline;
}


.text_link{
	color:#009096;
	text-decoration:none;
}

.text_link:hover{
	text-decoration:underline;
}

.text_link2{
	color:#009096;
}

.text_link2:hover{
	text-decoration:none;
}

.font_s{
	font-size:10pt
}

/*********** 配色 ***********/
.cl_navy{
	color:#122a88;
}


/*********** 余白 ***********/
.mgr0{
	margin-right:0;
}

.mgb10{
	margin-bottom:10px;
}

.mgb20{
	margin-bottom:20px;
}

.mgb40{
	margin-bottom:40px;
}







/******************** TOPページ設定 ********************/

/*********** MV設定 ***********/
#mv{
	width:1040px;
	height:300px;
	overflow:hidden;
}

/*********** 条件検索設定 ***********/
.joken_kensaku{
	background:#f5f5f5;
	padding:20px 20px 0;
	font-size:15px;
	margin-bottom:20px;
	padding-bottom:10px;
}

.joken_kensaku_tb{
	table-layout:fixed;
	width:100%;
	text-align:left;
}

.joken_kensaku_tb th{
	color:#122a88;
	width:160px;
	padding-bottom:20px;
	vertical-align:middle;
	line-height:1.7;
}

.joken_kensaku_tb td{
	padding-bottom:20px;
	vertical-align:middle;
	line-height:1.7;
}

.joken_kensaku_tb .va_top{
	vertical-align:top;
}

.joken_kensaku_tb_memo{
	font-size:9pt;
}

.joken_kensaku_more{
	position: relative;
	color:#122a88;
	border-bottom:1px dotted #bbb;
	padding-bottom:10px;
	margin-bottom:20px;
	cursor: pointer;
}

.accordion_switch_search{
	cursor:pointer;
}

.accordion_switch_search_btn,
.accordion_switch_search_btn span{
	display:inline-block;
	transition:all .4s;
	box-sizing:border-box;
}

.accordion_switch_search_btn{
	background:#cccccc;
	border-radius:50%;
	position:relative;
	top:6px;
	left:4px;
	width:24px;
	height:24px;
	-webkit-transform:scale(0.8, 0.8);
	-moz-transform:scale(0.8, 0.8);
	-ms-transform:scale(0.8, 0.8);
	-o-transform:scale(0.8, 0.8);
	transform:scale(0.8, 0.8);
}

.accordion_switch_search_btn span{
	position:absolute;
	left:4px;
	width:64%;
	height:2px;
  background-color:#fff;
}

.accordion_switch_search_btn span:nth-of-type(1){
	top:11px;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}

.accordion_switch_search_btn span:nth-of-type(2){
	top:11px;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}

/*＋、－切り替え*/
.accordion_switch_search_btn.active span:nth-of-type(1){
	display:none;
}

.accordion_switch_search_btn.active span:nth-of-type(2){
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}

.accordion_list_search{
	padding-bottom:0;
	border:0;
}

.accordion_switch_search + .accordion_list_search{
	display:none;
}

.hit_num{
	color:#122a88;
	font-weight:bold;
	font-size:11pt;
	vertical-align:text-bottom;
	margin-right:20px;
}

.hit_num b{
	font-size:36pt;
	margin:0 10px;
}

/*********** movie ***********/
.movie_slider_wrap{
	overflow:hidden;
	margin-bottom:20px;
	font-size:10pt;
}

.movie_slider .slick-list{
	margin-right: -20px;
}

.movie_slider .slick-slide{
	margin-right: 20px;
}

.movie_wrap iframe{
	margin-bottom:10px;
	height:140px;
}

.movie_slider_title{
	line-height:1.3;
}

.movie_wrap iframe{
	background:#000;
}

/*********** top_list ***********/
.top_ranking{
	float:left;
	width:355px;
}

.top_column{
	float:right;
	width:355px;
}

.top_list{
	margin-bottom:15px;
}

.top_list li{
	list-style:none;
	border-bottom:1px dotted #dddddd;
	position:relative;
}

.top_list a{
	display:block;
	width:100%;
	padding:10px 0;
	text-decoration:none;
	position:relative;
}

.top_list a:hover .top_list_title {
	text-decoration:underline;
}

.top_list_img{
	float:left;
	width:100px;
	height:62px;
	margin-bottom:0;
}

.top_list_img img{
	width:100px;
	height:62px;
	object-fit: cover;
}

.top_list_info{
	float:right;
  width : -webkit-calc(100% - 110px) ;
  width : calc(100% - 110px);
}

.top_list_title{
	margin-bottom:2px;
	color:#122a88;
	line-height:1.3;
	font-size:15px;
	padding-left:16px;
}

.top_ranking .top_list_title{
	background:url(../img/i_crown_color24.png) 0 1px no-repeat;
	background-size:12px;
}

.top_column .top_list_title{
	background:url(../img/i_book_color24.png) 0 1px no-repeat;
	background-size:12px;
}

.top_list_text{
	line-height:1.3;
	color:#333;
	font-size:10pt;
}

.top_list li:first-child{
	border:0;
}

.top_list li:first-child a{
	padding:0;
	margin-bottom:10px;
}

.top_list li:first-child a:hover .top_list_title {
	text-decoration:none;
}

.top_list li:first-child .top_list_img{
	float:none;
	width:356px;
	height:220px;
}

.top_list li:first-child .top_list_img img{
	width:356px;
	height:220px;
}

.top_list li:first-child .top_list_info{
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(18,42,136,0.9);
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.top_list li:first-child .top_list_title,
.top_list li:first-child .top_list_text{
	color:#fff;
}

.top_list li:first-child .top_list_title{
	background:none;
	padding-left:0;
}

.top_list li:first-child a:before{
	display:block;
	height:20px;
	width:60px;
	position:absolute;
	top:10px;
	left:0;
	z-index:901;
	color:#fff;
	font-size:8pt;
	line-height:20px;
	padding-left:23px;
}

.top_ranking .top_list li:first-child a:before{
	content:'ランキング';
	background:url(../img/i_crown_white12.png) 5px center no-repeat #ff8400;
}

.top_column .top_list li:first-child a:before{
	content:'教育コラム';
	background:url(../img/i_book_white12.png) 5px center no-repeat #ae00ff;
}

.top_list li:first-child a:after{
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:10px;
	left:74px;
	visibility:inherit;
}

.top_ranking .top_list li:first-child a:after{
	border-top: 10px solid #ff8400;
	border-left: 10px solid #ff8400;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ff8400;
}

.top_column .top_list li:first-child a:after{
	border-top: 10px solid #ae00ff;
	border-left: 10px solid #ae00ff;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ae00ff;
}






/******************** page_search（検索ページ）設定 ********************/
#side_search{
	background:#f5f5f5;
	padding:15px 0 1px;
	font-size:10pt;
	margin-bottom:20px;
}

.side_search_dl dt{
	color:#122a88;
	font-weight:bold;
	margin-bottom:5px;
	line-height:1.5;
	margin:0 10px;
}

.side_search_dl dd{
	margin-bottom:15px;
	line-height:1.7;
	padding:0 10px;
}

.side_search_memo{
	color:#333;
	font-weight:normal;
	font-size:9pt;
	margin-top:3px;
}

.side_search_dl .side_search_more{
	border-bottom:1px dotted #aeaeae;
	padding-bottom:8px;
	margin-bottom:15px;
}

.hit_num2{
	color:#122a88;
	font-weight:bold;
	font-size:9pt;
	vertical-align:text-bottom;
}

.hit_num2 b{
	font-size:25pt;
	margin:0 5px;
}

#side_search_wrap .hit_num2{
	margin-right:10px;
}

/*表示切り替えタブ（検索結果）*/
.tab_ul_hit_num{
	float:right;
	list-style:none;
	margin-top:-6px;
}

.tab_btn{
	height:30px;
	width:158px;
	border-radius:5px 5px 0 0;
	border:1px solid #ddd;
	border-bottom:0;
	box-sizing:border-box;
	float:left;
	margin-right:5px;
	list-style:none;
	text-align:center;
	line-height:30px;
	color:#122a88;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	cursor:pointer;
	font-size:10pt;
	font-weight:bold;
}

.tab_btn:hover{
	background:rgba(18,42,136,0.1);
}

.tab_btn.active{
	background:#122a88;
	border-color:#122a88;
	color:#fff;
}

.tab_btn.disable{
	opacity:0.9;
	color:#bbb;
	cursor:default;
	background:none;
	pointer-events: none;
}


.tab_btn span{
	position:relative;
	display: inline-block;
}

.tab_btn.active span:before{
	content:'✔';
	position:absolute;
	right:100%;
	display:inline-block;
	padding-right:5px;
	color:#b7f1ff;
}

.tab_box #tab2,
.tab_box #tab3{
	display:none;
}

/*表示切り替えタブ2（50音）*/
.tab_ul2 .tab_ul_hit_num{
	margin-top:2px;
}

.tab_btn2,
.tab_btn2_all{
	float:left;
	list-style:none;
	height:30px;
	width:30px;
	background:#e0e0e0;
	color:#122a88;
	line-height:30px;
	text-align:center;
	margin-right:5px;
	margin-bottom:10px;
	cursor:pointer;
}

.tab_btn2_all{
	width:70px;
}

.tab_btn2.active,
.tab_btn2_all.active{
	background:#122a88;
	color:#fff;
	pointer-events:none;
	cursor:default;
}

/*学校詳細-画像*/
#school_gallery_tab{
	/*width:565px;*/
	/*margin:0 auto;*/
	text-align:center;
}

#school_gallery_tab .tab_btn2,
#school_gallery_tab .tab_btn2_all{
	width:90px;
	margin-bottom:30px;
	display:inline-block;
	float:none;
}

#school_gallery_tab .tab_btn2:last-child{
	margin-right:0;
}



/*学校の種類*/
.type_a1,
.type_a2,
.type_a3,
.type_b1,
.type_b2,
.type_b3{
	width:40px;
	height:16px;
	line-height:16px;
	color:#fff;
}

/*国立*/
.type_a1{
	background:#000;
}

/*公立*/
.type_a2{
	background:#00add0;
}

/*私立*/
.type_a3{
	background:#00801b;
}

/*女子高*/
.type_b1{
	background:#ff5cdb;
}

/*男子高*/
.type_b2{
	background:#1981f6;
}

/*共学*/
.type_b3{
	background:#ff6c00;
}

/*その他*/
.type_c{
	background:#939393;
	color:#fff;
}


/******************** ギャラリーページ設定 ********************/
#gallery_navi {
	margin-bottom:25px;
	text-align:center;
}

#gallery_navi li{
	list-style:none;
	display:inline-block;
	margin-right:5px;
}

#gallery_navi li:last-child{
	margin-right:0;
}

#gallery_navi a{
	display:block;
	width:158px;
	height:44px;
	line-height:44px;
	font-weight:bold;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:5px;
	color:#122a88;
	text-decoration:none;
	font-size:14px;
	/*-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;*/
}

#gallery_navi a:hover{
  opacity: 0.7;
  filter: alpha(opacity=60);
}

#gallery_navi .active{
	background:#122a88;
	color:#fff;
	border:3px solid #122a88;
	line-height:40px;
	box-shadow:0px 0px 0px 1px #ffffff inset;
	cursor:default;
}

#gallery_navi .active:hover{
	opacity:1;
}

#gallery_navi a:before{
	content:'';
	display:inline-block;
	width:24px;
	height:24px;
	vertical-align:middle;
	margin-top:-2px;
	margin-right:5px;
}

#gallery_navi .active:before{
	margin-top:-4px;
}

#gallery_navi_360:before{
	background:url(../img/i_360image_navy24.png) 0 0 no-repeat;
}

#gallery_navi_movie:before{
	background:url(../img/i_movie_navy24.png) 0 0 no-repeat;
}

#gallery_navi_img:before{
	background:url(../img/i_img_navy24.png) 0 0 no-repeat;
}

#gallery_navi_uniform:before{
	background:url(../img/i_ribbon_navy24.png) 0 0 no-repeat;
}

#gallery_navi #gallery_navi_360.active:before{
	background:url(../img/i_360image_white24.png) 0 0 no-repeat;
}

#gallery_navi #gallery_navi_movie.active:before{
	background:url(../img/i_movie_white24.png) 0 0 no-repeat;
}

#gallery_navi #gallery_navi_img.active:before{
	background:url(../img/i_img_white24.png) 0 0 no-repeat;
}

#gallery_navi #gallery_navi_uniform.active:before{
	background:url(../img/i_ribbon_white24.png) 0 0 no-repeat;
}


#gallery_box{
	margin-bottom:20px;
}


/******************** 中学入試の基礎知識（アーカイブ）設定 ********************/
#archive_mv{
	width:730px;
	height:250px;
	margin-bottom:40px;
}

#archive_mv img{
	width:730px;
	height:250px;
	object-fit: cover;
}

/******************** single.php（一般的な投稿ページ）設定 ********************/
#page_info{
	padding-top:25px;
	position:relative;
}

#page_type{
	display:inline-block;
	background:#000;
	position:relative;
	height:20px;
	line-height:22px;
	color:#fff;
	font-size:8pt;
	padding:0 15px 0 20px;
}

#page_type:after {
	content: '';
	display: block;
	border-top: 11px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 11px solid transparent;
	position: absolute;
	right: 0;
	top: -1px;
}

#page_type.page_type_special{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff73a0+0,ff1a43+100 */
	background:url(../img/i_star_white24.png) 5px center / 12px no-repeat #ff73a0; /* Old browsers */
	background:url(../img/i_star_white24.png) 5px center / 12px no-repeat, -moz-linear-gradient(top,  #ff73a0 0%, #ff1a43 100%); /* FF3.6-15 */
	background:url(../img/i_star_white24.png) 5px center / 12px no-repeat, -webkit-linear-gradient(top,  #ff73a0 0%,#ff1a43 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../img/i_star_white24.png) 5px center / 12px no-repeat, linear-gradient(to bottom,  #ff73a0 0%,#ff1a43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff73a0', endColorstr='#ff1a43',GradientType=0 ); /* IE6-9 */
}

#page_type.page_type_column{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d885ff+0,af04ff+100 */
	background:url(../img/i_book_white24.png) 5px center / 12px no-repeat  #d885ff; /* Old browsers */
	background:url(../img/i_book_white24.png) 5px center / 12px no-repeat, -moz-linear-gradient(top,  #d885ff 0%, #af04ff 100%); /* FF3.6-15 */
	background:url(../img/i_book_white24.png) 5px center / 12px no-repeat, -webkit-linear-gradient(top,  #d885ff 0%,#af04ff 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../img/i_book_white24.png) 5px center / 12px no-repeat, linear-gradient(to bottom,  #d885ff 0%,#af04ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d885ff', endColorstr='#af04ff',GradientType=0 ); /* IE6-9 */
}

#page_type.page_type_news{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d885ff+0,af04ff+100 */
	background:url(../img/i_info_white24.png) 5px center / 12px no-repeat  #65cec2; /* Old browsers */
	background:url(../img/i_info_white24.png) 5px center / 12px no-repeat, -moz-linear-gradient(top,  #65cec2 0%, #138a74 100%); /* FF3.6-15 */
	background:url(../img/i_info_white24.png) 5px center / 12px no-repeat, -webkit-linear-gradient(top,  #65cec2 0%,#138a74 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../img/i_info_white24.png) 5px center / 12px no-repeat, linear-gradient(to bottom,  #65cec2 0%,#138a74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65cec2', endColorstr='#138a74',GradientType=0 ); /* IE6-9 */
}

#page_type.page_type_ranking{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d885ff+0,af04ff+100 */
	background:url(../img/i_crown_white24.png) 5px center / 12px no-repeat  #ffb000; /* Old browsers */
	background:url(../img/i_crown_white24.png) 5px center / 12px no-repeat, -moz-linear-gradient(top,  #ffb000 0%, #ff7e00 100%); /* FF3.6-15 */
	background:url(../img/i_crown_white24.png) 5px center / 12px no-repeat, -webkit-linear-gradient(top,  #ffb000 0%,#ff7e00 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../img/i_crown_white24.png) 5px center / 12px no-repeat, linear-gradient(to bottom,  #ffb000 0%,#ff7e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb000', endColorstr='#ff7e00',GradientType=0 ); /* IE6-9 */
}

#page_type.page_type_knowledge{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d885ff+0,af04ff+100 */
	background:url(../img/i_hat_white24.png) 5px center / 12px no-repeat  #00cae1; /* Old browsers */
	background:url(../img/i_hat_white24.png) 5px center / 12px no-repeat, -moz-linear-gradient(top,  #00cae1 0%, #009dc5 100%); /* FF3.6-15 */
	background:url(../img/i_hat_white24.png) 5px center / 12px no-repeat, -webkit-linear-gradient(top,  #00cae1 0%,#009dc5 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../img/i_hat_white24.png) 5px center / 12px no-repeat, linear-gradient(to bottom,  #00cae1 0%,#009dc5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cae1', endColorstr='#009dc5',GradientType=0 ); /* IE6-9 */
}

#page_type.page_type_howto{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d885ff+0,af04ff+100 */
	background:url(../img/i_beginner_white24.png) 5px center / 12px no-repeat  #8ed379; /* Old browsers */
	background:url(../img/i_beginner_white24.png) 5px center / 12px no-repeat, -moz-linear-gradient(top,  #8ed379 0%, #31941f 100%); /* FF3.6-15 */
	background:url(../img/i_beginner_white24.png) 5px center / 12px no-repeat, -webkit-linear-gradient(top,  #8ed379 0%,#31941f 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../img/i_beginner_white24.png) 5px center / 12px no-repeat, linear-gradient(to bottom,  #8ed379 0%,#31941f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed379', endColorstr='#31941f',GradientType=0 ); /* IE6-9 */
}

#page_date_wrap{
	position:absolute;
	right:0;
	top:25px;
	height:20px;
	line-height:20px;
	font-size:11px;
}

#page_date{
	display:inline-block;
	color:#aaa;
	background:url(../img/i_clock_gray24.png) 0 3px/12px no-repeat;
	padding-left:14px;
	margin-left:7px;
}

.page_category{
	display:inline-block;
	color:#fff;
	padding:0 5px;
}

.page_title_single{
	padding-top:10px;
}

#page_mv{
	width:730px;
	height:420px;
	margin-bottom:40px;
}

#page_mv img{
	width:730px;
	height:420px;
	object-fit: cover;
}

/*投稿記事css*/
#single_contents{
	line-height:1.7;
}

#single_contents p{
	margin-bottom:40px;
}

#single_contents a:hover{
	text-decoration:none;
}

#single_contents h2{
	padding:20px 15px;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	font-size:16pt;
	font-weight:bold;
	color:#122a88;
	line-height:1.5;
	position:relative;
	margin-bottom:20px;
	margin-left:0;
}

#single_contents h2:before{
	content:'';
	display:block;
	width:5px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3762b6+0,040b51+100 */
	background:#3762b6; /* Old browsers */
	background:-moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#single_contents h3{
	font-size:15pt;
	color:#122a88;
	border-bottom:5px solid #f5f5f5;
	margin-bottom:20px;
	line-height:1.5;
	padding:0 10px 5px;
}

#single_contents h4{
	font-size:12pt;
	color:#122a88;
	padding:5px 0 5px 10px;
	margin-bottom:20px;
	line-height:1.5;
	border-left:5px solid #122a88;
}

#single_contents h5{
	font-size:11pt;
	color:#122a88;
	margin-bottom:20px;
	line-height:1.5;
}

#single_contents h6{
	font-size:10pt;
	color:#122a88;
	margin-bottom:20px;
	line-height:1.5;
}

#single_contents .wp-block-media-text{
	margin-bottom:40px;
}

#single_contents .wp-block-media-text .wp-block-media-text__content {
  padding: 0 0 0 10px;
}

#single_contents .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding: 0 10px 0 0;
}

#single_contents .wp-block-image{
	margin-bottom: 30px;
}

#single_contents .wp-block-image figcaption {
	margin-bottom: 10px;
}

#single_contents .wp-block-quote{
	background:url(../img/i_quote_gray64.png) 20px 18px/32px no-repeat #f5f5f5;
	padding:20px 20px 0 70px;
	margin-bottom:40px;
}

#single_contents .wp-block-quote p{
	margin-bottom:0;
	padding-bottom:20px;
}

#single_contents .has-small-font-size {
	font-size: 11px;
}

#single_contents .has-medium-font-size {
	font-size:13pt;
}

#single_contents .has-large-font-size {
	font-size:23pt;
}

#single_contents .has-huge-font-size{
	font-size:27pt;
}

#single_contents .wp-block-cover,
#single_contents .wp-block-cover-image {
	margin-bottom:40px;
}

#single_contents ul,
#single_contents ol{
	padding-left:20px;
}

#single_contents>ul,
#single_contents>ol{
	margin-bottom:40px;
}

#single_contents .wp-block-gallery{
	margin-bottom:25px;
	padding-left:0;
}

#single_contents .wp-block-audio{
	margin-bottom:40px;
}



/*ページャー*/
#single_pager{
	height:140px;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin-bottom:40px;
}

#single_pager a{
	display:block;
	width:50%;
	height:140px;
	color:#122a88;
	text-decoration:none;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	padding:0 10px;
	box-sizing:border-box;
	font-size:9pt;
	vertical-align:middle;
	position:relative;
	border-right:1px solid #dddddd;
}

#single_pager a:last-child{
	border-right:0;
}

#single_pager a:hover{
	background:#f6f6f6;
	color:#009096;
}

#single_pager_prev{
	float:left;
	padding-left:100px;
}

#single_pager_next{
	float:right;
	text-align:right;
}

#single_pager_prev p{
	display:inline-block;
	padding-left:140px;
	line-height:1.5;
	vertical-align:middle;
	height:140px;
}

#single_pager_prev span{
	display:table-cell;
	vertical-align:middle;
	height:140px;
}

#single_pager_next p{
	display:inline-block;
	padding-right:140px;
	line-height:1.5;
	vertical-align:middle;
	height:140px;
}

#single_pager_next span{
	display:table-cell;
	vertical-align:middle;
	height:140px;
	text-align:left;
}

#single_pager_prev:before{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/i_arrow_gray20.png) 0 0 no-repeat;
	vertical-align:middle;
	transform: scale(-1, 1);
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-10px;
}

#single_pager_next:after{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/i_arrow_gray20.png) 0 0 no-repeat;
	vertical-align:middle;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-10px;
}

#single_pager figure img{
	width:100px;
	height:100px;
	object-fit: cover;
}

#single_pager figure{
	display:inline-block;
	width:100px;
	height:100px;
	position:absolute;
	top:20px;
	left:40px;
}

#single_pager_next figure{
	right:40px;
	left:auto;
}

/******************** single-ranking（ランキングページ）設定 ********************/
.ranking_title{
	font-size:18pt;
	min-height:70px;
	background:url(../img/ranking_bg.png) center center no-repeat;
	width:100%;
	display:table;
	margin-bottom:20px;
}

.ranking_title span{
	display:table-cell;
	color:#122a88;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	line-height:1.3;
}

.ranking_article{
	margin-bottom:40px;
}

.ranking_img{
	float:left;
}

.ranking_img img{
	object-fit: cover;
}

.ranking_info{
	float:right;
	position:relative;
}

.ranking_info .btn_school{
	position:absolute;
	right:0;
}

.ranking_name{
	color:#122a88;
	font-size:14pt;
	line-height:1.3;
	margin-bottom:10px;
	padding-right:68px;
}

.ranking_data{
	font-size:11px;
	margin-bottom:10px;
}

.ranking_data_value{
	color:#ff477b;
	font-size:13pt;
	font-weight:bold;
}

.ranking_data_unit{
	color:#ff477b;
	font-weight:bold;
}

.ranking_text{
	line-height:1.7;
}

/*順位による差分*/
.ranking_no1 .ranking_num,
.ranking_no2 .ranking_num,
.ranking_no3 .ranking_num{
	font-size:18pt;
	background:#122a88;
	color:#fff;
	padding:15px 0;
	text-align:center;
	margin-bottom:15px;
}

.ranking_no4 .ranking_num,
.ranking_no5 .ranking_num,
.ranking_no6 .ranking_num,
.ranking_no7 .ranking_num,
.ranking_no8 .ranking_num,
.ranking_no9 .ranking_num,
.ranking_no10 .ranking_num{
	font-size:14pt;
	background:#cdcdcd;
	color:#fff;
	padding:10px 0;
	text-align:center;
	margin-bottom:15px;
}

.ranking_no1 .ranking_img img{
	width:310px;
	height:178px;
}

.ranking_no2 .ranking_img img,
.ranking_no3 .ranking_img img{
	width:230px;
	height:132px;
}

.ranking_no4 .ranking_img img,
.ranking_no5 .ranking_img img{
	width:180px;
	height:103px;
}

.ranking_no6 .ranking_img img,
.ranking_no7 .ranking_img img,
.ranking_no8 .ranking_img img,
.ranking_no9 .ranking_img img,
.ranking_no10 .ranking_img img{
	width:126px;
	height:72px;
}

.ranking_no1 .ranking_info{
	width:410px;
}

.ranking_no2 .ranking_info,
.ranking_no3 .ranking_info{
	width:490px;
}

.ranking_no4 .ranking_info,
.ranking_no5 .ranking_info{
	width:540px;
}

.ranking_no6 .ranking_info,
.ranking_no7 .ranking_info,
.ranking_no8 .ranking_info,
.ranking_no9 .ranking_info,
.ranking_no10 .ranking_info{
	width:594px;
}

.ranking_no1 .ranking_name{
	background:url(../img/i_ranking1.png) 0 center/16px no-repeat;
	padding-left:20px;
}

.ranking_no2 .ranking_name{
	background:url(../img/i_ranking2.png) 0 center/16px no-repeat;
	padding-left:20px;
}

.ranking_no3 .ranking_name{
	background:url(../img/i_ranking3.png) 0 center/16px no-repeat;
	padding-left:20px;
}

/*11位以降*/
#ranking_table{
	width:100%;
	table-layout:fixed;
	border-top:1px solid #ddd;
}

#ranking_table th{
	width:60px;
	border-bottom:1px solid #ddd;
}

#ranking_table td{
	padding:15px 10px 15px 5px;
	border-bottom:1px solid #ddd;
}

#ranking_table a{
	text-decoration:none;
}

#ranking_table a:hover{
	text-decoration:underline;
}


/******************** single-school（学校詳細ページ）設定 ********************/
#school_mv{
	width:730px;
	height:200px;
}

#school_mv img{
	width:730px;
	height:200px;
	object-fit: cover;
}

#school_nav{
	margin-bottom:40px;
}

#school_nav > li{
	position: relative;
	float:left;
	width:25%;
	height:38px;
	border-right:1px solid #fff;
	margin-bottom:1px;
	box-sizing:border-box;
	list-style:none;
}

#school_nav > li:nth-child(4n){
	border-right:0;
}

#school_nav > li:nth-child(n+5){
	margin-bottom:0;
}

#school_nav a{
	display: block;
	align-items: center;
	height: 38px;
	text-decoration: none;
	position: relative;
}

#school_nav > li > a > span{
	line-height: 38px;
}

#school_nav > li > a > span > span{
	display: inline-block;
}

#school_nav > li > a{
	text-align: center;
	justify-content: center;
	color:#122a88;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9f9f9+1,ececec+100 */
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 1%, #ececec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9f9f9 1%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9f9f9 1%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	-webkit-transition: height 0.1s ease-in-out;
	-moz-transition: height 0.1s ease-in-out;
	-o-transition: height 0.1s ease-in-out;
	transition: height 0.1s ease-in-out;
}

#school_nav > li > a:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4fdff+1,d9e9f7+100 */
	background: #f4fdff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4fdff 1%, #d9e9f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f4fdff 1%,#d9e9f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f4fdff 1%,#d9e9f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fdff', endColorstr='#d9e9f7',GradientType=0 ); /* IE6-9 */
}

#school_nav > li > .active,
#school_nav > li > .active:hover{
	color:#fff;
	cursor:default;
	background:#3762b6; /* Old browsers */
	background:-moz-linear-gradient(top,  #3762b6 0%, #040b51 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #3762b6 0%,#040b51 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #3762b6 0%,#040b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#school_nav .disable,
#school_nav li li .active{
	color:#d7d7d7;
	pointer-events: none;
	cursor:default;
	filter: brightness(90%);
}

#school_nav > li ul{
	z-index: 10;
	position: absolute;
	width:100%;
	top: 100%;
	box-sizing:border-box;
	list-style:none;
}

#school_nav > li li{
	position: relative;
	height: 0;
	overflow: hidden;
	color: #fff;
	background-color: #fff;
	-webkit-transition: height 0.1s ease-in-out;
	-moz-transition: height 0.1s ease-in-out;
	-o-transition: height 0.1s ease-in-out;
	transition: height 0.1s ease-in-out;
}
#school_nav > li li.empty_page{
	display: none;
}
#school_nav > li.sp_clicked a:not(.disable) ~ ul li,
#school_nav > li:hover a:not(.disable) ~ ul li{
	z-index: 11;
}
#school_nav > li.sp_clicked a:not(.disable) ~ ul li,
#school_nav > li:hover a:not(.disable) ~ ul li{
	height: 38px;
	border-top: 1px solid #fff;
}

#school_nav > li li a{
	color: #fff;
	background: url(../img/i_arrow_white12.png) 10px center no-repeat;
	background-color: rgba(0, 0, 0, 0.7);
	padding-left: 25px;
	white-space: nowrap;
	line-height: 38px;
}
#school_nav > li li a:hover{
	background-color: #000;
}

/*資料請求ボタン*/
#btn_shiryo{
	position:fixed;
	top:50%;
	right:0;
	margin-top:-30px;
	z-index:999;
}

.btn_shiryo_check{
	display:none;.
}

.btn_shiryo_text{
	display:block;
	height:60px;
	width:120px;
	background:#ff477b;
	font-size:11pt;
	color:#fff;
	line-height:60px;
	position:relative;
	cursor:pointer;
}

.btn_shiryo_text span{
	display:inline-block;
	line-height:17px;
	position:relative;
}

.btn_shiryo_text span:before{
	content:'';
	display:inline-block;
	width:16px;
	height:16px;
	border:1px solid #fff;
	vertical-align:middle;
	margin-left:15px;
	margin-right:10px;
	margin-top:-2px;
	box-sizing:border-box;
}

.btn_shiryo_check:checked + .btn_shiryo_text{
	filter: brightness(80%);
}

.btn_shiryo_check:checked + .btn_shiryo_text span:after{
	content:'';
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/i_check_white32.png) 0 0 /16px no-repeat;
	position:absolute;
	left:15px;
	top:-1px;
}

/*資料請求ボタン2*/
#btn_shiryo2{
	height:50px;
	width:250px;
	margin:0 auto 40px;
}

.btn_shiryo2_check{
	display:none;
}

.btn_shiryo2_text{
	display:block;
	height:50px;
	width:250px;
	background:#ff7faa; /* Old browsers */
	background:-moz-linear-gradient(top,  #ff7faa 0%, #ff1841 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #ff7faa 0%,#ff1841 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #ff7faa 0%,#ff1841 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	line-height:50px;
	position:relative;
	cursor:pointer;
	border-radius:5px;
	font-size:14pt;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

a.btn_shiryo2_text:active{
	filter: brightness(80%);
}

.btn_shiryo2_text span{
	position:relative;
	padding-top:2px;
	margin-left:15px;
	display:inline-block;
}

.btn_shiryo2_text span:before{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	background:url(../img/i_add_white32.png) 0 0/20px no-repeat;
	padding-right:5px;
	position:absolute;
	top:0;
	bottom:0;
	right:100%;
	margin:auto 0;
}

.btn_shiryo2_check:checked + .btn_shiryo2_text{
	filter: brightness(80%);
}

.btn_shiryo2_check:checked + .btn_shiryo2_text span:before{
	background:url(../img/i_check_white32.png) 0 0/20px no-repeat;
}

/*資料請求ボタン2-ぴったり診断*/
.shindan_btn_shiryo #btn_shiryo2{
	width:328px;
}

.shindan_btn_shiryo .btn_shiryo2_text{
	width:328px;
}


/*ページャー*/
#school_pager{
	height:60px;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin-bottom:40px;
}

#school_pager a{
	display:block;
	width:50%;
	height:60px;
	color:#122a88;
	text-decoration:none;
	line-height:60px;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	padding:0 10px;
	box-sizing:border-box;
	font-size:12pt;
	white-space: nowrap;
}

#school_pager a:hover{
	background:#f6f6f6;
	color:#009096;
}

#school_pager_prev{
	float:left;
}

#school_pager_prev:before{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/i_arrow_gray20.png) 0 0 no-repeat;
	vertical-align:middle;
	transform: scale(-1, 1);
	margin-right:5px;
}

#school_pager_next{
	float:right;
	text-align:right;
}

#school_pager_next:after{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/i_arrow_gray20.png) 0 0 no-repeat;
	vertical-align:middle;
	margin-left:5px;
}

/*似ている学校*/
#school_similar{
	padding-top:40px;
	border-top:1px dotted #ddd;
}

/*編集可能なテキスト*/
.school_textbox{
	line-height:1.7;
	margin-bottom:40px;
}



/*********** 基本データ ***********/
#school_data_section{
	margin-bottom: 10px;
}

#school_data{
	float:left;
	width:370px;
	padding-right: 10px;
}

#school_address{
	line-height:1.7;
	background:url(../img/i_map_navy24.png) 0 5px/12px no-repeat;
	padding-left:16px;
}

#school_tel{
	line-height:1.7;
	background:url(../img/i_tel_navy24.png) 0 5px/12px no-repeat;
	padding-left:16px;
}

#school_link {
	line-height:1.7;
	background:url(../img/i_link_navy24.png) -1px 5px/15px no-repeat;
	padding-left:16px;
}

#school_type {
	margin-top: 10px;
}

#school_type span{
	display:inline-block;
	text-align:center;
	font-size:8pt;
	width:58px;
	height:20px;
	line-height:20px;
	margin-right:5px;
}

#school_bn{
	width:300px;
	float:left;
	margin-top: 10px;
}

#school_bn img{
	width:300px;
}

.school_dl dt{
	color:#122a88;
	line-height:1.7;
	font-weight:bold;
}

.school_dl dd{
	line-height:1.7;
	margin-bottom:20px;
}

.school_dl dd:last-child{
	margin-bottom:0;
}

#school_access{
	float: right;
	width: 350px;
	font-size: 10pt;
}

#school_access dd{
	line-height: normal;
}

#school_map iframe{
	width:100%;
	height:216px;
}

/* 学校TOPバナー */
#school_top_banner{
    overflow: hidden;
	width: 600px;
	margin: 40px auto;
}

#school_top_banner a{
	position: relative;
    float: left;
	display: block;
    box-sizing: border-box;
	width: 200px;
	height: 100px;
    padding: 8px;
	background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.175) 50%, rgba(0, 0, 0, 0.175) 100%);
	background-color: #5C5C5C;
    color: #eee;
	border-radius: 2px;
    text-align: center;
    text-decoration: none;
	border: 1px solid transparent;
	background-clip: padding-box;
}

#school_top_banner a > div{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid silver;
	border-radius: 1px;
}

#school_top_banner a:not([href]){
	pointer-events: none;
	opacity: 0.5;
}

#school_top_banner .banner_icon{
	margin: 7px auto 5px;
}

#school_top_banner .banner_icon img{
    width: 45px;
    height: 45px;
}

#school_top_banner .banner_text{
	margin: 0 auto;
	font-size: 16px;
}

#school_top_banner .banner_text span{
	display: inline-block;
}

/*********** 入試・実績 ***********/
#school_value_wrap{
	background:#f5f5f5;
	padding:10px;
}

.school_value_dl{
	float:left;
	width:350px;
	text-align:center;
}

.school_value_dl:last-child{
	float:right;
}

.school_value_dl dt{
	background:#122a88;
	color:#fff;
	height:36px;
	line-height:36px;
}

.school_value_dl dd{
	background:#fff;
	color:#ff477b;
	height:90px;
	/*line-height:60px;*/
	font-size:24pt;
	font-weight:bold;
	padding-top:30px;
	box-sizing:border-box;
}

.school_value_dl dd span{
	font-size:12pt;
}

.school_value_dl dd .text1{
	font-size:10pt;
	color:#333;
	font-weight:normal;
}


.accordion_switch_school{
	position:relative;
	height:40px;
	line-height:40px;
	padding:0 10px;
	border-bottom:1px dotted #ddd;
	color:#009096;
	cursor:pointer;
}

.accordion_switch_school:before{
	content:'もっと見る';
}

.accordion_switch_school.active:before{
	content:'元に戻す';
}

.accordion_switch_school_btn,
.accordion_switch_school_btn span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.accordion_switch_school_btn {
	background:#cccccc;
	border-radius:50%;
	position:absolute;
	top:10px;
	right:10px;
	width: 20px;
	height: 20px;
	cursor:pointer;
}

.accordion_switch_school_btn span {
	position: absolute;
	left: 5px;
	width: 50%;
	height: 2px;
  background-color: #fff;
}

.accordion_switch_school_btn span:nth-of-type(1) {
  top: 9px;
	transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.accordion_switch_school_btn span:nth-of-type(2) {
  top: 9px;
	transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

/*＋、－切り替え*/
.accordion_switch_school_btn.active span:nth-of-type(1) {
	display:none;
}

.accordion_switch_school_btn.active span:nth-of-type(2) {
	transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.accordion_list_school{
	display:none;
}



/******************** カート関連設定 ********************/
.cart_ul{
	margin-bottom:40px;
}

.cart_ul li{
	list-style:none;
	padding:20px 30px 20px 10px ;
	border-bottom:1px dotted #ddd;
	position:relative;
}

.cart_ul a:hover{
	text-decoration:none;
}


#cart_form_box{
	background:#f5f5f5;
	padding:20px;
}

.cart_form_tb{
	table-layout:fixed;
	width:100%;
	text-align:left;
}

.cart_form_tb th{
	color:#122a88;
	width:230px;
	padding-bottom:20px;
	vertical-align:middle;
	line-height:1.7;
}

.cart_form_tb td{
	padding-bottom:20px;
	vertical-align:middle;
	line-height:1.7;
}

.cart_form_tb .va_top{
	vertical-align:top;
}

.cart_form_tb_memo{
	font-size:9pt;
}

.cart_form_btns input:first-child{
	margin-right:20px;
}

.cart_error{
	color:#ea0001;
	padding:15px 0 0;
	margin-bottom:40px;
}

.mw_wp_form form .error{
	color:#ea0001;
	padding-top:5px;
	font-size:8pt;
}

.mw_wp_form_send_error{
	color:#ea0001;
}

.form_req{
	background:#ff477b;
	color:#fff;
	font-weight:normal;
	font-size:9pt;
	display:inline-block;
	padding:0 5px;
	margin-right:5px;
	vertical-align:text-top;
}

.form_any{
	background:#aaa;
	color:#fff;
	font-weight:normal;
	font-size:9pt;
	display:inline-block;
	padding:0 5px;
	margin-right:5px;
}



/*********** 申込内容確認 ***********/
.confirm_dl dt{
	color:#122a88;
	margin-bottom:5px;
	font-weight:bold;
	font-size:10pt;
	vertical-align:text-top;
}

.confirm_dl dd{
	font-size:11pt;
	line-height:1.4;
	margin-bottom:20px;
}

.confirm_dl dd:last-child{
	margin-bottom:40px;
}

.confirm_ul{
	margin-bottom:40px;
}

.confirm_ul li{
	list-style:none;
	padding:20px 10px;
	border-bottom:1px dotted #ddd;
}

/*********** 申込内容確認 ***********/
#cart_complete_box{
	background:#f5f5f5;
	padding:100px 20px;
	line-height:1.7;
}


/******************** 併願校探し ********************/
#concurrent_search_box{
	background:#f5f5f5;
	border-radius:5px;
	padding:30px;
}

#concurrent_search_title{
	color:#122a88;
	font-weight:bold;
	font-size:14pt;
	text-align:center;
	margin-bottom:30px;
}

.concurrent_search_input{
	box-sizing:border-box;
	width:100%;
	border-radius:5px;
	border:1px solid #d4d4d4;
	height:43px;
	padding:0 10px;
	margin-bottom:30px;
}

.concurrent_search_input:focus{
	border:1px solid #00a2c8;
}

.concurrent_search_btn{
	font-size:13pt;
	color:#fff;
	display:inline-block;
	border:1px solid #c039ff;
	border-radius:50px;
	width:255px;
	height:45px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d568ff+0,9d17ff+100 */
	background: #d568ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #d568ff 0%, #9d17ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d568ff 0%,#9d17ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d568ff 0%,#9d17ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d568ff', endColorstr='#9d17ff',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 0px 0px 2px #ffffff inset;
	cursor:pointer;
}

.concurrent_box{
	float:left;
	width:355px;
}

.concurrent_box:last-child{
	float:right;
}

.concurrent_box .title2{
	border-bottom:1px dotted #122a88;
	padding-bottom:10px;
	margin-bottom:0;
}

.concurrent_no_school{
	padding:20px 0 0;
}

/******************** 志望校診断 ********************/
#shindan_box{
	background:url(../img/shindan_bg.jpg) 0 0 repeat-y;
}

#shindan_contents{
	padding-bottom:60px;
}

#shindan_btn1{
	display:inline-block;
	width:390px;
	height:106px;
	line-height:106px;
	border-radius:53px;
	color:#122a88;
	text-decoration:none;
	font-size:23pt;
	text-align:center;
	background:url(../img/i_arrow_b_navy96.png) 30px center/48px no-repeat #fff;
}

.shindan_btn_result{
	padding-top:30px;
}

#shindan_btn2{
	display:inline-block;
	width:390px;
	height:106px;
	line-height:106px;
	border-radius:53px;
	color:#fff;
	text-decoration:none;
	font-size:23pt;
	text-align:center;
	background:#122a88;
}

#shindan_btn2.disable{
	pointer-events : none;
	color:#3c52a8;
}

#shindan_question{
	margin:0 30px;
	border:1px solid #fff;
	border-radius:5px;
	background:#fff;
	box-shadow:1px 1px 5px 0px #bfbfbf inset;
}

#shindan_question dt{
	background:#f5f5f5;
	text-align:center;
	color:#122a88;
	font-size:16pt;
	line-height:1.5;
	padding:15px;
	box-shadow:5px 5px 5px -5px #bfbfbf inset;
	font-weight:bold;
}

#shindan_question dd{
	padding:20px;
	text-align:center;
}

#shindan_pager{
	padding-top:30px;
	text-align:center;
}

#shindan_pager_start,
#shindan_pager_prev{
	border-radius:50px 0 0 50px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,bebdbd+100 */
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #bebdbd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#bebdbd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#bebdbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#bebdbd',GradientType=0 ); /* IE6-9 */
	height:40px;
	line-height:40px;
	display:inline-block;
	width:169px;
	text-align:center;
	text-decoration:none;
	color:#616161;
	border-right:1px solid #bfbebe;
}

#shindan_pager_prev{
	border-radius:0 50px 50px 0;
	border-right:0;
	border-left:1px solid #fff;
}

.shindan_input{
	border:1px solid #ccc;
	height:50px;
	padding:0 10px;
	border-radius:5px;
	width:330px;
	box-sizing:border-box;
	font-size:12pt;
}

.shindan_input:focus{
	border:1px solid #00a2c8;
}

#shindan_result_text{
	font-size:18pt;
	color:#fff;
	background:#ea0001;
	text-align:center;
	padding:15px 0;
	/*font-weight:bold;*/
	position:relative;
}

#shindan_result_text:after{
	content:'';
	display:block;
  width: 0;
  height: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 19px solid #ea0001;
	position:absolute;
	bottom:-18px;
	left:0;
	right:0;
	margin:0 auto;
}



/*診断リスト*/
#shindan_list{
	border-top:1px dotted #ddd;
	margin-bottom:40px;
}

#shindan_list li{
	list-style:none;
	border-bottom:1px dotted #ddd;
	padding:20px 0;
}

.shindan_check_wrap{
	float:left;
	margin-top:58px;
	margin-right:15px;
}

.shindan_check{
	display:none;
}

.shindan_check_text{
	display:inline-block;
	width:24px;
	height:24px;
	border:4px solid #aeaeae;
	box-sizing:border-box;
	cursor:pointer;
	position:relative;
}

.shindan_check:checked + .shindan_check_text{
	border:4px solid #122a88;
}

.shindan_check:checked + .shindan_check_text:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/i_check_navy26.png) center center/13px no-repeat;
}

.shindan_img{
	float:left;
}

.shindan_img img{
	width:230px;
	height:140px;
	object-fit: cover;
}

.shindan_info{
	float:right;
	width:447px;
}

.shindan_name{
	color:#122a88;
	font-size:14pt;
	position:relative;
	padding:11px 67px 18px 50px ;
	line-height:1.2;
	border-bottom:1px dotted #122a88;
	margin-bottom:10px;
}

.shindan_name span{
	display:inline-block;
	width:43px;
	height:43px;
	background:#122a88;
	color:#fff;
	line-height:43px;
	text-align:center;
	font-size:18pt;
	position:absolute;
	left:0;
	top:0;
}

.shindan_name a{
	position:absolute;
	right:0;
	top:0;
	font-weight:normal;
	line-height:1;
}

.shindan_type span{
	display:inline-block;
	text-align:center;
	font-size:8pt;
	width:58px;
	height:20px;
	line-height:20px;
	margin-right:5px;
	margin-bottom:5px;
}

.shindan_address{
	line-height:1.7;
	background:url(../img/i_map_navy24.png) 0 4px/12px no-repeat;
	padding-left:16px;
	margin-bottom:5px;
}

.shindan_value{
	font-size:8pt;
}

.shindan_value span{
	font-weight:bold;
	color:#ff477b;
	font-size:14pt;
}


/*チェックボックス・ラジオボタン設定*/
.shindan_radio_label{
	margin-right:1.61290322580645%;
	width:23.79032258064516%;
	display:inline-table;
	vertical-align:top;
	box-sizing:border-box;
	border-radius:5px;
}

.shindan_radio_label_b{
	width:190px;
}

.shindan_radio_label:nth-child(4n){
	margin-right:0;
}

.shindan_radio{
	display:none;
}

.shindan_radio_text{
	display:table-cell;
	width:100%;
	background:#fff;
	border-radius:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
	color:#aaa;
	line-height:1.2;
	height:50px;
	text-align:center;
	cursor:pointer;
	vertical-align:middle;
	padding:0 5px;
	position:relative;
}

.shindan_radio:checked + .shindan_radio_text{
	border:1px solid #122a88;
	background:#122a88;
	color:#fff;
}

.shindan_radio:checked + .shindan_radio_text span:before{
	content:'';
	display:inline-block;
	width:13px;
	height:13px;
	background:url(../img/i_check_blue26.png) 0 0/13px no-repeat;
	position:absolute;
	margin-left:-15px;
}

.diagnosis_no_school{
	line-height:1.7;
	margin-bottom:40px;
	font-size:14pt;
	color:#122a88;
	text-align:center;
	font-weight:bold;
	padding-top:40px;
}

/******************** 運営会社 ********************/
.company_map{
	width:730px;
	height:290px;
}

.company_map iframe{
	width:100%;
	height:100%;
}

/******************** spで表示 ********************/
.sp_block,
.sp_inline,
.sp_inline_block,
.sp_cell,
.sp_colgroup,
.sp_table,
.sp_flex{
	display:none !important;
}

#header_banner {
  position: absolute;
  top: 24px;
  right: 300px;
}

#header_banner a:hover{
  filter: brightness(80%);
}