@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700|Crimson+Text:600|Raleway:500,700|Noto+Serif+JP:500,700&display=swap&subset=japanese');

#btmNavi {position: fixed; bottom: 0; width: 100%; z-index:400; border-top: 1px solid #FFF; box-shadow: -2px 0 10px rgba(0,0,0,.8); font-weight: 700; background: #FFF;}
#btmNavi li {width: 33.333%; display: inline-block; letter-spacing: normal; text-align: center; font-size: 18px;}
#btmNavi li a {display: block; color: #FFF; padding: 10px 0;}
#btmNavi li:first-child {background-color: #8A1E2E;}
#btmNavi li:nth-child(2) {background-color: #649B2A; width: 33.334%}
#btmNavi li:last-child {background-color: #123563;}
#btmNavi li a:hover {background-color: #FFF; transition: .3s;}
#btmNavi li:first-child a:hover {color: #8A1E2E;}
#btmNavi li:nth-child(2) a:hover {color: #649B2A;}
#btmNavi li:last-child a:hover{color: #123563;}
@media screen and (max-width: 896px) {
	#btmNavi {display: none;}
}

.EN {font-family: 'Raleway', sans-serif;}
.mincho {font-family: 'Noto Serif JP', serif;}
.ENcrim {font-family: 'Crimson Text', serif; font-weight: 600;}
/* 21.05.20 600→300 */
.ENcrim300 {font-family: 'Crimson Text', serif; font-weight: 300;}

.bgWH {background-color: #FFF;}
.bgPI {background-color: #C92B55;}
.bgPI2 {background-color: #E07E95!important;}
.bgOR {background-color: #F2BC62;}
.bgDBL,.hsnews,#movie .hs_club,#movie .hs_entrance,#movie .hs_event,#movie .hs_schoolevent {background-color: #123563!important;}
.bgLBL {background-color: #DAE0E7;}
.bgSky {background-color: #D2E9FD!important;}
.bgBR {background-color: #CB7D00;}
.bgRD {background-color: #8A1E2E;}
p.emergency {background-color: red;}
.bgBE {background-color: #F9F2E9; padding: 50px 0 30px;}
.bgGR {background-color: #649B2A!important;}
.jshsnews,#movie .jshs_club,#movie .jshs_entrance,#movie .jshs_event,#movie .jshs_schoolevent {background-color: #649B2A!important; display: inline-block!important;}
.bgGRY {background-color: #EEEEEE!important;}
.bgLYL {background-color: #FFFBEF;}
.txtWH {color: #FFF;}
.txtBR {color: #BF9D63;}
.txtDBL {color: #2F3B49;}
.txtGR {color: #649B2A;}
.txtRD2 {color: #8E1E3D;}
.txtLGRY {color: #999999;}
.txtPI {color: #D8577A;}

/*--- 2021.03.01 文字赤 hover白 ---*/
.txtRDWH { color: red;}
.txtRDWH:hover {color: #FFF;}

/*------*/




.bBR {border-color: #BF9D63;}
.bDBL {border-color: #2F3B49;}
p.jshs_club,.jshs_entrance,.jshs_school,.jshs_topics,.newsall,p.club,p.entrance,p.event,p.schoolevent,p.hs_club,p.hs_schoolevent,p.hs_event,p.hs_entrance,.hs_event,.hs_club,.hs_entrance,.hs_school,.hs_topics,p.jshsbrassband,p.jshs_event,p.jshs_schoolevent,.jshsess,.jshsarchery,.jshschorus,.jshssoccer,.jshssofttennis,.jshscheerdance,.jshsbasketball,.jshshandball,.jshstabletennis,.jshsbrassband,.jshsliteraryarts,.jshsscience,.jshsart,.ess,.archery,.illustration,.interact,.quiz_study,.chorus,.soccer,.softtennis,.softball,.cheerdance,.cheerleader,.basketball,.badminton,.volleyball,.handball,.photographer,.kendo,.video,.tabletennis,.brassband,.japanesedrum,.go_shogi,.homeeconomics,.information_processing,.literaryarts,.calligraphy,.theater,.science,.karate,.art,.teaceremony,.flower_arrangement,.naginata,.lightmusic,.baseball,.railway_research,.athletics,.food_research,.zaiko,.jshsshogi {display: none!important;}
#movie .jshs_club,#movie .jshs_entrance,#movie .jshs_event,#movie .jshs_schoolevent {border: 1px solid #649B2A!important; color: #FFF!important;}
#movie .hs_club,#movie .hs_entrance,#movie .hs_event,#movie .hs_schoolevent {border: 1px solid #123563!important; color: #FFF!important; display: inline-block!important;}
#news2 .jshs_school,#news2 .hs_school,#news3 .jshs_club,#news3 .hs_club,#news4 .jshs_entrance,#news4 .hs_entrance,#news5 .jshs_topics,#news5 .hs_topics {display: none!important;}
#movie .club,#movie .entrance,#movie .schoolevent {background: #FFF; border: 1px solid #888; color: #888!important; display: inline-block!important;}
#seventmovie .schoolevent,#clubmovie .club,#admimovie .entrance {display: none!important;}

#sptop #header.clone-nav {display: none;}
#gnav.clone-nav,#header.clone-nav {position: fixed!important; left: 0; z-index: 2; width: 100%; transform: translateY(-100%);}
#header.is-show {top: 0; transition: .2s;}
#gnav.is-show {top: 50px; transition: .4s;}
#gnav.is-show,#header.is-show {transform: translateY(0);}
#gnav.clone-nav,#header.clone-nav {text-align: center; width: 100%;}
#header.is-show h1.logo {width: 145px; padding: 10px 0;}
#header.is-show .headNav {margin: 12px 0;}
#header.is-show .headNav li a {padding: 0 10px; line-height: 24px; font-size: 14px;;}
#header.is-show .headNav li a span {width: 18px; display: inline-block; margin-top: -8px; vertical-align: middle;}
#gnav.is-show .gnav {height: 47px;}
#gnav.is-show .gnav li a {font-size: 14px; line-height: 20px;}
@media screen and (max-width: 896px) {
	#gnav.clone-nav,#header.is-show {display: none;}
}

.ratioBox {position: relative;width: 100%;height: auto;}
.ratioBox1-1:before {content: "";display: block;padding-top: 100%; /* 1:1 */}
.ratioBox2-1:before {content: "";display: block;padding-top: 50%; /* 2:1 */}
.ratioBox3-2:before {content: "";display: block;padding-top: 66%; /* 3:2 */}
.ratioBox4-3:before {content: "";display: block;padding-top: 75%; /* 4:3 */}
.ratioBox3-4:before {content: "";display: block;padding-top: 125%; /* 4:3 */}
.ratioBoxInner {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}

#breadcrumb {margin:0; padding: 25px 0; overflow: hidden; margin-top: -5px;}
#cmn #breadcrumb {background: #EEDEE0;}
#hs #breadcrumb {background: #DAE0E7;}
#jshs #breadcrumb {background: #E2E8DD;}
#breadcrumb li {display: inline-block; list-style: none; padding: 0 18px 0 0; margin-right: 10px; background-position: right; background-repeat: no-repeat; background-size: 8px 12px;}
#cmn #breadcrumb li {background-image: url("../img/cmn/arrow1_rd.svg");}
#hs #breadcrumb li {background-image: url("../img/cmn/arrow1_bl.svg");}
#jshs #breadcrumb li {background-image: url("../img/cmn/arrow1_gr.svg");}
#breadcrumb li a {color: #222;}
#cmn #breadcrumb li:last-child,#hs #breadcrumb li:last-child,#jshs #breadcrumb li:last-child {background-image: none; padding: 0; margin-right: 0;}
@media screen and (max-width: 896px) {
	#breadcrumb {font-size: 12px!important; padding: 10px 5px; background-size: 10px;}
	#breadcrumb li {padding: 0 15px 0 0;}
	#breadcrumb li:last-child {padding: 0;}
}

#spnav {display: none;}
@media screen and (max-width: 896px) {
	#spnav {display: block;}
	#spnav button {background: #FFF;}
	#spnav button:hover {background: #FFF;}
	.drawer-hamburger-icon,.drawer-hamburger-icon:before,.drawer-hamburger-icon:after {width: 100%; height: 3px; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); background-color: #8A1E2E;}
	#jshs .drawer-hamburger-icon,#jshs .drawer-hamburger-icon:before,#jshs .drawer-hamburger-icon:after {width: 100%; height: 3px; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); background-color: #649B2A;}
	#hs .drawer-hamburger-icon,#hs .drawer-hamburger-icon:before,#hs .drawer-hamburger-icon:after {width: 100%; height: 3px; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); background-color: #123563;}
	.drawer-navbar {height: 5px;}
	.drawer-menu {background:#FFF;}
	.drawer-menu ul {padding:0; margin: 0; border-right: none;}
	.drawer-menu li {border-bottom:1px solid #EEE; border-top: 1px solid #EFEFEF; line-height:50px; width: 100%; text-align: left; display: block; border-left: none; width: auto;}
	.drawer-menu li:last-child {width: auto; border-right: none; width: 100%!important;}
	.drawer-menu li a.drawer-menu-item {text-align: left; font-size: 14px; font-weight: 400; color: #222; line-height: 20px; padding: 10px 20px; border-bottom: none;  border-left: none;}
	.drawer-menu li a.drawer-menu-item:hover  {color: #FFF; background: #222; display: block;}
	.drawer-menu li.spnav {display: block;}
	.drawer-dropdown-menu li {border-bottom:1px solid #EEE; border-top: 1px solid #EFEFEF; line-height:20px;}
	.drawer-dropdown-menu a {display: block; padding: 0 30px;}
}

#cmn #header,#sptop #header {background: rgb(100,24,35); background: -moz-linear-gradient(90deg, rgba(100,24,35,1) 0%, rgba(138,30,46,1) 100%); background: -webkit-linear-gradient(90deg, rgba(100,24,35,1) 0%, rgba(138,30,46,1) 100%); background: linear-gradient(90deg, rgba(100,24,35,1) 0%, rgba(138,30,46,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#641823",endColorstr="#8a1e2e",GradientType=1);}
#jshs #header {background: #649B2A;}
#hs #header {background: #123563;}
h1.logo {width: 300px; float: left; font-size: 12px; padding: 20px 0;}
.headNav {float: right; margin: 50px 0 20px;}
.headNav li {display: inline-block; margin-right: 20px; border: 1px solid #FFF; border-radius: 5px;}
.headNav li:last-child {margin-right: 0;}
.headNav li a {padding: 5px 20px; display: block; line-height: 22px; font-size: 16px; background: #FFF;}
#cmn .headNav li a {color: #8A1E2E;}
#jshs .headNav li a {color: #649B2A;}
#hs .headNav li a {color: #123563;}
.headNav li a span {width: 22px; margin-right: 10px;}
#cmn .headNav li a:hover {background: #BF7782;}
#jshs .headNav li a:hover {background: #b6d09b;}
#hs .headNav li a:hover {background: #8babd4;}
@media screen and (max-width: 896px) {
	h1.logo {max-width: 197px; width: 60%; margin-bottom: 20px;}
	#sptop #header {height: 70px;}
	#sptop h1.logo {float: none; margin: 0 auto; padding: 15px 0;}
	.headNav {display: none;}
}
@media screen and (max-width: 568px) {
	h1.logo {float: none; padding: 20px 0 0;}
}

#gnav {position: absolute; z-index: 2; background: rgba(34,34,34,0.5); width: 100%;}
#gnav .mlr {border-right: 1px solid #FFF;}
.gnav {list-style-type: none; width: 100%; height: 57px; margin: 0 auto; padding: 0;}
.gnav li {position: relative; width: 14.285%; float: left; margin: 0; padding: 2px 0 0; text-align: center;}
.gnav li.bdrRD a,.gnav li.bdrGR a,.gnav li.bdrDBL a {border-top-width: 5px; border-top-style: solid;}
.gnav li.bdrRD a {border-top-color: #8A1E2E;}
.gnav li.bdrGR a {border-top-color: #649B2A;}
.gnav li.bdrDBL a {border-top-color: #123563;}
#cmn .gnav li {width: 12.5%;}
.gnav li a {display: block; margin: 0; color: #FFF; font-size: 18px; text-decoration: none; line-height: 30px; padding: 10px 0; border-left: 1px solid #FFF;}
.gnav li a span {font-size: 14px; line-height: 20px; display: block;}
.gnav li ul {list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0;}
.gnav li:last-child ul{left: 0; width: 100%}
.gnav li ul li {overflow: hidden; min-width: 100%!important; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; padding: 0;}
.gnav li ul li a {padding: 11px 15px; background: rgba(34,34,34,0.6); text-align: left; font-size: 16px; font-weight: normal; color: #FFF; line-height: 1; border-left: none; margin: 0;}
.gnav li.bdrRD ul li a,.gnav li.bdrGR ul li a,.gnav li.bdrDBL ul li a {border-top: none;}
#cmn .gnav li ul li a:hover {background: #8A1E2E; color: #FFF;}
#jshs .gnav li ul li a:hover {background: #649B2A; color: #FFF;}
#hs .gnav li ul li a:hover {background: #123563; color: #FFF;}
#cmn .gnav > li:nth-child(2) a:hover {color: #649B2A;}
#cmn .gnav > li:nth-child(3) a:hover {color: #123563;}
.gnav li:hover ul li{overflow: visible; height: auto;}
.gnav li:hover ul li:first-child{border-top: 0;}
.gnav li:hover ul li:last-child{border-bottom: 0;}
@media screen and (max-width: 896px) {
	#gnav {display: none;}
}

#btmBtn {padding: 40px 0 20px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.bgDot {padding: 40px 0 0; background-repeat: repeat-y; background-position: center; background-size: 100%;}
#cmn #btmBtn {background-image: url("../img/top/bg_btm.jpg");}
#cmn .bgDot {background-image: url("../img/cmn/bg_dotrd.jpg");}
#jshs #btmBtn {background-image: url("../img/jshs/top/bg_btm.jpg");}
#hs #btmBtn {background-image: url("../img/hs/top/bg_btm.jpg");}
#hs .bgDot {background-image: url("../img/cmn/bg_dotbl.jpg");}
#jshs .bgDot {background-image: url("../img/cmn/bg_dotgr.jpg");}
#btmBtn .col3,#cmnBtn .col3 {margin-bottom: 20px;}
#cmnBtn {background: #EEEEEE; padding: 40px 0 20px;}
#cmnBtn .col3 {background: #888888; padding: 5px; width: calc(30.033% - 10px);}
#cmnBtn .inner {border: 1px solid #FFF; line-height: 58px; font-size: 20px;}
#cmnBtn .inner a {padding: 5px 20px; background-image: url("../img/cmn/arrow1_wh.svg"); background-position: right 20px center; background-repeat: no-repeat; color: #FFF; display: block;}
#cmnBtn .inner a:hover {background-color: #FFF; color: #222; background-image: url("../img/cmn/arrow1_bk.svg"); background-position: right 10px center;}
@media screen and (max-width: 896px) {
	#btmBtn,#cmn .bgDot {background-size: cover;}
	#cmnBtn .inner {line-height: 1.5; font-size: 16px;}
	#cmnBtn .col3 {width: calc(95.2% - 10px); margin-bottom: 10px;}
}
@media screen and (max-width: 568px) {
	#btmBtn,#cmn .bgDot {padding: 20px 0 0; background-position: left top;}
	#btmBtn .col3 {width: 45.2%; float: left;}
	#cmnBtn {padding: 20px 0 10px;}
	#cmnBtn .inner a {padding: 10px;}
}

#footCat {background: #8A1E2E; padding: 20px 0;}
#footCat li {display: inline-block; margin-right: 60px;}
#footCat li a {font-size: 16px; background-image: url("../img/cmn/arrow1_wh.svg"); background-position: right center; background-repeat: no-repeat; color: #FFF; display: block; padding: 0 20px 0 0;}
@media screen and (max-width: 568px) {
	#footCat {padding: 0;}
	#footCat .container {width: 100%;}
	#footCat .mlr {margin: 0;}
	#footCat li {width: 100%; margin-right: 0; border-bottom: 1px solid #FFF;}
	#footCat li a {padding: 10px 20px 10px 15px; background-position: right 15px center;}
}

footer {padding: 40px 0 0; margin-bottom: 50px;}
footer .logo {width: 300px; margin-bottom: 15px;}
footer .info {width: 39.8%; float: left;}
.footBtn {margin: 0 0 20px;}
.footBtn li {display: inline-block; margin-right: 20px; border: 1px solid #8A1E2E; border-radius: 5px; letter-spacing: normal;}
.footBtn li:last-child {margin-right: 0;}
.footBtn li a {padding: 5px 20px; display: block; line-height: 22px; font-size: 16px; color: #8A1E2E;}
.footBtn li a span {width: 22px; margin-right: 10px;}
.footBtn li a:hover {background: #BF7782;}
footer .info .fnav li,footer .info .pdf li {display: inline-block; margin-right: 20px; letter-spacing: normal;}
footer .info .fnav li a {background-image: url("../img/cmn/arrow1_bk.svg"); background-repeat: no-repeat; background-position: left center; padding-left: 18px; display: block;}
footer .info .pdf li a {background-image: url("../img/cmn/icon_pdf.svg"); background-repeat: no-repeat; background-position: left center; padding-left: 25px; display: block; line-height: 20px; margin-bottom: 10px; background-size: 20px 20px;}
footer .footNav ul {display: inline-block; margin-right: 40px; vertical-align: top; text-align: left;}
footer .footNav ul:last-child {margin-right: 0;}
footer .footNav li {margin-bottom: 10px; margin-left: 20px;}
footer .footNav li a {background-image: url("../img/cmn/arrow1_bk.svg"); background-repeat: no-repeat; background-position: left center; padding-left: 20px; display: block;}
footer .footNav li ul {margin-top: 10px;}
footer .footNav li ul li {margin-left: 18px;}
footer .footNav li ul li a {background-image: url("../img/cmn/line.svg"); background-repeat: no-repeat; background-position: left center; padding-left: 20px; display: block;}
footer .footNav li.first {margin-left: 0;}
footer .footNav li.first a {border-left: 5px solid #8A1E2E; padding-left: 15px; background-image: none; margin-bottom: 15px;}
footer a {color: #222;}
footer a:hover {color: #8A1E2E;}
footer .fbtm {background: #440312; padding: 30px 0;}
#ftNavi {display: none;}
@media screen and (max-width: 896px) {
	footer {padding-top: 30px;}
	footer .logo {max-width: 300px; width: 80%;}
	footer .info,footer .footNav {width: 100%; float: none; text-align: left;}
	footer .footNav ul {display: block; margin-right: 0; vertical-align: top; text-align: left;}
	footer .footNav li {display: inline-block; vertical-align: top;}
	footer .footNav li ul {display: block;}
	footer .footNav li.first {display: block;}
	footer .fbtm {padding: 15px 0;}
	#ftNavi {display: block; background: #440312; letter-spacing: -.4em; position: fixed; z-index: 5; bottom: 0; border-top: 1px solid #27020A; width: 100%;}
	#ftNavi ul {text-align: center; font-size: 10px; font-weight: bold; border-top: 1px solid #5A0418;}
	#ftNavi li {letter-spacing: normal; display: inline-block; width: 20%;}
	#ftNavi li a {display: block; padding: 5px 0; color: #FFF; border-left: 1px solid #5A0418; border-right: 1px solid #27020A;}
	#ftNavi li:first-child a {border-left: none;}
	#ftNavi li:last-child a {border-right: none;}
	#ftNavi li span {width: 24px; margin: 0 auto 5px; display: block;}
}
@media screen and (max-width: 320px) {
	#ftNavi ul {font-size: 9px;}
}
.container {width: 98.8%; max-width: 1216px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;}
.containers {width: 94%; max-width: 872px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;}
.mlr,.col2,.col2L,.col2R,.col3,.col4,.w38L,.w38R,.w40L,.w40R,.w50L,.w50R,.w33R,.w33L,.w58L,.w58R,.w60L,.w60R,.w34R,.w34L,.col3-2 {margin-left: 1.65%; margin-right: 1.65%;}
.col2,.col3,.col4,.col2L,.w38L,.w40L,.w50L,.w33L,.w58L,.w60L,.w34L,.col3-2 {float: left;}
.col3.inlb {float: none; display: inline-block; letter-spacing: normal; vertical-align: top;}
.col2R,.w38R,.w40R,.w50R,.w33R,.w58R,.w60R,.w34R {float: right;}
.col2,.col2R,.col2L {width: 46.7%;}
.col2.inlb {float: none; vertical-align: top; display: inline-block;}
.col3 {width: 30.033%;}
.col3-2 {width: 63.366%;}
.col4 {width: 21.7%;}
.btn {width: 100%;}
.btn a {color: #FFF;}
.btn240,.btn240R,.btn240C {width: 240px;}
.btn310C,.btn310 {max-width: 310px; width: 100%;}
.btn240R {float: right;}
.btn240C,.btn310C {margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.fln {float: none!important;}
.w38L,.w38R {width: 37.5%;}
.w40L,.w40R {width: 40.4%;}
.w50L,.w50R {width: 50%;}
.w34R,.w34L {width: 34.2%;}
.w35R,.w35L {width: 35.3%;}
.w58L,.w58R {width: 55.9%;}
.w60L,.w60R {width: 59.2%;}
.img30L,.txt65L,.img25L,.txt70L,.txt40L,.txt46L,.img35L,.txt60L {float: left;}
.txt65R,.img30R,.img25R,.txt70R,.txt52R,.txt46R,.img35R,.txt60R {float: right;}
.img25L,.img25R {width: 23%;}
.img30L,.img30R {width: 30%;}
.img35L,.img35R {width: 35%;}
.txt40L {width: 44%;}
.txt52R {width: 52.5%;}
.txt60R,.txt60L {width: 60%;}
.txt65R,.txt65L {width: 65%;}
.txt70L,.txt70R {width: 70%;}
.txt46L,.txt46R {width: 46%;}
.w100 {width: 100px;}
@media screen and (max-width: 896px) {
	.img30L,.img30R {width: 45%;}
	.txt65R,.txt65L {width: 50%;}
}
@media screen and (max-width: 568px) {
	.mlr,.col2,.col2L,.col2R,.col3,.col4,.w58L,.w58R,.w60L,.w60R {margin-left: 2.4%; margin-right: 2.4%;}
	.col4 {width: 45.2%; float: left;}
	.col2,.col2R,.col2L,.col3,.w58L,.w58R,.w60L,.w60R,.col3-2 {width: 95.2%; float: none;}
	.mb40sp {margin-bottom: 40px;}
	.img30L,.img30R,.txt65R,.txt65L,.txt70L,.img25L,.img25R,.w38L,.w38R,.w40L,.w40R,.w50L,.w50R,.w33R,.w33L,.w34R,.w34L,.w35R,.w35L,.w58L,.w58R,.w60L,.w60R {float: none;}
	.img30L,.img30R,.img25L,.img25R,.w38L,.w38R,.w40L,.w40R,.w33R,.w33L,.w34R,.w34L,.w35R,.w35L {width: 70%;}
	.txt65R,.txt65L,.txt70L,.w50L,.w50R {width: 100%;}
	.img30L,.img30R,.img25L,.img25R,.w38L,.w38R,.w40L,.w40R,.w33R,.w33L,.w34R,.w34L,.w35R,.w35L {margin-left: auto; margin-right: auto;}
}


/* .ttlEN {font-size: 40px; position: relative; display: inline-block; margin-bottom: 25px;}
.ttlEN:before {content: ''; position: absolute; bottom: -15px; display: inline-block; width: 200px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#cmn .ttlEN:before {background-color: #8A1E2E;}
#jshs .ttlEN:before {background-color: #649B2A;}
#hs .ttlEN:before {background-color: #123563;}
.ttlEN span {font-size: 80%;}
.ttlLb {position: relative; display: inline-block; margin-bottom: 41px;}
.ttlLb:before {content: ''; position: absolute; bottom: -20px; display: inline-block; width: 80px; height: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#cmn .ttlLb:before {background-color: #8A1E2E;}
#hs .ttlLb:before {background-color: #123563;}
.ttlRL {position: relative; display: inline-block; padding: 0 100px 0 0;}
.ttlRL:after {content: ''; position: absolute; top: 50%; display: inline-block; width: 80px; height: 1px;}
.ttlRL:after {right: 0;}
.numCnr {position: absolute; top: 0; left: 0;}
.ttlNum {padding-top: 8px; padding-left: 50px;}
.ttlNum.ttlRL:after {top: calc(50% + 4px);}
#cmn .ttlRL:after {background-color: #8A1E2E;}
#hs .ttlRL:after {background-color: #123563;}
#jshs .ttlRL:after {background-color: #649B2A;}


h2.ttl,h3.ttl {font-size: 18px; margin-bottom: 40px;}


@media screen and (max-width: 896px) {
	.ttlEN {font-size: 30px;}
	h2.ttl,h3.ttl {font-size: 16px;}
} */
/* 2021.06.14 追加　ページタイトルレイアウト変更 */
.ttlEN {font-size: 24px; position: relative; display: block; margin-bottom: 40px;}
.ttlEN:before {content: ''; position: absolute; top: -5px; display: inline-block; width: 200px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#cmn .ttlEN:before {background-color: #8A1E2E;}
#jshs .ttlEN:before {background-color: #649B2A;}
#hs .ttlEN:before {background-color: #123563;}
.ttlEN span {font-size: 80%;}
.ttlLb {position: relative; display: inline-block; margin-bottom: 41px;}
.ttlLb:before {content: ''; position: absolute; bottom: -20px; display: inline-block; width: 80px; height: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#cmn .ttlLb:before {background-color: #8A1E2E;}
#hs .ttlLb:before {background-color: #123563;}
.ttlRL {position: relative; display: inline-block; padding: 0 100px 0 0;}
.ttlRL:after {content: ''; position: absolute; top: 50%; display: inline-block; width: 80px; height: 1px;}
.ttlRL:after {right: 0;}
.numCnr {position: absolute; top: 0; left: 0;}
.ttlNum {padding-top: 8px; padding-left: 50px;}
.ttlNum.ttlRL:after {top: calc(50% + 4px);}
#cmn .ttlRL:after {background-color: #8A1E2E;}
#hs .ttlRL:after {background-color: #123563;}
#jshs .ttlRL:after {background-color: #649B2A;}
h2.ttl,h3.ttl {font-size: 35px; margin-bottom: 10px;}
@media screen and (max-width: 896px) {
	.ttlEN {font-size: 16px;margin-bottom: 30px;}
	.ttlEN:before {top: -5px;}
	h2.ttl,h3.ttl {font-size: 25px;margin-bottom: 5px;}
}
/* 2021.06.14 追加　ページタイトルレイアウト変更 */

ul.dot {list-style: disc;}
ul.num {list-style: decimal;}
ul.num1 li {list-style-type: none;	counter-increment: cnt;}
.num1 li::before {content: "("counter(cnt)") "; display:inline-block; margin-left:-2em; width: 2em;}
ul.dot,ul.num,ul.num1 li {margin-left: 1.5em;}
ul.dot li,ul.num li,ul.num1 li {line-height: 1.7; margin-bottom: 10px;}
ul.dot li:last-child,ul.num li:last-child,ul.num1 li:last-child {margin-bottom: 0;}
.mlnum1 {margin-left: 2em!important;}

.tblw {min-width: 800px;}
table {width: 100%;}
table th,table td {padding: 10px 20px; font-weight: normal; line-height: 1.7; border: 1px solid #666;}
table.event tr:nth-child(even) {background: #FFFBEF;}
table .w204 {width: 184px;}
table .w264 {width: 224px;}
table .w364 {width: 324px;}
table .w132 {width: 92px;}
table .w324 {width: 284px;}
table .w165 {width: 145px;}
table .w95 {width: 55px;}
table.event li {font-size: 14px;}
@media screen and (max-width: 896px) {
	table th,table td {padding: 5px;}
	table .w204 {width: 15%;}
	table .w20 {width: 30%;}
	table .w132 {width: 23.333%;}
}

#slider {position: relative; width: 100%;}
#slider .slide-item {width: 100%; max-width: 1176px; position: relative;}
.top__slider__a {
	display: block;
}
#slider .copy {position: absolute; top: 50px; right: 0; width: 30%; max-width: 338px; z-index: 1;}
#slider .txt {position: absolute; width: 90%; max-width: 1176px; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 120px;}
#slider .txt .inner {float: right; clear: right; padding: 10px 20px; text-align: right;}
#cmn #slider .txt .inner {background: rgba(138,30,46,0.7);}
#jshs #slider .txt .inner {background: rgba(100,155,42,0.7);}
#hs #slider .txt .inner {background: rgba(18,53,99,0.7);}
#slider h2 {font-size: 46px;}
#cmn #slider .txt p {font-size: 24px;}
#jshs #slider .txt p,#hs #slider .txt p {font-size: 24px;}
.slick-slider {margin-bottom: 0!important;}
.slick-prev,.slick-prev:hover {left: calc(50% - 608px)!important;}
.slick-next,.slick-next:hover {right: calc(50% - 608px)!important;}
#cmn .slick-prev,#cmn .slick-prev:hover {background: url("../img/top/arrow_l1.svg") no-repeat;}
#hs .slick-next,#cmn .slick-next:hover {background: url("../img/top/arrow_r1.svg") no-repeat;}
#jshs .slick-prev,#jshs .slick-prev:hover {background: url("../img/jshs/top/arrow_l1.svg") no-repeat;}
#jshs .slick-next,#jshs .slick-next:hover {background: url("../img/jshs/top/arrow_r1.svg") no-repeat;}
#hs .slick-prev,#hs .slick-prev:hover {background: url("../img/hs/top/arrow_l1.svg") no-repeat;}
#hs .slick-next,#hs .slick-next:hover {background: url("../img/hs/top/arrow_r1.svg") no-repeat;}
#mainKV {color: #FFF; position: relative; width: 100%; display: inline-block; background-size: cover; background-position: center; height: 300px;}
#mainKV:before {content: ''; position: absolute; bottom: -5px; display: inline-block; width: 872px; height: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#cmn #mainKV:before {background-color: #8A1E2E;}
#hs #mainKV:before {background-color: #123563;}
#jshs #mainKV:before {background-color: #649B2A;}
#mainKV .container {margin: 0 auto; bottom: 45px; left: 0; right: 0; position: absolute;}
#mainKV h2 {line-height: 60px; margin-bottom: 5px;}
#mainKV .EN {line-height: 30px;}
#mainKV h2,#mainKV .ENcrim {display: inline-block; padding: 5px 30px;}
#mainKV h2::after {display: block;}
#cmn #mainKV h2,#cmn #mainKV .ENcrim {background: url("../img/cmn/dot_rd.png") repeat #5A151A;}
#hs #mainKV h2,#hs #mainKV .ENcrim {background: url("../img/cmn/dot_bl.png") repeat #112548;}
#jshs #mainKV h2,#jshs #mainKV .ENcrim {background: url("../img/cmn/dot_gr.png") repeat #41651B;}
@media screen and (max-width: 1207px) {
	.slick-prev,.slick-prev:hover {left: 0!important;}
	.slick-next,.slick-next:hover {right: 0!important;}
}
@media screen and (max-width: 950px) {
	#mainKV:before {width: 80%;}
}
@media screen and (max-width: 896px) {
	#slider .copy {top: 0;}
	#slider .txt {bottom: 20px;}
	#slider h2 {font-size: 30px;}
	#cmn #slider .txt p,#jshs #slider .txt p,#hs #slider .txt p {font-size: 18px;}
	#mainKV {height: 20vh;}
	#mainKV .container {bottom: 20px;}
	#mainKV h2,#mainKV .ENcrim {padding: 3px 20px;}
	#mainKV h2,#mainKV .EN {line-height: 1.2; margin-bottom: 5px;}
}
@media screen and (max-width: 568px) {
	#slider .txt {bottom: 10px;}
	#slider h2 {font-size: 18px;}
	#cmn #slider .txt p {font-size: 14px;}
}

#topBnr {margin-top: -100px; position: relative;}
#topBnr .inner {padding: 20px 40px;}
#cmn #topBnr .inner {background: url("../img/cmn/dot_rd.png") repeat;}
#jshs #topBnr .inner {background: url("../img/cmn/dot_gr.png") repeat;}
#hs #topBnr .inner {background: url("../img/cmn/dot_bl.png") repeat;}
#slideBnr li.slide-item {width: calc(25% - 20px); margin: 0 10px; display: inline-block;}
#topBnr .slick-prev,#topBnr .slick-prev:hover {background: url("../img/top/arrow_l2.svg") no-repeat;}
#topBnr .slick-next,#topBnr .slick-next:hover {background: url("../img/top/arrow_r2.svg") no-repeat;}
#topBnr .slick-prev,#topBnr .slick-next {width: 12px; height: 24px;}
@media screen and (max-width: 896px) {
	#topBnr {margin-top: 0;}
	#topBnr.container {width: 100%;}
	#topBnr .mlr {margin: 0 auto;}
}
@media screen and (max-width: 568px) {
	#topBnr .inner {padding: 20px 10px;}
	#slideBnr li.slide-item {width: calc(25% - 14px); margin: 0 7px;}
}

#emergencyWrap {position: relative; background: url("../img/top/bg_emergency.jpg") no-repeat center; padding: 22px 0;}
#emergency {text-align: center; font-size: 18px; display: flex; align-items: center;}
#emergency:before,#emergency:after {content: ""; flex-grow: 1; height: 1px;	background: #222222;	display: block;}
#emergency:before {margin-right: .4em;}
#emergency:after {margin-left: .4em;}
#emergency .icon {background: #CC0000; font-style: 16px; color: #FFF; display: inline-block; padding: 5px 10px; margin-right: 30px;}
#emergency .txt {display: inline-block; width: 670px; text-align: left;}
@media screen and (max-width: 896px) {
	#emergencyWrap {background-size: cover; padding: 10px;}
	#emergency .icon {font-size: 14px; display: block;}
	#emergency .txt {display: block; width: 100%;}
	#emergencySP {position: absolute; width: 90%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); z-index: 2;}
	#emergencySP .icon {display: inline-block; padding: 4px 15px; background: #CC0000; font-style: 12px; color: #FFF;}
	#emergencySP .txt {display: block; background: #F6E5E5; padding: 10px 15px;}
}

.topCat.junior {background: url("../img/top/bg_junior.jpg") no-repeat center; background-size: cover;}
.topCat.senior {background: url("../img/top/bg_senior.jpg") no-repeat center; background-size: cover;}
.topCat {width: 50%; position: relative; float: left; text-align: center;}
.topCat a {display: block; color: #FFF; padding: 100px 0;}
.topCat a:hover {color: #FFF!important;}
.topCat .txt {text-shadow: 1px 1px 1px #000;}
.topCat .txt h2 {font-size: 40px;}
.topCat .txt .EN {font-size: 20px; margin-bottom: 30px;}
.topCat .txt p {font-size: 24px; margin-bottom: 35px;}
.topCat .txt .btn240C {text-shadow: none;}
@media screen and (max-width: 896px) {
	#spCat {height: calc(100vh - 70px);}
	.topCat a {padding: 50px 0;}
	.topCat .txt h2 {font-size: 24px;}
	.topCat .txt .EN {font-size: 14px; margin-bottom: 20px;}
	.topCat .txt p {font-size: 14px; margin-bottom: 25px;}
	#spCat .topCat a {display: block; height: 100%; width: 100%;}
	#spCat .topCat .txt .EN {margin-bottom: 20px!important;}
	#spCat .topCat .txt {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);}
	#spCat .topCat .txt .spbr {display: none;}
}
@media screen and (max-width: 568px) {
	#spCat .topCat {height: calc(50vh - 35px); padding: 0;}
	.topCat {width: 100%;}
}

#jshs .topNews,#hs .topNews {background-position: center top; background-repeat: no-repeat;}
#jshs .topNews {background-image: url("../img/jshs/top/line_gr.svg"); margin-top: -2px;}
#hs .topNews {background-image: url("../img/hs/top/line_bl.svg"); margin-top: -2px;}
#jshs .topNews.caNews,#hs .topNews.caNews {background-image: none; margin-top: 30px;}
.topNews .photo,.clubNews .photo {width: 35.2%; float: left;}
.topNews .txt,.clubNews .txt {width: 59.5%; float: right;}
.topNews div.cat p,.topNews .cat .box,.clubNews div.cat p,.clubNews .cat .box,.tcontent div.cat p {width: 100px; margin-right: 10px; margin-bottom: 10px; font-size: 12px; line-height: 24px; border-radius: 5px; text-align: center; color: #FFF; letter-spacing: normal;}
.tcontent div.cat p {margin-bottom: 5px;}
.topNews div.cat p,.clubNews div.cat p,.tcontent div.cat p {display: inline-block;}
.topNews .cat .box,.clubNews .cat .box,.tcontent .cat .box {display: inline-block;}
.topNews h3,.clubNews h3 {font-size: 16px; margin-bottom: 10px;}
.topNews p span a,.clubNews p span a {color: #8A1E2E; text-decoration: underline;}
@media screen and (max-width: 568px) {
	.topNews .col2 {width: 95.2%; float: none;}
	.clubNews .col2 {width: 95.2%; float: none;}
	.topNews div.cat p,.clubNews div.cat p,.tcontent div.cat p {width: inherit; padding: 0 5px; margin-right: 5px; margin-bottom: 5px;}
	.clubNews .photo {width: 25%;}
	.clubNews .txt {width: 69.7%;}
}

.tab,.tab2 {overflow:hidden;}
.tab li {padding: 20px; cursor: pointer; background-color: #FFF; background-repeat: no-repeat; background-position: right 20px center;}
#cmn .tab li {background-image: url("../img/cmn/arrow1_rd.svg"); color: #8A1E2E; border-bottom: 2px solid #8A1E2E;}
#jshs .tab li {background-image: url("../img/cmn/arrow1_gr.svg"); color: #649B2A; border-bottom: 2px solid #649B2A;}
#hs .tab li {background-image: url("../img/cmn/arrow1_bl.svg"); color: #123563; border-bottom: 2px solid #123563;}
.tab li:hover {background-position: right 0 center; transition: all .2s;}
.tab li span {display: block;}
#cmn .tab li.select {background: #62111A url("../img/cmn/dot_rd.png") repeat; color: #FFF;}
#jshs .tab li.select {background: #41651B url("../img/cmn/dot_gr.png") repeat; color: #FFF;}
#hs .tab li.select {background: url("../img/cmn/dot_bl.png") #123563 repeat; color: #FFF;}
.tab2 {border-bottom: 2px solid #222222;}
.tab2 li {padding: 7px 0; cursor: pointer; background-color: #FFF; text-align: center; display: inline-block; margin-right: 10px; border: 1px solid #222; letter-spacing: normal; width: 152px;}
.tab2 li:last-child {margin-right: 0;}
#cmn .tab2 li.select {background: #62111A; color: #FFF;}
#jshs .tab2 li.select {background: #649B2A; color: #FFF;}
#hs .tab2 li.select {background: #123563; color: #FFF;}
.hide {display:none;}
.tcontent {width: 75%; float: left;}
@media screen and (max-width: 896px) {
	.tab li {padding: 10px;}
	.tab2 li {margin-right: 0; width: calc(50% - 2px);}
	.tab2 li:first-child {width: calc(100% - 2px);}
}
@media screen and (max-width: 568px) {
	.tab {margin-bottom: 20px;}
	.tab ul.mb30 {margin-bottom: 20px!important;}
	.tab.col4 {width: 95.2%;}
	.tab li:first-child {width: calc(100% - 20px);}
	.tab li {width: calc(50% - 20px); float: left;}
	.tcontent {width: 100%;}
	.tcontent .col3 {width: 45.2%; float: left;}
}

#topEnt {padding: 40px 0 20px; background-repeat: repeat;}
#jshs #topEnt {background-image: url("../img/jshs/top/bg_str.jpg");}
#hs #topEnt {background-image: url("../img/hs/top/bg_str.jpg");}
#topBtn {padding: 60px 0 40px; background-repeat: repeat-y; background-position: center;}
#jshs #topBtn {background-image: url("../img/jshs/top/bg_btm.jpg");}
#hs #topBtn {background-image: url("../img/hs/top/bg_btm.jpg");}
@media screen and (max-width: 896px) {
	#topBtn {padding: 30px 0 10px; background-size: cover;}
}
@media screen and (max-width: 568px) {
	#topBtn {background-size: cover; background-position: left top;}
}

#prof,#uni {position: relative; max-width: 1920px; margin-left: auto; margin-right: auto;}
#prof .mainImg,#uni .mainImg {width: 57.85%; margin: 0 0 0 42.15%;}
#prof .container,#uni .container {position: absolute; left: 0; right: 0; top: 60px;}
#prof .txt,#uni .txt {width: 35.3%;}
#prof .txt h3,#uni .txt h3 {padding-bottom: 40px; background: url("../img/profile/02.svg") no-repeat center bottom;}
#prof .txt span,#uni .txt span {width: 30px; display: inline-block; margin-right: 10px;}
#songImg1,#songImg2 {position: relative; max-width: 1920px; width: 100%; background-size: cover; background-position: center; height: 600px;}
#songImg1:after,#songImg2:after {content: ''; position: absolute; display: inline-block; width: 872px; height: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #8A1E2E;}
#songImg1:after {top: -5px;}
#songImg2:after {bottom: -5px;}
#songImg1 {background-image: url("../img/profile/08.jpg");}
#songImg2 {background-image: url("../img/profile/09.jpg");}
.mtm150 {margin-top: -150px;}
.rlt {position: relative;}
.zind1 {z-index: 1;}
.mr10 {margin-right: 10px;}
@media screen and (max-width: 1575px) {
	#prof .mainImg {position: absolute; top: 0;}
	#prof .container {position: relative!important; top: 40px;}
}
@media screen and (max-width: 950px) {
	#uni .container {top: 0;}
}
@media screen and (max-width: 896px) {
	#prof .mainImg,#uni .mainImg {width: 100%; margin: 0; position: relative;}
	#prof .container {top: 0; margin-top: 40px;}
	#uni .container {position: relative; width: 100%;}
	#prof .txt,#uni .txt {width: 100%; margin-bottom: 30px;}
	#songImg1,#songImg2 {height: 400px;}
	#songImg1:after,#songImg2:after {width: 80%;}
	.mtm150 {margin-top: -50px;}
}
@media screen and (max-width: 568px) {
	#songImg1,#songImg2 {height: 200px;}
	.mtm150 {margin-top: -30px;}
}

.cnrR,.cnrL {position: relative;}
.cnrR::before,.cnrL::before {content: ''; position: absolute; width: 40px; height: 40px; background-size: contain;}
#cmn .cnrR::before {background-image: url("../img/cmn/cnr_rdr.svg");}
#cmn .cnrL::before {background-image: url("../img/cmn/cnr_rdl.svg");}
#hs .cnrR::before {background-image: url("../img/cmn/cnr_blr.svg");}
#hs .cnrL::before {background-image: url("../img/cmn/cnr_bll.svg");}
#jshs .cnrR::before {background-image: url("../img/cmn/cnr_grr.svg");}
#jshs .cnrL::before {background-image: url("../img/cmn/cnr_grl.svg");}
.bbLRD {border-bottom: 1px solid #E8D2D5;}
.bbDBL {border-bottom: 1px solid #123563;}
.bbRD {border-bottom: 1px solid #8A1E2E;}
.bbLGRY {border-bottom: 1px solid #CCCCCC;}
.bbDot,.bbDotDBL {border-bottom-width: 2px; border-bottom-style: dotted;}
.bbDot {border-bottom-color: #8A1E2E;}
.bbDotDBL {border-bottom-color: #123563;}
.imgBoxR55 {margin: 0 55px 55px 0; }
.imgBoxL55 {margin: 0 0 55px 55px;}
.imgBoxR40 {margin: 0 40px 40px 0; }
.imgBoxL40 {margin: 0 0 40px 40px;}
.imgBoxR20 {margin: 0 20px 20px 0; }
.imgBoxL20 {margin: 0 0 20px 20px;}
.imgBoxL55.cnrL::before {left: -55px; bottom: -55px;}
.imgBoxR55.cnrR::before {right: -55px; bottom: -55px;}
.imgBoxL40.cnrL::before {left: -40px; bottom: -40px;}
.imgBoxR40.cnrR::before {right: -40px; bottom: -40px;}
.imgBoxL20.cnrL::before {left: -20px; bottom: -20px;}
.imgBoxR20.cnrR::before {right: -20px; bottom: -20px;}
#cmn .imgBoxR55 {box-shadow: 55px 55px 0 #EEDEE0;}
#cmn .imgBoxL55 {box-shadow: -55px 55px 0 #EEDEE0;}
#cmn .imgBoxR40 {box-shadow: 40px 40px 0 #EEDEE0;}
#cmn .imgBoxL40 {box-shadow: -40px 40px 0 #EEDEE0;}
#cmn .imgBoxR20 {box-shadow: 20px 20px 0 #EEDEE0;}
#cmn .imgBoxL20 {box-shadow: -20px 20px 0 #EEDEE0;}
#hs .imgBoxR40 {box-shadow: 40px 40px 0 #DAE0E7;}
#hs .imgBoxL40 {box-shadow: -40px 40px 0 #DAE0E7;}
#jshs .imgBoxR40 {box-shadow: 40px 40px 0 #EBEFE7;}
#jshs .imgBoxL40 {box-shadow: -40px 40px 0 #EBEFE7;}
@media screen and (max-width: 896px) {
	.imgBoxR55,.imgBoxR40 {margin: 0 20px 20px 0; }
	.imgBoxL55,.imgBoxL40 {margin: 0 0 20px 20px;}
	.imgBoxL55.cnrL::before,.imgBoxL40.cnrL::before {left: -20px; bottom: -20px;}
	.imgBoxR55.cnrR::before,.imgBoxR40.cnrR::before {right: -20px; bottom: -20px;}
	#cmn .imgBoxR55,#cmn .imgBoxR40 {box-shadow: 20px 20px 0 #EEDEE0;}
	#cmn .imgBoxL55,#cmn .imgBoxL40 {box-shadow: -20px 20px 0 #EEDEE0;}
	#hs .imgBoxR40 {box-shadow: 20px 20px 0 #DAE0E7;}
	#hs .imgBoxL40 {box-shadow: -20px 20px 0 #DAE0E7;}
	#jshs .imgBoxR40 {box-shadow: 20px 20px 0 #EBEFE7;}
	#jshs .imgBoxL40 {box-shadow: -20px 20px 0 #EBEFE7;}
}

#hisNav li {border-left: 1px solid #222; border-bottom: 1px solid; display: inline-block; margin-right: 9px; letter-spacing: normal;}
#hisNav li:last-child {margin-right: 0;}
#hisNav li a {display: block; padding: 10px 20px;}
#hisNav li a:hover {background: #222; transition: all .5s; color: #FFF;}
.hisYear dt {width: 152px; float: left; clear: left; padding-bottom: 10px; border-bottom: 1px solid #8A1E2E;}
.hisYear dt span {font-size: 80%;}
.hisYear dt span.ml1 {margin-left: 1em;}
.hisYear dd {margin-left: 60px; padding-bottom: 10px; margin-bottom: 15px; float: left; width: calc(100% - 212px);}
.hisYear dd dl.hisDate {margin-top: 10px;}
.hisDate dt {width: 113px; margin-bottom: 15px;}
.hisDate dd {margin-left: 20px; margin-top: 0; width: calc(100% - 133px);}
@media screen and (max-width: 896px) {
	#hisNav li {width: calc(25% - 10px);}
	.hisYear dt {width: 100%; float: none; margin-bottom: 10px;}
	.hisYear dd {margin-left: 0; width: 100%;}
	.hisDate dt {width: 113px; float: left;}
	.hisDate dd {margin-left: 20px; width: calc(100% - 133px);}
}
@media screen and (max-width: 568px) {
	#hisNav li {width: calc(50% - 10px);}
}

.btnPlus {width: 40px; position: absolute; bottom: 0; right: 0;}
.btnPdf {line-height: 40px; min-width: 264px;}
.btnPdf a {padding: 20px 50px 20px 0; display: block; background-image: url("../img/cmn/icon_pdf.svg"); background-size: 40px 40px; background-repeat: no-repeat; background-position: right center;}
.btnPdf a:hover {background-color: #8A1E2E; color: #FFF!important; padding: 20px 50px 20px 10px; background-position: right 10px center; transition: all .5s; background-image: url("../img/cmn/icon_pdfwh.svg");}
.iconPdf {position: absolute; width: 40px; height: 40px; top: 0; bottom: 0; margin: auto; right: 0;}
.dateR3,.iconNew {display: inline-block; padding: 5px 10px; border-radius: 3px;}
.ttlBox {display: inline-block; padding: 5px 20px; letter-spacing: normal;}
#movie .ttlBox {margin-left: 5px;}
.bBoxRD {border: 1px solid #8A1E2E;}
.bBoxDBL {border: 1px solid #123563;}
.bBoxRD .inner,.bBoxDBL .inner {padding: 20px;}
.bBoxRD .inner30 {padding: 30px;}
.iconNew {border: 1px solid #8A1E2E; position: absolute; top: 0; right: 0; width: 80px; text-align: center;}
.dateClass {width: 100px;}
.newsLink {position: absolute; bottom: 20px; right: 0; text-decoration: underline;}

.libInner {border-bottom: 1px solid #8A1E2E; border-right: 1px solid #8A1E2E;}
.libInner h3 {padding: 10px 20px;}
.libInner p.txt {padding: 0 20px 20px;}
.newstxt p {margin-bottom: 10px;}
.classImg {max-width: 234px; width: 80%; margin-left: auto; margin-right: auto;}
.scholarship li {border-bottom: 1px solid #CCCCCC; line-height: 24px; padding: 20px 0;}
.scholarship li:hover {display: block; background: #EEDEE0;}
.scholarship li span {margin: 4px 0 4px 10px;}
.w362 {max-width: 362px; width: 70%;}
.w630C {max-width: 630px; width: 80%; margin-left: auto; margin-right: auto;}

#subNav {border-bottom: 2px solid #222222;}
#subNav li {display: inline-block; border: 1px solid #222222; letter-spacing: normal; margin-right: 10px;}
#subNav li a {display: block; padding: 10px 20px; color: #222;}
#hs #subNav li a:hover,#hs #subNav li.active a {background: url("../img/cmn/dot_bl.png") repeat #112548; color: #FFF!important;}
#jshs #subNav li a:hover,#jshs #subNav li.active a {background: url("../img/cmn/dot_gr.png") repeat #41651B; color: #FFF!important;}
@media screen and (max-width: 896px) {
	#subNav li {width: calc(100% - 12px);}
}

.box40 .col2,.box40 .col3 {margin-left: 1.76%; margin-right: 1.76%; float: left;}
.box40 .col2 {width: 46.48%;}
.box40 .col3 {width: 29.813%;}
.box40 {padding: 40px 20px 20px; background-position: left top,right bottom; background-repeat: no-repeat,no-repeat;}
#hs .box40 {background-image: url("../img/cmn/cnr_bllt.svg"),url("../img/cmn/cnr_blr.svg"); background-color: #DAE0E7;}
#jshs .box40 {background-image: url("../img/cmn/cnr_grlt.svg"),url("../img/cmn/cnr_grr.svg"); background-color: #EBEFE7;}
.ttlBox420 {width: 380px; max-width: 80%; display: inline-block; padding: 10px 20px; margin-top: -25px;}
ul.inlBox li {border-radius: 5px; display: inline-block; letter-spacing: normal; margin: 0 10px 10px 0; padding: 5px 10px; background: #FFF;}
ul.inlBox li:last-child {margin: 0;}
dl.travel dt {width: 60px; float: left; clear: left;}
dl.travel dd {width: calc(100% - 81px); border-left: 1px solid #123563; padding-left: 20px; float: left;}
.ttlBB {position: relative; padding-bottom: 10px;}
.ttlBB:after {position: absolute; content: " "; display: block; bottom: -1px; width: 100px;}
#hs .ttlBB:after {border-bottom: solid 1px #123563;}
#jshs .ttlBB:after {border-bottom: solid 1px #649B2A;}
.box20_30 {padding: 20px 30px; display: inline-block;}
.gender li {display: inline-block; padding: 4px 22px; margin-right: 10px; border-radius: 5px; letter-spacing: normal;}
.gender li:last-child {margin-right: 0;}
dl.clubSche {border: 1px solid #222; border-radius: 5px; display: inline-block;}
dl.clubSche dt,dl.clubSche dd {min-width: 55px; float: left; text-align: center; padding: 4px 20px;}
dl.clubSche dt {background: #222; color: #FFF;}
dl.result dt {width: 220px; margin-right: 20px; float: left; clear: left;}
dl.result dd {width: calc(100% - 240px); float: left;}
@media screen and (max-width: 568px) {
	.box40 {padding: 20px 20px 0;}
	.box40 .col2,.box40 .col3 {width: 96.48%; float: none;}
	dl.result dt {width: 100%; margin-right: 0; float: none; clear: left;}
	dl.result dd {width: 100%; float: none;}
}

.uniNum {width: 60px; float: left;}
.uniTxt {width: calc(100% - 60px); float: left;}
.uniTxt h4 {line-height: 60px;}
.w53L {width: 53.5%; float: left; margin-right: 7%;}



/*--- 2021.03.05 FAQaccordion margin追加 上,右,下,左---*/
dl.accordion dt {margin: 5px 0px 5px 0px;min-height: 24px; line-height: 30px; cursor:pointer; padding: 15px 40px 15px 90px; background-size: 60px 60px,40px 40px; background-repeat: no-repeat; background-position: left top,right bottom;}
dl.accordion dt.open {margin: 0px;background-size: 60px 60px,40px 40px; background-repeat: no-repeat; background-position: left top,right bottom;}
dl.accordion dd {margin: 0px;background: url("../img/hs/campus_life/faq/answer.svg") no-repeat left top #F7EEF0; padding:30px 30px 30px 90px; display: none;}
#hs dl.accordion dt {background-image: url("../img/hs/campus_life/faq/question.svg"),url("../img/hs/campus_life/faq/plus.svg"); background-color: #DAE0E7;}
#hs dl.accordion dt.open {background-image: url("../img/hs/campus_life/faq/question.svg"),url("../img/hs/campus_life/faq/minus.svg"); background-color: #DAE0E7;}
#jshs dl.accordion dt {background-image: url("../img/jshs/campus_life/faq/question.svg"),url("../img/jshs/campus_life/faq/plus.svg"); background-color: #E2E8DD;}
#jshs dl.accordion dt.open {background-image: url("../img/jshs/campus_life/faq/question.svg"),url("../img/jshs/campus_life/faq/minus.svg"); background-color: #E2E8DD;}
/*------*/

.success li {line-height: 30px; margin: 0 20px 20px; display: inline-block; letter-spacing: normal;}
.success li span {margin-left: 20px; padding: 0 15px; border-radius: 5px; display: inline-block; font-size: 90%;}
.linkWind li {background: url("../img/cmn/icon_wind.svg") left center no-repeat; margin-bottom: 10px; padding-left: 30px;}
.linkWind li:last-child {margin-bottom: 0;}
.linkWind2 a {background: url("../img/jshs/campus_life/club/icon_wind.svg") right center no-repeat; margin-bottom: 10px; padding-right: 30px; color: #649B2A;}
.linkYoutube a {background: url("../img/jshs/campus_life/club/icon_yt.svg") right center no-repeat; margin-bottom: 10px; padding-right: 30px; color: #649B2A;}

.movie {position: relative; width: 100%; padding-top: 56.25%;}
.movie iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.w290R {width: 40%; margin: 0 0 20px 30px; float: right;}
.w528 {max-width: 528px; width: 100%;}
.w47L,.w47R {width: 47.7%;}
.w47L,.w42L {float: left;}
.w47R,.w52R {float: right;}
.w42L {width: 39%;}
.w52R {width: 56%;} 
@media screen and (max-width: 568px) {
	.w47L,.w42L,.w47R,.w52R {float: none; margin-left: auto; margin-right: auto;}
	.w47L,.w47R,.w52R  {width: 97.7%;}
	.w42L {width: 70%;}
}

.paging .next {float: right;}
.paging .prev {float: left;}
.paging a.next,.paging a.prev {float: none!important;}

.hidden_box label {font-weight: bold; cursor :pointer;}
.hidden_box input {display: none;}
.hidden_box .hidden_show {height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
.hidden_box input:checked ~ .hidden_show {padding: 10px 0; height: auto; opacity: 1; overflow: hidden;}

@media screen and (max-width: 568px) {
	.tblfix table td:first-child,.tblfix table th:first-child {position: -webkit-sticky; position: sticky; left: 0; z-index: 1; background: #FFF;}
	.tblfix table th:first-child {background: #EEE;}
}

.txtlink li {margin: 0 10px 10px; display: inline-block;}
.txtlink li a,.bdrlink a {text-decoration: underline;}

.post p {margin-bottom: 15px;}
.post p:last-child {margin-bottom: 0;}
.post ul {margin-bottom: 20px;}
.post ul li {margin-left: 0;}
.post img.alignnone {margin-bottom: 10px;}

.sponly {display: none;}
@media screen and (max-width: 568px) {
	.pconly {display: none;}
	.sponly {display: block;}
}

.newsArea a span.undl {color: #8A1E2E!important; text-decoration: underline!important;}
.newsArea a:hover span.undl {color: #222!important; text-decoration: underline!important;}
.newsArea a:hover {color: #222!important;}