@charset "UTF-8";

/* TOP PAGE
---------------------------------------------------- */
#content #billboardbox {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
}

#slider-wrapper {
	height: auto;
}

#slider-wrapper .slick-dots {
  bottom: -22px;
}


@media (max-width: 768px) {
#content #billboardbox {
	float: none;
}

#slider-wrapper {
	height: auto;
}

}

/* row関連 */

.row {
  margin-right: -4px;
  margin-left: -4px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 4px;
  padding-left: 4px;
}


/* thumbnail関連 */

.thumbnail {
  display: block;
  padding: 0px 0 12px;
  margin-bottom: 17px;
  line-height: 1.5;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;

}
.thumbnail .caption {
  padding: 4px 8px;
  text-align: left;
  color: #333;
}

.thumbnail .caption h4 {
  line-height: 1.4;
  margin-top: 5px;
  margin-bottom: 5px;
}
a.thumbnail h4 {
    font-size: 15.5px;
	font-weight: 500;
}

#content a.thumbnail p {
	font-size: 13px;
    line-height: 1.5;
}
#content a.thumbnail li {
    line-height: 1.5;
	font-size: 13px;
}

@media (max-width: 768px) {
a.thumbnail h4 {
    font-size: 13.5px;
}
#content a.thumbnail p {
	font-size: 12px;
    line-height: 1.5;
}
#content a.thumbnail li {
    line-height: 1.5;
	font-size: 12px;
}
.thumbnail .caption {
  padding: 4px 6px;
  text-align: left;
  color: #333;
}
}



.bg-dark-30:before,.bg-dark-60:before,.bg-dark-90:before,
.bg-purple:before,
.bg-yellow:before,
.bg-pink:before,
.bg-green:before,
.bg-orange:before,
.bg-red:before
 {
	content:" ";left:0
}

.bg-dark-30:before,.bg-dark-60:before,.bg-dark-90:before,
.bg-purple:before,
.bg-yellow:before,
.bg-pink:before,
.bg-green:before,
.bg-orange:before,
.bg-red:before
 {
	content:" ";left:0
}

.bg-dark-30:before,.bg-dark-60:before,.bg-dark-90:before,.bg-purple:before,
.bg-yellow:before,
.bg-pink:before,
.bg-orange:before,
.bg-green:before,
.bg-red:before {
	position:absolute;height:100%;width:100%;z-index:0;
}

.bg-dark-30:before {
	background-color:rgba(34,34,34,.3);top:0
}

.bg-dark-60:before{
	background:rgba(34,34,34,.6);top:0
}

.bg-dark-90:before{
	background:rgba(34,34,34,.9);top:0
}

.bg-purple:before{
	background:rgba(109,112,213,.8);top:0
}

.bg-yellow:before{
	background:rgba(209,143,4,.8);top:0
}

.bg-red:before{
	background:rgba(223,100,94,.8);top:0
}

.bg-pink:before{
	background:rgba(211,101,169,.8);top:0
}

.bg-orange:before{
	background:rgba(248,132,77,.8);top:0
}

.bg-green:before{
	background:rgba(95,170,113,.8);top:0
}

.bg-white:before{
	background:rgba(255,255,255,0.80);top:0
}



/* 画像なしのサムネイル */
.topthum-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	overflow: hidden;
	border-top-left-radius: var(--bs-card-inner-border-radius);
	border-top-right-radius: var(--bs-card-inner-border-radius);
	
}


.topthum-wrap::before{
	background-color: #0097cf;
}

.topthum-title {
	position: absolute;
	display: table;
	width:100%;
	height: 100%;
	margin: 0 auto;
}
a.card .topthum-title p{
	display: table-cell;
	vertical-align:middle;
	font-weight: 600;
	width:100%;
	text-align: center;
	font-size: 1.2em;
	color:#FFFFFF;
	padding: 0 3px;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
	line-height: 1.3;
}
.topthum-wrap.bg-dark {
	color: #fff;
	border-radius: 5px;
}



@media (max-width: 1191px) {
		a.card .topthum-title p{
			font-size: 1.2em;
		}
}
@media (max-width: 991px) {
		a.card .topthum-title p{
			font-size: 1em;
		}
}
@media (max-width: 768px) {
	a.card .topthum-title p{
		font-size: 1.2em;
	}
}
@media (max-width: 480px) {
	a.card .topthum-title p{
		font-size: 0.9em;
	}
}
@media (max-width: 320px){
	a.card .topthum-title p{
		font-size: 0.9em;
	}
}





/* what's new関連 */

#whatsnew {
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

#whatsnew a.btn {
	margin-top:-20px;
}


#content .tiles-toggle {
	margin-bottom:10px;
	position: relative;
  margin-left:-10px;
  margin-right:-10px;
}
#content .tiles-toggle > a {
	/*border: 1px solid #aaa;*/
	display: block;
	padding: 10px 10px;
	text-decoration: none;
}

#content .tiles-toggle > a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f068";
    margin-top: 0px;
    position: absolute;
    right: 10px;
    top: 0.7em;
    width: 22px;
}

#content .tiles-toggle > a.collapsed:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f067";
    margin-top: 0px;
    position: absolute;
    right: 10px;
    top: 0.7em;
    width: 22px;
}

/* accordion menu*/
#toggle-freshman,#toggle-event,#toggle-exam {
	color:#fff;
	font-size:1.3em;
}

.tiles-toggle i {
 font-size:1.5em;
 }

#toggle-freshman {
	background-color:#da598d;
}

#toggle-event {
	background-color:#56b550;
}

#toggle-exam {
	background-color:#56b2cf;
}

@media (max-width: 768px) {

#toggle-freshman,#toggle-event,#toggle-exam {
	font-size:1.1em;
}

.tiles-toggle i {
 padding-right:5px;
}

}

/* billboard
---------------------------------------------------- */
.move_txt{
position: absolute;
top:0px;
z-index:2;
}

.bbd_move {
position:relative;  
}

.module-title h3, .module-title .h3 {
	letter-spacing: 0.5px;
	font-size: 22px;
	font-weight: 600;
	color: #3498db;
	border-bottom: 3px dashed #3498db;
	display: inline-block;
	padding-bottom: 10px;
}

@media all and (max-width: 768px) {
	.module-title h3, .module-title .h3 {
		letter-spacing: 1px;
		font-size: 17px;
		color: #3498db;
		font-weight: 600;
		border-bottom: 3px dashed #3498db;
		display: inline-block;
		padding-bottom: 10px;
	}
}


#content .notice {
  margin:15px 0;
}
#content .notice .btn.btn-lg {
  padding: 15px;
}
/* SNS ICONs
---------------------------------------------------- */

#content #sns-icon {
  position: absolute;
  top: -28px;
  right: 10px;
}

@media all and (max-width: 768px) {
#content #sns-icon {
/*	top: -25px;
	right: 6px;*/
	position: relative;
	margin-bottom: 30px;

}
}
#sns-icon ul.sns-icon {
  list-style: none;
  padding:0;
}

#sns-icon ul.sns-icon li {
  float:right;
  padding-left:6px;
  font-size: 32px;
  line-height: 1.0;
}

#sns-icon ul.sns-icon li.facebook a {
  color: #3B5998;
}

#sns-icon ul.sns-icon li.facebook:hover a {
  color: #6d84b4
}
#sns-icon ul.sns-icon li.twitter a {
  color: #2B7BB9;
}
#sns-icon ul.sns-icon li.twitter:hover a {
  color: #1DA1F2;
}
#sns-icon ul.sns-icon li.line a {
  color: #00B525;
}
#sns-icon ul.sns-icon li.line:hover a {
  color: #00c300;
}


/* -------------------------------------------------- *
 * topボタン関係
 * -------------------------------------------------- */
.topmenu {
	padding: 0;
	margin-bottom: 12px;
}
.topmenu .btn {
	font-size: 2em;
	box-shadow: none;
	line-height: 1.0;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.topmenu .label {
	padding: 0.05em 1em;
	line-height: 1.5;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
p.topmenu span.label.label-outline {
	line-height: 1.5;
}
@media (max-width: 768px) {
.topmenu .btn {
	font-size: 1.3em;
	padding: 6px 5px;
	box-shadow: none;
}
}
/******************ボーダーボタン blue*******************/
.topmenu .btn.btn-blue.btn-square {
	background: repeating-linear-gradient(to top, #5DA8DA, #2690D7, #379CE0 4px, #5BA6D9 3px);
	color:#FFF;
	border: solid 1px #fff;
	outline: solid 3px #3498db;
}
.topmenu .btn.btn-blue.btn-square:hover,.topmenu .btn.btn-blue.btn-square:active,.topmenu .btn.btn-blue.btn-square:active:focus {
	background: repeating-linear-gradient(to top, #2D92D7, #1B70AB, #2D92D7 4px, #338CCA 3px);
	color:#FFF;
	border: solid 1px #fff;
	outline: solid 3px #2D92D7;
	outline-offset: 0px;
}
/******************ボーダーボタン pink*******************/
.topmenu .btn.btn-pink.btn-square {
	background: repeating-linear-gradient(to top, #f95c5f, #f96366, #f9777a 4px, #f95c5f 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #f97a7c;
}
.topmenu .btn.btn-pink.btn-square:hover,.topmenu .btn.btn-pink.btn-square:active,.topmenu .btn.btn-pink.btn-square:active:focus {
	background: repeating-linear-gradient(to top, #f94d50, #f94d50, #FA676B 4px, #f94d50 3px);
	color:#FFF;
	border: solid 1px #fff;
	outline: solid 3px #f94d50;
	outline-offset: 0px;
}
/******************ボーダーボタン内のラベル*******************/
.topmenu .label-default.label-outline {
	background-color:#fff;
	border: solid 0px #666666;
}
/* apua */
.topmenu .btn-aqua .label-default.label-outline {
	color: #27A7CB;
}
/* pink */
.topmenu .btn-pink .label-default.label-outline {
	color: #f94d50;
}



.badge {
 white-space: normal;
}


/*************soical icons**********/


.sns-icon li{
    display: inline-block;
}
.sns-icon li.X a i{
    width:32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.sns-icon li.X a svg {
width:32px;
	height: 32px;
	padding: 5px;
}
.sns-icon li a i:hover{
    opacity: 0.8;
}

.sns-icon li.X a svg{
	background-color: #000000;
	position: relative;
	top:-2px;
}
.sns-icon li a i.fa-instagram{
    background-color: #ea4c89;
}