@charset "utf-8";

/* --------------------------------------------------------- */
/* /campuslife/festival.css */
/* --------------------------------------------------------- */


/* scatholic --------------------------- */
#fes{}

#title{width:41.273%;}

.mvbox{margin-bottom:7.778%;}
.mvbox .btn{width:77.778%;margin:5.556% auto 0;font-size:18px;line-height:155%;text-align:center;}
.mvbox .btn a{display:block;padding:1.112em 0;border:3px solid #ad1e23;border-radius:2.945em;text-decoration:none;background:url(/img/icon/icon-blank.png) no-repeat;background-size:0.834em auto;background-position:center right 2.778em;box-sizing:border-box;}
.mvbox .btn a:hover{opacity:0.7;}

.fes{margin-bottom:11.112%;}
.fes h2{padding-bottom:0.417em;font-size:24px;line-height:150%;border-bottom:2px solid #ad1e23;}

.fes .acvwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.fes .archive{width:46.667%;margin-top:4.223%;}
.fes .archive .image{}
.fes .archive .btn{margin-top:7.143%;font-size:15px;line-height:400%;}
.fes .archive a{display:block;padding-left:1.667em;text-decoration:none;border:1px solid #ccc;background:url(/img/icon/icon-pdf.png) no-repeat;background-position:center right 0.6em;background-size:1.734em auto;box-sizing:border-box;position:relative;transition:opacity ease 0.3s;}
.fes .archive a:before{content:'';display:block;width:0.6em;height:0.8em;background:url(/img/icon/icon-arrow.png) no-repeat center;background-size:100% auto;margin-left:0.667em;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.fes .archive a:hover{opacity:0.7;}



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

/* catholic --------------------------- */
.mvbox .btn{font-size:1.452vw;}
.mvbox .btn a{border-width:0.242vw;}

.fes h2{font-size:1.936vw;border-width:0.162vw;}

.fes .archive .btn{font-size:1.21vw;}
.fes .archive a{border-width:0.081vw;}

}



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


/* scatholic --------------------------- */
#fes{}

#title{width:69.412%;}

.mvbox{margin-bottom:10.295%;}
#mv{width:110.295%;margin-left:-5.1475%;}
.mvbox .btn{width:100%;margin-top:7.353%;font-size:3.2vw;line-height:133%;}
.mvbox .btn a{padding:1em 0;border-width:0.4vw;border-radius:2.784em;background-size:0.625em auto;background-position:center right 1.667em;}
.mvbox .btn a:hover{opacity:1;}

.fes{margin-bottom:14.706%;}
.fes h2{padding-bottom:2.2.206%;font-size:4.267vw;line-height:140%;border-width:0.267vw;}

.fes .acvwrap{}
.fes .archive{width:100%;margin-top:5.883%;}
.fes .archive + .archive{margin-top:11.765%;}
.fes .archive .image{width:61.765%;margin:0 auto;}
.fes .archive .btn{margin-top:5.883%;font-size:3.2vw;line-height:140%;}
.fes .archive a{height:3.8em;display:flex;align-items:center;border-width:0.134vw;}
.fes .archive a:hover{opacity:1;}

}