/* 	max-width 1140px
	max-width 1920px（スライダー、トップイメージ部分）
	height auto

   【スマホ切り替え】
   ヘッダー、ナビ、フッター　768px
   メイン、サイド　600px
*/

/*****************************************************************************
****************** 共通 ******************************************************
*****************************************************************************/
/*
body.custom-font-enabled{
	font-family: 'Fjalla One', Consolas, Courier, Monaco, monospace;
}
*/
body.custom-font-enabled{
	font-family: 'Fjalla One', sans-serif;
}
body a{
	outline: none;
	text-decoration:none;
}
body a:hover{
	text-decoration:none;
}
body *:focus {
	outline: none;
}
body img {
	width:100%;
}


body .site{
	box-shadow:none;
	max-width:100%;
	width:auto;
	margin: 0;
	padding: 0;
}

/*********** モバイルの表示・非表示 **********************************/
@media screen and (min-width: 992px) {
	.mobile-visible{
		display: none !important;
	}
	.mobile-hidden{
		display: block !important;
	}
}
@media screen and (max-width: 991px) {
	.mobile-visible{
		display: block !important;
	}
	.mobile-hidden{
		display: none !important;
	}
}

/*****************************************************************************
****************** トップ ****************************************************
*****************************************************************************/
.site-header {
	padding: 0;
}
.main-header{
	background-repeat: repeat-x;
	background-size: contain;
	position: relative;
}
.site-header h1{
	font-size: unset;
}
.drawer-open .main-header{
	border-bottom: 2px solid #ffffff;
}
.main-header .container-fluid{
	max-width: 1140px;
	width:100%;
	margin: 0 auto;
	padding-top:3%;
	color: #ffffff;
}
.header_logo {
    position: absolute;
    top: 22%;
    left: 48.5%;
    z-index: 100;
	max-width:140px;
	width: 13%;
	margin-left: -62px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.drawer-open .header_logo {		/* ハンバーガーメニューが開いたとき */
	top: -1px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-header-left h1 a{
	 display: unset;
}
.main-header-left img{
	width:40%;
}
.main-header-right{
	text-align:right;
	padding-top: 2%;
}
.main-header-right > div{
	text-align: center;
	padding: 1%;
}
.main-header-right a{
	color: #ffffff;
	text-decoration:none;
	padding: 3% 0;
	position: relative;
	display: inline-block;
	transition: .3s;
}
.main-header-right a::after {
	position: absolute;
	bottom: 1px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #ffffff;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.main-header-right a:hover::after {
	width: 100%;
}
.main-header-right-l{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.main-header-right-r{
	border-right: 1px solid #ffffff;
}
@media screen and (min-width: 1000px) {
	.main-header{
		height: 95px;
	}
	.main-header-left img{
		width: 370px;
	}
	.main-header .container-fluid{
		padding-top: 31px;
	}
}
@media screen and (min-width: 992px) {
	.main-header{
		background-image:url(../img/img-heddar-back.jpg);
	}
}
@media screen and (max-width: 991px) {
	.site-header {
		padding-top: 9%;
	}
	.main-header{
		background-image:url(../img/img-heddar-back-sp.jpg);
		z-index: 80;
		position: fixed;	/* スマホ版 スクロール表示・非表示 */
  		top: 0;
  		left: 0;
  		width: 100%;
  		transition: .3s;
		padding: 1.2% 0;
	}
	.main-header .container-fluid {
	    padding-top: 2%;
	}
	.header_logo {
		margin-left: -6%;
	}
	.main-header-left h1{
		text-align: left;
		padding-left: 3%;
		margin-bottom: 0;
	}
	.main-header-left img{
		width: 60%;
	}
}
@media screen and (max-width: 767px) {
	.main-header-left img{
		width: 40%;
	}
}
@media screen and (max-width: 600px) {
	.main-header .container-fluid {
	    padding-top: 1%;
	}
	.main-header-left h1{
		padding-left:0;
	}
}

/*********** ナビゲーション **********************************/
.main-navi{
	line-height: 0;
	position:absolute;
	width: 100%;
	top: 0;
	z-index: 60;
	background-color:rgba(255,255,255,0.8);
	box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.5);　/* Firefox用 */
	-webkit-box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.5);　/* Safari,Google Chrome用 */
}
.main-navi ul{
	max-width: 1140px;
	width:100%;
	margin: 0 auto;
	text-align: center;
	list-style-type: none;
}
.main-navi ul li{
	display: inline-block;
	box-sizing: border-box;
	width: 21%;
}
.main-navi .main-navi-con-home,
.main-navi .main-navi-con-club,
.main-navi .main-navi-con-study,
.main-navi .main-navi-con-life{
	padding: 0;
	background-repeat:no-repeat;
	background-size: 99%;
}
.main-navi .main-navi-con-home:hover,
.main-navi .main-navi-con-club:hover,
.main-navi .main-navi-con-study:hover,
.main-navi .main-navi-con-life:hover{
	background-size: 100%;
}
.main-navi .main-navi-con-study{
	margin-left: 20.666%;
}
.main-navi .main-navi-con-home a,
.main-navi .main-navi-con-club a,
.main-navi .main-navi-con-study a,
.main-navi .main-navi-con-life a{
	display: inline-block;
}
.main-navi .main-navi-con-home a:hover img,
.main-navi .main-navi-con-club a:hover img,
.main-navi .main-navi-con-study a:hover img,
.main-navi .main-navi-con-life a:hover img{
	visibility: hidden;
}
.main-navi .main-navi-con-home{
	background-image: url(../img/img-menu-home-on.png);
	background-position: right;
	background-size: 96%;
}
.main-navi .main-navi-con-club{
	margin-left: -3.48%;
}
.main-navi .main-navi-con-life{
	margin-left: -3.9%;
}
.main-navi .main-navi-con-club{
	background-image: url(../img/img-menu-club-on.png);
	background-size: 101%;
	background-position: right;
}
@supports (-ms-ime-align:auto) {	/* Edgeのみ */
	.main-navi .main-navi-con-club{
		background-position: center;
	}
}
.main-navi .main-navi-con-study{
	background-image: url(../img/img-menu-study-on.png);
}
.main-navi .main-navi-con-life{
	background-image: url(../img/img-menu-life-on.png);
}
.main-navi a{
	padding:0;
	display: block;
}
@media screen and (max-width: 991px) {
	.main-navi{
		display:none;
	}
}
@media screen and (max-width: 767px) {
	.main-navi .main-navi-con{
		border-left:0;
		border-top:1px solid #000000;

	}
	.main-navi .main-navi-con-last{
		border-left:0;
		border-right:0;
		border-top:1px solid #000000;
		border-bottom:1px solid #000000;
	}
	.main-navi a{
		padding:3% 0;
	}
}

/*********** メインイメージ **********************************/
.main-image{
	position:relative;
	margin:0;
}
.main-image .main-image-con {
	max-width: 1920px;
	width:100%;
	margin: auto;
  position: relative;
}
.main-image-con.top{
	max-width: 1600px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: left top;
}
.main-image-con.top .right{
	width: 100%;
	position: absolute;
}
.main-image-con.top .image-word{
	position: absolute;
	line-height: 160%;
	font-weight: bold;
}
.main-image-con.top .image-word p:first-child{
	padding-bottom: 0.5rem;
}
.main-image .main-image-con img{
	display:block;
	vertical-align: bottom;
}
@media screen and (max-width: 991px) {
	.main-image-con.top{
		background-size: contain;
	}
}
@media screen and (min-width: 769px) {
	.main-image-con.top .left{
		width: 68%;
	}
	.main-image-con.top .right{
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}
	.main-image-con.top .image-back img{
		width: 40%;
		margin-left: auto;
	}
	.main-image-con.top .image-word{
		bottom: 28%;
		right: 2%;
		font-size: 120%;
		width: 30%;
		max-width: 450px;
	}
}
@media screen and (max-width: 768px) {
	.header-image{
		margin-top: 2%;
	}
	.main-image-con.top{
		background-size: cover;
	}
	.main-image-con.top .right{
		bottom: 0;
	}
	.main-image-con.top .image-back{
		padding-top: 25%;
	}
	.main-image-con.top .image-word{
		width: 55%;
		max-width: 423px;
		bottom: 3%;
		right: 3%;
		font-size: 3vw;
	}
	.main-image-con.top .image-word p:first-child{
		text-align: right;
	}
}
@media screen and (max-width: 415px) {
	.main-image-con.top .image-word{
		max-width: 227px;
	}
}


/*****************************************************************************
****************** メイン ****************************************************
*****************************************************************************/
.wrapper{
}

/*********** Topics **********************************/
.site-content{
	width: 100%;
	background-color:#FFF200;
	float: none;
	margin: 0;
}

.main-new{
	max-width: 1140px;
	width:100%;
	margin: 0 auto;
	text-align: center;
	padding: 2% 0;
}
.main-new-topics-all{
}
.main-new-entry-title{
	font-weight:bold;
	padding-bottom: 1%;
	overflow: hidden;
	letter-spacing: 1px;
}
.main-new-topics-all.sns .main-new-entry-title{
	padding-bottom: 4%;
}
.entry-title{
	font-size:180%;
	text-align: left;
	font-weight:bold;
	float: left;
	width: 35%;
}
.entry-title span{
	font-size: 60%;
	padding: 0 3%;
}
.entry-title-link{
	float:right;
	width: 65%;
}
.entry-title-link .view,
.entry-title-link .cale{
	float:right;
	border: 1px solid #000000;
	margin-left: 5%;
	min-width: 130px;
	display: inline-block;
	padding: 0;
	white-space: nowrap;
}
.entry-title-link .view a,
.entry-title-link .cale a{
	display:block;
	font-size: 110%;
	color:#000000;
	font-weight:bold;
}
.entry-title-link .view a{
	padding: 5% 12%;
	text-decoration:none;
}
@media all and (-ms-high-contrast:none) {  /* IE11のみ */
	.entry-title-link .view a{
		padding: 5% 12%;
	}
}
@supports (-ms-ime-align:auto) {	/* Edgeのみ */
	.entry-title-link .view a{
		padding: 5% 12%;
	}
}
.entry-title-link .view a:hover{
	background-color:#ffffff;
	text-decoration:none;
	color:#000000;
}
.entry-title-link .cale a{
	padding: 5.5% 17%;
	text-decoration:none;
}
.entry-title-link .cale a:hover{
	background-color:#ffffff;
	text-decoration:none;
}

.main-new-topics{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width:100%;
	line-height: 2em;
	margin-left:0px;
	margin-top:0px;
	overflow: hidden;
	text-align: left;
	padding: 1% 0;
	margin-bottom: 1%;
}
.main-new-topics-all.sns .main-new-topics{
	padding-top: 6%;
	border-bottom: 0;
}
.main-new-topics-all.sns .main-new-topics .insta{	/* SNS部分の調整 */
	padding-top: 3%;
}
.main-new-topics a{
	display: block;
	overflow: hidden;
	color:#000000;
	font-weight:bold;
	background-color: #ffffff;
}
.main-new-topics a.main-article-link{
	padding-bottom:5%;
}
.main-new-topics a:hover{
	background-color:#FFF9AE;
}
.main-new-topics-article{
	padding-top: 1%;
	padding-bottom: 1%;
}
.main-new-topics-img{
	max-width: 255px;
	max-height: 169.817px;
	overflow: hidden;
}
.main-new-topics-img img{
	min-height: 169.817px;
}
.main-new-topics-con {
	height: 60px;
	overflow: hidden;
}
.main-new-topics-icon {
    background-color: #E4EDF1;
    padding-top: 4%;
    padding-left: 4%;
    margin-top: 5%;
}
.main-new-topics-icon img {
    width: 50%;
}
@media screen and (max-width: 991px) {
	.main-new{
		padding: 6% 3%;
	}
	.entry-title-link .view a{
		padding: 5% 15%;
	}
	.main-new-topics-img{
		max-width: none;
		max-height: 169.817px;
	}
}
@media screen and (min-width: 768px) {
	.main-new-topics a.last{
		border-bottom:none;
	}
	.entry-title-link .view,
	.entry-title-link .cale{
		width:auto;
	}
	.entry-title-link .view a {
	    background-color: #000000;
    	color: #ffffff;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.main-new-topics-all.sns .main-new-topics .insta{	/* SNS部分の調整 */
		padding-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.site-content{
		margin:0;
	}
	.main-new-topics-all.sns{
		padding-top: 10%;
	}
	.entry-title{
		width:100%;
		font-size: 8vw;
	}
	.entry-title span{
		font-size: 4vw;
	}
	.entry-title-link{
		width:100%;
		margin-top: 5%;
	}
	.entry-title-link div{
		width:48%;
		border: 2px solid #000000;
		padding: 0;
	}
	.entry-title-link div.view{
		float:left;
		margin-left: 0;
	}
	.entry-title-link div.cale{
		margin-left: 2%;
	}
	.entry-title-link div a{
		color:#000000;
		font-size:4vw;
		font-weight:bold;
		padding: 5% 0;
		display: block;
	}
	.entry-title-link div a:hover{
		background-color:#ffffff;
		text-decoration:none;
	}
	.entry-title-link .cale a{
		padding: 5% 17%;
	}
	.main-new-topics{
		border-bottom: none;
	}
	.main-new-topics a{
		font-size: 4vw;
	}
	.main-new-topics-article{
		position: relative;
		padding: 1%;
	}
	.main-new-topics-img{
		max-width: none;
		max-height: 17vh;
		margin-bottom: 5%;
	}
	.main-new-topics-img img{
		vertical-align: bottom;
		min-height: 17vh;
	}
	.main-new-topics-date{
		text-align: center;
	}
	.main-new-topics-icon img{
		vertical-align:middle;
	}
	.main-new-topics-con{
		line-height: 130%;
		margin-bottom: 5%;
	}
	.main-new-topics-con p{
		width: 98%;
		height: 9vh;
		overflow: hidden;
	}
	.main-new-topics-icon{
		padding: 4% 0;
		padding-left: 4%;
		margin-top: 0;
	}
	.main-new-topics-icon img {
 	   width: 70%;
	}
}
@media screen and (max-width: 600px) {
	.main-new-topics-article{
	}
}

/*@media screen and (max-width: 767px) {
	.site-content{
		margin:0;
	}
	.main-new{
		padding: 6% 3%;
	}
	.entry-title{
		width:100%;
	}
	.entry-title-link{
		width:100%;
		margin-top: 5%;
	}
	.entry-title-link div{
		width:48%;
		border: 2px solid #000000;
		padding: 0;
	}
	.entry-title-link div.view{
		margin-right: 2%;
	}
	.entry-title-link div.cale{
		margin-left: 2%;
	}
	.entry-title-link div a{
		color:#000000;
		font-size:4vw;
		font-weight:bold;
		padding: 5% 0;
		display: block;
	}
	.entry-title-link div a:hover{
		background-color:#ffffff;
		text-decoration:none;
	}
	.main-new-topics{
		border-bottom: none;
	}
	.main-new-topics a{
		border: 2px solid #000000;
		font-size: 4vw;
		margin-top: 4%;
		padding: 0 4%;
	}
	.main-new-topics-article{
		position: relative;
		padding: 4% 0;
	}
	.main-new-topics-date{
		position: absolute;
		bottom: 0;
		border-bottom: 2px solid #000000;
		padding-left: 0;
	}
	.main-new-topics-icon{
		position: absolute;
		bottom: 0;
		right: 0;
		padding-left: 4%;
	}
	.main-new-topics-icon img{
		vertical-align:bottom;
	}
	.main-new-topics-con{
		padding: 2% 0;
		line-height: 130%;
		background-image: url(../img/img-topics-con-back.png);
		background-repeat:no-repeat;
		background-position:right;
		background-size: 2%;
	}
	.main-new-topics-con p{
		width: 98%;
	}
}
@media screen and (max-width: 600px) {
	.main-new-topics-article{
		height: 40px;
	}
}

/*********** Club-部活-、バナー、お問い合わせ枠 **********************************/
.main-contents{
	max-width: 1140px;
	width:100%;
	margin: 0 auto;
	text-align: center;
	overflow:hidden;
	padding: 2% 0;
	position: relative;
}
@media screen and (max-width: 767px) {
	.main-contents{
		padding: 0;
	}
}

/*********** Club-部活- **********************************/
.main-club{
	overflow: hidden;
	padding-bottom: 3%;
}
.main-club > div{
	padding:0;
}
.main-club>div:not(:first-child){
	border-right: 2px solid #1B1C80;
	background-repeat:no-repeat;
	background-size: 100%;
}
.main-club>div:nth-child(n+7){
	margin-top: 2%;
}
.main-club>div:nth-child(7){
	border-left: 2px solid #1B1C80;
}
.main-club .soccer{
	background-image: url(../img/top/img-club-soccer-on.png);
}
.main-club .basketball{
	background-image: url(../img/top/img-club-basketball-on.png);
}
.main-club .boxing{
	background-image: url(../img/top/img-club-boxing-on.png);
}
.main-club .golf{
	background-image: url(../img/top/img-club-golf-on.png);
}
.main-club .baseball{
	background-image: url(../img/top/img-club-baseball-on.png);
}
.main-club .judo{
	background-image: url(../img/top/img-club-judo-on.png);
}
.main-club .badminton{
	background-image: url(../img/top/img-club-badminton-on.png);
}
.main-club .karate{
	background-image: url(../img/top/img-club-karate-on.png);
}
.main-club .brass_band{
	background-image: url(../img/top/img-club-brass_band-on.png);
}
.main-club .english_conversation{
	background-image: url(../img/top/img-club-english_conversation-on.png);
}
.main-club>div a{
	display: inline-block;
}
.main-club>div a:hover img{
	visibility: hidden;
}
@media screen and (max-width: 991px) {
	.main-club{
		padding: 4% 0;
	}
	.main-club > div{
		padding: 3%;
	}
	.main-club > div:first-child img{
		vertical-align: bottom;
	}
	.main-club>div:not(:first-child){
		border-right: none;
		background-size: 88%;
		background-position: 50% 45%;
	}
	.main-club>div:nth-child(n+7){
		margin-top: 0;
	}
	.main-club>div:nth-child(7){
		border-left: none;
	}
	.main-club .basketball,
	.main-club .golf,
	.main-club .boxing,
	.main-club .judo,
	.main-club .karate,
	.main-club .english_conversation{
		box-shadow: 2px 0px #1B1C80;
	}
	.main-club .soccer,
	.main-club .baseball,
	.main-club .badminton,
	.main-club .brass_band{
		box-shadow: none;
	}
	.main-club .basketball,
	.main-club .golf,
	.main-club .boxing,
	.main-club .baseball,
	.main-club .badminton,
	.main-club .brass_band,
	.main-club .english_conversation{
		margin-bottom: 6%;
	}
	.main-club .soccer a{
		box-shadow: 0px 2px #1B1C80;
	}
	.main-club .basketball:after,
	.main-club .boxing:after,
	.main-club .golf:after,
	.main-club .baseball:after,
	.main-club .judo:after,
	.main-club .badminton:after,
	.main-club .karate:after,
	.main-club .brass_band:after{
		content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid #1B1C80;
		margin: 0 6%;
		bottom: -6%;
	}
}

/*********** Study-学び-、School Life-スクールライフ- **********************************/
.main-school{
	overflow: hidden;
	padding-bottom: 3%;
}
.main-school .study{
	padding-left: 0;
}
.main-school .life{
	padding-right: 0;
}
.main-school a img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-school a:hover img{
    text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 767px) {
	.main-school .study{
		padding-right: 0;
		padding-bottom: 10%;
	}
	.main-school .study:after {
		content: '';
 		position: absolute;
  		left: 50%;
  		bottom: 0;/*線の上下位置*/
 		display: inline-block;
 		width: 90%;/*線の長さ*/
 		height: 1px;/*線の太さ*/
 		-moz-transform: translateX(-50%);
 		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);/*位置調整*/
		background-color: #1B1C80;/*線の色*/
	}
	.main-school .life{
		padding-left: 0;
		padding-top: 10%;
		padding-bottom: 5%;
	}
}

/*********** オープンキャンパス、パンフレット **********************************/
.main-cam-pam{
	width: 100%;
	background-color:#E4F5FD;
	border-top: 3px solid #232076;
	padding: 3% 0;
}
.main-cam-pam-con{
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.main-cam-pam a img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-cam-pam a:hover img{
    text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 767px) {
	.main-cam-pam-con > div{
		padding-top: 6%;
	}
}

/*********** お問い合わせ **********************************/
.main-cam-pam-con .main-contact{
	padding-top: 3%;
	clear:both;
}
.main-contact a img{
	width: 35%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-contact a:hover img{
    text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width: 991px) {
	.main-contact{
		padding-top: 0;
		padding-bottom: 6%;
	}
	.main-contact a img{
		width: 90%;
		margin:0 auto;
	}
}

/*****************************************************************************
****************** フッター **************************************************
*****************************************************************************/
footer[role="contentinfo"] {
	max-width:100%;
	margin-top:0;
	padding:0;
	border-top: none;
}
.site-info{
	text-align: center;
	background-color: #000037;
}

/*********** フッターナビ **********************************/
.main-foot-navi-all{
	background-color:#292986;
	overflow: hidden;
}
.main-foot-navi{
	max-width: 1140px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding: 0.3% 0;
	font-weight: 500;
	letter-spacing: 2px;
}
.main-foot-navi > div{
	background-image:url(../img/img-foot-navi.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size: 10%;
	padding-left: 3%;
}



.main-foot-navi > li{
	display: table-cell;
	box-sizing: border-box;
	width: 11%;
	vertical-align: bottom;
	background-image:url(../img/img-foot-navi.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size: 10%;
	padding-left: 1%;
}



footer[role="contentinfo"] .about-site{
	padding-top: 1%;
}
footer[role="contentinfo"] .main-foot-navi a,
footer[role="contentinfo"] .about-site a{
	color:#ffffff;
	text-decoration: none;
	padding: 0.5% 2%;
}
footer[role="contentinfo"] .about-site a:hover{
	border:1px solid #ffffff;
}
@media screen and (min-width: 992px) {
	.main-foot-navi > li{
		padding-right: 0;
		float: none;
	}
	.main-foot-navi > div.greeting,
	.main-foot-navi > li.greeting{
		background-image:none;
	}
	.main-foot-navi > li.prevention{
		width: 13%;
		padding-left: 2%;
	}
	footer[role="contentinfo"] .main-foot-navi a{
		position: relative;
		display: inline-block;
		transition: .3s;
	}
	footer[role="contentinfo"] .main-foot-navi a::after {
		position: absolute;
		bottom: 4px;
		left: 50%;
		content: '';
		width: 0;
		height: 1px;
		background-color: #ffffff;
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	footer[role="contentinfo"] .main-foot-navi a:hover::after {
		width: 100%;
	}
}
@media screen and (max-width: 991px) {
	.main-foot-navi{
		padding: 0 3%;
		padding-top: 5%;
	}
	.main-foot-navi > div,
	.main-foot-navi > li{
		width: 46%;
		background-image:url(../img/img-foot-navi-sp.png);
		background-position: 92% 50%;
		background-size: 4%;
		border: 1px solid #ffffff;
		border-radius: 20px;
		margin: 0 2%;
		margin-bottom: 5%;
	}
	.main-foot-navi > div:hover,
	.main-foot-navi > li:hover{
		background-color:#ffffff;
		background-image:url(../img/img-foot-navi-sp-on.png);
	}
	.main-foot-navi > div:hover a,
	.main-foot-navi > li:hover a{
		color:#292986;
		text-decoration:none;
	}
	.main-foot-navi > li.prevention{
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}
	footer[role="contentinfo"] .main-foot-navi a{
		display: block;
	}
	footer[role="contentinfo"] .about-site{
		padding-top: 0;
	}
}

/*********** フッターバナー **********************************/
.main-foot-foot-banner-all{
	max-width: 1140px;
	width:100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding: 3% 0;
}
.main-footer-left .main-navi-con{
	padding-top: 3%;
}
.main-footer-left .main-navi-con img{
	width:90%;
}

.main-footer-right{
	border-left:1px solid #ffffff;
	margin-top: 1%;
}
.main-footer-right ul{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	list-style-type: none;
}
.main-footer-right ul li{
	display: inline-block;
	box-sizing: border-box;
	width: 30%;
	margin-right: 2.2%;
	vertical-align: bottom;
}
.main-footer-right ul li a{
	display: inline-block;
}
.main-footer-right a img{
	vertical-align: bottom;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-footer-right a:hover img{
    text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.main-foot-foot-banner-all .copyright{
	color:#ffffff;
	padding-top: 1%;
	letter-spacing: 1px;
}
/* フッターSNS */
.main-foot-foot-banner-all .box{
	position: relative;
}
.main-foot-foot-banner-all .box ul{
	position: absolute;
	top: 5px;
	right: 40px;
	width: 20%;
}
.main-foot-foot-banner-all .box ul li{
	display: inline-block;
	width: 20%;
	margin: 0 5%;
}
.main-foot-foot-banner-all .box ul li a img {
  vertical-align: bottom;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-foot-foot-banner-all .box ul li a:hover img {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/* フッターSNS ここまで */

@media screen and (max-width: 991px) {
	.main-footer-left > div{
		padding-bottom: 7%;
	}
	.main-footer-left a img{
		width: 70%;
	}
	.main-footer-left .main-navi-con img{
		width:80%;
		margin: 0 auto;
	}
	.main-footer-right{
		border-left:none;
		padding: 0;
		padding-top: 3%;
		padding-bottom: 10%;
	}
	.main-footer-right a img{
		width: 50%;
	}
	.main-footer-right ul li{
		margin-right: -1%;
	}
	.main-footer-right ul li a{
		display:inline;
	}
	.main-foot-foot-banner-all .copyright{
		line-height: 140%;
	}
	.main-foot-foot-banner-all .box ul{
		position: static;
		width: 50%;
		margin: 0 auto;
		padding: 5% 0;
	}
}

/*************************************************** View More ***************************************************/
.site-viewmore .pickup-list{
	overflow: hidden;
	background-color:#ffffff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	padding: 3% 5%;
	margin-top: 1%;
}
@media screen and (min-width: 992px) {
	.site-viewmore .site-content{
		margin-top: 40px;
		margin-bottom: 0;
	}
}

/*********** Pickup **********************************/
.site-viewmore .viewmore-pickup{
	border-top: 2px solid #000000;
	border-bottom: none;
	padding-bottom: 7%;
}
.site-viewmore .viewmore-pickup .main-new-topics-article{
    padding-right: 15px;
	padding-left: 15px;
}
.site-viewmore .viewmore-pickup .main-new-topics-date {
    text-align: center;
}
.site-viewmore .viewmore-pickup .main-new-topics-img {
	max-width: 226.5px;
    max-height: 160.333px;
}
.site-viewmore .viewmore-pickup .main-new-topics-con {
	height: 60px;
	overflow: hidden;
}
.site-viewmore .viewmore-pickup .main-new-topics-icon{
	background-color:#E4EDF1;
	padding-top: 4%;
	padding-left: 4%;
	margin-top: 5%;
}
.site-viewmore .viewmore-pickup .main-new-topics-icon img{
	width: 50%;
}
@media screen and (min-width: 768px) {
	.site-viewmore .viewmore-pickup .main-new-topics-article a {
    	border-top: none;
	}
}
@media screen and (max-width: 767px) {
	.site-viewmore .entry-title{
		width: 65%;
	}
	.site-viewmore .entry-title-link{
		width: 35%;
		margin-top: 0;
	}
	.site-viewmore .viewmore-pickup .main-new-topics-article{
		padding: 2%;
	}
	.site-viewmore .viewmore-pickup .main-new-topics-article a {
		padding: 0;
	}
	.site-viewmore .viewmore-pickup .main-new-topics-con{
		background-image:none;
	}
	.site-viewmore .viewmore-pickup .main-new-topics-con p{
		font-size: 3.65vw;
	}
	.site-viewmore .viewmore-pickup .main-new-topics-icon{
		position: relative;
		padding-top: 0;
	}
	.site-viewmore .viewmore-pickup .main-new-topics-icon img{
		vertical-align:middle;
		width: 70%;
	}
}
@media screen and (max-width: 480px) {
	.site-viewmore .entry-title-link{
		margin-top: 0.4em;
	}
	.site-viewmore .entry-title-link .cale{
		min-width: 110px;
	}
	.site-viewmore .entry-title-link .cale a{
		font-size: 3.65vw;
	}
}

/*********** List **********************************/
.site-viewmore .viewmore-list-con{
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}
@media screen and (max-width: 767px) {
	.viewmore-list{
		padding:2%;
	}
	.site-viewmore .viewmore-list-con{
		width: 100%;
		border-bottom:none;
	}
}

/*********** ページング **********************************/
@media screen and (max-width: 767px) {
	.site-viewmore .sub-pagination{
		padding: 5% 0;
	}
	.site-viewmore .sub-pagination a.prev{
		float: left;
	}
	.site-viewmore .sub-pagination a.next{
		float: right;
	}
}

/*********** Back number **********************************/
.back-number .entry-title{
	width:100%;
}
.back-number-con{
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 0;
}
ul.accordion ul{ /* アコーディオン部 */
}
ul.accordion ul.accordion-hide{ /* アコーディオン非表示 */
	display: none;
}
ul.accordion li{ /* リセット */
	list-style: none;
	background: none;
	padding: 0;
}
ul.accordion li p{
	margin: 0;	/* リセット */
	background-image: url(../img/topics/img-topics-bottom.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 6%;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: 2px;
	padding-left: 4%;
	border-top: 1px solid #000000;
}
ul.accordion li p.latest-year{
	border-top: none;
}
ul.accordion li p:hover{
	background-color: #FFF9AE;
}
ul.accordion li p.open{ /* オープン年月 */
	background-image: url(../img/topics/img-topics-top.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 6%;
}
.sub-page .back-number .main-new-topics a{
	background-image:url(../img/topics/img-topics-con.png);
	background-repeat:no-repeat;
	background-position: 95% center;
	background-size: 3%;
	border-top: 1px solid #000000;
	padding-left: 8%;
	text-decoration:none;
	font-weight: normal;
	font-size: 90%;
	letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
	.back-number{
		clear: both;
		padding: 5% 3%;
	}
}

/*************************************************** archiveページ ***************************************************/


/*************************************************** Calendar ***************************************************/
.site-calender .site-content{
	margin:0;
	margin-top: 40px;
}
.site-calender .calender{
	overflow: hidden;
	background-color:#ffffff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	padding: 3% 5%;
	margin-top: 1%;
}
.site-calender .calender-booking{
	border-top: 2px solid #000000;
	border-bottom: none;
	padding:3% 0.5%;
	padding-bottom: 0;
	position: relative;
}

/*****************************************************************************
****************** Event Organiser調整 ***************************************
*****************************************************************************/
.eo-fullcalendar-loading{
	left: 50%;
	top: 30%;
}
@media screen and (max-width: 767px) {
	.eo-fullcalendar-loading{
		left: 30%;
		top: 20%;
	}
}

/*************************************************** singleページ ***************************************************/
.site-single .site-content{
	margin:0;
	margin-top: 40px;
}
.site-single .pickup-single{
	overflow: hidden;
	background-color:#ffffff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	padding: 3% 5%;
	margin-top: 1%;
	position:relative;
}

.single-title{
	overflow: hidden;
	position:relative;
}
.single-title h2{
	overflow: hidden;
	text-align: left;
	font-size:200%;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 9%;
}
.single-title-tax{
	position:absolute;
	text-align: right;
	bottom: 10%;
	right: 0;
}
.single-title-tax img{
	width: 50%;
}
.pickup-single-con{
	border-top: 1px solid #000000;
	width: 100%;
	line-height: 2em;
	margin-left: 0px;
	margin-top: 0px;
	overflow: hidden;
	text-align: left;
	padding: 2% 0;
}
.pickup-single-con .list-back{
	text-align: center;
	padding: 5% 0;
}
.pickup-single-con .list-back a{
	border: 1px solid #000000;
	padding: 0.5% 2%;
	color: #000000;
	font-weight: bold;
}
.pickup-single-con .list-back a:hover{
	text-decoration:none;
	background-color:#000000;
	color: #ffffff;
}
.pickup-single-date{
	position:absolute;
	background-color:#000000;
	top: 0;
	right: 5%;
	padding: 0.5% 2%;
	color: #ffffff;
}
.pdf-download{
	margin: 3% 0;
	margin-left: 2%;
}
.pdf-download a{
	padding: 0.5% 3%;
	background-color: #FFF200;
	display: inline-block;
	color: #000000;
	text-decoration:none;
	font-size: 90%;
	letter-spacing: 2px;
	font-weight: bold;
}
.pdf-download a:hover{
	background-color: #FFF9AE;
	box-shadow: 1px 1px #FFF200;
}
@media screen and (max-width: 767px) {
	.site-single .site-content{
		margin-top:0;
	}
	.single-title h2{
		padding-top: 0;
		font-size: 6vw;
		line-height: 150%;
	}
	.single-title-tax{
		top: 40%;
		bottom: unset;
	}
}

/*************************************************** 学び、ライフ共通 ***************************************************/
@media screen and (max-width: 991px) {
	.main-image-school .bxslider p img{
		vertical-align: bottom;
	}
}

/*********** Topics **********************************/
.sub-page .entry-title-link .view a{
	background-color: transparent;
	color: #000000;
}
.sub-page .entry-title-link .view a:hover {
    background-color: #ffffff;
	text-decoration: none;
}
.sub-page .main-new-topics-article{
	padding:0;
}
.sub-page .main-new-topics a{
	background-color: transparent;
	border-top:1px dotted #000000;
	padding-top: 0.7%;
}
.sub-page .main-new-topics a:hover{
	background-color:#FFF9AE;
}
.sub-page .main-new-topics-date{
	padding-right:0;
}
.sub-page .main-new-topics-con{
	padding:0;
	height: auto;
}
.sub-page .main-new-topics-icon{
	padding: 0 1%;
	padding-top: 2.2%;
	margin-top: 0;
	background-color: transparent;
}
.sub-page .main-new-topics-icon img {
    width: 100%;
}
@media screen and (max-width: 767px) {
	.sub-page .main-new-topics a{
		border: 2px solid #000000;
		padding: 0 4%;
		margin-top: 4%;
	}
	.sub-page .main-new-topics-article {
    	padding: 2% 0;
	}
	.sub-page .main-new-topics-date{
		border-bottom: 2px solid #000000;
		padding-left: 0;
		text-align: left;
	}
	.sub-page .main-new-topics-con {
    	padding: 2% 0;
		background-image: url(../img/img-topics-con-back.png);
		background-repeat: no-repeat;
		background-position: right;
		background-size: 2%;
	}
	.sub-page .main-new-topics-icon{
		position: absolute;
		bottom: 0;
		right: 0;
		padding-left: 4%;
	}
	.sub-page .main-new-topics-icon img {
 	   vertical-align: bottom;
	}
}

/*********** Open Campus **********************************/
.sub-page .main-new-campus img{
	width:98%;
}
.sub-page .main-new-campus a img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sub-page .main-new-campus a:hover img{
    text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width: 767px) {

}

/*************************************************** 学び、部活共通 ***************************************************/

/*********** Ｑ＆Ａ **********************************/
.question{
	text-align: left;
	overflow: hidden;
	font-weight: bold;
}
.question > div{
	box-shadow: 2px 0px #221E1F;
	margin-bottom: 3%;
}
.question-q,
.question-a{
	background-repeat:no-repeat;
	padding-left: 13%;
	line-height: 160%;
}
.question-q{
	background-image: url(../img/club/img-question-q.png);
	background-size: 10%;
	background-position: 0% 0%;
	min-height: 87px;
}
.question-more{
	background-image: url(../img/club/img-question-bottom.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0% 50%;
	clear: both;
	text-align: right;
}
.question-more img{
	width: 20%;
}
@media screen and (max-width: 991px) {
	.question > div{
		font-size: 2vw;
	}
}
@media screen and (max-width: 767px) {
	.question > div{
		font-size: unset;
	}
}

/*************************************************** 学び ***************************************************/

/*********** 教育コンセプト **********************************/
.concept{
	overflow: hidden;
	padding-bottom: 3%;
}
.concept h2{
	color:#1B1C80;
	font-size: 160%;
	font-weight: bold;
	border:2px solid #1B1C80;
	width: 50%;
	margin: auto;
	margin-bottom: 3%;
	padding: 0.5% 0;
}
.concept > div {
	background-repeat:no-repeat;
	background-size: 95%;
	background-position: center;
	margin-bottom: 2%;
}
.concept > div > div{
	display: block;
	padding: 1em;
	font-weight: bold;
}
.concept .concept01{
	background-image: url(../img/study/img-concept01.png);
}
.concept .concept02{
	background-image: url(../img/study/img-concept02.png);
}
.concept .concept03{
	background-image: url(../img/study/img-concept03.png);
}
.concept .concept04{
	background-image: url(../img/study/img-concept04.png);
}
.concept .concept05{
	background-image: url(../img/study/img-concept05.png);
}
/*.concept .concept06{
	background-image: url(../img/study/img-concept06.png);
}*/
.concept .concept-title{
	background-image:url(../img/study/img-concept-title.png);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 140%;
	padding-top: 2.7em;
	padding-bottom: 2%;
	letter-spacing: 3px;
	color:#292A86;
}
.concept .concept-con{
	padding: 4% 0;
	line-height: 160%;
	letter-spacing: 2px;
	font-size: 90%;
	text-align: left;
}
.curriculum-feature{
	overflow: hidden;
	padding-top: 5%;
	padding-bottom: 3%;
}
.curriculum-feature .curriculum .box{
	border-bottom: 1px solid #292A86;
	margin-bottom: 2%;
	overflow:hidden;
}
.curriculum-feature .curriculum .box h3{
	font-size: 150%;
	font-weight: bold;
	float: left;
	color: #292A86;
	letter-spacing: 2px;
}
.curriculum-feature .curriculum .box p{
	float: right;
	font-size: 90%;
	padding-top: 2%;
}
.curriculum-feature .curriculum .end{
	font-size: 130%;
	font-weight: bold;
	color: #292A86;
	text-align: left;
	line-height: 140%;
	padding-left: 2%;
	padding-top: 3%;
}
.curriculum-feature .feature .box{
}
.curriculum-feature .feature .box h3{
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #292A86;
	margin-bottom: 2%;
	font-size: 150%;
	font-weight: bold;
	color: #292A86;
	letter-spacing: 2px;
}
.curriculum-feature .feature .box ul li{
	text-align: left;
	padding: 3%;
	padding-left: 11%;
	background-repeat:no-repeat;
}
.curriculum-feature .feature .box ul li.number01{
	background-image:url(../img/study/img-number1.png);
	background-size: 3.5%;
	background-position: 3% center;
}
.curriculum-feature .feature .box ul li.number02{
	background-image:url(../img/study/img-number2.png);
	background-size: 7%;
	background-position: 1.5% center;
}
.curriculum-feature .feature .box ul li.number03{
	background-image:url(../img/study/img-number3.png);
	background-size: 7%;
	background-position: 1.5% center;
}
.curriculum-feature .feature .box ul li.number04{
	background-image:url(../img/study/img-number4.png);
	background-size: 8%;
	background-position: 1.5% 30%;
}
.curriculum-feature .feature .box ul li .feature-title{
	font-size: 130%;
	font-weight: bold;
	color: #292A86;
	padding: 1% 0;
	letter-spacing: 1px;
}
.curriculum-feature .feature .box ul li .feature-con{
	line-height: 140%;
	font-size: 95%;
	letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
	.concept > div{
		min-height: 285px;
	}
}
@media screen and (max-width: 767px) {
	.concept{
		padding: 3.5%;
		padding-top: 8%;
	}
	.concept h2{
		width: 90%;
		font-size: 5vw;
		padding: 2%;
	}
	.concept > div > div{
		height: auto;
		padding: 19% 1em;
	}
	.concept .concept01,
	.concept .concept02,
	.concept .concept03,
	.concept .concept04,
	.concept .concept05{
		margin-left: 8.33333333%;
	}
	.concept .concept-title{
		font-size: 4vw;
		padding-top: 10%;
		letter-spacing: 0;
	}
	.concept .concept-con{
		font-size: 2.7vw;
	}
	.curriculum-feature .curriculum,
	.curriculum-feature .feature{
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.curriculum-feature .curriculum .end{
		font-size: 4.5vw;
	}
	.curriculum-feature .feature .box ul li.number01,
	.curriculum-feature .feature .box ul li.number02,
	.curriculum-feature .feature .box ul li.number03,
	.curriculum-feature .feature .box ul li.number04{
		background-position: 1.5% 10%;
	}
	.curriculum-feature .feature .box ul li .feature-title{
		font-size: 100%;
	}
}
@media screen and (max-width: 400px) {
	.curriculum-feature .curriculum .box p{
		font-size: 2.5vw;
		padding-top: 4.5%;
	}
}

/*********** 進学実績 **********************************/
.site-study .admission-all{
	position: relative;
}
.site-study .admission-all h2{
	max-width: 1140px;
	margin: auto;
	margin-bottom: -37px;
	padding-left: 15px;
	color:#292A86;
	font-size: 80%;
	letter-spacing: 2px;
}
.site-study .admission-all h2 img{
	width: 15%;
}
.site-study .admission{
	width: 100%;
	background-color: #E8E6D8;
	overflow: hidden;
	padding-top: 4%;
	padding-bottom: 2%;
}
.site-study .admission-con{
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	line-height: 160%;
}
.site-study .admission-con h3{
	font-size:130%;
	letter-spacing: 2px;
	color:#292A86;
	border-bottom:2px solid #1B1C80;
	padding-bottom: 5px;
	margin-bottom: 3px;
}
.site-study .admission-con h3 span{
	font-size:70%;
}
.site-study .admission-con div > div{
	padding: 0;
	letter-spacing: 1px;
}
.site-study .admission-con div > div p{
	padding: 8px 0;
}
.site-study .admission-con .national p{
	border-bottom: 1px dashed #1B1C80;
}
.site-study .admission-con .national .adj{
	font-size: 110%;
	font-weight: bold;
	color: #475188;
}
.site-study .admission-con .national .last p{
	border-bottom: none;
}
.site-study .admission-con .private .adj{
	font-size: 130%;
	font-weight: bold;
	color: #9C5065;
}
.site-study .admission-con .national .last,
.site-study .admission-con .box{
	position: relative;
}
.site-study .admission-con p.box-other{
	border: none;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 991px) {
	.site-study .admission-all h2{
		margin-bottom: -5%;
		font-size: 1.5vw;
	}
	.site-study .admission-all h2 img{
		width: 40%;
	}
	.site-study .admission{
		padding-top: 7%;
	}
	.site-study .admission-con .national,
	.site-study .admission-con .private{
		padding-top: 5%;
		padding-bottom: 2%;
	}
	.site-study .admission-con .national .adj{
		border-bottom:none;
	}
}

/*********** Ｑ＆Ａ **********************************/
.site-study .question {
	background-image: url(../img/study/img-question.png);
    background-repeat: no-repeat;
    background-size: 7%;
    background-position: left top;
}
.site-study .question h3{
	background-image:
		url(../img/club/img-question-title.png),
		url(../img/club/img-question-border.png);
	background-repeat:
		no-repeat,
		repeat-x;
	background-size:
		7%,
		50%;
    background-position:
		0% 10%,
		0% 60%;
	padding-top: 2%;
	padding-bottom: 4%;
	padding-left: 8%;
	margin-left: 9%;
	font-weight: bold;
}
.site-study .question-a{
	background-image:
		url(../img/study/img-question-a.png),
		url(../img/study/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}
@media screen and (max-width: 991px) {
	.site-study .question{
		margin: 5%;
	}
	.site-study .question-more img {
		width: 40%;
	}
}
@media screen and (max-width: 767px) {
	.site-study .question {
	    background-size: 30%;
	    font-size: 3.85vw;
	}
	.site-study .question h3 {
    	background-size: 25%, 100%;
    	background-position: 0% 5%, 0% 35%;
    	padding-top: 13%;
   		padding-left: 0;
    	margin-left: 35%;
    	letter-spacing: 1px;
    	line-height: 140%;
	}
	.site-study .question-more {
	    background-size: 200%;
	}
}

/*********** お問合せフォーム **********************************/
@media screen and (max-width: 991px) {
	.site-study .main-contact{
		padding-top: 6%;
	}
}

/*************************************************** スクールライフ ***************************************************/

/*********** 制服 **********************************/
.uniform{
	overflow: hidden;
	padding-bottom: 3%;
}
.uniform h2,
.site-life .facility h2,
.dorm h2{
	text-align: left;
	font-size: 150%;
	background-image: url(../img/life/img-title.png);
    background-repeat: no-repeat;
    background-size: 100%;
	background-position: center;
	color: #ffffff;
	padding: 1.2% 0;
	padding-left: 1%;
}
.uniform > div{
	display: block;
	padding: 4% 2%;
}
/*********** 制服の画像は幅295.94px、高さ332.7pxでとること *******/
@media screen and (max-width: 991px) {
	.site-life .main-contents{
		padding: 5% 2%;
	}
}
@media screen and (max-width: 767px) {
	.uniform h2,
	.site-life .facility h2,
	.dorm h2{
		font-size: 6vw;
		background-size: 180%;
		background-position: right;
	}
}

/*********** 校内施設 **********************************/
.site-life .facility{
	width: 100%;
	padding-top: 2%;
	padding-bottom: 7%;
	font-weight: bold;
}
.site-life .facility > div{
	padding: 2% 0;
}
.site-life .facility .facility-img{
	padding-right:2%;
}
.site-life .facility .facility-character{
	padding-left:2%;
	text-align: left;
	line-height: 160%;
	letter-spacing: 2px;
}
.site-life .facility .facility-character p{
	padding-bottom: 5%;
}
.site-life .facility #slider-wrapper{
	clear: both;
}
.site-life .bx-controls{
	display:none;
}
@media screen and (max-width: 991px) {
	.site-life .facility .facility-character p{
		padding-bottom: 3%;
	}
	.site-life #slider-wrapper ul li{
		float:left;
		width:50%;
		padding: 0 1%;
		padding-bottom: 3%;
	}
}
@media screen and (max-width: 767px) {
	.site-life .facility .facility-character{
		padding-left: 0;
		font-size: 4vw;
		line-height: 140%;
		font-weight: normal;
	}
}

/*********** 寮について **********************************/
.dorm{
	overflow:hidden;
	padding: 2% 0;
}
.dorm > div{
	padding-top:3%;
}
.dorm-men{
	padding-left:0;
}
.dorm-women{
	padding-right:0;
}
@media screen and (max-width: 991px) {
	.dorm{
		clear:both;
	}
}
@media screen and (max-width: 767px) {
	.dorm-men,
	.dorm-women{
		padding-left:0;
		padding-right: 2.5%;
	}
}

/*********** イベント **********************************/
.event{
	background: none;
	margin: 0;
}
.event-con{
	max-width: 1140px;
	margin: 0 auto;
	text-align: center;
	padding: 2% 0;
	overflow: hidden;
}

/*************************************************** 部活共通 ***************************************************/

/*********** イメージ画像の背景色 **********************************/
.main-image-club{
	background-color:#1A0B08;
}

/*********** イメージ画像の文字調整 **********************************/
.main-image-club .main-image-con .image{
	position: relative;
}
.main-image-club .main-image-con .image-word{
	position: absolute;
	font-size: 2.3vw;
	font-weight: bold;
	text-align: right;
	line-height: 160%;
	letter-spacing: 2px;
}
.main-image-club .main-image-con .image-word span{
	background-color: #fff;
}
@media screen and (max-width: 767px) {
	.main-image-club .main-image-con .image-word{
		display: none;
	}
}

/*********** Topics **********************************/
.sub-club .site-content{
	background-color: transparent;
}
.sub-club .topics{
	min-height: 420px;
}
#ozTabs .active img{
	visibility: hidden;
}
#ozTabs .topics-tab-all{
	background-image: url(../img/club/img-topics-tab-all-on.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
#ozTabs .topics-tab-contact{
	background-image: url(../img/club/img-topics-tab-contact-on.png);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-left: -2%;
}
#ozTabs .topics-tab-plans{
	background-image: url(../img/club/img-topics-tab-plans-on.png);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-left: -2%;
}
#ozTabs .topics-tab-result{
	background-image: url(../img/club/img-topics-tab-result-on.png);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-left: -2%;
}
.sub-club .main-new{
	position:relative;
}
.sub-club .topics .entry-title,
.sub-club .topics .entry-title-link p.view a,
.sub-club .topics .main-new-topics a{
	color:#ffffff;
	text-decoration:none;
}
.sub-club .topics .main-new-entry-title{
	padding-bottom: 2.4%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* chromeのみ */
	.sub-club .topics .main-new-entry-title{
		padding-bottom: 2.2%;
	}
}
.sub-club .topics .entry-title{
	clear: both;
	padding: 0;
	width: 28%;
}
.sub-club .topics .entry-title-link{
	width: 20%;
	padding: 0;
}
.sub-club .topics .entry-title-link p{
	clear: both;
	margin-left: 0;
	display: block;
}
.sub-club .topics .entry-title-link p a:hover{
	background-color:#000000;
}
.main-new-topics .no-data{
	color:#ffffff;
	font-weight: bold;
	padding-left: 2%;
}
@media screen and (max-width: 991px) {
	.sub-club .topics {
    min-height: unset;
	}
}
@media screen and (max-width: 767px) {
	.sub-club .topics .entry-title {
	    width: 100%;
		border-bottom: 2px solid #000000;
		padding-bottom: 1%;
	}
	.sub-club .topics .entry-title-link,
	.sub-club .entry-title-link div.view{
		width: 100%;
	}
	.sub-club .topics .entry-title-link{
		width: 50%;
		margin: auto;
		float: none;
	}
	.sub-club .entry-title-link .view a {
	    color: #ffffff;
	}
	.sub-club .entry-title-link .view a:hover {
    	background-color: #000000;
    	text-decoration: none;
	}
	.sub-club .main-new-topics {
 	   border-top: none;
	}
	.sub-club .main-new-topics-date{
		border-bottom: 2px solid #ffffff;
	}
	.sub-club .main-new-topics-con {
		background-image: url(../img/club/img-topics-con-back.png);
	}
	.main-new-topics .no-data{
		padding: 0 4%;
		margin-top: 4%;
	}
}

/*********** Results **********************************/
.results .main-new{
	position: unset;
}
.main-new-results-all{
	padding: 0;
}
.main-new-results-all .entry-title{
	width: 70%;
}
.main-new-results-all .entry-title-link{
	width: 30%;
}
.main-new-results{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width:100%;
	line-height: 2em;
	margin-left:0px;
	margin-top:0px;
	overflow: hidden;
	text-align: left;
	padding: 1% 0;
}
.main-new-results-article{
	padding:0;
	font-weight:bold;
}
.main-new-results-con{
	padding-right: 0;
	margin: 0.5% 0;
	display: block;
	border-left:1px solid #000000;
	overflow: hidden;
	color:#000000;
	padding-bottom: 2%;
}
.main-new-results-con .box{
	margin-top: 1%;
	padding-top: 1%;
	border-top: 1px dotted #000000;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
}
.main-new-results-title{
	border-right: 1px solid #000000;
}
.main-new-results-record{
	padding:0;
	text-align: center;
}
.main-new-results-year {
	background-image: url(../img/club/img-trophy.png);
	background-size: 38%;
	background-repeat: no-repeat;
	background-position: center 3.9em;
    text-align: center;
    padding: 0.7% 0;
}
.results .last{
	border-top: none;
}
.results .main-new-results-article .main-new-results-con .box:first-child{
	border-top: none;
}
.results .last::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: none;
    bottom: -19%;
}

@media screen and (min-width: 768px) {
	.results{
		min-height: 420px;
	}
	.main-new-topics a.last{
		border-top:none;
	}
}
@media screen and (max-width: 767px) {
	.main-new-results-all .entry-title {
   		width: 100%;
	}
	.main-new-results-all .entry-title .adj{
		font-size: 3vw;
	}
	.main-new-results{
		font-size: 3.85vw;
	}
	.main-new-results-year{
		background-size: 10%;
		background-position: right top;
		text-align:left;
		border-bottom:1px solid #000000;
	}
	.main-new-results-con{
		border-left:none;
		padding: 0;
	}
	.main-new-results-title{
		padding: 0;
		border-right: 1px solid #000000;
		font-size: 2.7vw;
	}
	.main-new-results-title::after,
	.main-new-results-record::after{
		bottom: -10%;
	}
	.main-new-results-all .entry-title-link {
		width: 50%;
		margin: auto;
		float: none;
		padding-top: 5%;
	}
	.main-new-results-record{
		border-left: none;
		font-size: 3.65vw;
	}
}
@media screen and (max-width: 600px) {
	.results .main-new-topics-article{
		height: 40px;
	}
}

/*********** コーチ **********************************/
.coach{
	position: absolute;
	top: 23px;
	right: 0;
}
.coach-con{
	background-color:#6E6C54;
	color: #ffffff;
	padding: 7%;
	padding-top: 12%;
	font-weight: bold;
	line-height: 160%;
	text-align: left;
	letter-spacing: 0.7px;
	margin: 3% 0;
}
.coach-title{
	position: absolute;
	top: 0.5%;
	left: 6%;
}
.coach-title img{
	width: 50%;
}
.coach-left{
	float:left;
	padding-right: 3%;
}
.coach-right{
	float:right;
	padding-left: 3%;
}
.coach-left,
.coach-right{
	text-align:center;
	width: 50%;
}
.coach-left img,
.coach-right img{
	width: 85%;
}
.coach-degree,
.coach-english{
	font-size: 80%;
}
.coach-name{
	font-size: 140%;
	letter-spacing: 3px;
}
.coach-name,
.coach-english{
	font-weight:normal;
}
.coach-english{
	letter-spacing: 2px;
}
.coach-speech{
	clear:both;
}
.coach-con .comment{
	font-size: 90%;
	text-align: justify;
}
.member,
.interview {
	margin-bottom: 3%;
}
.member a,
.interview a{
	display: block;
}
.member a img,
.interview a img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.member a:hover img,
.interview a:hover img {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 991px) {
	.coach{
		position:relative;
		padding: 0;
		padding-top: 2%;
		top: 0;
		font-size: 3.85vw;
	}
	.coach-con{
		margin-top: 1%;
	}
}

/*********** 施設環境 **********************************/
.sub-club .facility{
	width: 100%;
    max-height: 350px;
	background-color: #E8E6D8;
	padding-top: 2%;
	padding-bottom: 12%;
}
.sub-club .facility h3{
	background-color: #ffffff;
	text-align:left;
	font-weight: bold;
	padding: 0.5% 0;
	padding-left: 1%;
	margin-bottom: 1%;
}
.sub-club .facility #slider-wrapper{
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	line-height: 140%;
}
@media screen and (max-width: 991px) {
	.sub-club .facility{
		padding: 5% 0;
		overflow: hidden;
		text-align: center;
		max-height:none;
	}
	.sub-club .facility h3{
		margin: 0 4.5%;
		text-align: center;
	}
	.sub-club .facility .facility-con > div{
		padding-top:2%;
		padding-bottom:2%;
	}
}

/*********** Ｑ＆Ａ **********************************/
.sub-club .question{
	background-repeat:no-repeat;
	background-size: 7%;
	background-position: left top;
}
.sub-club .question h3{
	background-image:
		url(../img/club/img-question-title.png),
		url(../img/club/img-question-border.png);
	background-repeat:
		no-repeat,
		repeat-x;
	background-size:
		7%,
		50%;
	background-position:
		0% 10%,
		0% 60%;
	padding-top: 2%;
	padding-bottom: 4%;
	padding-left: 8%;
	margin-left: 9%;
	font-weight: bold;
}
@media screen and (max-width: 991px) {
	.sub-club .question{
		margin: 5%;
	}
	.sub-club .question-more img {
		width: 40%;
	}
}
@media screen and (max-width: 767px) {
	.sub-club .question{
		background-size: 30%;
		font-size: 3.85vw;
	}
	.sub-club .question h3{
		background-size: 25%, 100%;
		background-position: 0% 5%, 0% 35%;
		padding-top: 13%;
		padding-left: 0;
		margin-left: 35%;
		letter-spacing: 1px;
		line-height: 140%;
	}
	.sub-club .question-more{
		background-size: 200%;
	}
}

/*********** お問い合わせ **********************************/
.sub-club .main-contact a img{
	width: 60%;
}
@media screen and (max-width: 991px) {
	.sub-club .main-contact a img{
		width: 90%;
	}
}

/*************************************************** Results View More ***************************************************/
/************************************************ 部活共通のResultsも使用 ************************************************/
.site-results-viewmore .last{
	border-top: none;
}
.site-results-viewmore .main-new-results-article .main-new-results-con .box:first-child{
	border-top: none;
}
.site-results-viewmore .list-back {
    text-align: center;
    padding: 5% 0;
}
.site-results-viewmore .list-back a {
    border: 1px solid #000000;
    padding: 0.5% 2%;
    color: #000000;
    font-weight: bold;
	font-size: 90%;
}
.site-results-viewmore .list-back a:hover {
    text-decoration: none;
    background-color: #000000;
    color: #ffffff;
}
@media screen and (min-width: 992px) {
	.site-results-viewmore .site-content{
		margin:0;
		margin-top: 40px;
		min-height: 700px;
	}
	.site-results-viewmore .main-new-results-year {
    	background-size: 28%;
    	background-position: center 4.6em;
	}
	.site-results-viewmore .main-new-results-title::after,
	.site-results-viewmore .main-new-results-record::after{
		bottom: -30%;
	}
}
@media screen and (max-width: 991px) {
	.site-results-viewmore .entry-title {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.site-results-viewmore .list-back a {
	    padding: 2% 5%;
	}
}

/*************************************************** サッカー部 ***************************************************/

/*********** イメージ画像の文字調整 **********************************/
.main-image-con .image.soccer .image-word{
	bottom: 40%;
	right: 6%;
}
.main-image-con .image.soccer .image-word span:first-child{
	margin-right: 2em;
}

/*********** Topics **********************************/
.site-soccer .topics{
	background-color: #B10F15;
}
.site-soccer .topics .main-new-topics a:hover {
    background-color: #890002;
}

/*********** Results **********************************/
.site-soccer .results .entry-title-link p.view a{
	color: #B60005;
}
.site-soccer .results .entry-title-link p a:hover{
	color: #ffffff;
	background-color:#B60005;
}
.site-soccer .main-new-results-year{
	color: #B60005;
}
.site-soccer .results .entry-title-link .view a{
	color: #B60005;
}
.site-soccer .results .entry-title-link .view a:hover{
	background-color: #B60005;
	color: #ffffff;
}

/*********** Ｑ＆Ａ **********************************/
.site-soccer .question{
	background-image: url(../img/club/soccer/img-question.png);
}
.site-soccer .question-a{
	background-image:
		url(../img/club/soccer/img-question-a.png),
		url(../img/club/soccer/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}

/*********** 施設環境 **********************************/
@media screen and (min-width: 768px) {
	.site-soccer .bx-controls{
		display:none;
	}
}

/*********** ジュニアスクール **********************************/
.junior-school{
	background-image: url(../img/club/soccer/img-junior-back.png);
	background-repeat:no-repeat;
	background-size: 100%;
	padding-bottom: 6%;
}
.junior-school-con{
	position:relative;
	overflow: hidden;
}
.junior-school-txt{
	position:absolute;
	width: 33%;
	top: 22%;
	left: 29%;
	line-height: 180%;
	text-align: left;
	font-weight: bold;
}
.junior-school-txt span{
	border-bottom: 5px solid #ffffff;
}
.junior-school-con .details{
	padding-top: 25%;
	padding-left: 4%;
}
.junior-school-con .details table{
	width:100%;
}
.junior-school-con .details tr{
	border-bottom:2px dashed #000000;
}
.junior-school-con .details th,
.junior-school-con .details td{
	vertical-align: middle;
	letter-spacing: 4px;
	font-weight:bold;
}
.junior-school-con .details th{
	text-align:center;
	color:#064CA1;
}
.junior-school-con .details td{
	padding: 1% 0;
	line-height: 160%;
}
.junior-school-con .details td.adjustment{
	padding-left: 2%;
}
.junior-school-con .play-img{
	padding-top: 7%;
	padding-right: 2.5%;
	text-align: right;
}
.junior-school-con .play-img img{
	width: 86%;
}
@media screen and (max-width: 991px) {
	.junior-school{
		background-image: url(../img/club/soccer/img-junior-back-sp.png);
		background-size: 100%;
		padding-bottom: 25%;
	}
	.junior-school-con{
		width: 83%;
		margin: 0 auto;
		font-size: 3.85vw;
	}
	.junior-school-txt{
		position:relative;
		width: auto;
		top: 0;
		left: 0;
		padding: 0 5%;
		padding-top: 5%;
		clear: both;
	}
	.junior-school-con .play-img{
		padding-top: 63%;
	}
	.junior-school-con .play-img img{
		width: 100%;
		margin: 0 auto;
	}
	.junior-school-con .details table{
	}
	.junior-school-con .details{
		padding-top: 5%;
	}
	.junior-school-con .details th,
	.junior-school-con .details td{
		letter-spacing: 0px;
	}
	.junior-school-con .details th{
		width: 28%;
	}
	.junior-school-con .details td{
		line-height: 140%;
	}
	.junior-school-con .experience{
		clear: both;
		padding: 4% 0;
		padding-left: 4%;
	}
	.junior-school-con .experience img{
	}
	.junior-school-con .directed{
		padding: 0;
	}
	.junior-school-con .directed img{
		width: 97%;
	}
}

/*************************************************** バスケ部 ***************************************************/

/*********** イメージ画像の文字調整 **********************************/
.main-image-con .image.basketball .image-word{
	bottom: 25%;
	right: 26%;
}
.main-image-con .image.basketball .image-word span:first-child{
	margin-right: 2em;
}

/*********** Topics **********************************/
.site-basketball .topics{
	background-color: #C81F61;
}
.site-basketball .topics .main-new-topics a:hover {
    background-color: #950B47;
}

/*********** Results **********************************/
.site-basketball .results .entry-title-link p.view a{
	color: #C81F61;
	text-decoration:none;
}
.site-basketball .results .entry-title-link p a:hover{
	color: #ffffff;
	background-color:#C81F61;
}
.site-basketball .main-new-results-year{
	color: #C81F61;
}
.site-basketball .results .entry-title-link .view a{
	color: #C81F61;
}
.site-basketball .results .entry-title-link .view a:hover{
	background-color: #C81F61;
	color: #ffffff;
}

/*********** コーチ **********************************/
.site-basketball .coach-left{
	padding-top: 20%;
	padding-right: 0;
	text-align:right;
}
.site-basketball .coach-degree{
	line-height:130%;
}
.site-basketball .coach-degree{
	line-height:130%;
}

/*********** 施設環境 **********************************/
.site-basketball .bx-controls{
	display:none;
}

/*********** Ｑ＆Ａ **********************************/
.site-basketball .question{
	background-image: url(../img/club/basketball/img-question.png);
}
.site-basketball .question-a{
	background-image:
		url(../img/club/basketball/img-question-a.png),
		url(../img/club/basketball/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}

/*************************************************** ボクシング部 ***************************************************/

/*********** イメージ画像の文字調整 **********************************/
.main-image-con .image.boxing .image-word{
	top: 30%;
	right: 12%;
}

/*********** Topics **********************************/
.site-boxing .topics{
	background-color: #F04E22;
}
.site-boxing .topics .main-new-topics a:hover {
    background-color: #B23814;
}

/*********** Results **********************************/
.site-boxing .results .entry-title-link p.view a{
	color: #F04E22;
}
.site-boxing .results .entry-title-link p a:hover{
	color: #ffffff;
	background-color:#F04E22;
}
.site-boxing .main-new-results-year{
	color: #F04E22;
}
.site-boxing .results .entry-title-link .view a{
	color: #F04E22;
}
.site-boxing .results .entry-title-link .view a:hover{
	background-color: #F04E22;
	color: #ffffff;
}

/*********** コーチ **********************************/
.site-boxing .coach-name{
	font-size: 125%;
	letter-spacing: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* chromeのみ */
	.site-boxing .coach-name{
		font-size: 120%;
		letter-spacing: 3px;
	}
}

/*********** 施設環境 **********************************/
.site-boxing .bx-controls{
	display:none;
}

/*********** Ｑ＆Ａ **********************************/
.site-boxing .question{
	background-image: url(../img/club/boxing/img-question.png);
}
.site-boxing .question-a{
	background-image:
		url(../img/club/boxing/img-question-a.png),
		url(../img/club/boxing/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}

/*************************************************** ゴルフ部 ***************************************************/

/*********** イメージ画像の文字調整 **********************************/
.main-image-con .image.golf .image-word{
	top: 31%;
	right: 24%;
}

/*********** Topics **********************************/
.site-golf .topics{
	background-color: #3F7927;
}
.site-golf .topics .main-new-topics a:hover {
    background-color: #2C6019;
}

/*********** Results **********************************/
.site-golf .results .entry-title-link p.view a{
	color: #3F7927;
}
.site-golf .results .entry-title-link p a:hover{
	color: #ffffff;
	background-color:#3F7927;
}
.site-golf .main-new-results-year{
	color: #3F7927;
}
.site-golf .results .entry-title-link .view a{
	color: #3F7927;
}
.site-golf .results .entry-title-link .view a:hover{
	background-color: #3F7927;
	color: #ffffff;
}


/*********** 施設環境 **********************************/
.site-golf .bx-controls{
	display:none;
}

/*********** Ｑ＆Ａ **********************************/
.site-golf .question{
	background-image: url(../img/club/golf/img-question.png);
}
.site-golf .question-a{
	background-image:
		url(../img/club/golf/img-question-a.png),
		url(../img/club/golf/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}

/*************************************************** 野球部 ***************************************************/

/*********** イメージ画像の文字調整 **********************************/
.main-image-con .image.baseball .image-word{
	bottom: 26%;
	right: 22%;
}

/*********** Topics **********************************/
.site-baseball .topics{
	background-color: #693A07;
}
.site-baseball .topics .main-new-topics a:hover {
    background-color: #542C00;
}

/*********** Results **********************************/
.site-baseball .results .entry-title-link p.view a{
	color: #693A07;
}
.site-baseball .results .entry-title-link p a:hover{
	color: #ffffff;
	background-color:#693A07;
}
.site-baseball .main-new-results-year{
	color: #693A07;
}
.site-baseball .results .entry-title-link .view a{
	color: #693A07;
}
.site-baseball .results .entry-title-link .view a:hover{
	background-color: #693A07;
	color: #ffffff;
}

/*********** コーチ **********************************/
.site-baseball .coach-name{
	font-size: 125%;
}
.site-baseball .coach-english{
	font-size: 75%;
}

/*********** 施設環境 **********************************/
.site-baseball .bx-controls{
	display:none;
}

/*********** Ｑ＆Ａ **********************************/
.site-baseball .question{
	background-image: url(../img/club/baseball/img-question.png);
}
.site-baseball .question-a{
	background-image:
		url(../img/club/baseball/img-question-a.png),
		url(../img/club/baseball/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}

/*************************************************** 柔道部 ***************************************************/

/*********** イメージ画像の文字調整 **********************************/
.main-image-con .image.judo .image-word{
	bottom: 24%;
	right: 11%;
}
.main-image-con .image.judo .image-word span:first-child{
	margin-right: 1em;
}

/*********** Topics **********************************/
.site-judo .topics{
	background-color: #F8B500;
}
.site-judo .topics .main-new-topics a:hover {
    background-color: #EE8300;
}

/*********** Results **********************************/
.site-judo .results .entry-title-link p.view a{
	color: #F8B500;
}
.site-judo .results .entry-title-link p a:hover{
	color: #ffffff;
	background-color:#F8B500;
}
.site-judo .main-new-results-year{
	color: #F8B500;
}
.site-judo .results .entry-title-link .view a{
	color: #F8B500;
}
.site-judo .results .entry-title-link .view a:hover{
	background-color: #F8B500;
	color: #ffffff;
}

/*********** コーチ **********************************/
.site-judo .coach-name{
	font-size: 125%;
}
.site-judo .coach-english{
	font-size: 75%;
}

/*********** 施設環境 **********************************/
.site-judo .bx-controls{
	display:none;
}

/*********** Ｑ＆Ａ **********************************/
.site-judo .question{
	background-image: url(../img/club/judo/img-question.png);
}
.site-judo .question-a{
	background-image:
		url(../img/club/judo/img-question-a.png),
		url(../img/club/judo/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}

/*********** お問い合わせ **********************************/
@media screen and (max-width: 767px) {
	.site-judo .main-contact {
    padding-top: 6%;
	}
}

/*************************************************** バドミントン部 ***************************************************/

/*********** イメージ画像の文字調整 **********************************/
.main-image-con .image.badminton .image-word{
	bottom: 11%;
	right: 26%;
}

/*********** Topics **********************************/
.site-badminton .topics{
	background-color: #00A9B5;
}
.site-badminton .topics .main-new-topics a:hover {
    background-color: #008585;
}

/*********** Results **********************************/
.site-badminton .results .entry-title-link p.view a{
	color: #00A9B5;
}
.site-badminton .results .entry-title-link p a:hover{
	color: #ffffff;
	background-color:#00A9B5;
}
.site-badminton .main-new-results-year{
	color: #00A9B5;
}
.site-badminton .results .entry-title-link .view a{
	color: #00A9B5;
}
.site-badminton .results .entry-title-link .view a:hover{
	background-color: #00A9B5;
	color: #ffffff;
}

/*********** コーチ **********************************/
.site-badminton .coach-name{
	font-size: 125%;
}
.site-badminton .coach-english{
	font-size: 75%;
}

/*********** 施設環境 **********************************/
.site-badminton .bx-controls{
	display:none;
}

/*********** Ｑ＆Ａ **********************************/
.site-badminton .question{
	background-image: url(../img/club/badminton/img-question.png);
}
.site-badminton .question-a{
	background-image:
		url(../img/club/badminton/img-question-a.png),
		url(../img/club/badminton/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}

/*************************************************** 空手道部 ***************************************************/

/*********** イメージ画像の文字調整 **********************************/
.main-image-con .image.karate .image-word{
	bottom: 37%;
	right: 5%;
}

/*********** Topics **********************************/
.site-karate .topics{
	background-color: #4D8BCA;
}
.site-karate .topics .main-new-topics a:hover {
  background-color: #2F5DA1;
}

/*********** Results **********************************/
.site-karate .results .entry-title-link p.view a{
	color: #4D8BCA;
}
.site-karate .results .entry-title-link p a:hover{
	color: #ffffff;
	background-color:#4D8BCA;
}
.site-karate .main-new-results-year{
	color: #4D8BCA;
}
.site-karate .results .entry-title-link .view a{
	color: #4D8BCA;
}
.site-karate .results .entry-title-link .view a:hover{
	background-color: #4D8BCA;
	color: #ffffff;
}
@media screen and (min-width: 992px) {
	.site-judo .results{
		min-height: 610px;
	}
	.site-karate .results{
		min-height: 790px;
	}
}

/*************************************************** 吹奏楽部 ***************************************************/

/*********** Topics **********************************/
.site-brass_band .topics{
	background-color: #E85298;
}
.site-brass_band .topics .main-new-topics a:hover {
  background-color: #C54481;
}
@media screen and (max-width: 767px) {
	.site-brass_band .topics{
		margin-bottom: 6%;
	}
}

/*********** Results **********************************/
.site-brass_band .results {
	display: none;
}

/*********** コーチ **********************************/
.site-brass_band .coach-name{
	font-size: 125%;
}
.site-brass_band .coach-english{
	font-size: 75%;
}

/*********** Ｑ＆Ａ **********************************/
.site-brass_band .question{
	background-image: url(../img/club/brass_band/img-question.png);
}
.site-brass_band .question-a{
	background-image:
		url(../img/club/brass_band/img-question-a.png),
		url(../img/club/brass_band/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}

/*********** お問い合わせ **********************************/
@media screen and (max-width: 767px) {
	.site-brass_band .main-contact {
    padding-top: 6%;
	}
}

/*************************************************** 英会話クラブ ***************************************************/

/*********** Topics **********************************/
.site-english_conversation .topics{
	background-color: #A660A3;
}
.site-english_conversation .topics .main-new-topics a:hover {
  background-color: #78408A;
}
@media screen and (max-width: 767px) {
	.site-english_conversation .topics{
		margin-bottom: 6%;
	}
}

/*********** Results **********************************/
.site-english_conversation .results {
	display: none;
}

/*********** コーチ **********************************/
.site-english_conversation .coach-name{
	font-size: 125%;
}
.site-english_conversation .coach-english{
	font-size: 75%;
}

/*********** Ｑ＆Ａ **********************************/
.site-english_conversation .question{
	background-image: url(../img/club/english_conversation/img-question.png);
}
.site-english_conversation .question-a{
	background-image:
		url(../img/club/english_conversation/img-question-a.png),
		url(../img/club/english_conversation/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}


/*************************************************** オープンキャンパス ***************************************************/
.site-opencampus {
	background-image: url(../img/opencampus/img-opencampus-back.png);
	background-repeat:repeat-y;
	background-size: 100%;
}
.site-opencampus .opencampus{
	max-width: 1305px;
	margin: auto;
	text-align: center;
	overflow: hidden;
}
.opencampus-img{
	padding-top: 3%;
}
.opencampus-img img{
	vertical-align: bottom;
}
.site-opencampus .opencampus-con{
	overflow:hidden;
	background-image: url(../img/opencampus/img-opencampus-back-b.png);
	background-repeat:no-repeat;
	background-size: 100%;
	padding: 1% 14%;
	padding-bottom: 7%;
}
.site-opencampus .opencampus-con > div{
	text-align: center;
	padding:0;
}
.site-opencampus .opencampus-con .tel img,
.site-opencampus .opencampus-con .mail img{
	width: 77%;
}
.site-opencampus .opencampus-con .fax img{
	width: 95%;
}
.site-opencampus .opencampus-con a img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.site-opencampus .opencampus-con a:hover img{
    text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.site-opencampus .main-contact{
	padding-bottom: 3%;
}

/*************************************************** サブページタイトル ***************************************************/
.sub-title{
	background-color:#ADCDEC;
	padding:2% 0;
	margin-top: 40px;
}
.sub-title h2{
	max-width: 1140px;
	margin: auto;
	padding:1% 0;
	padding-left: 6%;
	color:#292A86;
	font-size: 200%;
	letter-spacing: 2px;
	border-left: 10px solid #232076;
	font-weight: bold;
}
@media screen and (max-width: 991px) {
	.sub-title{
		padding-left: 3%;
		margin-top: 9px;
	}
}
@media screen and (max-width: 767px) {
	.sub-title{
		padding: 6% 0;
		padding-left: 5%;
		margin-top: 0;
	}
	.sub-title h2{
		font-size: 5vw;
		padding-left: 10%;
		border-left: 7px solid #232076;
	}
}

/*************************************************** 入学金・学費など ***************************************************/
.site-money .sub-title h2{
	background-image: url(../img/money/img-title.png);
	background-repeat:no-repeat;
	background-size: 3.5%;
	background-position: 1.5% 50%;
}
.site-money .money-con{
	padding: 3% 0;
}
.site-money .tuition h3{
	background-image: url(../img/guardian/img-voice-back.png);
	background-repeat:no-repeat;
	background-size: 100%;
	color: #ffffff;
	text-align: left;
	font-size: 170%;
	padding: 1.8% 2%;
	letter-spacing: 1px;
	margin-bottom: 7%;
}
.site-money .tuition h3 span{
	font-size: 80%;
}
.site-money .tuition .box{
	padding-left: 1%;
}
.site-money .tuition table{
	width: 75%;
}
.site-money .tuition tr.total{
	border-top: 1px solid #000000;
}
.site-money .tuition tr.total th{
	padding-bottom: 5%;
}
.site-money .tuition th,
.site-money .tuition td{
	letter-spacing: 2px;
	font-weight: bold;
}
.site-money .tuition th{
	padding: 2% 0;
	padding-left: 3%;
}
.site-money .tuition th span{
	font-size: 70%;
}
.site-money .tuition td{
	text-align:right;
	padding-right: 15%;
}
@media screen and (max-width: 991px) {
	.site-money .main-contents {
    padding: 5%;
	}
	.site-money .tuition h3 {
		font-size: 2.2vw;
	}
	.site-money .tuition table{
		width: 100%;
	}
	.site-money .tuition td{
		padding-right: 10%;
	}
}
@media screen and (max-width: 767px) {
	.site-money .sub-title h2{
		background-size: 6%;
		background-position: 2.5% 50%;
	}
	.site-money .tuition{
		padding: 0;
	}
	.site-money .tuition h3 {
	    background-size: 100%;
	    font-size: 5vw;
		padding: 1% 2%;
		margin-bottom: 4%;
	}
	.site-money .tuition .box{
		padding: 0 1%;
	}
	.site-money .tuition th{
		padding-left: 0;
	}
	.site-money .tuition td{
		padding-right: 0;
	}
}

/*********** 奨学金 **********************************/
.site-money .scholarship{
	border: 4px solid #ADCDEC;
	border-radius: 10px;
}
.site-money .scholarship .scholarship-title{
	background-color: #ADCDEC;
	margin: 2% 0;
	border-radius: 10px;
	font-size: 180%;
	padding: 1% 0;
	letter-spacing: 2px;
	font-weight: bold;
	color: #292A86;
}
.site-money .scholarship table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 20px;
}
.site-money .scholarship th{
	background-color: #ADCDEC;
	border-radius: 10px;
	padding: 3% 0;
	width: 10%;
	font-size: 150%;
	color: #292A86;
	text-align: center;
}
.site-money .scholarship td{
	vertical-align: middle;
	line-height: 160%;
	padding-left: 5%;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.site-money .scholarship{
		margin-top: 5%;
	}
	.site-money .scholarship .scholarship-title{
		font-size: 5.5vw;
		padding: 5% 0;
		margin-top: 6%;
	}
	.site-money .scholarship th{
		font-size: 5vw;
		vertical-align: middle;
	}
}

/*********** 検定料、ローン、進学 **********************************/
.site-money .verification,
.site-money .loan,
.site-money .admission{
	text-align: left;
	padding: 3% 0;
}
.site-money .verification h3,
.site-money .loan h3,
.site-money .admission h3{
	border-bottom:1px solid #292A86;
	color: #292A86;
	font-size: 170%;
	padding: 0.5% 1%;
	letter-spacing: 1px;
	margin-bottom: 1%;
}
.site-money .verification p,
.site-money .loan p,
.site-money .admission p{
	line-height:160%;
	font-weight:bold;
	padding-left: 1%;
	letter-spacing: 2px;
}
@media all and (-ms-high-contrast:none) {  /* IE11のみ */
	*::-ms-backdrop, .site-money .loan .box .loan-left{
		padding-right: 5%;
	}
}
.site-money .loan .box .loan-right a img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.site-money .loan .box .loan-right a:hover img {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
@media screen and (min-width: 992px) {
	.site-money .loan .box .loan-left{
		font-size: 120%;
	}
}
@media screen and (max-width: 991px) {
	.site-money .loan .box .loan-left{
		font-size: 100%;
	}
}
@media screen and (min-width: 768px) {
	.site-money .loan .box{
		overflow: hidden;
		width: 80%;
		float: right;
	}
	.site-money .loan .box .loan-left{
		background-image: url(../img/money/img-triangle.png);
		background-repeat:no-repeat;
		background-size: 5%;
		background-position: 98% center;
		float:left;
		width: 60%;
		padding:2% 0;
		padding-right: 4%;
	}
	@supports (-ms-ime-align:auto) {	/* Edgeのみ */
		.site-money .loan .box .loan-left {
			background-position: right center;
		}
	}
	.site-money .loan .box .loan-right{
		float: right;
		width: 40%;
	}
}
@media screen and (max-width: 767px) {
	.site-money .verification,
	.site-money .loan,
	.site-money .admission{
		padding-top: 5%;
	}
	.site-money .verification h3,
	.site-money .loan h3,
	.site-money .admission h3{
		font-size: 5.5vw;
		font-weight:bold;
	}
	.site-money .loan .box{
		padding-top:5%;
	}
	.site-money .loan .box .loan-right img{
		vertical-align: bottom;
	}
	.site-money .verification p,
	.site-money .loan p,
	.site-money .admission p{
		font-weight:normal;
	}
}

/*************************************************** 保護者の方へ ***************************************************/
.site-guardian{
}
.site-guardian .sub-title h2{
	background-image: url(../img/guardian/img-title.png);
	background-repeat:no-repeat;
	background-size: 4%;
	background-position: 1% 50%;
}
@media screen and (max-width: 767px) {
	.site-guardian .sub-title h2 {
	    background-size: 6%;
	    background-position: 2% 50%;
	}
}

/*********** 保護者の声 **********************************/
.site-guardian .voice h3{
	background-image: url(../img/guardian/img-voice-back.png);
	background-repeat:no-repeat;
	background-size: 50%;
	color:#ffffff;
	text-align: left;
	font-size: 130%;
	padding: 0.5% 1%;
	letter-spacing: 1px;
}
.voice-con{
	padding: 5% 0;
	overflow: hidden;
}
.voice-con > div{
	padding: 0;
}
.voice-con .voice-con01{
	padding-right: 1.5%;
}
.voice-con .voice-con02{
	padding-top: 12%;
	padding-left: 5%;
}
.voice-con .voice-con03{
	padding-top: 42%;
}
.voice-con .voice-con04{
	padding: 7% 0;
	padding-right: 3%;
}
.voice-con .voice-con05,
.voice-con .voice-con06,
.voice-con .voice-con07,
.voice-con .voice-con08{
	padding-bottom: 12%;
}
.voice-con .voice-con09{
	padding-bottom: 6%;
}
@media screen and (max-width: 991px) {
	.site-guardian .main-contents {
	    padding: 5%;
	}
}
@media screen and (min-width: 768px) {
	.voice-con .voice-con06{
		padding: 0 3%;
	}
	.voice-con .voice-con07{
		padding-right: 2%;
	}
	.voice-con .voice-con09{
		padding-right: 4%;
	}
}
@media screen and (max-width: 767px) {
	.site-guardian .voice h3 {
   		background-size: 100%;
    	font-size: 5vw;
    	padding: 1% 2%;
    	margin-bottom: 4%;
	}
	.voice-con .voice-con01{
		padding: 0;
	}
	.voice-con .voice-con02{
		padding-left: 30%;
		padding-right: 0;
	}
	.voice-con .voice-con03,
	.voice-con .voice-con04{
		padding:0;
		padding-top: 12%;
	}
	.voice-con .voice-con05{
		padding-top: 12%;
	}
}

.money-recruitment{
	width: 100%;
	background-color: #292A86;
	overflow: hidden;
	padding: 4% 0;
}
.money-recruitment-con {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}
.money-recruitment-con > div{
	text-align:center;
	padding: 0 5%;
}
.money-recruitment-con .money{
    border-right: 2px solid #ffffff;
}
.money-recruitment-con img{
    width: 80%;
}
.money-recruitment-con a:hover img {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 767px) {
	.money-recruitment-con > div{
		padding: 0 1%;
	}
}

/*********** Ｑ＆Ａ **********************************/
.site-guardian .guardian-q{
	padding-top:3%;
}
.site-guardian .question {
	background-image: url(../img/study/img-question.png);
    background-repeat: no-repeat;
    background-size: 7%;
    background-position: left top;
}
.site-guardian .question h3{
	background-image:
		url(../img/club/img-question-title.png),
		url(../img/club/img-question-border.png);
	background-repeat:
		no-repeat,
		repeat-x;
	background-size:
		7%,
		50%;
    background-position:
		0% 10%,
		0% 60%;
	padding-top: 2%;
	padding-bottom: 4%;
	padding-left: 8%;
	margin-left: 9%;
	font-weight: bold;
}
.site-guardian .question-a{
	background-image:
		url(../img/study/img-question-a.png),
		url(../img/study/img-question-speech.png);
	background-size:
		10%,
		100%;
	background-position:
		0% 7%,
		50% 100%;
	margin-left: 6%;
	padding-bottom: 8%;
	padding-right: 4%;
}
@media screen and (max-width: 991px) {
	.site-guardian .question-more img {
	    width: 40%;
	}
}
@media screen and (max-width: 767px) {
	.site-guardian .question {
	    background-size: 30%;
	    margin: 5%;
	    font-size: 3.85vw;
	}
	.site-guardian .question h3 {
    	background-size: 25%, 100%;
    	background-position: 0% 5%, 0% 35%;
    	padding-top: 13%;
   		padding-left: 0;
    	margin-left: 35%;
    	letter-spacing: 1px;
    	line-height: 140%;
	}
	.site-guardian .question-more {
	    background-size: 200%;
	}
}

/*************************************************** 学校長挨拶 ***************************************************/
.site-greeting .sub-title h2{
	background-image: url(../img/greeting/img-title.png);
	background-repeat:no-repeat;
	background-size: 3%;
	background-position: 2% 50%;
}

@media screen and (max-width: 767px) {
	.site-greeting .sub-title h2{
		background-size: 5%;
		background-position: 3% 50%;
	}
}

/*********** スローガン **********************************/
.slogan{
	text-align: right;
	padding: 5% 0;
}
.slogan img{
	width: 76%;
}
@media screen and (max-width: 991px) {
	.slogan{
		text-align:center;
	}
	.slogan img{
		width: 90%;
	}
}

/*********** 校長 **********************************/
.site-greeting h3{
	background-image: url(../img/guardian/img-voice-back.png);
	background-repeat:no-repeat;
	background-size: 50%;
	color:#ffffff;
	text-align: left;
	font-size: 130%;
	padding: 0.5% 1%;
	letter-spacing: 1px;
}
.head-teacher{
	padding-bottom: 8%;
}
.head-teacher-con .name{
	padding-top: 17%;
	text-align: left;
}
.head-teacher-con .name img{
	width: 70%;
}
.head-teacher-con .head-img{
	padding-left: 7%;
}
.head-teacher-con .head-img img{
	width: 70%;
}
.head-teacher-txt{
	clear: both;
	text-align: left;
	line-height: 160%;
	padding-top: 3%;
	font-size: 170%;
	letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
	.site-greeting .main-contents {
    	padding: 5%;
	}
	.site-greeting h3{
    	background-size: 100%;
    	font-size: 5vw;
	}
	.head-teacher-con .head-img{
		padding-left: 15px;
		padding-top: 7%;
	}
	.head-teacher-con .name{
		padding-top: 7%;
		text-align: center;
	}
	.head-teacher-txt{
		font-size: 4.5vw;
		padding-top: 8%;
	}
}

/*********** 建学精神 **********************************/
.spirit-con p{
	padding: 10% 0;
}
.spirit-con img{
	width: 50%;
}
@media screen and (max-width: 767px) {
	.spirit-con img{
    	width: 80%;
	}
}

/*********** 校歌 **********************************/
.school-song-con{
	padding-bottom: 10%;
}
.school-song-con p{
	padding: 10%;
}
.school-song-con img{
	width: 95%;
}

/*************************************************** Ｑ＆Ａ ***************************************************/
.site-question .sub-title h2{
	background-image: url(../img/question/img-title.png);
	background-repeat:no-repeat;
	background-size: 4%;
	background-position: 1.5% 50%;
}
@media screen and (max-width: 767px) {
	.site-question .sub-title h2{
		background-size: 7%;
		background-position: 1.5% 50%;
	}
}

/*********** 上部タグ **********************************/
.site-question .question-tag{
	background-color:#E4EDF1;
	overflow: hidden;
}
.site-question .question-tag-con{
	max-width: 1140px;
    width: 100%;
    margin: 0 auto;
	padding: 2% 0;
}
.site-question .question-tag-con .question-title{
	background-color: #ffffff;
	padding: 1%;
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #292A86;
	font-weight: bold;
	letter-spacing: 2px;
}
.site-question .question-tag-con ul{
	overflow: hidden;
}
.site-question .question-tag-con ul li{
	float: left;
	width: 20%;
	text-align: center;
	background-repeat:no-repeat;
	background-size: 90%;
	margin: 2% 0;
}
.site-question .question-tag-con ul.tag-t li{
	background-position: center;
}
.site-question .question-tag-con ul.tag-b li{
	background-position: 50% 30%;
}
.site-question .question-tag-con ul li a{
	display: inline-block;
}
.site-question .question-tag-con ul li a:hover img{
	visibility: hidden;
}
.site-question .question-tag-con ul li.soccer{
	background-image: url(../img/question/img-soccer-on.png);
}
.site-question .question-tag-con ul li.basketball{
	background-image: url(../img/question/img-basketball-on.png);
}
.site-question .question-tag-con ul li.boxing{
	background-image: url(../img/question/img-boxing-on.png);
}
.site-question .question-tag-con ul li.golf{
	background-image: url(../img/question/img-golf-on.png);
}
.site-question .question-tag-con ul li.baseball{
	background-image: url(../img/question/img-baseball-on.png);
}
.site-question .question-tag-con ul li.judo{
	background-image: url(../img/question/img-judo-on.png);
}
.site-question .question-tag-con ul li.badminton{
	background-image: url(../img/question/img-badminton-on.png);
}
.site-question .question-tag-con ul li.karate{
	background-image: url(../img/question/img-karate-on.png);
}
.site-question .question-tag-con ul li.brass_band{
	background-image: url(../img/question/img-brass_band-on.png);
}
.site-question .question-tag-con ul li.english_conversation{
	background-image: url(../img/question/img-english_conversation-on.png);
}
.site-question .question-tag-con ul li.study{
	background-image: url(../img/question/img-study-on.png);
}
.site-question .question-tag-con ul li.life{
	background-image: url(../img/question/img-life-on.png);
}
.site-question .question-tag-con ul li.money{
	background-image: url(../img/question/img-money-on.png);
}
.site-question .question-tag-con ul li.recruitment{
	background-image: url(../img/question/img-recruitment-on.png);
}
.site-question .question-tag-con ul li.other{
	background-image: url(../img/question/img-other-on.png);
}
.site-question .question-tag-con ul li img{
	width: 90%;
}
@media screen and (max-width: 767px) {
	.site-question .question-tag{
		margin-bottom: 5%;
	}
	.site-question .question-tag-con .question-title{
		margin: 0 5%;
		font-size: 4vw;
	}
	.site-question .question-tag-con ul li{
		width: 33%;
	}
	.site-question .question-tag-con ul.tag-t li,
	.site-question .question-tag-con ul.tag-b li {
    	background-position: top center;
	}
	.site-question .question-tag-con .other-sp a{
		display: block;
	}
	.site-question .question-tag-con .other-sp a:hover img{
		visibility: hidden;
	}
	.site-question .question-tag-con .other-sp{
		background-image: url(../img/question/img-other-sp-on.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		margin: 0 1.5%;
	}
}

/*********** 各質問部分 **********************************/
.site-question .main-contents h3{
	background-repeat:
		no-repeat,
		repeat-x;
	text-align: left;
	font-size: 160%;
	padding: 2% 0;
	padding-left: 8%;
	letter-spacing: 2px;
	font-weight: bold;
}
.site-question .soccer h3{
	background-image:
		url(../img/question/img-soccer-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		2% 50%,
		50% 100%;
}
.site-question .basketball h3{
	background-image:
		url(../img/question/img-basketball-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		2% 50%,
		50% 100%;
}
.site-question .boxing h3{
	background-image:
		url(../img/question/img-boxing-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		3.5%,
		50%;
	background-position:
		2.5% 50%,
		50% 100%;
}
.site-question .golf h3{
	background-image:
		url(../img/question/img-golf-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		2.5% 50%,
		50% 100%;
}
.site-question .baseball h3{
	background-image:
		url(../img/question/img-baseball-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .judo h3{
	background-image:
		url(../img/question/img-judo-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .badminton h3{
	background-image:
		url(../img/question/img-badminton-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .karate h3{
	background-image:
		url(../img/question/img-karate-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .brass_band h3{
	background-image:
		url(../img/question/img-brass_band-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .english_conversation h3{
	background-image:
		url(../img/question/img-english_conversation-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		3%,
		50%;
	background-position:
		4% 50%,
		50% 100%;
}
.site-question .study h3{
	background-image:
		url(../img/question/img-study-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		8%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
	padding-left: 12%;
}
.site-question .life h3{
	background-image:
		url(../img/question/img-life-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .money h3{
	background-image:
		url(../img/question/img-money-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .recruitment h3{
	background-image:
		url(../img/question/img-recruitment-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .other h3{
	background-image:
		url(../img/question/img-other-icon.png),
		url(../img/question/img-question-border.png);
	background-size:
		4%,
		50%;
	background-position:
		3% 50%,
		50% 100%;
}
.site-question .question-con{
	padding: 3% 0;
	overflow:hidden;
}
.site-question .question-con > div {
    box-shadow: 2px 0px #221E1F;
    margin-bottom: 3%;
}
.site-question .question-q,
.site-question .question-a{
	text-align:left;
	padding-left: 13%;
}
.site-question .question-q{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 5%;
	font-weight: bold;
}
.site-question .question-a {
   	background-image:
		url(../img/question/img-question-a.png),
		url(../img/question/img-question-speech.png);
   	background-size: 10%, 100%;
   	background-position: 0% 0.2em, 50% 100%;
   	margin-left: 6%;
	padding-top: 0;
	padding-bottom: 8%;
   	padding-right: 4%;
}
@media screen and (max-width: 767px) {
	.site-question .main-contents{
		padding: 0 2%;
	}
	.site-question .main-contents h3{
		background-size: 8%, 100%;
		font-size: 4.5vw;
		padding: 4% 0;
		padding-left: 14%;
	}
	.site-question .question-q{
		font-size: 4vw;
		font-weight: bold;
		min-height: 60px;
	}
	.site-question .question-a {
		font-size: 3.65vw;
	}

}

/*************************************************** アクセス ***************************************************/
.site-access{
	background-color:#E4EDF1;
}
.site-access .sub-title h2{
	background-image: url(../img/access/img-title.png);
	background-repeat:no-repeat;
	background-size: 2.5%;
	background-position: 3% 50%;
}
.site-access .main-contents .map{
	padding-top: 2%;
	padding-bottom: 5%;
}
.site-access .main-contents .map iframe{
	width: 100%;
	height: 70vh;
}
@media all and (-ms-high-contrast:none) {  /* IE11のみ */
	*::-ms-backdrop, .site-access .main-contents .map iframe{
		height: 700px;
	}
}
@supports (-ms-ime-align:auto) {	/* Edgeのみ */
	.site-access .main-contents .map iframe{
		height: 700px;
	}
}
.site-access .main-contents .address{
	padding: 0 5%;
	padding-top: 10%;
}
.site-access .main-contents .address p{
	padding: 15% 0;
}
@media screen and (max-width: 991px) {
	.site-access .main-contents .map{
		padding-top: 5%;
	}
	.site-access .main-contents .address{
		padding-top: 2%;
		padding-bottom: 10%;
	}
	.site-access .main-contents .address p{
		padding: 6% 0;
	}
	.site-access .main-contents .address p img{
		width: 85%;
	}
}
@media screen and (max-width: 767px) {
	.site-access .sub-title h2{
		background-size: 4%;
		background-position: 3.5% 50%;
	}
}

/*************************************************** リンク ***************************************************/
.site-link{
	background-color:#E4EDF1;
}
.site-link .sub-title h2{
	background-image: url(../img/link/img-title.png);
	background-repeat:no-repeat;
	background-size: 2.5%;
	background-position: 2% 50%;
}
.site-link h3{
	background-image: url(../img/guardian/img-voice-back.png);
	background-repeat:no-repeat;
	background-size: 50%;
	color:#ffffff;
	text-align: left;
	font-size: 130%;
	padding: 0.5% 1%;
	letter-spacing: 1px;
}
.site-link .link{
	padding-top: 5%;
}
.site-link .link-con{
	overflow: hidden;
	padding-bottom:3%;
}
.site-link .link-con > div{
	padding-top:3%;
	min-height: 320px;
	position:relative;
}
.site-link .link-con .link-img{
	max-height: 200px;
	height: 23vh;
	overflow: hidden;
}
.site-link .link-con .link-txt{
	width: 91.5%;
	background-image: url(../img/link/img-speech.png);
	background-repeat:no-repeat;
	background-size: 100%;
	position:absolute;
	top: 57%;
	padding: 10% 7%;
	min-height: 140px;
	text-align: left;
}
.site-link .link-con a{
	color: #000000;
}
.site-link .link-con a img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.site-link .link-con a:hover img {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.site-link .link-con .link-txt span{
	color: #292A86;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 140%;
}
.site-link .link-con a:hover .link-txt span{
	text-decoration:underline;
}
.site-link .link-con .link-txt p{
	padding-top: 5%;
	font-size: 90%;
	line-height: 140%;
}
@media screen and (max-width: 991px) {
	.site-link .main-contents {
    	padding: 5%;
	}
	.site-link .link-con .link-txt{
		background-size: 94%;
	}
	.site-link .link-con .link-txt p{
		display:none;
	}
	.site-link .link-con .link-txt span{
		font-size: 1.8vw;
	}
}
@media screen and (min-width: 768px) {
	.link-con .link-con01{
		padding-left:0;
		padding-right: 25px;
	}
	.link-con .link-con02{
		padding-left: 8px;
		padding-right: 17px;
	}
	.link-con .link-con03{
		padding-left: 17px;
		padding-right: 8px;
	}
	.link-con .link-con04{
		padding-left: 25px;
		padding-right:0;
	}
}
@media screen and (max-width: 767px) {
	.site-link .sub-title h2{
		background-size: 4%;
		background-position: 3.5% 50%;
	}
	.site-link h3{
    	background-size: 100%;
    	font-size: 5vw;
	}
	.site-link .link{
		padding-top: 0;
	}
	.site-link .link-con{
		padding-bottom: 10%;
	}
	.link-con .link-con01,
	.link-con .link-con03{
		padding-left: 0;
		padding-right: 3%;
	}
	.link-con .link-con02,
	.link-con .link-con04{
		padding-left: 3%;
		padding-right: 0;
	}
	.site-link .link-con > div{
		height: 27vh;
		min-height: unset;
	}
	.site-link .link-con .link-txt{
		width: 94%;
		background-size: 100%;
		top: auto;
		bottom: 0;
		min-height: 80px;
	}
	.site-link .link-con .link-txt span{
		font-size: 4vw;
		letter-spacing: 0;
	}
}

/*************************************************** 募集要項 ***************************************************/
.site-recruitment .sub-title h2{
	background-image: url(../img/recruitment/img-title.png);
	background-repeat:no-repeat;
	background-size: 4%;
	background-position: 1.5% 50%;
}
.site-recruitment h3{
	background-image: url(../img/guardian/img-voice-back.png);
	background-repeat:no-repeat;
	background-size: 50%;
	color:#ffffff;
	text-align: left;
	font-size: 130%;
	padding: 0.5% 1%;
	letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
	.site-recruitment .sub-title h2{
		background-size: 6%;
		background-position: 2.5% 50%;
	}
	.site-recruitment h3{
		background-size: 100%;
		font-size: 5vw;
	}
}

/*********** 募集定員 **********************************/
.capacity{
	padding-bottom: 3%;
}
.capacity-con{
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: left;
	padding: 1% 2%;
}
.capacity-con span{
	font-size: 60%;
}
@media screen and (max-width: 991px) {
	.site-recruitment .main-contents{
		padding: 5%;
	}
}
@media screen and (max-width: 767px) {
	.capacity{
		padding-bottom: 10%;
	}
}

/*********** 入試内容 **********************************/
.exam{
	padding-bottom: 3%;
}
.exam-con{
	padding: 2% 0;
	letter-spacing: 2px;
	line-height:160%;
}
.exam-tr-th,
.exam-tr{
	overflow:hidden;
	border-bottom:1px solid #ADCDEC;
	padding-bottom: 1%;
	margin-bottom: 1%;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.exam-tr-th .exam-th,
.exam-tr .exam-th{
	padding:0;
}
.exam-tr-th .exam-th p{
	background-color: #ADCDEC;
	border-radius: 10px;
	padding: 0.7em 0;
	font-weight: bold;
	font-size: 160%;
	color: #292A86;
	margin: 0 2%;
}
.exam-tr .exam-th{
	background-color: #F6ECDC;
	border-radius: 10px;
}
.exam-tr .exam-th p{
	width: 80%;
	-moz-text-align-last: justify;
	text-align-last: justify;
	padding: 0.7em 0;
	font-size: 140%;
	margin: auto;
}
.exam-tr .exam-td p.adj{	/* 出願書類等 */
	display: inline-block;
	text-align:left;
}
.exam-tr .adj p{	/* 受験資格、受験料、入学手続き、備考調整 */
	padding: 2.5em 0;
}
.exam-tr .adj5 p{	/* 出願期間 */
	padding: 1.7em 0;
}
.exam-tr .date{
	font-weight: bold;
}
.exam-tr span{
	font-weight: bold;
	text-decoration: underline;
}
.exam-tr .qualification{
	text-align:left;
}
.exam-tr .verification p{
	font-size:120%;
	font-weight: bold;
}
.exam-tr .remarks ul{
	list-style: outside;
	padding-left: 5%;
	text-align: left;
}
@media screen and (max-width: 991px) {
	.exam-tr .exam-th p{
		font-size: 1.8vw;
	}
	.exam-tr-th .adj p {	/* 区分調整 */
		padding: 1.2em 0;
	}
	.exam-tr .adj p {	/* 検定料、備考調整 */
    padding: 4.7em 0;
	}
	.exam-tr .adj2 p {	/* 受験資格調整 */
		padding: 7.8em 0;
	}
	.exam-tr .adj3 p {	/* 入学手続き調整 */
		padding: 7.3em 0;
	}
	.exam-tr .adj5 p{	/* 出願期間 */
		padding: 5.5em 0;
	}
}
@media screen and (max-width: 767px) {
	.exam-con{
		font-size: 3.65vw;
		letter-spacing: 0;
	}
	.exam-tr-th .adj p {	/* 区分調整 */
		padding: 1.4em 0;
	}
	.exam-tr-th .exam-th{
		line-height: 180%;
	}
	.exam-tr-th .exam-th p{
		font-size: 5vw;
	}
	.exam-tr .exam-th p{
		font-weight: bold;
		font-size: 3.65vw;
	}
	.exam-tr .exam-td{
		text-align:left;
		padding-right: 0;
	}
	.exam-tr .adj p {	/* 検定料、備考調整 */
		padding: 3.8em 0;
	}
	.exam-tr .adj2 p {	/* 前期 受験資格調整 */
		padding: 6.5em 0;
	}
	.exam-tr .adj3 p {	/* 入学手続き調整 */
		padding: 6.3em 0;
	}
	.exam-tr .adj5 p{	/* 出願期間 */
		padding: 5.5em 0;
	}
	.exam-tr .qualification .exam-tr > div {
		padding:0;
	}
	.exam-tr .verification p{
		line-height: 200%;
		text-align: center;
	}
	.exam-tr .remarks ul{
		padding-left: 1em;
	}
	.exam-con-sp{
		padding-top:8%;
	}
}

/*********** 部活動体験会 **********************************/
.recruitment-ese{
	width: 100%;
	background-color: #ADCDEC;
	overflow: hidden;
	padding: 6% 0;
}
.recruitment-ese-con {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}
.recruitment-ese-title{
	border-bottom:3px solid #ffffff;
	color:#292A86;
	text-align:center;
	padding-bottom: 2%;
	margin-bottom: 2%;
}
.recruitment-ese-title h4{
	font-size: 250%;
	letter-spacing: 4.5px;
	font-weight: bold;
	padding-bottom: 2%;
}
.recruitment-ese-title p{
	font-size: 110%;
	letter-spacing: 3.7px;
	font-weight: bold;
}
.recruitment-ese-con ul{
	font-size: 110%;
	list-style-position: inside;
	font-weight: bold;
	letter-spacing: 2px;
	padding-bottom: 7%;
}
.recruitment-ese-con ul li{
	background-image:url(../img/recruitment/img-liststyle.jpg);
	background-repeat: no-repeat;
	background-size: 1.3%;
	background-position: left center;
    padding: 0.7% 0;
	text-indent: 0.1em;
}
@media screen and (max-width: 991px) {
	.recruitment-ese-con {
		padding: 0 5%;
	}
	.recruitment-ese-con ul li{
		background-position: 0.1em 0.8em;
		line-height: 160%;
	}
}
@media screen and (max-width: 767px) {
	.recruitment-ese-title h4{
		font-size: 6vw;
		letter-spacing: 0;
		line-height: 140%;
	}
	.recruitment-ese-title p{
		font-size: 4vw;
		line-height: 120%;
	}
	.recruitment-ese-title{
		border: 2px solid #1B1C80;
		padding: 1.5%;
	}
	.recruitment-ese-con ul{
		font-size: 5vw;
		line-height: 140%;
	}
	.recruitment-ese-con ul li{
		background-size: 4%;
		background-position: 0.1em 1.3em;
		padding-top: 4%;
		padding-bottom: 1%;
		font-size: 3.65vw;
		text-indent: 0.4em;
	}
}

/*************************************************** お問合せフォーム ***************************************************/
.site-contact{
	background-color:#E4EDF1;
}
.site-contact .sub-title h2{
	background-image: url(../img/contact/img-title.png);
	background-repeat:no-repeat;
	background-size: 4%;
	background-position: 1.5% 50%;
}
.site-contact .contents-txt{
	text-align: left;
	line-height: 200%;
	padding-top: 3%;
	padding-bottom: 5%;
	letter-spacing: 2px;
}
.contact-form-mail-input{
	font-weight:bold;
	letter-spacing: 1px;
	font-size: 95%;
	padding-bottom: 3%;
}
.contact-form-mail-input-tr{
	overflow:hidden;
	border-bottom:2px solid #292A86;
	padding:1% 0;
}
.contact-form-mail-input-tr > div{
	text-align:left;
	line-height: 160%;
}
.contact-form-mail-input-tr .required{
	background-image: url(../img/contact/img-required.png);
	background-repeat:no-repeat;
	background-size: 25%;
	background-position: 100% 50%;
}
.contact-form-mail-input-th,
.contact-form-mail-input-td{
}
.contact-form-mail-input-th{
	color:#292A86;
	line-height:160%;
	padding-right: 1%;
}
.contact-form-mail-input-td input{
	border: 1.5px solid #A7A9AC;
	border-radius: 0;
}
.contact-form-mail-input-td input[type="radio"],
.contact-form-mail-input-td input[type="checkbox"]{
	margin: 0;
}
.contact-form-mail-input-td p{
	padding-right:2%;
	letter-spacing:2px;
}
.contact-form-mail-input-td p.space{
	margin-bottom: 1%;
}
.contact-form-mail-input-td p .wpcf7-form-control-wrap{
	margin-left: 1%;
}
.contact-form-mail-input-td .postal input{
	width:10%;
}
.contact-form-mail-input-td textarea{
	width:100%;
}
.contact-form-mail-submit{
	padding-top:3%;
}
.contact-form-mail-input .reset-b{
	text-align:right;
}
.contact-form-mail-input .submit-b{
	text-align:left;
}
.contact-form-mail-submit input{
	color:#292A86;
	background-color: #ffffff;
	background-image: unset;
	border-radius: 0;
	box-shadow: unset;
	border: 2px solid #292A86;
	padding: 0.3% 5%;
	font-weight: bold;
	letter-spacing: 2px;
}
.contact-form-mail-submit input[type="reset"]:hover,
.contact-form-mail-submit input[type="submit"]:hover{
	color: #ffffff;
	background-color: #292A86;
	background-image: unset;
}
@media screen and (min-width: 768px) {
	.contact-form-mail-input-tr{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 	align-items: center; /* 縦方向中央揃え */
	 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	}
}
@media screen and (max-width: 767px) {
	.site-contact .sub-title h2{
		background-size: 6%;
		background-position: 2% 50%;
	}
	.site-contact .contents-txt{
		padding-left: 5%;
		padding-right: 5%;
	}
	.contact-form-mail-input-tr .required{
		background-size: 10%;
		background-position: 6% 70%;
		padding-left: 18%;
	}
	.contact-form-mail-input-td .postal input{
		width:40%;
	}
	.contact-form-mail-submit input{
		padding: 2% 5%;
	}
}

/*************************************************** サイトについて ***************************************************/
.site-about{
	background-color:#E4EDF1;
}
.site-about .sub-title h2{
	background-image: url(../img/about/img-title.png);
	background-repeat:no-repeat;
	background-size: 2.5%;
	background-position: 2.5% 50%;
}
.site-about h3{
	color:#292A86;
	font-size: 160%;
	margin: 2% 0;
	padding: 0.5% 0;
	letter-spacing: 5px;
	border-bottom:6px solid #ffffff;
}
.site-about .about{
	padding-bottom: 5%;
}
.site-about .about-con{
	line-height: 160%;
	font-size: 120%;
	letter-spacing: 1px;
	text-align: left;
}
.site-about .about-con span{
	color:#292A86;
	font-size: 120%;
	letter-spacing: 5px;
}
@media screen and (max-width: 991px) {
	.site-about .main-contents{
		padding: 5%;
	}
}
@media screen and (max-width: 767px) {
	.site-about .sub-title h2{
		background-size: 5%;
		background-position: 3% 50%;
	}
	.site-about h3{
		font-size: 4.5vw;
		letter-spacing: 0;
	}
	.site-about .about-con,
	.site-about .about-con span{
		font-size: 3.65vw;
	}
}


/*****************************************************************************
****************** 回り込み解除 **********************************************
*****************************************************************************/
.float-clear{
	clear:both;
}

/*****************************************************************************
****************** bootstrap調整 *********************************************
*****************************************************************************/
ul{
	margin-bottom:0;
}

/*****************************************************************************
****************** TOPへ戻るボタン（Go to top） ******************************
*****************************************************************************/
.page-top {
    position: fixed;
	width:100px;
    bottom: 0;
	right: 5%;
	text-align:right;
	z-index: 65;
}
.page-top img{
	vertical-align: bottom;
}
.page-top a {
    text-decoration: none;
    width: 100%;
    text-align: center;
	display:block;
	z-index:9;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.page-top a:hover {
    text-decoration: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
@media screen and (max-width: 1275px) {
	.page-top {
		right: 0;
	}
}
@media screen and (max-width: 991px) {
	.page-top {
		right: 0;
		width: 30%;
	}
	.page-top img{
	}
}

/*****************************************************************************
****************** Drawer調整 ************************************************
*****************************************************************************/
.drawer-hamburger-icon,
.drawer-hamburger-icon::after,
.drawer-hamburger-icon::before{
	background-color: #ffffff;
}
.drawer-hamburger{
	position: absolute;
	z-index: 80;
	top: unset;
}
.drawer-hamburger:hover{
	background:none;
}
.drawer--top .drawer-nav{
	height: 115vh;
}
.drawer-nav {
	background-image:url(../img/sp-menu/img-menu-back.jpg);
	background-repeat:repeat-y;
	background-size:100%;
	z-index: 70;
}
.drawer--top.drawer-open .drawer-nav {
	padding-top: 7%;
}
.drawer-menu{
	width: 95%;
	margin: auto;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.drawer-menu{
		padding-top: 8%;
	}
}
@media screen and (max-width: 767px) {
	.drawer--top.drawer-open .drawer-nav {
		padding-top: 15%;
	}
}
.drawer-menu li{
    display: inline-block;
    width: 32%;
	padding: 2% 0;
}
.drawer-menu li a{
	display: block;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.drawer-menu li a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.drawer-menu-txt{
	border-top: 1px solid #ffffff;
	width: 90%;
	padding-top: 5%;
}
.drawer--top .drawer-nav .drawer-menu-txt{
	padding-bottom: 25%;
	margin: 0 auto;
}
.drawer-menu-txt li{
	width: 49%;
}
.drawer-menu-txt li a{
	color:#ffffff;
	font-weight:bold;
}
.drawer-menu-txt li a:hover{
	text-decoration:none;
}
li a.dmenu1-home,
li a.dmenu2-soccer,
li a.dmenu3-basketball,
li a.dmenu4-boxing,
li a.dmenu5-golf,
li a.dmenu6-baseball,
li a.dmenu7-study,
li a.dmenu8-life,
li a.dmenu9-question{		/* 今いるページアイコンに白枠をつける */
	box-shadow: 0 0 0 2px #ffffff inset;
}
@media screen and (min-width: 992px) {
	.drawer-hamburger{
		display:none;
	}
}
@media screen and (max-width: 991px) {
	.drawer-hamburger{
		position:fixed;
		width: 85px;
		margin-top: 1%;
		z-index: 90;
	}
	.sr-only {
		float: left;
		font-size: 90%;
		overflow: hidden;
		padding-top: 3%;
		width: 50px;
		height: 20px;
		color: #ffffff;
		position: static;
	}
	.drawer-hamburger-icon{
		float: right;
		width: 1.7rem;
		margin-top: 8px;
	}
	.drawer-hamburger-icon::before{
		top: -8px;
	}
	.drawer-hamburger-icon::after {
    	top: 8px;
	}
}
@media screen and (max-width: 600px) {
	.drawer-hamburger{
		padding: 2% 5%;
		padding-bottom: 5%;
	}
}
@media screen and (max-width: 600px) {
	.drawer-hamburger{
		margin-top: 0;
	}
}

/*****************************************************************************
****************** bxslider調整 **********************************************
*****************************************************************************/

/*********** トップスライダー **********************************/
.main-slider .swiper-slide {
	max-width: 1920px;
	width:100%;
	margin: auto;
  position: relative;
}
.main-slider .swiper-slide a,
.main-slider .swiper-slide a img {
	display:block;
}

.main-slider .bx-wrapper .bx-controls {
	max-width: 1140px;
	margin: auto;
    position: absolute;
    bottom: 5%;
    left: 10%;
	right: 0;
    z-index: 50;
}
.main-slider .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.main-slider .bx-pager a:hover,
.main-slider .bx-pager a.active {
    background: #000;
}
.main-slider .bx-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 1%;
}
@media screen and (max-width: 991px) {
	.main-slider .bx-wrapper .bx-controls {
		position:static;
		text-align: center;
		padding-top: 0.4em;
	}
}

/*********** スクールライフ、部活施設環境スライダー **********************************/
.facility .bx-wrapper {
     position: relative;
     margin: 0 auto;
     padding: 0;
     *zoom: 1;
}

.facility .bx-wrapper .bx-pager,
.facility .bx-wrapper .bx-controls-auto {
     position: absolute;
     width: 100%;
}

/*「Next」と「Prev」 */

.facility .bx-wrapper .bx-prev {
    left: -1.5%;
    background-image: url(../img/club/img-facillity-prev.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.facility .bx-wrapper .bx-next {
     right: -1.5%;
    background-image: url(../img/club/img-facillity-next.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
@media screen and (min-width: 768px) {
	.facility .bx-wrapper {
	     height:120px;
	}
}

/*********** 部活施設環境スライダー **********************************/
.sub-club .facility .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 70%;
    outline: 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    z-index: 9999;
}

/*********** スクールライフ、部活施設環境スライダー **********************************/
.site-life .facility .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    outline: 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    z-index: 9999;
}

/*********** スマホ用フッタースライダー **********************************/
@media screen and (max-width: 991px) {
	#slider-wrapper {
 	   position: relative;
	}
	#slider-inner {
    	margin: 0 auto;
	}
	.main-footer-right .bxslider {
		width:100%;
		margin: auto;
		position: relative;
	}
	/* コントローラー */
	.bx-wrapper .bx-prev {
    	left:14%;
    	background-image:url(../img/img-foot-prev.png);
		background-repeat:no-repeat;
		background-size: 100%;
	}
	.bx-wrapper .bx-next {
    	right:14%;
    	background:url(../img/img-foot-next.png);
		background-repeat:no-repeat;
		background-size: 100%;
	}
	/*.bx-wrapper .bx-prev:hover {
    	background-position:0 0;
	}
	.bx-wrapper .bx-next:hover {
    	background-position:-43px 0;
	}*/
	.bx-wrapper .bx-controls-direction a {
    	position:absolute;
			top: 35%;
    	outline:0;
    	width:25px;
    	height:25px;
    	text-indent:-9999px;
    	z-index:5;
	}

	.main-footer-right .bx-wrapper .bx-controls {
		margin-top: 7%;
    	z-index: 50;
	}
	.main-footer-right .bx-wrapper .bx-pager .bx-pager-item {
    	display: inline-block;
    	*zoom: 1;
    	*display: inline;
	}
	.main-footer-right .bx-pager a:hover,
	.main-footer-right .bx-pager a.active {
		background: #fff;
	}
	.main-footer-right .bx-pager a {
		background: #666;
		text-indent: -9999px;
    	display: block;
    	width: 53px;
    	height: 10px;
    	margin: 0 5px;
    	padding: 1%;
	}
}
@media screen and (max-width: 767px) {
	.bx-wrapper .bx-prev {
    	left:12%;
	}
	.bx-wrapper .bx-next {
    	right:12%;
	}
	.bx-wrapper .bx-controls-direction a {
    	top:28%;
	}
}

/* 読み込み時にお知らせ文字、画像が縦並びで一瞬表示されるのを防ぐ*/
.bxslider .bxslider-con{
  opacity: 0;
	max-height: 390px;
	overflow: hidden;
}
.bxslider .bx-wrapper .bxslider-con{
  opacity: 1;
	max-height: unset;
}
/* 読み込み時にお知らせ文字、画像が縦並びで一瞬表示されるのを防ぐ end */

/* 読み込み時に最後のスライドが出てくるのを防ぐ */
.bx-viewport li { min-height: 1px; min-width: 1px; }
.bx-clone {display: none;}
/* 読み込み時に最後のスライドが出てくるのを防ぐ end */

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}