/*就職
------------------------------*/
.shushoku li{width:380px;float:left;margin-right:10px;margin-bottom:10px;border:2px solid #353535;}
.shushoku li:hover{border:2px solid #f86a92;opacity:0.7;}
.shushoku li:nth-child(2n){margin-right:0;}
.shushoku li a{display:block;}
.shushoku li h3{padding-top:55px;}
.shushoku li a:hover h3{color:#f86a92}

.shushoku-thumb{width:200px;height:auto;overflow:hidden;float:left;margin-right:10px;}
.shushoku-thumb img{width:100%;height:auto;transition:0.3s;padding:10px 10px;}


.table-shushoku{border-collapse:collapse;width:100%;margin-bottom:2em;}
.table-shushoku th{border:1px solid #ccc;padding:5px 10px;text-align:left;font-weight:normal;}
.table-shushoku th span{font-size:12px;font-size:1.2rem;color:#666}
.table-shushoku thead th{text-align:center;color:#fff;}
.table-shushoku td{border:1px solid #ccc;padding:5px 10px;}
.table-shushoku th span{color:#f30;font-size:13px;margin-left:5px}

.table-shushoku-bc thead{background:rgba(255,133,173,1);}
.table-shushoku-bc tr:nth-child(2n){background:rgba(255,133,173,0.1);}

.table-shushoku-tb thead{background:rgba(85,185,179,1);}
.table-shushoku-tb tr:nth-child(2n){background:rgba(98,246,237,0.1);}



/*OB・OGメッセージ
------------------------------*/
.salon_name{font-size:28px;font-weight:bold;text-align:center;padding:40px 0 20px 0;}
.sub_title{font-size:20px;color:#d73e57;}
.name{font-size:24px;}

/*fit
------------------------------*/
.t-tokuten strong{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/*投稿*/
.btn-event{text-align:center;margin-bottom:40px;}
.btn-event a{display:inline-block;width:600px;height:40px;border-radius:5px;font-size:18px;font-size:1.8rem;line-height:40px;border:1.5px solid #f95a8e}
.btn-event a:hover{background-color:#f95a8e;color:#FFF;}


/*コース紹介
------------------------------*/
.gakka ul{overflow:hidden;}
.gakka ul li{width:370px;float:left;margin-right:30px;margin-bottom:30px;}
.gakka ul li:nth-child(2n){margin-right:0;}
.gakka ul li a{display:block;overflow:hidden;}
.gakka ul li a h4{font-size:23px;font-size:2.3rem;margin-bottom:15px;padding-left:10px}
.gakka ul li a strong{font-weight:normal;margin-bottom:10px;color:#ff6600;display:block;margin-bottom:10px;padding-left:10px}
.gakka ul li a p{line-height:1.4;margin-bottom:10px;padding-left:10px}
.gakka ul li a span{display:inline-block;background:#e99eb5;width:9em;height:40px;line-height:40px;float:right;text-align:center;transition:0.3s;}
.gakka ul li a:hover{background:#fdf5f7}
.gakka ul li a:hover span{background:#f95A8e;color:#fff;}

.gakka-thumb{width:370px;height:186px;overflow:hidden;margin-bottom:15px;}
.gakka-thumb img{width:100%;height:auto;transition:0.3s;position:relative;top:0;left:0}
.gakka ul li a:hover .gakka-thumb img{width:110%;position:relative;top:-5%;left:-5%;}


/*入学案内
------------------------------*/
.list-nyugaku li{margin-bottom:20px;}
.list-nyugaku li a{display:block;overflow:hidden;background:#fdf5f7;position:relative;}
.list-nyugaku li a:hover{background:#f8e2e9;}
.list-nyugaku li a h3{background:#e99eb5;width:150px;height:100px;line-height:100px;text-align:center;float:left;margin-right:20px;font-size:17px;font-size:1.7rem;}
.list-nyugaku li a p{padding:20px 50px 0 0}
.list-nyugaku li a i{position:absolute;top:50%;right:20px;margin-top:-17px;font-size:30px;}
.list-nyugaku li a:hover i{color:#e99eb5}

/*キャンパス紹介
------------------------------*/
.campus li{width:370px;float:left;margin-right:30px;margin-bottom:30px;}
.campus li:nth-child(2n){margin-right:0;}
.campus li a{display:block;}
.campus li a:hover img{opacity:0.7}
.campus li h3{overflow:hidden;margin-bottom:10px;}
.campus li h3 i{float:right}
.campus li a:hover h3{color:#f86a92}

.campus-thumb{width:370px;height:247px;overflow:hidden;margin-bottom:15px;}
.campus-thumb img{width:100%;height:auto;transition:0.3s;position:relative;top:0;left:0}


/*TOPICS
------------------------------*/
/*カラム*/
.topics-itemlist{overflow:hidden;margin-bottom:50px;}
.topics-itemlist li{float:left;width:240px;margin-right:25px;margin-bottom:25px;}
.topics-itemlist li:nth-child(3n){margin-right:0;}
.topics-itemlist li a{display:block;width:240px;overflow:hidden;}

.topics-itemlist li a .thumb-topics{margin-bottom:10px;width:240px;height:160px;overflow:hidden;position:relative;left:-0;transition:0.3s;}
.topics-itemlist li a:hover .thumb-topics{width:280px;left:-20px;}

/* text-effect*/
.topics-itemlist li a .thumb-topics .readmore{position:absolute;width:100%;text-align:center;top:50%;left:-30px;color:#fff;margin-top:-0.5em;opacity:0;transition:0.5s;}
.topics-itemlist li a:hover .thumb-topics .readmore{left:0;opacity:1;}

.topics-itemlist li a .thumb-topics .circle{position:absolute;left:50%;top:50%;margin-left:0;margin-top:0;background:rgba(249,90,142,0.5);height:0px;width:0px;border-radius:50%;transition:0.5s;}
.topics-itemlist li a:hover .thumb-topics .circle{height:400px;width:400px;border-radius:50%;margin-left:-200px;margin-top:-200px;}

/*イベント一覧
------------------------------*/
.event_pr1{margin-bottom:40px;}
.event_pr2{margin-top:40px;}

.table-event{border-collapse:collapse;width:100%;border-top:1px solid #c9c1c1;}
.table-event tbody tr:nth-child(2n+1){background:#f8f8f8}
.table-event th{border-bottom:1px solid #c9c1c1;padding:15px 10px;white-space:nowrap;background:#edeaea}
.table-event td{border-bottom:1px solid #c9c1c1;padding:15px 10px;vertical-align:middle}
.table-event td a:hover{color:#fb9c0a}
.event-b i{margin-right:3px;}

.table-event tr>td:nth-child(1){white-space:nowrap;opacity:0.8}
.table-event tr>td:nth-child(2){font-weight:bold;width:100%;}
.table-event tr>td:nth-child(2) span{font-weight:normal;}

.table-event td a.event-link{border:1px solid #c9c1c1;padding:4px 6px;font-size:14px;font-size:1.4rem;background:#fbecf0}
.table-event td a.event-link:hover{color:#fff;background:#ec5c9a}


.event-detail{white-space:nowrap;}
.event-detail a[href="#"]{display:none}
.event-pdf{white-space:nowrap;}
.event-regist{white-space:nowrap;}

/*イベントヘッダー
------------------------------*/
.tokuten-wrap{overflow:hidden;}
.tokuten1{width:42%;float:left}
.tokuten2{width:55%;float:right}
.t-tokuten{font-size:23px;font-size:2.3rem;margin-bottom:15px;}
.t-tokuten strong{color:#fff;margin-right:15px;font-size:23px;font-size:2.3rem;background:#f90;display:inline-block;height:60px;width:60px;border-radius:50%;line-height:1.2;text-align:center;padding-top:10px;vertical-align:middle}
.t-tokuten strong span{display:block;font-size:12px;}

.dl-tokuten-hojo dt{background:#cd94b4;padding:5px 10px;color:#fff;}
.dl-tokuten-hojo dd{padding:5px 0}

.dl-tokuten-rank{overflow:hidden;float:left;width:50%;}
.dl-tokuten-rank dt{width:5.5em;float:left;background:#888;color:#fff;margin-bottom:7px;text-align:center;line-height:1.7}
.dl-tokuten-rank dd{margin-left:6.5em;margin-bottom:7px;line-height:1.7}

/*イベント詳細
------------------------------*/
.regist-event{text-align:center;margin-bottom:40px;}
.regist-event a{display:inline-block;width:500px;height:60px;border:2px solid #4c3232;border-radius:30px;font-size:25px;font-size:2.5rem;line-height:60px;position:relative;}
.regist-event a:hover{color:#ec5c8b;background:#fdf4f7}
.regist-event a i{position:absolute;top:50%;right:20px;margin-top:-12px;}

.back-event{margin-top:20px;}
.back-event a{display:inline-block;color:#ec5c8b}
.back-event a:hover{color:#ff6600;}

.epage-box{background:#ece7e1;padding:20px;margin-bottom:20px;}
.epage-date{overflow:hidden;}
.epage-date li{border:2px solid #e99eb5;width:15%;float:left;margin-right:2%;margin-bottom:2%;text-align:center;padding:10px;font-weight:bold;}
.epage-date li:nth-child(6n){margin-right:0;}
.epage-date li span{display:block;font-weight:normal;font-size:12px;font-size:1.2rem;}

/*イベント詳細・個別ページ
------------------------------*/
.et{font-size:23px;font-size:2.3rem;margin-bottom:30px;}
.e-yoyaku{margin-bottom:10px}
.e-yoyaku span{display:inline-block;background:#f30;color:#fff;padding:5px 10px;}
.e-dl{overflow:hidden;}
.e-dl dt{width:4em;float:left;margin-bottom:10px}
.e-dl dd{margin-left:4em;margin-bottom:10px}
.e-dl dd fieldset{border:1px solid #c9c1c1}


/*交通アクセス
------------------------------*/
.map-link{text-align:center;margin-top:20px;}

/*学生生活
------------------------------*/
.t-schedule{width:50px;height:50px;background:#f90;color:#fff;position:relative;line-height:50px;text-align:center;margin-top:30px;margin-bottom:20px;}
.t-schedule:first-child{margin-top:0;}
.t-schedule:after{content:"";position:absolute;z-index:-1;top:0;left:0;background:#ffebcc;height:50px;width:770px;}

.list-schedule li{margin-bottom:5px;}
.list-schedule li:before{content:"●";color:#e99eb5;margin-right:5px;}

.photo-schedule{margin-top:20px;margin-bottom:-2.5%;}
.photo-schedule li{width:31%;float:left;margin-right:3.5%;margin-bottom:3.5%;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1)}
.photo-schedule li:nth-child(3n){margin-right:0;}
.photo-schedule li a{padding:10px;display:block;border:1px solid #e5e5e5;}
.photo-schedule li a img{width:100%;height:auto;transition:0.3s;}
.photo-schedule li a span{display:block;text-align:center;padding:10px 0 0 0}
.photo-schedule li a:hover img{opacity:0.7;}
.photo-schedule li strong{display:block;text-align:center;margin-top:10px;font-weight:normal;}

/*リンク
------------------------------*/
.link{overflow:hidden;}
.link li{width:32%;float:left;margin-right:2%;margin-bottom:2%;border:1px solid #ddd}
.link li:nth-child(3n){margin-right:0}
.link li a{display:inline-block;}
.link li img{width:100%;height:auto;transition:0.3s}
.link li a:hover img{opacity:0.6}


/*学校紹介ムービー
------------------------------*/
.movie-main{margin-bottom:20px;}
.movie-date{display:block;margin-bottom:10px;text-align:right}
.movie-thumb{width:770px;overflow:hidden;list-style-type:none;margin:0;padding:0;}
.movie-thumb li{width:23.5%;margin-right:2%;margin-bottom:2%;float:left;line-height:1;cursor:pointer;outline:3px solid rgba(0,127,197,0);outline-offset:-3px;transition:0.2s;position:relative;overflow:hidden;}
.movie-thumb li:nth-child(4n){margin-right:0}
.movie-thumb li img{width:100%;height:auto;vertical-align:bottom;}
.movie-thumb li:hover{outline:3px solid rgba(0,127,197,1);outline-offset:-3px;}
.movie-thumb li.mov-active{outline:3px solid #f30;outline-offset:-3px;}
.movie-title{font-size:11px;padding:10px;}
.movie-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}