body{
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media all and (-ms-high-contrast: none) {
body{font-family: "メイリオ", Meiryo, sans-serif; }
}
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
ul,
ul li{
list-style: none;
padding: 0;
margin: 0;
}
p>a{
text-decoration: underline;
}
p>a:hover{
text-decoration: underline;
}
.mb0{
margin-bottom: 0!important;
}
.wp-block-column p{
line-height: 1.4;
} .back-link-p0{
padding: 5px 15px!important;
}
.back-link-p0 a{
text-decoration: underline;
color: #fff!important
} .h2, h2{
border: none;
margin: 0;
padding: 0;
}
.h2:before,h2:before,
.h2:after, h2:after{
content: none;
}
.entry-body .wp-block-column h2 a{
color: #fff!important;
}
.h3, h3{
border: none;
margin: 0;
padding: 0;
}
dl,
dl dt,
dl dd{
margin: 0;
}
dl dt{
font-weight: normal;
}
dl dt::before{
content: none;
}
.flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex_between{
-webkit-justify-content: space-between;
justify-content: space-between;
}
.flex_center{
-webkit-justify-content: center;
justify-content: center;
}
.flex_wrap{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-wrap: wrap;
}
br.pc_br,
.pc_img{
display: none;
}
.container{
max-width: 1000px;
}
@media only screen and (max-width: 767px) {
.flex{
display: block;
}
.pc_img,
br.pc_br{
display: none;
}
img{
width: 100%;
}
.siteContent{
padding: 3% 0;
}
.home .siteContent{
padding: 5% 0 3% 0;
}
.container{
padding: 0 3%;
}
}
@media only screen and (min-width: 768px){
.sp_img,
br.sp_br{
display: none;
}
.pc_img,
br.pc_br{
display: block;
}
dl.dl_table{
width: 100%;
display: table;
}
dl.dl_table dt,
dl.dl_table dd{
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.siteContent{
padding: 20px 0;
}
.home .siteContent{
padding: 20px 0 15px 0;
}
.siteContent .mainSection{
margin-bottom: 0;
}
}
@media screen and (min-width: 1025px){
.siteContent{
padding: 30px 0;
}
.home .siteContent{
padding: 30px 0 20px 0;
}
} .siteHeader{
-webkit-box-shadow: none;
box-shadow: none;
}
.siteHeader .container{
padding: 0;
}
.siteHeadContainer.container .navbar-header{
background-color: #ffffff;
max-width: 1000px;
width: auto;
}
.siteHeadContainer .navbar-header .navbar-inner{
max-width: 1000px;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
border: 1px solid rgb(0, 107, 161);
}
.siteHeadContainer .navbar-header .headerTop nav{
top: 0;
}
.siteHeadContainer .navbar-header .headerTop ul{
margin: 0;
}
.siteHeadContainer .navbar-header .headerTop ul > li a{
padding: 0;
}
.siteHeadContainer.container .headerTop{
background-color: transparent;
border-bottom: none;
margin-top: 0;
}
.siteHeader .web-menu{
display: none;
}
.gMenu_outer .gMenu_inner{
max-width: 1000px;
width: auto;
margin: 0 auto;
}
.gMenu_outer nav{
width: auto;
margin: 0;
padding: 0;
}
.siteHeader .gMenu_outer .gMenu li[class*=current],
.siteHeader .gMenu_outer .gMenu li:hover,
.siteHeader .gMenu_outer .gMenu li a:active,
.siteHeader .gMenu_outer .gMenu li a:focus,
.siteHeader .gMenu_outer .gMenu li a:hover {
background-color: transparent;
-webkit-transition:background-color .4s;
transition:background-color .4s;
color: #0083c0;
text-decoration:none
}
.siteHeader .gMenu_outer .searchform{
position: relative;
}
.siteHeader .gMenu_outer .searchfield{
height: 25px;
font-size: 14px;
padding: 5px 10px 5px 30px;
margin-bottom: 0;
}
.siteHeader .gMenu_outer .searchsubmit{
background-color: transparent;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 18px;
color: #979797;
position: absolute;
left: 0;
top: 0;
border: none;
outline: 0;
cursor: pointer;
padding: 0  0 0 5px;
}
.siteHeader .gMenu_outer .searchsubmit:hover{
color: #979797;
}
.headerTop .headerTop_description,
.siteHeader_sub{
display: none;
}
.carousel{
max-width: 970px;
margin: auto;
border-bottom: none;
}
@media only screen and (max-width: 767px) {
.navbar-brand img.pc_img{
display: none;
}
.vk-mobile-nav-menu-btn{
right: 10px;
top: 10px;
}
.vk-mobile-nav{
padding: 56px 10px 45px 10px;
}
.menu-web_menu-container li img{
max-width: 400px;
}
.siteHeadContainer.container .navbar-header{
position: fixed;
width: 100%;
height: 56px;
padding: 5px;
}
.siteHeadContainer .navbar-header .navbar-inner{
padding: 10px;
}
.siteHeadContainer .navbar-header .navbar-brand{
padding: 0;
margin: 0;
text-align: left;
width: calc(100% - 34px);
}
.siteHeadContainer .navbar-header .navbar-brand img{
max-height: 24px;
width: auto;
margin: 0;
}
.carousel{
padding: 0 3%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.98px){
.vk-mobile-nav-menu-btn{
right: 25px;
top: 20px;
}
.vk-mobile-nav{
padding: 72px 10px 45px 10px;
}
.siteHeadContainer.container .navbar-header{
position: fixed;
width: 100%;
height: 72px;
padding: 10px;
}
.siteHeadContainer .navbar-header .navbar-inner{
padding: 10px;
}
.siteHeadContainer.container .navbar-header{
padding: 10px 15px;
}
.siteHeadContainer.container .navbar-header img{
height: 30px;
}
.siteHeadContainer.container .navbar-header .navbar-brand span:first-child{
margin-right: 5px;
}
.carousel{
padding: 0 15px;
}
}
@media only screen and (max-width: 991.98px) {
.vk-mobile-nav-menu-btn{
left: auto;
border: 1px solid #006ba1;
text-indent: initial;
background: none;
line-height: 1.1;
padding: 2px;
text-align: center;
color: #006ba1;
letter-spacing: 0.1em;
}
.vk-mobile-nav-menu-btn.menu-open{
border: none;
text-indent: -9999px;
background: #ffffff;
}
.vk-mobile-nav-menu-btn.menu-open:before{
position: absolute;
right: 0px;
top: 0px;
text-indent: initial;
content: "×";
display: inline-block;
width: 34px;
height: 34px;
font-size: 34px;
font-weight: bold;
}
.vk-mobile-nav{
width: 80%;
right: 0;
background-color: rgb(0, 107, 161);
border-bottom: none;
}
.vk-mobile-nav nav > ul{
border-top: none;
}
.vk-mobile-nav nav ul li a{
color: #ffffff;
font-weight: bold;
border-bottom: none;
}
.vk-mobile-nav nav ul li .sub-menu li a{
color: #C7C7C7;
}
.vk-mobile-nav nav ul li.current_page_item{
background-color: #ffffff;
}
.vk-mobile-nav nav ul li.current_page_item a{
color: #006ba1;
}
.vk-mobile-nav nav ul li.current_page_item .sub-menu li{
background-color: rgb(0, 107, 161);
}
.vk-mobile-nav nav ul li.current_page_item .sub-menu li a{
color: #C7C7C7;
}
.vk-menu-acc .acc-btn{
border: none;
}
}
@media screen and (min-width: 991.98px){
.siteHeadContainer.container .navbar-header{
padding: 5px 15px 15px 15px;
}
.siteHeader .siteHeader_logo{
width: 455px;
padding: 0;
}
.siteHeader .navbar-brand img{
width: 100%;
}
.siteHeadContainer .navbar-header .navbar-inner{
padding: 15px;
}
.siteHeader .headerTop{
width: 355px;
}
.siteHeader .headerTop .container{
padding: 0 0 0 5px;
}
.siteHeadContainer .navbar-header .headerTop ul > li{
margin-left: 5px;
}
.siteHeader .web-menu{
display: block;
width: calc(100% - 810px);
padding-left: 10px;
}
.siteHeader .web-menu ul li{
line-height: 1;
margin-bottom: 2px;
}
.siteHeader .web-menu ul li img{
width: 100%;
}
.siteHeader .web-menu ul li:last-child{
margin-bottom: 0;
}
.siteHeadContainer.container .navbar-header .navbar-brand span:first-child{
margin-right: 5px;
}
.siteHeader .gMenu_outer .gMenu_box{
margin: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
border: 1px solid rgb(0, 107, 161);
padding: 3px 10px;
}
.siteHeader .gMenu_outer .search-box{
width: 150px;
margin-right: 20px;
}
.siteHeader .gMenu_outer .menu-head_menu-container{
width: calc(100% - 170px);
}
.siteHeader .gMenu_outer .gMenu li{
position: relative;
width: auto;
border-left: none;
padding: 0;
}
.siteHeader .gMenu_outer .gMenu li:before{
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 10px;
height: 33px;
background: url(//www.ka.shibaura-it.ac.jp/wp-content/themes/shibara-kashiwa-child/image/0828B-top72dpi_212.webp) 0% 0% no-repeat;
}
.siteHeader .gMenu_outer .gMenu > li:last-child{
border-right: none;
padding-left: 15px;
}
.siteHeader .gMenu_outer .gMenu li a{
color: #0083c0;
padding: 0 0 0 15px;
}
.siteHeader .gMenu_outer .gMenu li a img{
width: auto;
}
.gMenu > li .gMenu_name{
display: inline-block;
}
.header_scrolled .gMenu_outer{
padding: 10px 0;
}
.header_scrolled .gMenu_outer nav{
width: auto;
padding: 5px 0;
margin: 0;
}
}  .emergency-grid .container dl{
border: 1px solid rgba(0, 107, 161, 1);
}
.emergency-grid .container dl.dl_table dt{
border: 0;
}
.emergency-grid dl dt{
background: #DC556B;
color: #ffffff;
border-radius: 4px;
font-weight: bold;
line-height: 1;
border-left: none;
}
.emergency-grid dl dd{
color: #2f6ba1;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.emergency-grid{
padding-top: 56px;
}
.emergency-grid .container{
padding: 2% 3% 3% 3%;
}
.emergency-grid .container dl{
padding: 2% 3%;
}
.emergency-grid dl dt{
width: 85px;
font-size: 3.6vw;
padding: 5px 10px;
margin-bottom: 2%;
}
.emergency-grid dl dd{
font-size: 3.26vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.98px){
.emergency-grid{
padding-top: 72px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.emergency-grid .container{
padding: 15px;
}
.emergency-grid .container dl{
padding: 10px;
}
.emergency-grid dl dt{
width: 85px;
font-size: 15px;
padding: 5px 10px;
}
.emergency-grid dl dd{
width: calc(100% - 80px);
padding-left: 10px;
font-size: 14px;
}
}
@media screen and (min-width: 1025px){
.emergency-grid .container{
padding: 15px;
}
.emergency-grid .container dl{
padding: 10px;
}
.emergency-grid dl dt{
width: 87px;
font-size: 16px;
padding: 5px 10px;
}
.emergency-grid dl dd{
width: calc(100% - 84px);
padding-left: 10px;
font-size: 15px;
}
} .nav-guide .nav-list{
border: 1px solid rgba(0, 107, 161, 1);
}
@media only screen and (max-width: 767px) {
.nav-guide{
margin-bottom: 3%;
}
.nav-guide .nav-list{
padding: 3% 3% 0px 3%;
}
.nav-guide .nav-list li{
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}
.nav-guide .nav-list li:nth-child(2n){
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.nav-guide{
margin-bottom: 15px;
}
.nav-guide .nav-list{
padding: 10px 10px 0px 10px;
}
.nav-guide .nav-list li{
width: 32.5%;
margin-right: 1.2%;
margin-bottom: 10px;
}
.nav-guide .nav-list li:nth-child(3n){
margin-right: 0;
}
}
@media screen and (min-width: 1025px){
.nav-guide{
margin-bottom: 20px;
}
.nav-guide .nav-list{
padding: 15px 15px 0px 15px;
}
.nav-guide .nav-list li{
width: 32%;
margin-right: 2%;
margin-bottom: 15px;
}
.nav-guide .nav-list li:nth-child(3n){
margin-right: 0;
}
} .news-guide .news-grid{
border: 1px solid rgba(0, 107, 161, 1);
}
.news-guide .news-grid h2.h2_ttl{
text-align: left;
}
.news-guide .news-grid h2.h2_ttl span{
display: inline-block;
background: #5AB200;
color: #ffffff;
border-radius: 4px;
font-weight: bold;
}
.news-grid .news-list div.news-items{
border-bottom: 1px solid rgba(0, 107, 161, 1);
}
.news-grid .news-list .news-items dl{
border: 1px solid #EEECEC;
}
.news-grid .news-list .news-items dl a{
color: rgba(65,65,65,1);
}
.news-grid .news-list .news-items dl dt{
font-weight: normal;
}
.news-grid .news-list .news-items dl a:hover dt{
color: rgba(56,74,211,1);
}
.news-grid .news-list .news-items dl dt::before{
content: none;
}
.news-grid .news-list p.news-items{
margin-bottom: 0;
}
.news-grid .news-list p.news-items a{
text-decoration: underline;
}
.news-guide .news-grid .more_btn li{
text-align: right;
}
.news-guide .news-grid .more_btn li a{
position: relative;
display: inline-block;
vertical-align: middle;
}
.news-guide .news-grid .more_btn li a::before{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.news-guide .news-grid .more_btn li a::before{
border-top: 1px solid #2e6da4;
border-right: 1px solid #2e6da4;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
.news-guide{
margin-bottom: 3%;
}
.news-guide .news-grid{
padding: 3%;
}
.news-guide .news-grid h2.h2_ttl{
margin-bottom: 3%;
}
.news-guide .news-grid h2.h2_ttl span{
font-size: 3.6vw;
padding: 5px 10px;
}
.news-grid .news-list{
margin-bottom: 3%;
}
.news-grid .news-list div.news-items{
margin-bottom: 3%;
}
.news-grid .news-list .news-items dl{
padding: 3%;
margin-bottom: 3%;
}
.news-grid .news-list .news-items dl dt{
font-size: 4.4vw;
margin-bottom: 3%;
}
.news-grid .news-list .news-items dl dd{
font-size: 3.4vw;
}
.news-grid .news-list p.news-items{
font-size: 3.4vw;
}
.news-guide .news-grid .more_btn li a{
padding: 0 15px 0 0;
font-size: 3.4vw;
}
.news-guide .news-grid .more_btn li a::before{
right: 3px;
width: 6px;
height: 6px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.news-guide{
margin-bottom: 15px;
}
.news-guide .news-grid{
padding: 10px;
}
.news-guide .news-grid h2.h2_ttl{
margin-bottom: 10px;
}
.news-guide .news-grid h2.h2_ttl span{
font-size: 16px;
padding: 5px 10px;
}
.news-grid .news-list{
margin-bottom: 10px;
}
.news-grid .news-list div.news-items{
margin-bottom: 10px;
}
.news-grid .news-list .news-items dl{
padding: 15px;
margin-bottom: 15px;
}
.news-grid .news-list .news-items dl dt{
font-size: 18px;
}
.news-grid .news-list .news-items dl dd{
font-size: 14px;
}
.news-grid .news-list p.news-items{
font-size: 14px;
}
.news-guide .news-grid .more_btn{
margin-top: auto;
}
.news-guide .news-grid .more_btn li a{
padding: 0 15px 0 0;
font-size: 14px;
}
.news-guide .news-grid .more_btn li a::before{
right: 3px;
width: 6px;
height: 6px;
}
}
@media screen and (min-width: 1025px){
.news-guide{
margin-bottom: 20px;
}
.news-guide .news-grid{
padding: 15px 20px;
}
.news-guide .news-grid h2.h2_ttl{
margin-bottom: 15px;
}
.news-guide .news-grid h2.h2_ttl span{
font-size: 16px;
padding: 5px 10px;
}
.news-grid .news-list{
margin-bottom: 15px;
}
.news-grid .news-list div.news-items{
margin-bottom: 20px;
}
.news-grid .news-list .news-items dl{
padding: 30px;
margin-bottom: 30px;
}
.news-grid .news-list .news-items dl dt{
font-size: 20px;
}
.news-grid .news-list .news-items dl dd{
font-size: 14px;
}
.news-grid .news-list p.news-items{
font-size: 15px;
}
.news-guide .news-grid .more_btn{
margin-top: auto;
}
.news-guide .news-grid .more_btn li a{
padding: 0 16px 0 0;
font-size: 15px;
}
.news-guide .news-grid .more_btn li a::before{
right: 3px;
width: 8px;
height: 8px;
}
} .info-guide .info-grid{
border: 1px solid rgba(0, 107, 161, 1);
}
.info-guide .info-grid h2.h2_ttl{
text-align: left;
}
.info-guide .info-grid h2.h2_ttl span{
display: inline-block;
color: #ffffff;
border-radius: 4px;
font-weight: bold;
}
.info-guide .info-grid h2.event_ttl span{
background: #005bac;
}
.info-guide .info-grid h2.club_ttl span{
background: #00afcc;
}
.info-guide .info-grid .info-list{
margin-top: 0;
margin-bottom: 0;
}
.info-guide .info-grid .info-list li{
margin-bottom: 0;
line-height: 1.9;
}
.info-guide .info-grid .info-list li a{
text-decoration: underline;
}
.info-guide .info-grid .more_btn li{
text-align: right;
}
.info-guide .info-grid .more_btn li a{
position: relative;
display: inline-block;
vertical-align: middle;
}
.info-guide .info-grid .more_btn li a::before{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.info-guide .info-grid .more_btn li a::before{
border-top: 1px solid #2e6da4;
border-right: 1px solid #2e6da4;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
.info-guide{
margin-bottom: 3%;
}
.info-guide .info-grid{
padding: 3%;
margin-bottom: 3%;
}
.info-guide .info-grid h2.h2_ttl{
margin-bottom: 3%;
}
.info-guide .info-grid h2.h2_ttl span{
font-size: 3.6vw;
padding: 5px 10px;
}
.info-guide .info-grid .info-list{
margin-bottom: 3%;
}
.info-guide .info-grid .info-list li{
font-size: 3.4vw;
}
.info-guide .info-grid .more_btn li a{
padding: 0 15px 0 0;
font-size: 3.4vw;
}
.info-guide .info-grid .more_btn li a::before{
right: 3px;
width: 6px;
height: 6px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.info-guide{
margin-bottom: 15px;
}
.info-guide .info-grid{
padding: 10px;
}
.info-guide .info-grid h2.h2_ttl{
margin-bottom: 10px;
}
.info-guide .info-grid h2.h2_ttl span{
font-size: 16px;
padding: 5px 10px;
}
.info-guide .info-grid .info-list{
margin-bottom: 10px;
}
.info-guide .info-grid .info-list li{
font-size: 14px;
}
.info-guide .info-grid .more_btn li a{
padding: 0 15px 0 0;
font-size: 14px;
}
.info-guide .info-grid .more_btn li a::before{
right: 3px;
width: 6px;
height: 6px;
}
}
@media screen and (min-width: 1025px){
.info-guide{
margin-bottom: 20px;
}
.info-guide .info-grid{
padding: 15px 20px;
}
.info-guide .info-grid h2.h2_ttl{
margin-bottom: 15px;
}
.info-guide .info-grid h2.h2_ttl span{
font-size: 16px;
padding: 5px 10px;
}
.info-guide .info-grid .info-list{
margin-bottom: 15px;
}
.info-guide .info-grid .info-list li{
font-size: 15px;
}
.info-guide .info-grid .more_btn li a{
padding: 0 16px 0 0;
font-size: 15px;
}
.info-guide .info-grid .more_btn li a::before{
right: 3px;
width: 8px;
height: 8px;
}
} .relation-guide .relation-grid dl dt{
color: #2e6da4;
text-align: center;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.relation-guide{
margin-bottom: 3%;
}
.relation-guide .relation-grid{
padding: 3%;
}
.relation-guide .relation-grid dl dt{
font-size: 4.4vw;
margin-bottom: 3%;
text-align: left;
}
.relation-guide .relation-grid dl dd ul li{
text-align: center;
margin-bottom: 2%;
}
.relation-guide .relation-grid dl dd ul li:last-child{
margin-bottom: 0;
}
.relation-guide .relation-grid dl dd ul li img{
max-width: 230px;
}
}
@media only screen and (min-width: 768px){
.relation-guide .relation-grid{
border: 1px solid rgba(0, 107, 161, 1);
background: #E5F0F6;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.relation-guide{
margin-bottom: 15px;
}
.relation-guide .relation-grid{
padding: 10px;
}
.relation-guide .relation-grid dl dt{
width: 120px;
font-size: 16px;
}
.relation-guide .relation-grid dl dd{
width: calc(100% - 120px);
}
.relation-guide .relation-grid dl dd ul{
justify-content: flex-end;
}
.relation-guide .relation-grid dl dd ul li{
max-width: 230px;
width: 32.5%;
text-align: center;
margin-left: 1.5%
}
}
@media screen and (min-width: 1025px){
.relation-guide{
margin-bottom: 20px;
}
.relation-guide .relation-grid{
padding: 15px 20px;
}
.relation-guide .relation-grid dl dt{
width: 200px;
font-size: 18px;
}
.relation-guide .relation-grid dl dd{
width: calc(100% - 200px);
}
.relation-guide .relation-grid dl dd ul li{
width: 230px;
text-align: center;
margin-left: 10px
}
} .bnr-guide .bnr-grid .bnr-list{
justify-content: flex-start;
flex-wrap: wrap;
}
.bnr-guide .bnr-grid ul li{
text-align: center;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.bnr-guide .bnr-grid{
padding: 3%;
}
.bnr-guide .bnr-grid ul li{
text-align: center;
margin-bottom: 2%;
}
.bnr-guide .bnr-grid ul li:last-child{
margin-bottom: 0;
}
.bnr-guide .bnr-grid ul li img{
max-width: 220px;
}
}
@media only screen and (min-width: 768px){
.bnr-guide{
margin-bottom: 3%;
}
.bnr-guide .bnr-grid{
border: 1px solid rgba(0, 107, 161, 1);
background: #E5F0F6;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.bnr-guide{
margin-bottom: 15px;
}
.bnr-guide .bnr-grid{
padding: 10px;
}
.bnr-guide .bnr-grid ul li{
margin-right: 1.5%;
width: 23%;
}
}
@media screen and (min-width: 1025px){
.bnr-guide{
margin-bottom: 20px;
}
.bnr-guide .bnr-grid{
padding: 15px 20px;
}
.bnr-guide .bnr-grid ul li{
margin-right: 1.5%;
width: 23%;
}
}
.bnr-guide .bnr-grid .bnr-list{
flex-wrap: wrap;
} .caption-header .container{
position: relative;
}
.caption-header .caption-nav{
width: 100%;
position: absolute;
right: 0;
left: 0;
}
.caption-header .caption-nav .menu-guidance-container, .caption-header .caption-nav .menu-schoollife-container, .caption-header .caption-nav .menu-education-container, .caption-header .caption-nav .menu-education2-container, .caption-header .caption-nav .menu-admissions-container, .caption-header .caption-nav .menu-career-container, .caption-header .caption-nav .menu-schoolofficials-container{
background: rgba(22, 140, 200, 0.8);
}
.caption-header .caption-nav .nav{
max-width: 800px;
margin: auto;
}
.caption-header .caption-nav .nav li{
-webkit-transform: skewX(150deg);
-moz-transform: skewX(150deg);
transform: skewX(150deg);
border-left: 1px solid #fff;
}
.caption-header .caption-nav .nav li:last-child{
border-right: 1px solid #fff;
}
.caption-header .caption-nav .nav a{
color: #ffffff;
display:block;
-webkit-transform: skewX(-150deg);
-moz-transform: skewX(-150deg);
transform: skewX(-150deg);
text-align: center;
}
.mainSection .content-left h2{
background: #339BCC;
color: #ffffff;
line-height: 1.8;
}
.mainSection .content-right p{
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.caption-header{
padding-top: 5%;
}
.caption-header .caption-nav{ position: relative;
}
.caption-header .caption-nav .nav{
padding: 0.5em 1em;
}
.caption-header .caption-nav .nav li{
padding: 0 1em;
margin: 0.5em 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.caption-header{
padding-top: 20px;
}
.caption-header .caption-nav{
bottom: 30px;
padding: 0 15px;
}
.caption-header .caption-nav .nav{
padding: 10px 20px;
}
.caption-header .caption-nav .nav li{
width: 16.6666%;
line-height: 1.4;
}
.caption-header .caption-nav .nav li a{
font-size: 13px;
}
}
@media screen and (min-width: 1025px){
.caption-header{
padding-top: 20px;
}
.caption-header .caption-nav{
bottom: 30px;
padding: 0 15px;
}
.caption-header .caption-nav .nav{
padding: 10px 0;
}
.caption-header .caption-nav .nav li{
width: 16.6666%;
line-height: 1.4;
}
.caption-header .caption-nav .nav li a{
font-size: 13px;
}
}  .entry-body .wp-block-column h2{
background: #339BCC;
color: #ffffff;
line-height: 1.8;
}
.entry-body .wp-block-column .wp-block-image{
margin: 0;
}
.entry-body .wp-block-column .wp-block-image img{
width: 100%;
}
.entry-body .wp-block-column dl{
border: 1px solid #0183c0;
}
.entry-body .wp-block-column dl dt{
background: #339bcc;
color: #ffffff;
text-align: center;
}
.entry-body .wp-block-column dl dd{
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.entry-body .wp-block-columns{
margin-bottom: 5%;
}
.entry-body .wp-block-column{
margin-bottom: 5%;
}
.entry-body .wp-block-column:last-child{
margin-bottom: 0;
} .entry-body .wp-block-column h2{
font-size: 4.4vw;
}
.entry-body .wp-block-column h3{
font-size: 4.2vw;
margin-bottom: 2%;
}
.entry-body .wp-block-column dl{
margin-bottom: 2%;
}
.entry-body .wp-block-column dl dt{
font-size: 4vw;
padding: 2%;
}
.entry-body .wp-block-column dl dd{
padding: 2% 3%;
font-size: 3.6vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.entry-body .wp-block-columns{
margin-bottom: 30px;
} .entry-body .wp-block-column h2{
font-size: 15px;
}
.entry-body .wp-block-column h3{
font-size: 18px;
margin-bottom: 5px;
}
}
@media screen and (min-width: 1025px){
.entry-body .wp-block-columns{
margin-bottom: 40px;
} .entry-body .wp-block-column h2{
font-size: 18px;
}
.entry-body .wp-block-column h3{
font-size: 20px;
margin-bottom: 20px;
}
.entry-body .wp-block-column dl{
margin-bottom: 5px;
}
.entry-body .wp-block-column dl dt{
width: 150px;
font-size: 16px;
}
.entry-body .wp-block-column dl dd{
width: calc(100% - 150px);
padding: 10px;
font-size: 14px;
}
} .entry-body .tablepress th{
border: 1px solid #006ba1;
background: #ffffff;
text-align: center;
font-weight: normal;
}
.page-template-page-guidance .entry-body thead th:first-child{
background: #0083C0;
color: #ffffff;
}
.entry-body .tablepress td{
border: 1px solid #006ba1;
}
.page-template-page-guidance .entry-body .tablepress td.column-2,
.page-template-page-guidance .entry-body .tablepress td.column-3,
.page-template-page-guidance .entry-body .tablepress td.column-4,
.page-template-page-guidance .entry-body .tablepress td.column-5{ }
@media only screen and (max-width: 767px) {
.entry-body .tablepress.pc_table{
display: none;
}
.page-template-page-guidance .entry-body #tablepress-7_wrapper{
padding-top: 5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.entry-body .tablepress.sp_table{
display: none;
}
.page-template-page-guidance .entry-body #tablepress-2_wrapper{
margin-top: 60px;
}
}
@media screen and (min-width: 1025px){
.entry-body .tablepress.sp_table{
display: none;
}
.page-template-page-guidance .entry-body #tablepress-2_wrapper{
margin-top: 60px;
}
} @media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
}
@media screen and (min-width: 1025px){
} footer{
background: #ffffff;
}
.footer-nav .row{
margin: 0;
}
.siteFooter .footer-box{
border: 1px solid rgb(0, 107, 161);
}
.siteFooter .footer-top{
border-bottom: 1px solid rgb(0, 107, 161);
}
.siteFooter .footer-top .add-wrap{
align-items: center;
}
.siteFooter .widget,
.siteFooter .footer-top .add-wrap h5{
margin: 0;
}
.siteFooter .footer-top .add-wrap ul li{
color: #2e6da4;
line-height: 1.4;
font-weight: 500;
}
.siteFooter .footer-nav .col-md-4{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 0;
}
footer .widget_nav_menu ul.sub-menu li{
list-style-type: disc;
color: #2e6da4;
}
footer .widget_nav_menu ul li a{
border-bottom: none;
color: #2e6da4;
padding: 0;
}
footer .menu-sp-footer-nav-container,
footer .sp-footer-nav{
display: none;
}
.siteFooter .footer-box .sns-list li{
display: inline-block;
}
footer .sectionBox.copySection,
.device-mobile .copySection{
padding: 0;
}
footer .copySection p{
color: #2e6da4;
}
@media only screen and (max-width: 767px) {
.siteFooter .footer-box{
padding: 3%;
margin-bottom: 5%;
}
.siteFooter .footer-top{
padding: 3%;
text-align: center;
}
.siteFooter .footer-top .add-wrap h5{
margin-bottom: 2%;
}
.siteFooter .footer-top .add-wrap h5 img{
max-width: 320px;
}
.siteFooter .footer-top .add-wrap ul li{
font-size: 3.4vw;
}
.siteFooter .footer-nav{
position: relative;
padding: 5% 3%;
}
.siteFooter .footer-top,
.siteFooter .footer-nav .col-md-4{
display: none;
}
footer .menu-sp-footer-nav-container,
footer .sp-footer-nav{
display: block;
}
footer .menu-sp-footer-nav-container ul li{
width: 50%;
margin-bottom: 5%;
}
footer .menu-sp-footer-nav-container ul li a{
color: #2e6da4;
margin-bottom: 5px;
font-size: 4vw;
font-weight: bold;
}
.siteFooter .footer-box .sns-list{
width: 50%;
position: absolute;
right: 0;
bottom: 5%;
text-align: center;
}
.siteFooter .footer-box .sns-list li{
margin-right: 5%;
}
.siteFooter .footer-box .sns-list li:last-child{
margin-right: 0;
}
footer .sp-footer-nav{
padding: 3%;
}
footer .sp-footer-nav ul{
padding: 0 3%;
}
footer .sp-footer-nav ul li{
width: 50%;
margin-bottom: 5%;
}
footer .sp-footer-nav ul li a{
color: #2e6da4;
margin-bottom: 5px;
font-size: 4vw;
font-weight: bold;
}
footer .copySection p{
font-size: 3.26vw;
padding: 2% 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.siteFooter .footer-box{
padding: 20px;
}
.siteFooter .footer-top{
padding-bottom: 20px;
}
.siteFooter .footer-top .add-wrap h5{
width: 60%;
}
.siteFooter .footer-top .add-wrap h5 span:first-child{
margin-right: 5px;
}
.siteFooter .footer-top .add-wrap ul li{
font-size: 14px;
}
.siteFooter .footer-nav{
padding: 20px 5px;
}
.siteFooter .footer-nav .col-md-4{
padding: 0;
margin-bottom: 20px;
}
.siteFooter .footer-nav  .widget_nav_menu{
width: 50%;
margin-bottom: 0;
}
footer .widget_nav_menu ul li a{
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
}
footer .widget_nav_menu ul.sub-menu{
padding-left: 10px;
padding-top: 10px;
}
footer .widget_nav_menu ul li li a{
margin-bottom: 0;
font-size: 12px;
font-weight: normal;
line-height: 1.5;
}
footer .copySection p{
padding: 10px 0 5px 0;
}
}
@media screen and (min-width: 1025px){
.siteFooter .footer-box{
padding: 30px;
}
.siteFooter .footer-top{
padding-bottom: 20px;
}
.siteFooter .footer-top .add-wrap h5 span:first-child{
margin-right: 5px;
}
.siteFooter .footer-top .add-wrap ul li{
font-size: 14px;
}
.siteFooter .footer-nav{
padding: 20px 15px 30px 15px;
}
.siteFooter .footer-nav .col-md-4{
padding: 0;
margin-bottom: 30px;
}
.siteFooter .footer-nav .widget_nav_menu{
width: 50%;
margin-bottom: 0;
}
footer .widget_nav_menu ul li a{
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
}
footer .widget_nav_menu ul.sub-menu{
padding-left: 10px;
padding-top: 10px;
}
footer .widget_nav_menu ul li li a{
margin-bottom: 0;
font-size: 12px;
font-weight: normal;
line-height: 1.5;
}
footer .copySection p{
padding: 20px 0 5px 0;
}
} .page .page-header_pageTitle{
display: none;
}
.page-header{
width: 95%;
max-width: 970px;
margin: 0 auto;
height: 350px;
background-size: 100%;
background-color: #fff!important;
}
@media only screen and (min-width: 768px){
.page-header{
margin-top: 20px!important;
}
}
@media only screen and (max-width: 768px) and (min-width: 640px){
.page-header{
height: 250px;
}
}
@media only screen and (max-width: 639px) and (min-width: 480px){
.page-header{
height: 200px;
}
}
@media only screen and (max-width: 479px){
.page-header{
height: 160px;
}
}
.mainSection-base-on{
padding-top: 0;
} .club_table table td{
border: 1px solid #006BA1;
vertical-align: top;
}
.club_table table td a{
color: #000;
text-decoration: underline;
} #nf-form-2-cont .nf-form-content input[type=button]{
background: #006BA1!important;
width: 100%!important;
} .single .page-header, .blog .page-header, .category .page-header, .archive .page-header{
height: 150px;
} h4{
font-size: 16px;
color: #0071a1;
border-bottom: 0px solid #fff;
border-bottom: none;
} label{
font-weight: bold;
}
label .req{
color: #f00;
} .mainSection header h1.entry-title:first-letter{
color:#000;
} .topics-guide .topics-grid{
border: 1px solid rgba(0, 107, 161, 1);
}
.topics-guide .topics-grid h2.h2_ttl{
text-align: left;
}
.topics-guide .topics-grid h2.h2_ttl span{
display: inline-block;
background: #005bac;
color: #ffffff;
border-radius: 4px;
font-weight: bold;
}
.topics-list .topics-items{
display: -webkit-box;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
border-bottom: solid 1px #337ab7;
}
.topics-list .topics-items.new:before {
background-color: #005bac;
color: #fff;
font-family: 'Roboto',sans-serif;
font-weight: 900;
text-align: center;
letter-spacing: .1em;
content: "NEW";
display: block;
box-sizing: border-box;
position: absolute;
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
}
.topics-list .topics-items a{
display: block;
text-decoration: none;
}
.topics-list .topics-items .imgArea{
text-align: center;
}
.topics-list .topics-items .imgArea img{
width: 100%;
height: 100%;
object-fit: cover;
}
.topics-list .topics-items .ttl{
font-size: 15px;
line-height: 1.6;
}
.topics-list .topics-items .date{
margin-top: auto;
align-items: center;
}
.topics-list .topics-items .entry-date{
color: #8c8c8c;
margin-bottom: 0;
}
.topics-guide .topics-grid .more_btn li{
text-align: right;
}
.topics-guide .topics-grid .more_btn li a{
position: relative;
display: inline-block;
vertical-align: middle;
}
.topics-guide .topics-grid .more_btn li a::before{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.topics-guide .topics-grid .more_btn li a::before{
border-top: 1px solid #2e6da4;
border-right: 1px solid #2e6da4;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
.topics-guide{
margin-bottom: 3%;
}
.topics-guide .topics-grid{
padding: 3%;
}
.topics-guide .topics-grid h2.h2_ttl{
margin-bottom: 3%;
}
.topics-guide .topics-grid h2.h2_ttl span{
font-size: 3.6vw;
padding: 5px 10px;
}
.topics-list .topics-items{
width: calc((100% - 13px) / 2);
margin-bottom: 18px;
padding-bottom: 14px;
}
.topics-list .topics-items:not(:nth-child(2n)){
margin-right: 13px;
}
.topics-list .topics-items.new:before{
font-size: 10px;
line-height: 1;
margin-top: 0;
margin-bottom: 0;
width: 59px;
height: 59px;
padding: 46px 0 4px
}
.topics-list .topics-items .imgArea{
margin-bottom: 5px;
}
.topics-list .topics-items .imgArea a{
height: 120px;
}
.topics-list .topics-items .ttl{
font-size: 3.4vw;
}
.topics-list .topics-items .date{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.topics-list .topics-items .entry-date{
font-size: 3.2vw;
}
.topics-list .topics-items .date i{
font-size: 3.2vw;
}
.topics-guide .topics-grid .more_btn li a{
padding: 0 15px 0 0;
font-size: 3.4vw;
}
.topics-guide .topics-grid .more_btn li a::before{
right: 3px;
width: 6px;
height: 6px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.topics-guide{
margin-bottom: 15px;
}
.topics-guide .topics-grid{
padding: 10px;
}
.topics-guide .topics-grid h2.h2_ttl{
margin-bottom: 10px;
}
.topics-guide .topics-grid h2.h2_ttl span{
font-size: 16px;
padding: 5px 10px;
}
.topics-list .topics-items{
width: calc((100% - 60px) / 4 - 0.1px);
margin-bottom: 27px;
padding-bottom: 14px;
}
.topics-list .topics-items:not(:nth-child(4n)){
margin-right: 20px;
}
.topics-list .topics-items.new:before{
font-size: 12px;
line-height: 1;
margin-top: 0;
margin-bottom: 0;
width: 79px;
height: 79px;
padding: 62px 0 5px
}
.topics-list .topics-items .imgArea{
margin-bottom: 10px;
}
.topics-list .topics-items .imgArea a{
height: 120px;
}
.topics-list .topics-items .ttl{
font-size: 14px;
}
.topics-list .topics-items .entry-date{
font-size: 12px;
}
.topics-list .topics-items .date i{
font-size: 12px;
}
.topics-guide .topics-grid .more_btn li a{
padding: 0 15px 0 0;
font-size: 14px;
}
.topics-guide .topics-grid .more_btn li a::before{
right: 3px;
width: 6px;
height: 6px;
}
}
@media screen and (min-width: 1025px){
.topics-guide{
margin-bottom: 20px;
}
.topics-guide .topics-grid{
padding: 15px 20px;
}
.topics-guide .topics-grid h2.h2_ttl{
margin-bottom: 15px;
}
.topics-guide .topics-grid h2.h2_ttl span{
font-size: 16px;
padding: 5px 10px;
}
.topics-list .topics-items{
width: calc((100% - 81px) / 4 - 0.1px);
margin-bottom: 27px;
padding-bottom: 14px;
}
.topics-list .topics-items:not(:nth-child(4n)){
margin-right: 27px;
}
.topics-list .topics-items.new:before{
font-size: 12px;
line-height: 1;
margin-top: 0;
margin-bottom: 0;
width: 79px;
height: 79px;
padding: 62px 0 5px
}
.topics-list .topics-items .imgArea{
margin-bottom: 15px;
}
.topics-list .topics-items .imgArea a{
height: 160px;
}
.topics-list .topics-items .ttl{
font-size: 15px;
}
.topics-list .topics-items .entry-date{
font-size: 12px;
}
.topics-list .topics-items .date i{
font-size: 14px;
}
.topics-guide .topics-grid .more_btn li a{
padding: 0 16px 0 0;
font-size: 15px;
}
.topics-guide .topics-grid .more_btn li a::before{
right: 3px;
width: 8px;
height: 8px;
}
}