@charset "UTF-8";

/* 工学部の設定　*/

/*--------------------------------
汎用
--------------------------------*/
.circle{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #498ecc;/*背景色*/
    margin-right: 5px;
}


/*--------------------------------
スライダー
--------------------------------*/

.slide{
    margin-bottom:30px;
}

.main-slide{
    margin: 100px auto;
    width: 90%;
}


.main-slide img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}


/*--------------------------------
お知らせ
--------------------------------*/

.h1-Knews{
    background: -webkit-repeating-linear-gradient(-45deg, #dcedc8, #dcedc8 3px,#fff 3px, #fff 6px);
    background: repeating-linear-gradient(-45deg, #dcedc8, #dcedc8 3px,#fff 3px, #fff 6px);
    text-align: center;
    padding:4px 0;
    margin-bottom:20px;
}

.Knews-li li::before{
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    padding-right: 5px;
     font-weight: bold;
    font-weight: 900;
    color:#666;
}

.Knews-li li{
    font-size:1.6rem;
    margin-bottom: 0.5em;
}

.Knews-date{
    color:#666;
    font-size:1.2rem;
}

.Tcont{
    border:1px solid #999;
    padding:10px;
}

.top-new{
    background: #f00;
    color:#fff;
    font-size:1.1rem;
    padding:0 2px;
}

/* PICK UP */

.h1-Tpick{
    border-left:6px solid #e25f9e;
    padding-left:10px;
    margin-bottom:20px;
}

.h1-Ttopic{
    border-left:6px solid #0abe54;
    padding-left:10px;
    margin-bottom:20px;
}

.Tpick-bn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    column-gap: 10px;
}

@media(min-width:481px){
    .Tpick-bn li{
       /* width:32%;
        margin-right:2%; */
        width:calc(100% / 3 - 10px);
    }
    
    .Tpick-bn li:nth-child(3n){
        margin-right:0;
    }
}

@media(max-width:480px){
    .Tpick-bn li{
        width:48%;
        margin-right:2%;
    }
    .Tpick-bn li:nth-child(even){
        margin-right:0;
    }
}

.Tpick-bn li{
    margin-bottom:10px;
}


/* TOPICS一覧 */


@media(min-width:769px){
    .Ktopi{
        /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; */
        display:grid;
        grid-template-columns: repeat(auto-fit,minmax(330px,auto));
        column-gap: 20px;
    }

    /* .Ktopi > div{
        width: 48%;
    } */
}

.Ktopi-img{
    max-width:200px;
    margin: 0 auto;
    min-height: 150px;
}

/* 小さいPCでは横並びに　*/

@media(max-width:768px){
    .Ktopi-img{
        float:left;
        max-width:120px;
        margin-right:10px;
    }
}

/* スマホでは縦並びに　*/

@media(max-width:480px){
    .Ktopi-img{
        float:none;
        max-width:120px;
        margin-right:10px;
        max-width: 100%;
    }
}




.Ktopi-box{
    position: relative;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom:20px;
    background: #fff;
    display: grid;
    grid-template-rows: subgrid;
    grid-row:span 4;
}

.Ktopi-box .Ktopi-new{
    position: absolute;
    left:40px;
    top:16px;
    background:#0abe54;
    color:#fff;
    font-size:1.2rem;
    padding:0 6px;
    z-index: 10;
}

@media(max-width:768px){
    .Ktopi-box .Ktopi-new{
        left:20px;
    }
}

.Ktopi-title{
    font-weight: bold;
}

@media(min-width:769px){
    .Ktopi-title{
        margin-bottom:26px;
    }
}

.Ktopi-date{
    color:#999;
    font-size:1.2rem;
    margin-bottom:40px;
}


.Ktopi-cat{    
    padding:2px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size:1.1rem;
    float:right;
    margin:0 0 10px 10px;
}

.Ktopi-cat a:link,.Ktopi-cat a:visited,.Ktopi-cat a:hover{
    color:#fff;
}

.Ktopi-cat-kokusai{
    background:#cdffd4;
}

.Ktopi-cat-topic{
    background:#fffba1;
}

@media(max-width:768px){
    .Ktopi-info{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media(min-width:991px){
    .Ktopi-info{
        position: absolute;
        right:10px;
        bottom:0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.bt-topic-all{
    background: #0abe54;;
    color:#fff;
    font-size:1.2rem;
    padding:2px 6px;
}

.bt-topic-all a:link,.bt-topic-all a:visited,.bt-topic-all a:hover{
    color:#fff;
}

/* カテゴリーごとに色分け　*/

#Ttop-new{
    background: #0abe54;
    color:#fff;
}

.topi-topics,#Ttop-topi{
    background: #00a091;
    color:#fff;
}

.topi-event,#Ttop-eve{
    background: #3bb8eb;
    color:#fff;
}

.topi-commend,#Ttop-stu{
    background: #f39700;
    color:#fff;
}

.topi-press,#Ttop-press{
    background: #ba68c8;
    color:#fff;
}

.topi-info,#Ttop-info{
    background: #1565c0;
    color:#fff;
}

/* グローバルナビのお知らせをカテゴリーにして色分け　*/

.topi-enter,.topi-ad,.topi-graduate,.topi-student,.topi-community{
    border:1px solid #999;
    color:#333;
}

.topi-enter a,.topi-ad a,.topi-graduate a,.topi-student a,.topi-community a{
    color:#333 !important;
}


.Kactive{
    background: #f2f2f2 !important;
    border:1px solid #999;
    color:#333 !important;
}




/*--------------------------------
TOPICS　
--------------------------------*/

.en-page-cont .tax-date::before{
    font-family: "Font Awesome 5 Free";
    content:"\f138";
    font-weight: 900;
    margin-right:10px;
    color:#0abe54;
}

.en-page-cont .single-date{
    color:#094;
    text-align: right;
    margin-bottom:0;
}


.en-page-cont .single-cat{
    text-align: right;
}



/*--------------------------------
工学部下層ページ共通項目
--------------------------------*/

.main-image{
    margin-bottom:20px;
}
.wp-embedded-content {
max-width: 100%;
}



/*============================================
admission／入学希望の方へ
============================================*/

.en-h1{
    border-left:6px solid #0abe54;
    padding-left:10px;
    margin-bottom:20px;
    font-size:2.0rem;
}

.en-info-h2{
    border-bottom:1px solid #ccc;
}

.en-info-h2 p{
    border:1px solid #ccc;
    border-bottom:none;
    border-radius: 0 20px 0px 0px;
    -webkit-border-radius:0 25px 0px 0px;
    -moz-border-radius:0 25px 0px 0px;
    font-size:1.4rem;
    padding:4px 8px;
    width:100px;
    text-align: center;
}

/* 第2階層のタブは背景に色を付ける*/

.sec-info-h2 p{
	background:#e4eaff;
}

@media(min-width:769px){

	.en-info-box{
		margin: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-bottom:16px;
	}
    
}

.en-info-box{
    padding-bottom:10px;
}

.en-info-box dt{
    font-size:1.2rem;
    width:160px;
}

.en-info-box dt::before{
    font-family: "Font Awesome 5 Free";
    content: "\f144";
    text-indent: 1.5em;
    font-weight:900;
    color: #094;
    padding-right:10px;
}

.en-info-box dd{
    margin-right:10px;
    font-size:1.5rem;
}


.en-info-box{
    border-bottom:1px dashed #666;
}

.en-info-course{
    border:1px solid #999;
    padding: 2px 4px;
    text-align: center;
    line-height: 1.3;
    display: block;
}

.en-info-course a{
    font-size:1.2rem;
    display: block;
    font-weight: bold;
}

.en-go-archive{
    text-align: right;    
}

.en-go-archive a{
    text-align: center;
    background: #d5e87a;
    padding:2px 6px;
    font-size:1.2rem;
    color:#094;
}

.fa-play{
    font-size:0.8rem;
    color:#094;
    margin-right:10px;
    vertical-align: 1px;
}

/*　コンテンツメニュー一覧　*/

@media(min-width:769px){

    .en-cont{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .en-cont-box{
        width: calc( 100% / 3 - 2%);
        margin-right:2%;
    }
    
    .en-cont-box:nth-last-child(3n){
        margin-right:none;
    }

}

.en-cont-box{
    margin-bottom:40px;
}

.en-cont-h2{
    font-size:1.8rem;
}

.en-cont-h2::before{
    content :"●";
    color:#aacd06;
    font-size:1.5rem;
    margin-right:4px;
}

.en-cont-list li{
    font-size:1.3rem;
    margin-left:1em;
}

.en-cont-list li::before{
    content :"■";
    color:#aacd06;
    font-size:1.3rem;
    margin-right:4px;
}


/*--------------------------------
第３階層（固定ページ編集欄）
--------------------------------*/

.en-page-cont{
    border:1px solid #094;
    padding:20px;
}

.en-page-cont h1{
    border-left:6px solid #094;
    font-size: 1.9rem;
    margin-bottom:20px;
    padding-left:10px;
}

.en-page-cont h2{
    background: #094;
    color:#fff;
    font-size: 2.0rem;
    padding:4px 10px;
    margin-bottom:20px;
}

.en-page-cont h3{
    border-bottom: 1px solid #094;
    border-left: 6px solid #094;
    margin-bottom: 20px;
    padding-left: 10px;
}

.en-page-cont h4{
    color:#094;
    font-size:1.8rem;
    border-bottom:1px solid #094;
    padding-bottom:4px;
    padding-left:10px;
    margin-bottom:10px;
}

.en-page-cont h5{
    font-size:1.6rem;
    color:#094;
    margin-bottom:20px;
}

.en-page-cont h5::before{
    font-family: "Font Awesome 5 Free";
    content:"\f144";
    font-weight: 400;
    margin-right:10px;
    color:#094;
}

.en-page-cont p{
    margin-bottom:1em;
}

.en-page-cont .link p::before{
    font-family: "Font Awesome 5 Free";
    content:"\f138";
    font-weight: 900;
    margin-right:10px;
    color:#094;
}

.en-page-cont .link p{
    font-weight: bold;
}

.en-page-cont .page-link{
    margin-bottom:20px;
    margin-left:2em;
}

.en-page-cont .page-link li::before{
    font-family: "Font Awesome 5 Free";
    content:"\f0da";
    font-weight: 900;
    margin-right:10px;
    color:#666;    
}


/* ファイルダウンロード設定 */

p a:link.link-file,p a:visited.link-file,p a:hover.link-file{
    color:#094;
}

/* 外部リンク設定 */

p a:link.link-site,p a:visited.link-site,p a:hover.link-site{
    color:#094;
}

/* faq */

.en-faq dt > span{
    background:#0abe54;
    color:#fff;
    font-size:2.4rem;
    padding:2px 8px;
    margin-right:4px;
}

.en-faq dt{
    font-size:1.6rem;
    color:#555;
}

.en-faq dd > span{
    background:#d5e87a;
    color:#094;
    font-size:2.4rem;
    padding:2px 8px;
    margin-right:4px;
}


/* 編集欄のボタン設置　*/

/*English*/

.bt-english{
    background: #d5e87a;
    line-height: 50px;
    border-radius: 12px;
    -moz-border-radius:12px;
    -webkit-border-radius: 12px;
    width:200px;
    height:50px;
    margin: 50px auto;
    text-align: center;
    font-size:2.1rem;
    color:#094;
    display: block;
}

.bt-english a{
    color:#094;
    display: block;
    width:200px;
    height:50px;
    height:100px;
}



/* 編集欄のテーブル設定 
テーブルのレスポンシブは親サイトcommon.cssにて設定
*/

.en-page-cont table{
    width: 100%;
    margin-bottom:20px;
}

.en-page-cont th, .en-page-cont td{
    padding:8px;
    border:1px solid #ccc;
}

.en-page-cont table th{
    background: #e3eeaf;
    text-align: left;
}

.en-page-cont table caption{
    background:#aacd06;
    padding:8px;
    color:#fff;
    font-weight: bold;
    text-align: center;
}


/*--------------------------------
第3階層（コース・研究室について）
--------------------------------*/

.h1-en-3{
    border-bottom:1px solid #094;
    border-left:6px solid #094;
    margin-bottom:20px;
    padding-left:10px;
}

.h2-link{
    font-size:1.6rem;
    font-weight: bold; 
    position: relative;
    padding-left:20px;
    font-weight: bold;
}

.h2-link::before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #094;
    position: absolute;
    top:10px;
    left:6px;
}


.en-page-cont .link p::before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: 900;
    margin-right: 10px;
    color: #094;
}


/*--------------------------------
第３階層
--------------------------------*/

.tax-box{
    border-bottom:1px dashed #0abe54;
    margin-bottom:10px;
    padding-bottom:10px;
}

.tax-term{
    text-align: right;
}



.tax-link a:link,.tax-link a:visited,.tax-link a:hover{
    color:#094;
}

/*--------------------------------
TOPICS一覧
--------------------------------*/

.topi-cat-tax{    
    padding:2px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size:1.1rem;
    float:right;
    margin:0 0 10px 10px;
}

.topi-cat-tax a:link,.topi-cat-tax a:visited,.topi-cat-tax a:hover{
    color:#fff;
}

/*--------------------------------
第２階層　お知らせ
--------------------------------*/

.no-post{
    margin:20px;
}

.en-post{
    margin-bottom:50px;
}


/*--------------------------------
フッターナビ
--------------------------------*/

.foot-nav-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-:justify;
    -ms-: justify;
    justify-content: space-between;
}

.foot-nav-area > div{
    width:32%;
}

.foot-nav > li::before{
        font-family: "Font Awesome 5 Free";
        content: "\f07b";
        padding-right: 5px;
        font-weight: bold;
        font-weight: 900;
        color:#fff;
    
}

.foot-nav > li a:link,.foot-nav > li a:visited,.foot-nav > li a:hover{
    color:#fff;
}

.foot-nav .sub-menu{
    color:#fff;
    opacity:1;
    visibility: inherit;
}

.foot-nav .sub-menu li{
    border:none;
    text-indent:-1em;
    padding-left:1em;
}