@charset 'UTF-8';

/* アタリ画像！　あとで消す！
----------------------------------------------------------*/
#bread {
	display: none;
}

.about_body {
}
.junior_body {
    /*background-image: url(/wp-content/themes/josuikan/img/___junior_top_ol.png);*/
    background-position: top center;
}
.high_body {
    /*background-image: url(/wp-content/themes/josuikan/img/___high_top_ol.png);*/
    background-position: top center;
}
.life_body {
}
.club_body {
}
.access_body {
}

/* 詳細ページ用　hタグ
----------------------------------------------------------*/
h2 {
    text-align: left;
    letter-spacing: 0.4rem;
    border-bottom: 4px solid #e0dfde;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

h2 span {
    display: inline-block;
    position: relative;
}
h2 span:after {
    content: "";
    bottom: -14px;
    position: relative;
    display: block;
}
h4 {
    padding: 8px 14px;
    background-color: #f3f2f2;
}
.voice h4 {
    padding: 0;
    background-color: transparent;
}

.donation_body h2 span:after,
.link_body h2 span:after,
.about_body h2 span:after,
.contact_body h2 span:after {
    border-bottom: 4px solid rgba(91,109,174,1);
}
.junior_body h2 span:after {
    border-bottom: 4px solid rgba(237,203,0,1);
}
.high_body h2 span:after {
    border-bottom: 4px solid rgba(85,168,222,1);
}
.life_body h2 span:after {
    border-bottom: 4px solid rgba(198,156,109,1);
}
.club_body h2 span:after {
    border-bottom: 4px solid rgba(221,145,62,1);
}
.access_body h2 span:after {
    border-bottom: 4px solid rgba(34,181,115,1);
}
.jyukensei_body h2 span:after {
    border-bottom: 4px solid #db8377;
}
.zaikousei_body h2 span:after {
    border-bottom: 4px solid #e0ab36;
}
.sotugyousei_body h2 span:after {
    border-bottom: 4px solid #ae8dc4;
}

.about_body h3,
.contact_body h3 {
    color: rgba(91,109,174,1);
}
.junior_body h3 {
    color: rgba(237,203,0,1);
}
.high_body h3 {
    color: rgba(85,168,222,1);
}
.life_body h3 {
    color: rgba(198,156,109,1);
}
.club_body h3 {
    color: rgba(221,145,62,1);
}
.access_body h3 {
    color: rgba(34,181,115,1);
}
.jyukensei_body h3 {
    color: #db8377;
}
.zaikousei_body h3 {
    color: #e0ab36;
}
.sotugyousei_body h3 {
    color: #ae8dc4;
}

.about_body h4,
.contact_body h4 {
    border-left: 8px solid rgba(91,109,174,1);
}

.junior_body h4 {
    border-left: 8px solid rgba(237,203,0,1);
}
.high_body h4 {
    border-left: 8px solid rgba(85,168,222,1);
}
.life_body h4 {
    border-left: 8px solid rgba(198,156,109,1);
}
.club_body h4 {
    border-left: 8px solid rgba(221,145,62,1);
}
.access_body h4 {
    border-left: 8px solid rgba(34,181,115,1);
}
.jyukensei_body h4 {
    border-left: 8px solid #db8377;
}
.zaikousei_body h4 {
    border-left: 8px solid #e0ab36;
}
.sotugyousei_body h4 {
    border-left: 8px solid #ae8dc4;
}
.voice h4 {
    border-left:none;
}

.about_body h5,
.about_body h5 a,
.about_body a h5,
.jyukensei_body h5,
.jyukensei_body h5 a,
.jyukensei_body a h5,
.zaikousei_body h5,
.zaikousei_body h5 a,
.zaikousei_body a h5,
.sotugyousei_body h5,
.sotugyousei_body h5 a,
.sotugyousei_body a h5 {
    color: rgba(91,109,174,1) !important;
}
.junior_body h5,
.junior_body h5 a,
.junior_body a h5 {
    color: rgba(237,203,0,1);
}
.high_body h5,
.high_body h5 a,
.high_body a h5 {
    color: rgba(85,168,222,1);
}
.life_body h5,
.life_body h5 a,
.life_body a h5 {
    color: rgba(198,156,109,1);
}
.club_body h5,
.club_body h5 a,
.club_body a h5 {
    color: rgba(221,145,62,1);
}
.access_body h5,
.access_body h5 a,
.access_body a h5 {
    color: rgba(34,181,115,1);
}
a h5,
h5 a {
    position: relative;
    padding-left: 1.5em;
    text-align: left;
}
#jyuken .jukenmenu a span.arrow:after,
a h5 span.arrow:after,
h5 a span.arrow:after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
}
/*.about_body h5 a {
    position: relative;
    padding-left: 2em;
}*/
.about_body h5 a span.arrow:before,
.about_body a h5 span.arrow:before,
.jyukensei_body h5 a span.arrow:before,
.jyukensei_body a h5 span.arrow:before,
.zaikousei_body h5 a span.arrow:before,
.zaikousei_body a h5 span.arrow:before,
.sotugyousei_body h5 a span.arrow:before,
.sotugyousei_body a h5 span.arrow:before {
    background-color: rgba(91,109,174,1) !important;
}
/*.junior_body h5 a {
    position: relative;
    padding-left: 2em;
}*/
#jyuken .junior .jukenmenu a span.arrow:before,
.junior_body h5 a span.arrow:before,
.junior_body a h5 span.arrow:before {
    background-color: rgba(237,203,0,1);
}
/*.high_body h5 a {
    position: relative;
    padding-left: 2em;
}*/
#jyuken .high .jukenmenu a span.arrow:before,
.high_body h5 a span.arrow:before,
.high_body a h5 span.arrow:before {
    background-color: rgba(85,168,222,1);
}
/*.life_body h5 a {
    position: relative;
    padding-left: 2em;
}*/
.life_body h5 a span.arrow:before,
.life_body a h5 span.arrow:before {
    background-color: rgba(198,156,109,1);
}
/*.club_body h5 a {
    position: relative;
    padding-left: 2em;
}*/
.club_body h5 a span.arrow:before,
.club_body a h5 span.arrow:before {
    background-color: rgba(221,145,62,1);
}
/*.access_body h5 a {
    position: relative;
    padding-left: 2em;
}*/
.access_body h5 a span.arrow:before,
.access_body a h5 span.arrow:before {
    background-color: rgba(34,181,115,1);
}

/*マウスオーバー時の効果*/
#introduction .bg_dot ul li:hover {
    box-shadow:0 0 0 8px rgba(0,0,0,0.5) !important;
}
#bunbu_ryodo ul li a:hover,
#courses ul li a:hover,
.half_box > li a:hover,
.half_box2 > li a:hover {
    box-shadow:0 0 0 8px rgba(91,109,174,0.5);
}
#jyuken .junior a:hover,
.junior_body #bunbu_ryodo ul li a:hover,
.junior_body #courses ul li a:hover,
.junior_body .half_box > li a:hover,
.junior_body .half_box2 > li a:hover {
    box-shadow:0 0 0 8px rgba(237,203,0,0.5);
}
#jyuken .high a:hover,
.high_body #bunbu_ryodo ul li a:hover,
.high_body #courses ul li a:hover,
.high_body .half_box > li a:hover,
.high_body .half_box2 > li a:hover {
    box-shadow:0 0 0 8px rgba(85,168,222,0.5);
}
.life_body #bunbu_ryodo ul li a:hover,
.life_body #courses ul li a:hover,
.life_body .half_box > li a:hover,
.life_body .half_box2 > li a:hover {
    box-shadow:0 0 0 8px rgba(198,156,109,0.5);
}
.club_body #bunbu_ryodo ul li a:hover,
.club_body #courses ul li a:hover,
.club_body .half_box > li a:hover,
.club_body .half_box2 > li a:hover {
    box-shadow:0 0 0 8px rgba(221,145,62,0.5);
}
.access_body #bunbu_ryodo ul li a:hover,
.access_body #courses ul li a:hover,
.access_body .half_box > li a:hover,
.access_body .half_box2 > li a:hover {
    box-shadow:0 0 0 8px rgba(34,181,115,0.5);
}


/*リンクボタンの色
----------------------------------------------------------*/
.link_category a,
.link_category p a {
	display: block;
	position: relative;
    padding-left: 24px;
    color: #666666; 
}
.link_category > li > a {
    padding-left: 0;
}
.link_category a:before,
.link_category p a:before {
    /*background-color: #dd913e;*/
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
.link_category a:after,
.link_category p a:after {
    content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -3px;
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
}

.no_arrow:before {
    display: none;
}
.no_arrow:after {
    display: none;
}
.about_body .link_category a:before,
.about_body .link_category p a:before,
.jyukensei_body .link_category a:before,
.jyukensei_body .link_category p a:before,
.zaikousei_body .link_category a:before,
.zaikousei_body .link_category p a:before,
.sotugyousei_body .link_category a:before,
.sotugyousei_body .link_category p a:before {
	background-color: rgba(91,109,174,1) !important;
	color: #fff !important;
}
.junior_body .link_category a:before,
.junior_body .link_category p a:before {
	background-color: rgba(237,203,0,1);
	color: #fff;
}
.high_body .link_category a:before,
.high_body .link_category p a:before {
	background-color: rgba(85,168,222,1);
	color: #fff;
}
.life_body .link_category a:before,
.life_body .link_category p a:before {
	background-color: rgba(198,156,109,1);
	color: #fff;
}
.club_body .link_category a:before,
.club_body .link_category p a:before {
	background-color: rgba(221,145,62,1);
	color: #fff;
}
.access_body .link_category a:before,
.access_body .link_category p a:before {
	background-color: rgba(34,181,115,1);
	color: #fff;
}



.contact_body .btn_category,
.about_body .btn_category,
.jyukensei_body .btn_category,
.zaikousei_body .btn_category {
	background-color: rgba(91,109,174,1) !important;
	color: #fff !important;
}
.junior_body .btn_category {
	background-color: rgba(237,203,0,1);
	color: #fff;
}
.high_body .btn_category {
	background-color: rgba(85,168,222,1);
	color: #fff;
}
.life_body .btn_category {
	background-color: rgba(198,156,109,1);
	color: #fff;
}
.club_body .btn_category {
	background-color: rgba(221,145,62,1);
	color: #fff;
}
.access_body .btn_category {
	background-color: rgba(34,181,115,1);
	color: #fff;
}
.sotugyousei_body .btn_category {
	background-color: #ae8dc4;
	color: #fff;
}


.contact_body .btn_category span.arrow:after,
.about_body .btn_category span.arrow:after,
.jyukensei_body .btn_category span.arrow:after,
.zaikousei_body .btn_category span.arrow:after {
	border-top: solid 1px rgba(91,109,174,1) !important;
	border-right: solid 1px rgba(91,109,174,1) !important;
}
.junior_body .btn_category span.arrow:after {
	border-top: solid 1px rgba(237,203,0,1);
	border-right: solid 1px rgba(237,203,0,1);
}
.high_body .btn_category span.arrow:after {
	border-top: solid 1px rgba(85,168,222,1);
	border-right: solid 1px rgba(85,168,222,1);
}
.life_body .btn_category span.arrow:after {
	border-top: solid 1px rgba(198,156,109,1);
	border-right: solid 1px rgba(198,156,109,1);
}
.club_body .btn_category span.arrow:after {
	border-top: solid 1px rgba(221,145,62,1);
	border-right: solid 1px rgba(221,145,62,1);
}
.access_body .btn_category span.arrow:after {
	border-top: solid 1px rgba(34,181,115,1);
	border-right: solid 1px rgba(34,181,115,1);
}
.zaikousei_body .btn_category span.arrow:after {
	border-top: solid 1px #e0ab36;
	border-right: solid 1px #e0ab36;
}
.sotugyousei_body .btn_category span.arrow:after {
	border-top: solid 1px #ae8dc4;
	border-right: solid 1px #ae8dc4;
}



.contact_body .btn_category span.arrow:before,
.about_body .btn_category span.arrow:before,
.jyukensei_body .btn_category span.arrow:before,
.zaikousei_body .btn_category span.arrow:before,
.sotugyousei_body .btn_category span.arrow:before {
	background-color: rgba(255,255,255,1) !important;
}
.junior_body .btn_category span.arrow:before {
	background-color: rgba(255,255,255,1);
}
.high_body .btn_category span.arrow:before {
	background-color: rgba(255,255,255,1);
}
.life_body .btn_category span.arrow:before {
	background-color: rgba(255,255,255,1);
}
.club_body .btn_category span.arrow:before {
	background-color: rgba(255,255,255,1);
}
.access_body .btn_category span.arrow:before {
	background-color: rgba(255,255,255,1);
}



/*背景ドットの箇所
----------------------------------------------------------*/
.bg_dot {
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
    background-image: radial-gradient(rgba(255,255,255,0.1) 20%, transparent 0), radial-gradient(rgba(255,255,255,0.1) 20%, transparent 0);
}
.bg_dot h3 {
    color: #ffffff;
    text-align: center;
}
.about_body .bg_dot,
.jyukensei_body .bg_dot,
.zaikousei_body .bg_dot,
.sotugyousei_body .bg_dot {
    background-color: rgba(91,109,174,1) !important;
}
.junior_body .bg_dot {
    background-color: rgba(237,203,0,1);
}
.high_body .bg_dot {
    background-color: rgba(85,168,222,1);
}
.life_body .bg_dot {
    background-color: rgba(198,156,109,1);
}
.club_body .bg_dot {
    background-color: rgba(221,145,62,1);
}
.access_body .bg_dot {
    background-color: rgba(34,181,115,1);
}




/* 中学　選択授業
----------------------------------------------------------*/
.voice {
    /*background-color: #e6e8f4;*/
    padding: 20px 8px 60px 8px;
}
.about_body .voice,
.jyukensei_body .voice,
.zaikousei_body .voice,
.sotugyousei_body .voice {
    background-color: rgba(91,109,174,0.1) !important;
}
.junior_body .voice {
    background-color: rgba(237,203,0,0.1);
}
.high_body .voice {
    background-color: rgba(85,168,222,0.1);
}
.life_body .voice {
    background-color: rgba(198,156,109,0.1);
}
.club_body .voice {
    background-color: rgba(221,145,62,0.1);
}
.access_body .voice {
    background-color: rgba(34,181,115,0.1);
}




.voice h4 {
    border-left: none;
    text-align: center;
    font-size: 2.4rem;
}
.voice h4 span {
    color: #666;
    font-size: 1.8rem;
}
.about_body .voice h4,
.jyukensei_body .voice h4,
.zaikousei_body .voice h4,
.sotugyousei_body .voice h4 {
    color: rgba(91,109,174,1) !important;
}
.junior_body .voice h4 {
    color: rgba(237,203,0,1);
}
.high_body .voice h4 {
    color: rgba(85,168,222,1);
}
.life_body .voice h4 {
    color: rgba(198,156,109,1);
}
.club_body .voice h4 {
    color: rgba(221,145,62,1);
}
.access_body .voice h4 {
    color: rgba(34,181,115,1);
}



.voice p.comment {
    font-size: 1.5rem;
    line-height: 1.7em;
}
.voice p.spec,
.sub p.spec {
    font-size: 1.2rem;
    margin-top: 4px;
    line-height: 1.4em;
}
.voice .slick-slider {
    margin-bottom: 0;
    /*min-height:400px;*/
}


/* マーカー
----------------------------------------------------------*/
.marker_yellow_futo {
	background: linear-gradient(transparent 0%, #ffff66 0%);
	padding:0 0.5em;
}
.marker_yellow_hoso {
	background: linear-gradient(transparent 60%, #ffff66 60%);
	padding:0 0.5em;
}



/*サイドの色*/
.about_body #sidebar > div > ul > li > a,
.zaikousei_body #sidebar > div > ul > li > a {
    background-color: rgba(91,109,174,1) !important;
}
.junior_body #sidebar > div > ul > li > a {
    background-color: rgba(237,203,0,1);
}
.high_body #sidebar > div > ul > li > a {
    background-color: rgba(85,168,222,1);
}
.life_body #sidebar > div > ul > li > a {
    background-color: rgba(198,156,109,1);
}
.club_body #sidebar > div > ul > li > a {
    background-color: rgba(221,145,62,1);
}
.access_body #sidebar > div > ul > li > a {
    background-color: rgba(34,181,115,1);
} 
.jyukensei_body #sidebar > div > ul > li > a {
    background-color: #db8377;
}
.sotugyousei_body #sidebar > div > ul > li > a {
    background-color: #ae8dc4;
}

.about_body #sidebar ul li ul li a:hover,
.about_body #sidebar ul li ul li.current_page_item>a,
.jyukensei_body #sidebar ul li ul li a:hover,
.jyukensei_body #sidebar ul li ul li.current_page_item>a,
.zaikousei_body #sidebar ul li ul li a:hover,
.zaikousei_body #sidebar ul li ul li.current_page_item>a,
.sotugyousei_body #sidebar ul li ul li a:hover,
.sotugyousei_body #sidebar ul li ul li.current_page_item>a {
    background-color: rgba(91,109,174,0.1) !important;
}
.junior_body #sidebar ul li ul li a:hover,
.junior_body #sidebar ul li ul li.current_page_item>a {
    background-color: rgba(237,203,0,0.1);
}
.high_body #sidebar ul li ul li a:hover,
.high_body #sidebar ul li ul li.current_page_item>a {
    background-color: rgba(85,168,222,0.1);
}
.life_body #sidebar ul li ul li a:hover,
.life_body #sidebar ul li ul li.current_page_item>a {
    background-color: rgba(198,156,109,0.1);
}
.club_body #sidebar ul li ul li a:hover,
.club_body #sidebar ul li ul li.current_page_item>a {
    background-color: rgba(221,145,62,0.1);
}
.access_body #sidebar ul li ul li a:hover,
.access_body #sidebar ul li ul li.current_page_item>a {
    background-color: rgba(34,181,115,0.1);
}


/*===============================================
画面の横幅が767pxまで *モバイル*
===============================================*/
@media screen and (max-width: 767px){

}


/*===============================================
画面の横幅が768px以上 *PC*
===============================================*/
@media screen and (min-width: 768px){
}