@charset "utf-8";
   h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
a ,
abbr ,
acronym ,
address ,
applet ,
article ,
aside ,
audio ,
b ,
big ,
blockquote ,
body ,
caption ,
canvas ,
center ,
cite ,
code ,
dd ,
del ,
details ,
dfn ,
dialog ,
div ,
dl ,
dt ,
em ,
embed ,
fieldset ,
figcaption ,
figure ,
form ,
footer ,
header ,
hgroup ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
html ,
i ,
iframe ,
img ,
ins ,
kbd ,
label ,
legend ,
li ,
mark ,
menu ,
nav ,
object ,
ol ,
output ,
p ,
pre ,
q ,
ruby ,
s ,
samp ,
section ,
main ,
small ,
span ,
strike ,
strong ,
sub ,
summary ,
sup ,
tt ,
table ,
tbody ,
textarea ,
tfoot ,
thead ,
time ,
tr ,
th ,
td ,
u ,
ul ,
var ,
video{
padding : 0;
margin : 0;
font-family : Roboto , "Noto Sans JP" , sans-serif;
font-size : 100%;
font-weight : 400;
line-height : 1;
white-space : normal;
vertical-align : baseline;
background : transparent;
border : 0;
outline : 0;
}
article ,
aside ,
details ,
figcaption ,
figure ,
footer ,
header ,
hgroup ,
menu ,
nav ,
section ,
main{
display : block;
}
img{
width : 100%;
max-width : 100%;
vertical-align : bottom;
filter : alpha( opacity=100 );
border : none;
opacity : 1;
-webkit-transition : .2s ease-in;
transition : .2s ease-in;
-webkit-backface-visibility : hidden;
backface-visibility : hidden;
}
a{
color : #000;
text-decoration : none;
}
a:hover{
text-decoration : none;
}
a:focus{
outline : none;
}
li{
list-style : none;
}
input[type="text"] ,
input[type="password"] ,
textarea ,
select{
outline : none;
}
body{
width : 100%;
min-width : auto;
overflow-x : hidden;
letter-spacing : .1em;
} @font-face{
font-family : "Noto Sans JP";
font-style : normal;
font-weight : 400;
src : local( "Noto Sans Japanese Regular" ) , local( "NotoSansJapanese-Regular" ) , url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/noto-sans-jp_400.woff2) format( "woff2" );
font-display : swap;
} @font-face{
font-family : "Noto Sans JP";
font-style : normal;
font-weight : 700;
src : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/noto-sans-jp-v25-latin-700.eot); src : local( "Noto Sans Japanese Bold" ) , local( "NotoSansJapanese-Bold" ) , url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/noto-sans-jp_700.woff2) format( "woff2" );
font-display : swap;
} @font-face{
font-family : Roboto;
font-style : normal;
font-weight : 400;
src : local( "Roboto" ) , local( "Roboto-Regular" ) , url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/roboto_400.woff2) format( "woff2" );
font-display : swap;
} @font-face{
font-family : Roboto;
font-style : normal;
font-weight : 500;
src : local( "Roboto Medium" ) , local( "Roboto-Medium" ) , url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/roboto_500.woff2) format( "woff2" );
font-display : swap;
} .clearfix{
zoom : 1;
}
.clearfix::after{
display : block;
clear : both;
content : "";
}
@media print{
.clearfix{
overflow : hidden;
}
}
.Tcenter{
text-align : center;
}
html{
height : 100%;
margin : 0 ! important;
}
.inner{
position : relative;
z-index : 98;
box-sizing : border-box;
justify-content : space-between;
width : 100%;
max-width : 1000px;
padding-left : 10px;
padding-right : 10px;
margin-left : auto;
margin-right : auto;
}
.wrap-box{
display : -ms-flexbox;
display : flex;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
justify-content : space-between;
-ms-flex-pack : justify;
}
.anchor-txt{
position : absolute;
top : 0;
left : 0;
z-index : 2;
width : 100%;
height : 100%;
}
img{
width : 100%;
max-width : 100%;
height : auto;
} #header{
position : relative;
position : fixed;
top : 0;
left : 0;
z-index : 300;
width : 100%;
padding-top : 20px;
padding-bottom : 20px;
background : white;
box-shadow : 0 4px 4px 0 rgb( 0 0 0 / .2 );
-webkit-transition : all .4s;
-moz-transition : all .4s;
-ms-transition : all .4s;
-o-transition : all .4s;
transition : all .4s;
}
header#header{
position : absolute;
top : 0;
left : 0;
z-index : 10;
width : 100%;
background : transparent;
}
#header .jokatsu-header{
align-items : center;
max-width : 994px;
padding : 0 20px;
}
#header-logo{
width : 173px;
height : 64px;
margin-right : 48px;
}
.header-left ,
.header-right ,
.head-sns{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
}
.header-left .head-sns a{
display : inline-block;
margin-right : 16px;
}
.header-left .head-sns .sns-icon{
width : 30px;
height : 30px;
}
.header-right .search{
width : 40px;
height : 40px;
margin : 6px 32px auto auto;
}
.header-right .jokatsu-link ,
.header-right .stacari-link{
width : auto;
height : 48px;
}
.header-right .jokatsu-link{
margin-right : 20px;
}
.header-right .consultation-link ,
.header-right .materials-link{
width : auto;
height : 48px;
}
.header-right .consultation-link{
margin-right : 10px;
}
@media screen and ( max-width : 900px ){
.header-right .search{
display : none;
}
#header-logo{
margin-right : 24px;
}
.header-center ul li a{
font-size : 14px;
}
.header-right .jokatsu-link ,
.header-right .stacari-link{
height : 40px;
}
}
#panel-btn{
position : relative;
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-ms-flex-direction : column;
flex-direction : column;
justify-content : space-around;
width : 16px;
height : 14px;
padding : 0;
margin : 8px 18px 8px 0;
cursor : pointer;
background : none;
border : none;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
-ms-flex-pack : distribute;
}
.panel-btn-icon{
width : 16px;
height : 3px;
margin-bottom : 3px;
background : #b60004;
}
.panel-btn-icon:nth-last-of-type( 1 ){
margin : 0;
}
#panel-btn-icon::before ,
#panel-btn-icon::after{
content : none;
}
#panel-btn-icon::before{
margin-top : -4px;
}
#panel-btn-icon::after{
margin-bottom : -4px;
}
.open-menu #panel-btn-icon::before ,
.open-menu #panel-btn-icon::after{
background : white;
} #nav-bar{
width : 100%;
margin-top : 105px;
background : #f6f6f6;
}
#nav-bar ul{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
width : fit-content;
height : 77px;
margin : auto;
}
#nav-bar li{
box-sizing : border-box;
margin : auto 16px;
line-height : 72px;
}
#nav-bar li a{
display : inline-block;
height : 100%;
font-size : 20px;
font-weight : 700;
line-height : 77px;
color : #bcbcbc;
}
#nav-bar li.active a{
margin-top : 5px;
line-height : 68px;
color : #1e1e1e;
border-bottom : 5px solid #b60004;
} .open-menu #sp-menubox{
left : 0 ! important;
}
.open-menu #sp-overlay{
display : block;
}
#sp-overlay{
position : fixed;
top : 0;
left : 0;
z-index : 1500;
display : none;
width : 100%;
height : 100vh;
background : rgb( 0 0 0 / .6 );
-webkit-transition : all .4s;
-moz-transition : all .4s;
-ms-transition : all .4s;
-o-transition : all .4s;
transition : all .4s;
}
#sp-menubox{
position : fixed;
top : 0;
left : -100%;
z-index : 2000;
width : 300px;
height : 100vh;
padding : 0;
background : white;
-webkit-transition : all .4s;
-moz-transition : all .4s;
-ms-transition : all .4s;
-o-transition : all .4s;
transition : all .4s;
}
#sp-menubox .head::before ,
#sp-menubox .head::after{
position : absolute;
width : 26px;
height : 26px;
content : "";
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/triangle.png);
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
#sp-menubox .head::before{
top : 1px;
left : 1px;
}
#sp-menubox .head::after{
bottom : 1px;
right : 1px;
-moz-transform : rotate( 180deg );
-webkit-transform : rotate( 180deg );
-o-transform : rotate( 180deg );
-ms-transform : rotate( 180deg );
transform : rotate( 180deg );
}
#sp-menubox .head{
position : relative;
padding : 22px;
}
#sp-menubox .head h2{
margin : 0;
text-align : center;
}
#sp-menubox .head h2 a{
display : inline-block;
font-weight : 700;
}
#sp-menubox .head h2 img{
width : 169px;
}
#sp-menubox .menu-box h3 a{
-webkit-transition : all .4s;
-moz-transition : all .4s;
-ms-transition : all .4s;
-o-transition : all .4s;
transition : all .4s;
}
#sp-menubox .menu-box h3{
padding : 2px 24px 4px;
margin : 0;
font-size : 12px;
line-height : 1.5em;
color : #1e1e1e;
letter-spacing : 1.71px;
background-color : #ececec;
}
#sp-menubox .menu-box .contents-list-box{
width : 100%;
padding : 0;
margin : 0;
list-style : none;
}
#sp-menubox .menu-box li{
box-sizing : border-box;
height : 44px;
padding : 12px 24px;
margin : 0;
border-bottom : 1px solid #efefef;
}
#sp-menubox .menu-box li a{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
width : 100%;
height : 100%;
}
#sp-menubox .menu-box li img{
display : block;
width : 20px;
height : 20px;
margin-right : 16px;
}
#sp-menubox .menu-box li p{
font-size : 12px;
font-weight : 700;
line-height : 20px;
color : #1e1e1e;
}
#sp-menubox .menu-box .menu-box-links{
display : flex;
padding : 18px;
}
#sp-menubox .menu-box .menu-box-links a{
width : 50%;
}
#sp-menubox .menu-box .menu-box-links img{
width : auto;
height : 56px;
margin : auto;
} #footer{
display : block;
height : auto;
background : none;
background-size : 100%;
}
#footer .footer-youtube{
padding : 48px 0;
background : #ffcd00;
}
#footer .footer-youtube .logo{
margin-bottom : 32px;
text-align : center;
}
#footer .footer-youtube .logo img{
width : 200px;
}
#footer #slide-youtube{
max-width : 672px;
margin : auto;
}
#footer #slide-youtube .slick-list{
margin-bottom : 32px;
}
#footer #slide-youtube .content{
width : 100%;
margin : auto;
margin-bottom : 22px;
}
#footer #slide-youtube .youtube-container{
position : relative;
width : 100%;
padding-top : 52%;
margin : auto;
overflow : hidden;
}
#footer #slide-youtube .content iframe{
position : absolute;
top : 0;
left : 0;
box-sizing : border-box;
display : block;
width : 100%;
height : 100%;
border : 3px solid white;
} #footer .footer-entry{
background : #b60004;
}
#footer .footer-entry .inner{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
max-width : 768px;
padding : 48px;
margin : auto;
}
#footer .footer-entry img{
width : 239px;
}
#footer .footer-entry .box{
color : white;
}
#footer .footer-entry .box p{
margin : 0 auto 8px;
font-size : 16px;
line-height : 1.5em;
text-align : center;
letter-spacing : 1.33px;
}
#footer .footer-entry .box h4{
margin : 0 auto 32px;
font-size : 24px;
font-weight : 700;
line-height : 1.5em;
text-align : center;
letter-spacing : 2px;
}
#footer .footer-entry .box ul{
padding : 0;
margin : 0 0 32px;
}
#footer .footer-entry .box li{
position : relative;
padding-left : 35px;
margin : auto auto 16px;
font-size : 16px;
font-weight : 700;
line-height : 1.5em;
color : white;
letter-spacing : 1.23px;
}
#footer .footer-entry .box li::before{
position : absolute;
top : 0;
left : 0;
display : inline-block;
width : 23px;
height : 23px;
content : "";
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/check_wht.svg);
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
#footer .footer-entry .box a{
box-sizing : border-box;
display : block;
width : 100%;
padding : 16px;
font-size : 14px;
line-height : 20px;
color : white;
text-align : center;
border : 3px solid white;
}
#footer .sns-banner{
width : 324px;
padding : 40px 0;
margin : auto;
}
#footer .sns-banner a{
display : inline-block;
width : 100%;
margin : 0 auto 8px;
}
#footer .sns-banner .line-banner{
margin : 0 auto 17px;
}
#footer .sns-banner img{
width : 100%;
}
#footer .footer-top{
height : 50px;
padding : 24px;
text-align : center;
background : #f6f6f6;
}
#footer .footer-top a{
display : inline-block;
}
#footer .footer-top img{
display : block;
width : auto;
height : 50px;
margin : auto;
}
#footer .footer-bottom{
padding : 48px;
background : #1e1e1e;
}
#footer .footer-bottom{
display : block;
margin : auto;
background : #1e1e1e;
}
#footer .footer-bottom .inner{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
justify-content : center;
width : 550px;
margin : auto;
-webkit-box-pack : center;
-ms-flex-pack : center;
}
#footer .footer-bottom ul{
width : 247px;
padding : 0;
margin : auto;
}
#footer .footer-bottom ul:nth-of-type( 1 ){
margin-right : 40px;
}
#footer .footer-bottom li{
border-bottom : 1px solid #2a2a2a;
}
#footer .footer-bottom a{
box-sizing : border-box;
display : -webkit-box;
display : -ms-flexbox;
display : flex;
justify-content : flex-start;
width : 100%;
height : 46px;
padding : 12px 18px;
-webkit-box-pack : start;
-ms-flex-pack : start;
}
#footer .footer-bottom img{
width : 22px;
height : 22px;
margin-right : 22px;
}
#footer .footer-bottom p{
font-size : 14px;
line-height : 22px;
color : white;
letter-spacing : 2px;
} .contents-list-box li{
position : relative;
margin-left : 15px;
font-size : 19px;
}
.contents-list-box li::before{
position : absolute;
top : 4px;
left : -15px;
display : block;
width : 10px;
height : 10px;
content : "";
background : rgb( 255 205 0 );
border-radius : 50%;
} .btn{
text-align : center;
}
.btn a{
display : inline-block;
min-width : 160px;
max-width : 100%;
padding : 30px;
margin : auto;
line-height : 55px;
line-height : 1.5;
color : white;
text-align : center;
background : rgb( 255 205 0 );
border : 1px solid rgb( 255 205 0 );
border-radius : 4px;
-webkit-transition : all .4s;
-moz-transition : all .4s;
-ms-transition : all .4s;
-o-transition : all .4s;
transition : all .4s;
}
.btn a:hover{
background : white;
}
.btn a:hover{
color : rgb( 255 205 0 );
}
.contents-box ,
.ranking-box ,
.pickup-box{
padding-bottom : 32px;
margin-bottom : 32px;
} .link-more{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : end;
-ms-flex-pack : end;
justify-content : flex-end;
text-align : right;
}
.link-more a{
display : inline-block;
font-size : 15px;
font-weight : 600;
line-height : 20px;
color : #333;
}
.link-more::after{
display : block;
width : 20px;
height : 20px;
content : "";
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/arrow_right_blk.svg);
background-repeat : no-repeat;
background-position : center;
background-size : cover;
} .list-title{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
justify-content : space-between;
width : 100%;
margin-bottom : 22px;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
}
.list-title .title{
position : relative;
z-index : 1;
width : fit-content;
padding : 6px 18px 6px 6px;
font-size : 20px;
line-height : 1.5em;
color : white;
}
.list-title .title::before{
position : absolute;
top : 0;
bottom : 0;
left : 0;
right : 0;
z-index : -1;
content : "";
background : #b60004;
transform : scaleY( 1.1 ) perspective( 1.6em ) rotateX( 5deg );
transform-origin : bottom left;
}
.list-title img{
width : fit-content;
width : 28px;
height : 28px;
margin-right : 8px;
color : white;
background : #b60004;
}
.list-title .link-more{
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
} .pickup-box .list-box{
margin-bottom : 80px;
overflow : hidden;
}
.pickup-box li.box{
position : absolute;
max-width : 307px;
background : white;
border : 1px solid rgb( 255 205 0 );
box-shadow : 4px 5px 9px 3px #dbdbdb;
}
.pickup-box li.box .inbox{
padding : 15px 30px;
}
.pickup-box li.box h3{
padding-bottom : 10px;
margin-bottom : 20px;
font-size : 21px;
font-weight : 700;
line-height : 1.6;
border-bottom : 1px solid #ccc;
-webkit-transition : all .4s;
-moz-transition : all .4s;
-ms-transition : all .4s;
-o-transition : all .4s;
transition : all .4s;
}
.pickup-box li.box:hover h3{
color : rgb( 255 205 0 );
}
.pickup-box li.box .txt{
line-height : 1.6;
}
.pickup-box li.box .item{
font-weight : 700;
text-decoration : underline;
}
.pickup-box .tags{
margin-bottom : 15px;
}
.pickup-box .tags li{
position : relative;
display : inline-block;
margin-right : 10px;
font-size : 14px;
}
.pickup-box .tags li a{
color : #3e3a39;
}
.pickup-box .tags li::before{
content : "#";
}
#tiles{
box-sizing : border-box;
margin : 0 auto 80px;
overflow : hidden;
transition : opacity .3s;
} .ranking-box{
box-sizing : border-box;
width : 100%;
max-width : 993px;
padding : 0 15px;
margin : auto;
margin-top : 64px;
}
.ranking-box li{
position : relative;
width : 17.756%;
}
.ranking-box li .cap{
position : relative;
height : 150px;
margin-bottom : 15px;
overflow : hidden;
}
.ranking-box li .cap .cap-image{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
-webkit-transition : .5s;
transition : .5s;
}
.ranking-box li p{
line-height : 1.4;
-webkit-transition : .5s;
transition : .5s;
}
.ranking-box li:hover p{
color : rgb( 255 205 0 );
}
.ranking-box li .icon{
position : absolute;
top : -6px;
left : -6px;
z-index : 3;
width : 64px;
height : 64px;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
}
.ranking-box li:nth-child( 1 ) .icon{
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/ranking1.png);
}
.ranking-box li:nth-child( 2 ) .icon{
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/ranking2.png);
}
.ranking-box li:nth-child( 3 ) .icon{
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/ranking3.png);
}
.ranking-box li .no-image{
position : relative;
align-items : center;
justify-content : center;
padding-top : 0;
text-align : center;
background : #ddd;
-webkit-transition : .5s;
transition : .5s;
}
.ranking-box li .no-image .itemtxt{
color : #999;
}
#profile{
box-sizing : border-box;
width : 100%;
padding : 20px;
margin-bottom : 60px;
margin-left : auto;
margin-right : auto;
background : rgb( 242 242 242 );
}
#profile .left{
float : left;
width : 150px;
margin-bottom : 20px;
margin-right : 20px;
}
#profile h3{
margin-bottom : 20px;
font-size : 20px;
font-weight : 700;
}
#profile h3 span{
display : block;
margin-bottom : 10px;
font-size : 14px;
}
#profile p{
font-size : 14px;
line-height : 1.5;
color : #666;
}
@media screen and ( max-width : 767px ){
.ranking-box li .cap{
padding-top : 9rem;
}
.ranking-box li .no-image{
height : 9rem;
padding-top : 0;
}
} .search-box{
margin-bottom : 150px;
}
.search-box .inner{
max-width : 580px;
}
.search-box #searchform{
margin-bottom : 40px;
background : white;
border : 3px solid rgb( 255 205 0 );
}
.search-box #searchform #s{
font-family : Roboto , "Noto Sans JP" , sans-serif;
font-size : 24px;
color : #000;
}
.search-box #searchsubmit::before{
top : calc( 50% - 16px );
left : calc( 50% - 24px );
width : 24px;
height : 24px;
}
.search-box #searchsubmit::after{
top : calc( 50% + 8px );
left : calc( 50% + -8px );
width : 16px;
height : 16px;
border-top : solid 4px rgb( 255 205 0 );
}
.search-box #searchform #s::placeholder{
font-size : 24px;
}
.search-box input::-ms-input-placeholder ,
.search-box input:-ms-input-placeholder ,
.search-box input::placeholder{
color : rgb( 204 204 204 ) ! important;
}
.search-box #searchsubmit::before{
box-shadow : 0 0 0 4px rgb( 255 205 0 );
}
.search-box .contents-list-box{
margin-bottom : 50px;
}
.search-box .contents-list-box li{
font-size : 21px;
font-weight : 700;
}
.search-box .contents-list-box li a{
font-weight : 700;
-webkit-transition : .5s;
transition : .5s;
}
.search-box .contents-list-box li a:hover{
color : rgb( 255 205 0 );
}
.search-box .contents-list-box li:not( :last-child ){
margin-bottom : 25px;
}
.search-box #s::-webkit-input-placeholder{
color : #f00;
}
.search-box #s::-moz-placeholder{
color : #f00;
}
.search-box #s::-ms-input-placeholder{
color : #f00;
} .contents-tag-box li{
position : relative;
box-sizing : border-box;
width : fit-content;
padding : 8px;
margin : 0 16px 16px 0;
text-align : center;
background : #ececec;
}
.contents-tag-box{
justify-content : flex-start;
}
.contents-tag-box li:hover{
color : white;
background : rgb( 255 205 0 );
}
.contents-tag-box li .txt{
position : relative;
font-size : 16px;
color : #8f8f8f;
}
.contents-tag-box li .txt::before{
content : "#";
}
.contents-box .tags-box{
max-width : 720px;
padding : 80px 0 70px;
}
.contents-box .tags-box li ,
.contents-box .tags-box li:nth-child( 4 ){
margin-right : 1.5%;
}
.contents-box .tags-box li{
width : 18.8%;
}
.contents-box .min-contents{
position : relative;
z-index : 5;
display : none;
-webkit-transition : .5s;
transition : .5s;
}
.contents-box .tags-box li:nth-child( 5n ){
margin-right : 0;
}
.ranking-box li:hover span{
transform : scale( 1.1 );
}
.ranking-box li:hover .no-image span{
transform : scale( 1 );
}
.sns-box h2{
color : rgb( 255 205 0 );
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/fukidashi.png) no-repeat center top;
background-size : 100%;
}
#footer .footer-logo{
width : 300%;
max-width : 300px;
margin : 0 auto 50px;
}
.contents-nav li.active{
color : white;
background : rgb( 255 205 0 );
border : 2px solid rgb( 255 205 0 );
}
.contents-nav li.active .txt{
color : black;
}
.contents-nav{
position : relative;
z-index : 10;
transform : translate( 0 , 30px );
}
.contents-nav li{
width : 48.5%;
padding : 22px 0 20px;
text-align : center;
cursor : pointer;
background : white;
border : 2px solid rgb( 178 178 178 );
border-radius : 4px;
-webkit-transition : .5s;
transition : .5s;
}
.contents-nav .txt{
position : relative;
padding : 0 25px 0 0;
font-size : 21px;
font-weight : 700;
color : rgb( 178 178 178 );
text-decoration : none;
vertical-align : middle;
-webkit-transition : .5s;
transition : .5s;
}
.contents-nav .txt::before ,
.contents-nav .txt::after{
position : absolute;
top : 0;
bottom : 0;
right : 0;
margin : auto;
vertical-align : middle;
content : "";
}
.contents-nav li.active .txt::before{
background : white;
}
.contents-nav li.active .txt::after{
border-left : 4px solid rgb( 178 178 178 );
}
.contents-nav .txt::before{
width : 16px;
height : 16px;
background : rgb( 178 178 178 );
-webkit-border-radius : 50%;
border-radius : 50%;
}
.contents-nav .txt::after{
right : 2px;
box-sizing : border-box;
width : 4px;
height : 4px;
border : 4px solid transparent;
border-left : 4px solid #fff;
} .icon-box-title{
align-items : center;
justify-content : center;
margin-bottom : 50px;
text-align : center;
}
.icon-box-title .font_sans ,
.icon-box-title .txt{
display : block;
}
.icon-box-title .font_sans{
margin-bottom : 5px;
font-size : 50px;
font-weight : 500;
letter-spacing : .1em;
}
.icon-box-title .txt{
font-size : 22px;
font-weight : 700;
}
.icon-box-title .icon{
width : 45px;
margin-right : 20px;
} .tag-title{
max-width : 994px;
margin : 0 0 40px;
text-align : right;
}
.tag-title h3{
display : inline-block;
padding : 10px 12px;
font-size : 18px;
font-weight : 700;
color : #1e1e1e;
background : #ffcd00;
}
.tag-title .txt{
font-weight : 700;
} .campus-top-banner img{
display : none;
}
.campus-top-banner{
position : relative;
padding-top : 41.012%;
margin-top : 105px;
}
.campus-top-banner .cap{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center top;
background-size : cover;
} .index-search-box{
width : 690px;
padding : 50px 0;
background : rgb( 255 205 0 );
border-radius : 6px;
transform : translate( 0 , -25px );
}
.index-search-box .txt{
margin-bottom : 30px;
font-size : 20px;
font-weight : 700;
line-height : 1.6;
text-align : center;
}
.index-search-box #searchform{
width : 100%;
max-width : 496px;
padding : 20px;
margin : 0 auto 30px;
background : white;
border-radius : 10px;
}
input::placeholder{
color : rgb( 204 204 204 ) ! important;
}
.index-search-box #searchform #s::placeholder{
font-size : 24px;
}
.index-search-box .keyword{
display : table;
width : 100%;
max-width : 496px;
margin : 0 auto;
table-layout : fixed;
}
.index-search-box .keyword dt ,
.index-search-box .keyword dd{
display : table-cell;
vertical-align : middle;
}
.index-search-box .keyword dt{
font-size : 20px;
font-weight : 700;
}
.index-search-box .keyword dd{
width : 68%;
}
.index-search-box .keyword dd ul{
position : relative;
}
.index-search-box .keyword dd ul::before{
position : absolute;
top : 3px;
left : -20px;
display : block;
width : 0;
height : 0;
content : "";
border-color : transparent transparent transparent white;
border-style : solid;
border-width : 5px 0 5px 10px;
}
.index-search-box .keyword dd li{
position : relative;
display : inline-block;
font-size : 17px;
}
.index-search-box .keyword dd li a{
font-weight : 700;
-webkit-transition : .5s;
transition : .5s;
}
.index-search-box .keyword dd li a:hover{
color : rgb( 000 000 000 / .2 );
}
.index-search-box .keyword dd li::before{
content : "#";
}
.index-search-box .keyword dd li:not( :last-child ){
margin-right : 12px;
} .index-campus-slider{
margin-bottom : 150px;
background : rgb( 255 205 0 );
}
.index-campus-slider #slide-auto-box{
width : 100%;
max-width : 690px;
margin : auto;
transform : translate( 0 , -50px );
}
.index-campus-slider #slide-auto-box .cap{
padding-top : 10.3261%;
}
.index-campus-slider #slide-auto-box figure{
position : absolute;
top : 0;
left : 0;
z-index : 1;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : 100%;
-webkit-transition : all .5s ease;
transition : all .5s ease;
}
.index-campus-slider #slide-auto-box .slick-dots{
bottom : -100px;
width : 100%;
margin : auto;
}
.index-campus-slider .slick-dots li button{
background : rgb( 204 204 204 );
}
.index-campus-slider .slick-dots li.slick-active button{
background : rgb( 255 205 0 );
} .contents-box .box{
padding : 80px 0 70px;
}
.contents-box .box:last-of-type{
padding-bottom : 0;
}
.contents-box .box:nth-of-type( odd ){
background : rgb( 242 242 242 );
}
.contents-box .banner{
width : 100%;
max-width : 512px;
}
.contents-box .banner h2{
margin-bottom : 25px;
}
.contents-box .list-box{
width : 100%;
max-width : 423px;
}
.contents-box .list-box li{
position : relative;
}
.contents-box .list-box li dl{
display : table;
width : 100%;
table-layout : fixed;
}
.contents-box .list-box li dt ,
.contents-box .list-box li dd{
display : table-cell;
vertical-align : top;
}
.contents-box .list-box li dd{
padding-left : 20px;
}
.contents-box .list-box li .data{
padding-bottom : 5px;
line-height : 2.6;
border-bottom : 1px solid #ccc;
}
.contents-box .list-box li:not( :last-child ){
margin-bottom : 20px;
}
.contents-box .list-box li .txt{
font-size : 18px;
font-weight : 500;
font-weight : 700;
line-height : 1.6;
-webkit-transition : .5s;
transition : .5s;
}
.contents-box .list-box li .txt .item{
color : #999;
}
.contents-box .list-box li:hover .txt{
color : rgb( 255 205 0 );
}
.contents-box .inbox{
align-items : flex-start;
max-width : 994px;
}
.contents-box .btn a{
padding : 16px 0;
}
.contents-box .list-box li .cap{
position : relative;
padding-top : 71.092%;
overflow : hidden;
}
.contents-box .list-box li .no-image .itemtxt ,
.corner-list-box li dt.no-image .itemtxt{
position : absolute;
top : 50%;
left : 50%;
z-index : 2;
width : 100%;
color : #999;
text-align : center;
-webkit-transition : .2s;
transition : .2s;
-webkit-transform : translate( -50% , -50% );
transform : translate( -50% , -50% );
}
.pickup-box li.box .no-image ,
.contents-box .list-box li dt.no-image ,
.corner-list-box li dt.no-image{
align-items : center;
justify-content : center;
padding-top : 0;
text-align : center;
background : #ddd;
}
.contents-box .list-box li dt figure{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center top;
background-size : cover;
-webkit-transition : all .5s ease;
transition : all .5s ease;
}
.contents-box .list-box li:hover figure{
transform : scale( 1.1 );
}
.pickup-box li.box .no-image ,
.corner-list-box li dt.no-image{
padding-top : 50%;
}
.pickup-box li.box .no-image .itemtxt ,
.corner-list-box li dt.no-image .itemtxt{
color : #999;
} #slide-series-pc{
position : relative;
margin-bottom : 94px;
}
#slide-series-pc .slide-arrow{
position : absolute;
top : calc( 50% - 10px );
z-index : 1;
width : 20px;
height : 20px;
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/arrow_blk.png);
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
#slide-series-pc .prev-arrow{
left : 88px;
-moz-transform : rotate( 180deg );
-webkit-transform : rotate( 180deg );
-o-transform : rotate( 180deg );
-ms-transform : rotate( 180deg );
transform : rotate( 180deg );
}
#slide-series-pc .next-arrow{
right : 88px;
}
#slide-series-pc .content{
width : 100%;
}
#slide-series-pc .content a{
position : relative;
display : block;
width : 100%;
padding-top : 26%;
overflow : hidden;
}
#slide-series-pc .content img{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
object-fit : cover;
}
#slide-series-pc .content img.yoidore{
object-position : 50% 15%;
}
#slide-series-pc .content img.onayami{
object-position : 50% 60%;
}
#slide-series-pc .content img.data{
object-position : 50% 20%;
}
#slide-series-pc .content img.experiences{
object-position : 50% 48%;
}
#slide-series-pc .content img.story{
object-position : 50% 0%;
}
#slide-series-pc .slick-dots{
bottom : -24px;
}
#slide-series-pc .slick-dots li button{
background : #f6f6f6;
border : 1px solid #bcbcbc;
border-radius : 50%;
}
#slide-series-sp{
padding : 24px 0 64px;
background : #b60004;
}
#slide-series-sp .content{
width : 80%;
margin : 0 12px;
border : 4px solid white;
}
#slide-series-sp .content a{
position : relative;
display : inline-block;
width : 100%;
padding-top : 72%;
overflow : hidden;
}
#slide-series-sp .content img{
position : absolute;
top : 0;
left : 0;
display : inline-block;
width : 100%;
height : 100%;
object-fit : cover;
}
#slide-series-pc .slick-dots li.slick-active button ,
#slide-series-sp .slick-dots li.slick-active button{
background : #1e1e1e;
border : 1px solid #1e1e1e;
} .contents-list .featured-contents{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
max-width : 994px;
margin : auto;
margin-top : 24px;
margin-bottom : 12px;
}
.contents-list .featured-contents .box{
width : 48%;
}
.contents-list .featured-contents .corner-list-box li{
position : relative;
width : 100%;
max-width : none;
margin-bottom : 24px;
}
.contents-list .featured-contents .corner-list-box dt{
position : relative;
width : 100%;
padding-top : 48%;
overflow : hidden;
}
.contents-list .featured-contents .corner-list-box li.small dt{
width : 48%;
padding-top : 32%;
margin-right : 2%;
}
.contents-list .featured-contents .corner-list-box li.small dt.no-image{
height : auto;
}
.contents-list .featured-contents .corner-list-box li.small dl{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
width : 100%;
}
.contents-list .featured-contents .corner-list-box li.small dd{
width : 48%;
}
.contents-list .featured-contents .corner-list-box li .txt{
height : 3.2em;
font-size : 18px;
font-weight : 700;
line-height : 1.6em;
-webkit-transition : .5s;
transition : .5s;
}
.contents-list .featured-contents .corner-list-box li.small dl {
}
.contents-list .featured-contents .corner-list-box li.small .data{
margin : 0 0 4px;
font-size : 12px;
}
.contents-list .featured-contents .corner-list-box li.small .txt{
font-size : 14px;
} .page-corner{
box-sizing : border-box;
width : 100%;
}
.page-corner .inbox ,
.page-corner header{
position : relative;
z-index : 2;
box-sizing : border-box;
width : 100%;
max-width : 994px;
margin : 32px auto 0;
}
.page-corner header img{
display : none;
}
.page-corner header h2{
position : relative;
}
.page-corner header h2 .item{
display : block;
width : 100%;
padding-top : 42.781%;
background-repeat : no-repeat;
background-position : center center;
background-size : contain;
}
.page-corner .box{
width : 100%;
padding : 0;
}
#search.page-corner .box{
padding-top : 180px;
}
.page-corner .inbox{
position : relative;
padding : 0 0;
padding-left : 15px;
padding-right : 15px;
background : white;
border-radius : 12px;
}
.corner-list-box{
width : 100%;
max-width : 994px;
margin : auto;
}
.corner-list-box li{
position : relative;
width : 32%;
max-width : 365px;
margin-bottom : 40px;
}
.corner-list-box .bnr{
width : 100%;
max-width : 100%;
margin-bottom : 40px;
text-align : center;
}
.corner-list-box .bnr img{
max-width : 70%;
}
@media screen and ( max-width : 768px ){
.corner-list-box .bnr img{
max-width : 100%;
}
}
.corner-list-box li dt{
position : relative;
width : 100%;
padding-top : 50%;
overflow : hidden;
}
.corner-list-box li dd{
padding : 0;
}
.corner-list-box li .data{
display : block;
display : inline-block;
padding : 6px 8px;
margin : 16px 0 8px;
font-size : 12px;
color : white;
background : rgb( 30 30 30 );
}
.corner-list-box li .txt{
font-size : 18px;
font-weight : 700;
line-height : 1.6em;
-webkit-transition : .5s;
transition : .5s;
}
.corner-list-box li:hover .txt{
color : rgb( 255 205 0 );
}
.corner-list-box li:hover figure{
transform : scale( 1.1 );
}
.corner-list-box li dt figure{
position : absolute;
top : 0;
left : 0;
display : block;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
-webkit-transition : .5s;
transition : .5s;
}
.page-corner.series .contents-box{
padding : 0;
margin-bottom : 64px;
border : none;
}
.page-corner.series .contents-box .box{
padding : 0;
margin : 0 auto 48px;
background : none;
}
.page-corner.series .inbox{
max-width : 640px;
margin-top : 32px;
}
.page-corner.series .banner{
max-width : 640px;
}
.page-corner.series .corner-list-box li{
width : 48%;
margin-bottom : 8px;
}
.page-corner.page-series-childs .contents-box{
padding : 0;
margin-bottom : 64px;
border : none;
}
.page-corner.page-series-childs header{
max-width : none;
padding : 0;
margin : 0 auto 8px;
}
.page-corner.page-series-childs header .cap{
position : relative;
z-index : 0;
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
.page-corner.page-series-childs header .cap::before{
position : absolute;
top : 5px;
bottom : 5px;
left : 5px;
right : 5px;
z-index : -1;
content : "";
background : inherit;
-webkit-filter : blur( 5px );
-moz-filter : blur( 5px );
-o-filter : blur( 5px );
-ms-filter : blur( 5px );
filter : blur( 5px );
}
.page-corner.page-series-childs header .cap img{
display : block;
width : 640px;
margin : auto;
}
.page-tags .box{
margin : auto;
}
.page-tags .inbox{
max-width : 640px;
margin : 32px auto;
}
.page-tags .inbox h2{
margin-bottom : 32px;
font-size : 24px;
font-weight : 700;
color : #1f2126;
letter-spacing : 3.43px;
}
.page-tags .inbox h3{
display : inline-block;
padding : 3px 8px;
margin-bottom : 24px;
font-size : 20px;
line-height : 1.5em;
background : #ffcd00;
}
.page-tags .contents-tag-box{
margin-bottom : 40px;
}
.page-pickup{
margin-top : 50px;
}
.page-pickup .inbox::before{
background : none;
}
.single-curner-box{
position : relative;
}
.single-curner-box .inner{
max-width : none;
padding-left : 0;
padding-right : 0;
background : white;
}
.single-curner-box header.no-cap{
padding-top : 50px;
}
.single-curner-box header{
margin-bottom : 48px;
}
.single-curner-box header .cap{
position : relative;
z-index : 0;
margin-bottom : 50px;
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
.single-curner-box header .cap::before{
position : absolute;
top : 5px;
bottom : 5px;
left : 5px;
right : 5px;
z-index : -1;
content : "";
background : inherit;
-webkit-filter : blur( 5px );
-moz-filter : blur( 5px );
-o-filter : blur( 5px );
-ms-filter : blur( 5px );
filter : blur( 5px );
}
.single-curner-box header .cap img{
display : block;
width : 640px;
margin : auto;
}
.single-curner-box header .data{
display : block;
margin-bottom : 20px;
}
.single-curner-box header h3{
padding-left : 22px;
margin-bottom : 20px;
font-size : 19px;
line-height : 1;
color : rgb( 255 205 0 );
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/icon.png) no-repeat center left;
background-size : 18px;
}
.single-curner-box header h3 a{
color : rgb( 255 205 0 );
}
.single-curner-box header h2{
margin-bottom : 12px;
font-size : 32px;
font-weight : 700;
line-height : 1.4;
}
.single-curner-box header .tags{
justify-content : flex-start;
}
.single-curner-box header .tags li{
position : relative;
padding : 8px;
margin : 0 12px 8px 0;
background : #ececec;
}
.single-curner-box header .tags li::before{
color : rgb( 143 143 143 );
content : "#";
}
.single-curner-box header .tags li a{
font-size : 16px;
color : rgb( 143 143 143 );
}
.single-curner-box .inbox{
width : 100%;
max-width : 680px;
margin : auto;
}
.single-curner-box .conte-box .cap{
display : block;
margin : 25px 0;
}
.single-curner-box .conte-box p{
margin-bottom : 20px;
font-size : 18px;
line-height : 1.6; }
.single-curner-box .conte-box p mark{
background : linear-gradient( transparent 60% , #ff9 60% );
}
.single-curner-box .conte-box p strong{
font-weight : 700;
}
.single-curner-box .conte-box p strong span{
font-weight : 700;
}
.single-curner-box .contents-box .conte-box blockquote{
display : block;
margin-block-start : 1em;
margin-block-end : 1em;
margin-inline-start : 40px;
margin-inline-end : 40px;
}
.single-curner-box .contents-box .conte-box ul{
display : block;
padding-inline-start : 40px;
margin-block-start : 1em;
margin-block-end : 1em;
margin-inline-start : 0;
margin-inline-end : 0;
list-style-type : disc;
}
.single-curner-box .contents-box .conte-box li{
display : list-item;
line-height : 1.5;
text-align : -webkit-match-parent;
list-style : disc;
}
.single-curner-box .contents-box .toc{
box-sizing : border-box;
width : 100%;
padding : 32px 24px 24px;
margin : 64px 0;
background : #f6f6f6;
}
.single-curner-box .contents-box .toc .toc-title{
margin-bottom : 24px;
font-size : 18px;
font-weight : 700;
}
.single-curner-box .contents-box .toc .toc-content{
width : 100%;
padding : 0;
margin : 24px auto 0;
list-style : none;
}
.single-curner-box .contents-box .toc .toc-content li{
padding : 12px 8px;
list-style : none;
border-bottom : 1px solid rgb( 8 19 26 / .1411764705882353 );
}
.single-curner-box .contents-box .toc .toc-content li:nth-last-of-type( 1 ){
border-bottom : none;
}
.single-curner-box .contents-box .toc .toc-content li a{
font-size : 16px;
line-height : 1.4em;
}
@media screen and ( max-width : 767px ){
.single-curner-box .contents-box .toc .toc-title{
padding : 0 4px;
margin-bottom : 16px;
font-size : 16px;
}
.single-curner-box .contents-box .toc .toc-content{
margin-top : 16px;
}
.single-curner-box .contents-box .toc .toc-content li{
padding : 12px 4px;
}
}
#onayami.single-curner-box .first-box .conte-box p{
line-height : 2;
}
#onayami.single-curner-box .first-box{
position : relative; padding : 40px;
background : #fff; border : 5px solid rgb( 255 205 0 ); border-radius : 10px;
}
#onayami.single-curner-box .first-box::before ,
#onayami.single-curner-box .first-box::after{
position : absolute;
left : 50%;
margin-left : -25px; content : "";
border : 24px solid transparent;
}
#onayami.single-curner-box .first-box::before{
bottom : -50px; border-top-color : rgb( 255 205 0 ); }
#onayami.single-curner-box .first-box::after{
bottom : -42px; border-top-color : #fff; }
#onayami.single-curner-box .first-box .conte-box p:last-child{
margin-bottom : 0;
}
#onayami.single-curner-box .first-box .conte-box p.name{
font-weight : 700;
text-align : right;
}
#onayami.single-curner-box .contents-box .text-box.first-box .conte-box{
margin-bottom : 0;
}
.single-curner-box .conte-box p img{
display : block;
margin : 25px 0;
}
.single-curner-box .conte-box h3{
margin : 24px auto;
font-size : 24px;
font-weight : 700;
line-height : 1.4;
border-bottom : 4px solid rgb( 182 0 4 );
}
.single-curner-box .conte-box h4{
margin-bottom : 30px;
font-size : 24px;
line-height : 1.4;
}
.single-curner-box .contents-box .text-box{
margin-bottom : 80px;
}
.single-curner-box .contents-box .text-box .conte-box{
margin-bottom : 60px;
}
.single-curner-box .contents-box .text-box .conte-box iframe{
width : 100%;
}
.single-curner-box .contents-box .text-box .conte-box table{
border-collapse : collapse;
}
.single-curner-box .contents-box .text-box .conte-box table td{
padding : 10px;
border : 1px solid #ccc;
}
.single-curner-box .contents-box .sns-box{
align-items : center;
justify-content : center;
padding : 0;
background : none;
}
.single-curner-box .other-box ul{
justify-content : flex-start;
margin-bottom : 32px;
}
.single-curner-box .other-box li:not( :last-child ){
margin-right : 52px;
}
.single-curner-box .other-box li{
position : relative;
width : 100%;
max-width : 192px;
}
.single-curner-box .other-box .no-image .itemtxt{
position : absolute;
top : 50%;
left : 50%;
z-index : 2;
width : 100%;
font-weight : 400;
color : #999;
text-align : center;
-webkit-transition : .2s;
transition : .2s;
-webkit-transform : translate( -50% , -50% );
transform : translate( -50% , -50% );
}
.single-curner-box .other-box dt.no-image{
align-items : center;
justify-content : center;
text-align : center;
background : #ddd;
}
.single-curner-box .other-box dt{
position : relative;
padding-top : 85.72%;
margin-bottom : 12px;
overflow : hidden;
}
.single-curner-box .other-box dd{
font-size : 19px;
line-height : 1.4;
-webkit-transition : .5s;
transition : .5s;
}
.single-curner-box .other-box dt figure{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
-webkit-transition : .5s;
transition : .5s;
}
.single-curner-box .other-box li:hover dd{
color : rgb( 255 205 0 );
}
.single-curner-box .other-box li:hover figure{
transform : scale( 1.1 );
}
.single-curner-box .contents-box .single-sns-box{
margin-bottom : 40px;
}
.single-curner-box .contents-box .single-sns-box .wrap-box{
justify-content : center;
}
.single-curner-box .contents-box .single-sns-box li{
position : relative;
width : 100%;
max-width : 166px;
height : 46px;
margin : 0 8px;
}
.single-curner-box .contents-box .single-sns-box li .box{
align-items : center;
justify-content : center;
height : 100%;
}
.single-curner-box .contents-box .single-sns-box li .icon{
width : 26px;
height : 26px;
}
.single-curner-box .contents-box .single-sns-box li .txt{
margin-left : 12px;
font-size : 14px;
color : white;
}
.single-curner-box .contents-box .single-sns-box li.tweet{
background : rgb( 0 172 238 );
}
.single-curner-box .contents-box .single-sns-box li.line{
background : rgb( 29 205 0 );
}
.single-curner-box .contents-box .single-sns-box .box:nth-of-type( odd ){
background : none;
}
.single-curner-box .contents-box .single-sns-box .box{
padding : 0;
}
.single-curner-box .contents-box .single-author-box{
box-sizing : border-box;
width : 100%;
padding : 40px;
background : #f6f6f6;
}
.single-curner-box .contents-box .single-author-box .author-info{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : flex-start;
margin-bottom : 24px;
}
.single-curner-box .contents-box .single-author-box .author-info img{
width : 64px;
height : 64px;
margin-right : 24px;
border-radius : 50%;
object-fit : cover;
}
.single-curner-box .contents-box .single-author-box .author-info .author{
height : 64px;
}
.single-curner-box .contents-box .single-author-box .author-info p{
height : 32px;
line-height : 32px;
}
.single-curner-box .contents-box .single-author-box .author-info p.author-name{
font-size : 17px;
font-weight : 700;
}
.single-curner-box .contents-box .single-author-box .author-info p.author-role{
font-size : 16px;
}
.single-curner-box .contents-box .single-author-box .author-info .name-jokatsu p{
height : 64px;
line-height : 64px;
}
.single-curner-box .contents-box .single-author-box .author-description{
font-size : 16px;
color : #a2a2a2;
}
.single-curner-box .contents-box .supervisor-ttl{
margin : 64px 0 16px;
font-size : 18px;
font-weight : 700;
}
p.search-text{
margin : 0 auto 60px;
font-weight : 700;
line-height : 1.5;
text-align : center;
}
.main-supervisor{
width : 100%;
max-width : 680px;
margin : auto;
}
.main-supervisor .main-supervisor-head{
margin : 48px auto;
text-align : center;
}
.main-supervisor .main-supervisor-head h2{
margin : 16px auto 36px;
font-size : 32px;
font-weight : 700;
line-height : 1.4;
}
.main-supervisor li{
margin-bottom : 48px;
}
.main-supervisor li img{
width : 100%;
margin-bottom : 16px;
}
.main-supervisor li h4{
margin-bottom : 24px;
font-size : 24px;
font-weight : 700;
line-height : 1.4;
border-bottom : 4px solid rgb( 182 0 4 );
}
.main-supervisor li .supervisor-content .supervisor-status{
margin-bottom : 24px;
font-size : 18px;
font-weight : 700;
line-height : 1.6;
}
.main-supervisor li .supervisor-content .supervisor-txt{
font-size : 18px;
line-height : 1.6;
}
@media screen and ( max-width : 767px ){
.main-supervisor{
box-sizing : border-box;
max-width : none;
padding-left : 1rem;
padding-right : 1rem;
}
.main-supervisor .main-supervisor-head h2{
font-size : 24px;
}
.main-supervisor li .supervisor-content .supervisor-status{
font-size : 16px;
}
.main-supervisor li .supervisor-content .supervisor-txt{
font-size : 16px;
}
} @media screen and ( max-width : 1023px ){
.tablet{
display : block;
}
}
@media screen and ( min-width : 1024px ){
.tablet{
display : none;
}
}
@media screen and ( max-width : 1023px ){
.corner-list-box{
max-width : 666px;
}
.corner-list-box li{
width : 48%;
}
.ranking-box .list-title{
max-width : 670px;
margin : 0 auto 16px;
}
.tag-title{
max-width : 666px;
margin : 0 auto 40px;
}
.page-corner.series .contents-box{
margin-bottom : 32px;
}
} @media screen and ( min-width : 769px ){
.sp{
display : none ! important;
}
.notsp{
display : block;
}
}
@media screen and ( max-width : 768px ){
.sp{
display : block;
}
.notsp{
display : none;
}
}
@media screen and ( max-width : 768px ){
body{
padding-top : 108px;
}
.body_campus{
padding-top : 72px;
background : #f5f4ea;
}
.page-pickup{
margin-top : 32px;
}
.page-pickup .inbox{
margin : 0 auto;
}
#header{
box-sizing : border-box;
width : 100%;
height : 72px;
padding : 0 0 0 16px;
}
#header .jokatsu-header{
height : 100%;
padding : 0;
}
#header-logo{
width : auto;
height : 60px;
margin : 0;
}
#header-logo a{
display : inline-block;
width : calc( 50vw - 32px );
height : 8vw;
text-align : left;
}
#header-logo img{
width : auto;
height : 8vw;
}
.header-left{
width : 30px;
height : 30px;
margin-right : 16px;
}
.header-center{
display : none;
}
.header-right{
display : flex;
justify-content : flex-end;
}
.header-right .h-consultation ,
.header-right .h-materials{
display : flex;
align-items : center;
justify-content : center;
height : 72px;
padding : 0 1.5vw;
}
.header-right .h-consultation{
background : #bd0e10;
}
.header-right .h-materials{
background : #ed9623;
}
.header-right .search{
width : 26px;
height : 26px;
margin : 12px 20px auto auto;
}
.header-right .jokatsu-link ,
.header-right .stacari-link{
width : auto;
height : 46px;
}
.header-right .jokatsu-link img{
margin-right : 10px;
}
.header-right .consultation-link{
margin-right : 0;
}
.header-right .consultation-link ,
.header-right .materials-link{
width : auto;
height : 60px;
}
#nav-bar{
position : fixed;
top : 72px;
left : 0;
z-index : 1000;
width : 100%;
margin : 0;
box-shadow : 0 4px 4px 0 rgb( 0 0 0 / .2 );
}
#nav-bar ul{
width : 100%;
height : 36px;
}
#nav-bar li{
box-sizing : border-box;
width : 20%;
min-width : fit-content;
margin : 0;
line-height : 36px;
}
#nav-bar li a{
box-sizing : border-box;
display : block;
padding : 0 3px;
font-size : 13px;
line-height : 36px;
text-align : center;
}
#nav-bar li.active a{
padding-top : 3px;
margin : 0;
line-height : 30px;
color : #1e1e1e;
background : white;
border-bottom : 3px solid #b60004;
} #footer{
padding-top : 0;
}
#footer .footer-youtube{
padding : 32px 0 16px;
}
#footer .footer-youtube .logo{
margin-bottom : 24px;
}
#footer .footer-youtube .logo img{
width : 148px;
}
#footer #slide-youtube{
max-width : 768px;
height : auto;
padding : 0 28px;
}
#footer #slide-youtube .slick-list{
margin-bottom : 28px;
}
#footer #slide-youtube .slick-slide{
padding-top : 6.5%;
text-align : center;
}
#footer #slide-youtube .slick-slide iframe{
width : 80%;
}
#footer .footer-youtube-new{
padding : 32px 0;
}
#footer .footer-entry .inner{
-ms-flex-direction : column;
flex-direction : column;
max-width : 768px;
padding : 32px 28px;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
}
#footer .footer-entry img{
display : block;
width : 221px;
margin : 0 auto 24px;
}
#footer .footer-entry .box p{
font-size : 14px;
line-height : 1.4em;
letter-spacing : 1.17px;
}
#footer .footer-entry .box h4{
margin : 0 auto 16px;
font-size : 18px;
letter-spacing : 1.5px;
}
#footer .footer-entry .box ul{
padding : 0;
margin : 0 0 32px;
}
#footer .footer-entry .box li{
position : relative;
padding-left : 33px;
font-size : 14px;
font-weight : 700;
letter-spacing : 1.17px;
}
#footer .footer-entry .box li::before{
display : inline-block;
width : 21px;
height : 21px;
content : "";
}
#footer .footer-bottom-entry img{
width : 100%;
}
#footer .footer-top{
height : 30px;
padding : 24px 24px 19px;
}
#footer .footer-top img{
height : 30px;
}
#footer .footer-bottom{
padding : 0;
}
#footer .footer-bottom .inner{
-ms-flex-direction : column;
flex-direction : column;
width : 100%;
padding : 0;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
}
#footer .footer-bottom ul{
width : 100%;
}
#footer .footer-bottom ul:nth-of-type( 1 ){
margin : 0;
}
#footer .footer-bottom a{
box-sizing : border-box;
width : 100%;
height : 46px;
padding : 15px 18px;
}
#footer .footer-bottom img{
width : 20px;
height : 20px;
margin-right : 16px;
}
#footer .footer-bottom p{
font-size : 12px;
line-height : 18px;
letter-spacing : 2px;
}
.footer-fix{
position : fixed;
bottom : 0;
z-index : 100;
display : flex;
width : 100%;
padding : 12px 0;
background : #f6f6f6;
}
.footer-fix a{
width : 50%;
text-align : center;
}
.footer-fix a img{
width : 90%;
max-width : 100px;
margin : auto;
}
.contents-list .featured-contents{
max-width : 768px;
}
.contents-list .featured-contents .box{
width : 100%;
margin-top : 24px;
}
.contents-list .featured-contents .box:nth-of-type( 1 ){
margin-top : 0;
}
.link-more a{
font-size : 13px;
line-height : 20px;
}
.list-title .title{
padding : 2px 12px 2px 4px;
font-size : 18px;
}
.list-title .title::before{
transform : scaleY( 1.1 ) perspective( 1.6em ) rotateX( 5deg );
transform-origin : bottom left;
}
.list-title img{
width : 24px;
height : 24px;
padding : 1px;
margin-right : 6px;
}
html{
font-size : 3.125vw;
}
.for-local .inbox a{
width : 90%;
margin : auto;
margin-bottom : 24px;
}
.search-box .inner{
max-width : none;
}
.search-box .contents-list-box li:not( :last-child ){
margin-bottom : 1.25rem;
}
.search-box .contents-list-box li{
margin-left : 1rem;
font-size : 1.25rem;
}
.contents-list-box li{
margin-left : .8rem;
font-size : .95rem;
}
.contents-list-box li::before{
top : .1rem;
left : -1rem;
width : .6rem;
height : .6rem;
content : "";
}
.contents-box .box{
padding : 1.5rem 0;
}
.step-contents .step-tab {
}
.step-contents .step-tab-wrapper{
position : relative;
width : 779px;
height : 76.5px;
}
.step-tab__item p{
font-size : 11px;
}
.search-box{
margin-bottom : 8rem;
}
.icon-box-title .font_sans{
margin-bottom : .25rem;
font-size : 2.5rem;
}
.icon-box-title .txt{
font-size : 1.1rem;
}
.contents-box ,
.pickup-box{
padding-bottom : 16px;
margin-bottom : 0;
}
.pickup-box li.box{
width : 94% ! important;
max-width : none;
margin-left : -.5rem;
background : white;
border : none;
box-shadow : none;
}
.pickup-box li.box .inbox{
padding : .75rem 0 0 0;
}
.pickup-box .tags{
margin-bottom : .75rem;
}
.pickup-box li.box .no-image .itemtxt{
font-size : 2rem;
}
.pickup-box li.box h3{
padding-bottom : .5rem;
margin-bottom : 1rem;
font-size : 1.8rem;
line-height : 1.6;
}
#tiles{
margin : 0 auto 3rem;
}
.step-list.featured-contents .step-box .corner-list-box .small{
width : 100%;
}
.contents-list .featured-contents .corner-list-box li .txt{
display : -webkit-box;
height : 4.2em;
overflow : hidden;
line-height : 1.4em;
-webkit-box-orient : vertical;
-webkit-line-clamp : 3;
}
.contents-list .featured-contents .corner-list-box li.small .txt{
font-size : 14px;
}
.btn a{
padding : .8rem 0;
font-size : 1.25rem;
}
.icon-box-title .icon{
width : 2.25rem;
margin-right : .6rem;
}
.contents-tag-box li{
margin-bottom : 8px;
}
.contents-tag-box li .txt{
font-size : 1rem;
}
.search-box .contents-list-box{
margin-bottom : 2.5rem;
}
.ranking-box{
padding : 32px 15px;
background : #f6f6f6;
border : none;
}
.ranking-box ol{
display : block;
}
.ranking-box li{
width : 100%;
margin : 0 0 1.25rem 0;
}
.ranking-box li .icon{
top : -4px;
left : -4px;
width : 46px;
height : 46px;
background-size : cover;
}
.ranking-box li .item{
display : table;
width : 100%;
table-layout : fixed;
}
.ranking-box li .cap{
width : 40%;
height : 0;
padding-top : 24%;
}
.ranking-box li .cap.no-image{
padding-top : 10%;
padding-bottom : 10%;
}
.ranking-box li .text{
padding-left : 1.25rem;
}
.ranking-box li p{
font-size : 1.25rem;
}
.ranking-box li .cap ,
.ranking-box li .text{
display : table-cell;
vertical-align : middle;
}
.ranking-box.footer-ranking ol{
display : flex;
}
.ranking-box.footer-ranking li.small{
width : 48%;
}
.ranking-box.footer-ranking li.small dt{
width : 100%;
padding-top : 100%;
}
.ranking-box.footer-ranking .corner-list-box li dl{
display : block;
}
.ranking-box.footer-ranking li dl{
position : relative;
}
.ranking-box.footer-ranking li dd{
position : absolute;
bottom : 0;
left : 0;
right : 0;
width : 100%;
height : 100%;
}
.ranking-box.footer-ranking li .data{
position : absolute;
top : 0;
right : 0;
}
.ranking-box.footer-ranking li .txt{
position : absolute;
bottom : 0;
left : 0;
right : 0;
min-height : auto;
padding : 9px 16px;
font-size : 16px;
line-height : 1.5em;
color : white;
background : linear-gradient( rgb( 0 0 0 / 0 ) , rgb( 0 0 0 / .9 ) );
}
.ranking-box.footer-ranking li.small .txt{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
align-items : flex-end;
min-height : 50%;
padding : 5px 16px 9px;
font-size : 13px;
-webkit-box-align : end;
-ms-flex-align : end;
}
.campus-top-banner img{
display : block;
}
.campus-top-banner{
padding-top : 0;
margin-top : 5.312rem;
}
.campus-top-banner .cap{
background-image : none ! important;
}
.icon-box-title{
margin-bottom : 2.5rem;
}
.contents-box .tags-box{
max-width : none;
padding : 2rem 1rem 1rem;
}
.index-search-box{
width : auto;
padding : 1.5rem 1rem;
margin-bottom : 5rem;
margin-left : 1.25rem;
margin-right : 1.25rem;
transform : translate( 0 , -2.5rem );
}
.index-search-box .txt{
margin-bottom : 1.5rem;
font-size : 1.65rem;
}
.index-search-box #searchform{
max-width : none;
margin : 0 auto 1.5rem;
}
.index-search-box .keyword dd li{
font-size : 1.25rem;
}
.index-search-box .keyword dd ul::before{
top : .25rem;
left : -.5rem;
border-width : .5rem 0 .5rem .75rem;
}
.index-search-box .keyword dd li:not( :last-child ){
margin-right : .25rem;
}
.index-search-box .keyword dd li:first-child{
margin-left : .5rem;
}
.index-search-box .keyword dt{
font-size : 1.25rem;
}
.index-campus-slider #slide-auto-box{
width : auto;
max-width : none;
padding-left : 1rem;
padding-right : 1rem;
transform : translate( 0 , -8rem );
}
.index-campus-slider #slide-auto-box .cap{
padding-top : 14.5%;
}
.index-campus-slider{
height : 10.5rem;
margin-bottom : 6rem;
}
.index-campus-slider .slick-prev ,
.index-campus-slider .slick-next{
top : 57%;
}
.index-search-box .keyword{
max-width : none;
}
.index-campus-slider #slide-auto-box .slick-dots{
position : relative ! important;
bottom : -2rem;
display : block ! important;
width : auto;
}
.index-campus-slider .slick-dots li button{
width : .25rem;
height : .25rem;
padding : .5rem;
}
.contents-nav li.active ,
.contents-nav li{
background : none;
border : none;
}
.contents-box .box:nth-of-type( odd ){
background : none;
}
.contents-box .min-contents .inner{
padding-left : 0;
padding-right : 0;
}
.contents-box .min-contents .inner .list-box{
padding-left : 1rem;
padding-right : 1rem;
}
.contents-nav li.active .txt::before{
background : rgb( 255 205 0 );
}
.contents-nav li.active .txt::after{
border-left-color : white;
}
.contents-nav ul{
position : relative;
}
.contents-nav ul::before{
position : absolute;
top : 0;
left : 50%;
width : 1px;
height : 100%;
content : "";
background : black;
}
.contents-nav li{
display : -ms-flexbox;
display : flex;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
align-items : center;
justify-content : center;
padding : .6rem 0 .4rem;
text-align : left;
-ms-flex-pack : justify;
}
.contents-nav .txt::before{
width : 15px;
height : 15px;
}
.contents-nav li.active .txt::after{
border-left : .4rem solid #fff;
}
.contents-nav .txt::after{
right : .2rem;
width : .5rem;
height : .5rem;
border : .25rem solid transparent;
border-left : .4rem solid #fff;
border-left-color : transparent;
border-left-style : solid;
border-left-width : .25rem;
}
.contents-nav li:last-child .txt::after{
right : .3rem;
}
.contents-nav .txt{
padding : 0 2rem 0 0;
font-size : 1.05rem;
}
.contents-box .list-box ,
.contents-box .list-box li:not( :last-child ){
margin-bottom : 2rem;
}
.contents-box .list-box ,
.contents-box .banner ,
.contents-box .inbox{
max-width : none;
}
.contents-box .list-box li .txt{
font-size : 1.25rem;
font-weight : 700;
}
.contents-nav{
transform : translate( 0 , 0 );
}
.campus-post-list li{
width : 100%;
}
.page-corner header h2 .item{
padding-top : 0;
background-image : none;
}
.page-corner header h2 img{
display : block;
}
#search.page-corner .box{
padding-top : 10rem;
}
p.search-text{
margin : 0 1rem 3rem;
}
.page-corner .inbox::before{
top : -1.25rem;
width : 3.45rem;
height : 1.4rem;
}
.page-corner header{
margin-top : 5.312rem;
}
.page-corner .inbox ,
.page-corner header{
max-width : none;
padding-left : 15px;
padding-right : 15px;
}
.page-corner.series{
padding : 0;
}
.page-corner.series .contents-box .box{
margin : 0 auto 24px;
border-bottom : 16px solid #eaeaea;
}
.page-corner.series .contents-box .box:nth-last-of-type( 1 ){
border-bottom : none;
}
.page-corner.series ul{
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
-ms-flex-direction : column;
flex-direction : column;
}
.page-corner.series .corner-list-box li{
width : 100%;
}
.page-corner.series .corner-list-box .link-more{
justify-content : center;
margin : 16px auto 24px;
-webkit-box-pack : center;
-ms-flex-pack : center;
}
.corner-list-box{
max-width : none;
}
.corner-list-box li dt ,
.corner-list-box li dd{
vertical-align : middle;
}
.corner-list-box li dd{
width : 48%;
}
.corner-list-box li.large dd{
width : 100%;
}
.corner-list-box li dt{
width : 46%;
padding-top : 32%;
margin-right : 2%;
}
.corner-list-box li.large dt{
width : 100%;
padding-top : 48%;
margin-right : 2%;
}
.corner-list-box li dl{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
width : 100%;
}
.corner-list-box li.large dl{
-ms-flex-direction : column;
flex-direction : column;
width : 100%;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
}
.corner-list-box li .data{
margin : 0 0 8px;
margin-bottom : .6rem;
font-size : 10px;
}
.corner-list-box li .txt{
font-size : 13px;
}
.corner-list-box li.large .txt{
font-size : 16px;
}
.corner-list-box li{
width : 100%;
max-width : none;
margin-bottom : 16px;
}
.corner-list-box li:nth-last-of-type( 1 ){
margin : 0;
}
.corner-list-box li::after{
border-width : 0 0 1.5rem 1.5rem;
}
.pickup-box li.box .no-image ,
.corner-list-box li dt.no-image{
height : auto;
padding-top : 25%;
padding-bottom : 25%;
}
.head-txt{
width : 6rem;
}
.single-curner-box .inner{
max-width : none;
padding-bottom : 2rem;
padding-left : 0;
padding-right : 0;
}
.single-curner-box header.no-cap{
padding-top : 1rem;
}
.single-curner-box header .data{
margin-bottom : .75rem;
font-size : 1rem;
}
.single-curner-box .inbox{
box-sizing : border-box;
max-width : none;
padding-left : 1rem;
padding-right : 1rem;
}
.single-curner-box{
padding : 0;
}
.single-curner-box::after{
top : 5.312rem;
height : calc( 100% - 3rem );
}
.single-curner-box header .cap{
margin-bottom : 2.5rem;
}
.search-box #searchform #s{
font-size : 1.5rem;
}
.index-search-box #searchform #s::placeholder ,
#searchform #s::placeholder ,
.search-box #searchform #s::placeholder{
font-size : 1.5rem;
}
.search-box #searchsubmit::before{
top : calc( 50% - 14px );
left : calc( 50% - 20px );
width : 20px;
height : 20px;
}
.search-box #searchsubmit::after{
top : calc( 50% + 7px );
left : calc( 50% + -7px );
width : 12px;
height : 12px;
}
.search-box #searchform{
padding : 1.75rem 1.25rem;
margin-bottom : 2rem;
}
#searchsubmit{
top : calc( 50% - .95rem );
right : .25rem;
width : 1.9rem;
height : 1.9rem;
}
.single-curner-box header h3{
padding-left : 1.2rem;
margin-bottom : 1rem;
font-size : 1.25rem;
background-size : .75rem;
}
.single-curner-box header h1{
font-size : 28px;
}
.single-curner-box header{
padding-bottom : 1.25rem;
margin-bottom : 1.25rem;
}
.single-curner-box header .tags li a{
font-size : 12px;
}
.single-curner-box .contents-box .text-box{
margin-bottom : 4rem;
}
.single-curner-box .conte-box p{
font-size : 16px;
}
.single-curner-box .conte-box .cap{
margin : 1.25rem 0;
}
.single-curner-box .conte-box h2{
padding-bottom : 12px;
margin-bottom : 24px;
font-size : 18px;
}
.single-curner-box #item-facebook{
margin : 0 2.5rem;
}
.single-curner-box .contents-box .sns-box{
margin-bottom : 0;
}
.single-curner-box #item-instagram .cap{
width : 2.75rem;
}
.single-curner-box #item-facebook .cap{
width : 1.75rem;
}
.single-curner-box #item-twitter .cap{
width : 3.3rem;
}
.single-curner-box .other-box li{
width : 100%;
max-width : none;
}
.single-curner-box .other-box li:not( :last-child ){
margin-bottom : 1.5rem;
margin-right : 0;
}
.single-curner-box .other-box li dl{
display : table;
width : 100%;
table-layout : fixed;
}
.single-curner-box .other-box li dt ,
.single-curner-box .other-box li dd{
display : table-cell;
vertical-align : middle;
}
.single-curner-box .other-box dt{
width : 40%;
padding-top : 40%;
margin-bottom : 0;
}
.single-curner-box .other-box dd{
padding-left : 1.25rem;
font-size : 1.25rem;
}
.single-curner-box .contents-box .single-sns-box{
margin-bottom : 24px;
}
.single-curner-box .contents-box .single-author-box{
padding : 24px;
}
.single-curner-box .contents-box .single-author-box .author-info{
margin-bottom : 16px;
}
.single-curner-box .contents-box .single-author-box .author-info img{
width : 48px;
height : 48px;
margin-right : 16px;
}
.single-curner-box .contents-box .single-author-box .author-info .author{
height : 48px;
}
.single-curner-box .contents-box .single-author-box .author-info p{
height : 24px;
font-size : 14px;
line-height : 24px;
}
.single-curner-box .contents-box .single-author-box .author-info p.author-name{
font-size : 15px;
font-weight : 700;
}
.single-curner-box .contents-box .single-author-box .author-info p.author-role{
font-size : 14px;
}
.single-curner-box .contents-box .single-author-box .author-info .name-jokatsu p{
height : 48px;
line-height : 48px;
}
.single-curner-box .contents-box .single-author-box .author-description{
font-size : 14px;
}
#onayami.single-curner-box .first-box{
position : relative; padding : 1rem;
background : #fff; border : 3px solid rgb( 255 205 0 );
border-radius : 10px;
}
#onayami.single-curner-box .first-box::before ,
#onayami.single-curner-box .first-box::after{
position : absolute;
left : 50%;
margin-left : -8px;
content : "";
border : 16px solid transparent;
}
#onayami.single-curner-box .first-box::before{
bottom : -34px; border-top-color : rgb( 255 205 0 ); }
#onayami.single-curner-box .first-box::after{
bottom : -30px; border-top-color : #fff; }
#profile{
padding : 1rem;
margin-bottom : 3rem;
}
#profile .left{
width : 40%;
padding-top : .5rem;
margin-bottom : 1rem;
margin-right : 1rem;
}
#profile h3{
margin-bottom : 1rem;
font-size : 1.5rem;
}
#profile p{
font-size : 1.25rem;
line-height : 2rem;
}
}
@media screen and ( max-width : 480px ){
#header-logo{
height : 8vw;
}
.header-right .consultation-link ,
.header-right .materials-link{
width : 20vw;
height : auto;
}
}  .wp-pagenavi{
margin : 40px auto 100px;
text-align : center;
}
.wp-pagenavi a ,
.wp-pagenavi span{
padding : 5px 10px ! important ;
margin : 0 5px ! important;
color : #1e1e1e;
text-decoration : none;
border : 1px solid #1e1e1e ! important;
}
.wp-pagenavi a:hover ,
.wp-pagenavi span.current{
color : #fff ! important;
background : #1e1e1e ! important;
} a.anchor{
display : block;
padding-top : 70px;
margin-top : -70px;
}
a.underline{
text-decoration : underline;
} #CampusCtaBanner{
pointer-events : none;
opacity : 0;
transition : all .3s ease-in-out;
}
#CampusCtaBanner.visible{
pointer-events : auto;
opacity : 1;
}
@media screen and ( max-width : 767px ){
#footer .footer-bottom{
padding-bottom : 70px;
}
.campus-cv{
position : fixed;
bottom : 0;
left : 0;
z-index : 110;
display : block;
width : 100%;
}
.campus-cv-menu{
display : flex;
background : #fff;
}
.campus-cv-menu a{
display : block;
width : 20%;
padding : 5px 1vw;
font-size : 12px;
font-weight : 500;
color : #9b001a;
text-align : center;
}
.campus-cv-menu a img{
width : auto;
height : 35px;
margin-bottom : 5px;
}
}