/*====================================*
　各ピースのデザイン
==================================== */
/*--------------------------------------------------
	top-image-newsys-pc 【システム工学部】トップ画像_PC用
-------------------------------------------------- */

#mainVisualPC  {
       position:relative;
       text-align:right;
       width:  auto;
       margin:  0 auto;
       max-width: 1020px;
       min-width:  640px;
}

#mainVisualPC .text {
       position:absolute;
       color:  #fff;
       bottom:  0;
       right:  0;
       padding: 0.5em 1em;
       font-size:  2em;
       line-height: 1.5;
       margin:0;
       text-shadow: 0.5px 0.5px 0.5px #444,
                    -0.5px 0.5px 0.5px #444,
                    0.5px -0.5px 0.5px #444;
}

#mainVisualPC .text span{
        font-size: 1.3em;
        font-weight:bold;
        color: #a4586c;
        text-shadow: 1px 1px 1px #fff,
                     -1px 1px 1px #fff,
                     -1px -1px 1px #fff,
                      1px -1px 1px #fff;
        }

       /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {


        #mainVisualPC{
                display:none;
        }
        }


/*--------------------------------------------------
	top-image-newsys-smp 【システム工学部】トップ画像_スマホ用
-------------------------------------------------- */

#mainVisuialSMP{
        display:none;
}

        /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {



        #mainVisuialSMP{
               display:block;
               position:relative;
        }

        #mainVisuialSMP .text {
               position:absolute;
               color: #333;
               top: 0;
               right:  0;
               padding: 10px;
               margin:0;
               font-size: 1.6em;
               line-height: 1.3;
               text-align: right;
               text-shadow: 0.2px 0.2px 0.2px #fff,
                            -0.2px 0.2px 0.2px #fff,
                            0.2px -0.2px 0.2px #fff;
        }

        #mainVisuialSMP .text span{
               font-weight:bold;
               font-size: 1.2em;
               color: #a4586c;
               text-shadow: 1px 1px 1px #fff,
                     -1px 1px 1px #fff,
                     -1px -1px 1px #fff,
                      1px -1px 1px #fff;
        }
        }



/*--------------------------------------------------
	ham-menu-gradsys バーガー
-------------------------------------------------- */
#barger {
        display: none;
        }

        /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        #barger {
                display: block;
        }

        #ham-menu {
                 background-color: #333;  /*メニュー背景色*/
                 box-sizing: border-box;
                 height: 100%;
                 padding: 0px; /*メニュー内左右上下余白*/
                 text-align: left;
                 position: fixed;
                 right: -220px; /*メニュー横幅 width と合わせる*/
                 top: 0;
                 transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
                 width: 220px; /*メニュー横幅*/
                 z-index: 1000;
        }

        #ham-menu li {
                border-bottom: 1px solid #222;
                font-size: 13px;
                font-size: 1.3rem;
                line-height: 1.3;
        }

        #ham-menu .barger1 li:first-child {
                border-top: 1px solid #222;
        }

        #ham-menu li a {
                display: block;
                padding: 14px 15px;
                color: #fff;
                text-decoration: none !important;

                -webkit-transition: all .2s ease-in;
                -moz-transition: all .2s ease-in;
                -ms-transition: all .2s ease-in;
                transition: all .2s ease-in;
        }

        #ham-menu .barger1 {
                margin-bottom: 5px;

        }

        #ham-menu .barger2 {
                margin-bottom: 5px;
                background-color: #D8DBE4;
                font-weight: bold;
        }

        #menu-background {
                background-color: #333; /*黒透かし*/
                display: block;
                height: 100%;
                opacity: 0;
                position: fixed;
                lett: 0;
                top: 0;
                transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
                width: 100%;
                z-index: -1;
        }

        #menu-icon {
                background-color: #4E5F87; /*アイコン部分背景色*/
                border-radius: 0 0 0 10px; /*左下角丸*/
                color: #fff; /*アイコン（フォント）色*/
                cursor: pointer;
                display: block;
                font-size: 30px; /*アイコン（フォント）サイズ*/
                height: 50px; /*アイコン縦高さ*/
                line-height: 50px; /*縦位置中央化*/
                position: fixed;
                right: 0px;
                text-align: center;
                top: 0;
                width: 50px; /*アイコン横幅*/
                transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
                z-index: 1000;
        }

        #menu-cb {
                display: none; /*チェックボックス本体は消しておく*/
        }

        #menu-cb:checked ~ #ham-menu,
        #menu-cb:checked ~ #menu-icon {
        transform: translate(-220px); /*メニュー本体横幅 width と合わせる*/
        }

        #menu-cb:checked ~ #menu-background {
                opacity: 0.5;
                z-index: 999;
        }
        }


/*--------------------------------------------------
　　　　　スマホ用ヘッダー（ヘッダー?ヘッダーナビ?画像）（共通）
-------------------------------------------------- */
.smp-header{
        display: none;
        }


        /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        .smp-header{
                display: block;
                margin: 0 auto;
        }

        /*　smp-navi スマホ用サイトID　*/
        .smp-header .smpSiteId{
                width: 240px;
                margin: 5px;
        }

        /*　smp-navi スマホ用ヘッダーナビ　*/
        #smp-navi {
                height: 3em;
                line-height:  2em;
                width: 100%;
                text-align: right;
                background-color: #444;
        }

        #smp-navi ul {
                display: inline-block;
                margin: 0 0 0 auto;
                padding: 0px 0.5px 0px 0px;
        }

        #smp-navi li {
                display: table-cell;
                list-style: none;
                width: auto;
                margin: 0px;
                padding: 1ex 0.7ex;
                text-align: right;
                line-height: 2em;
        }

        #smp-navi li a {
                color: #fff;
                font-size: 100%;
                font-weight: bold;
        }


        #search-icon {
                cursor: pointer;
                display: inline-block
        }

        .fa {
                display: inline-block;
                font-family:FontAwesome;
                font-style: nomal;
                font-weight: nomal;
                line-height: 1;
                 -webkit-font-smoothing: antialiased;
        }

         #search-icon:before {
                width: 15px;
                right: 8px;
                content: '\f002';
                font-family: FontAwesome;
                padding-right: 8px;
                color: #fff;
                font-size: 15px;
                font-weight: 900;
        }

        .fa-search:before{
                display: none;
        }

       #search-cb:checked ~ label:before {
                content:'\f061';　  /*アイコンを入れ替える*/
        }

        #search-cb {
                display:none;
        }

        #search_f {
                width: 0px;
        }

        #search_f,#gn1 {
                display: inline-block;
                margin :0px;
                padding: 0px;
                vertical-align: middle;
                height: 3em;
        }


        #search_f form {
                overflow: hidden;
                height: 3em;
                line-height: 2em;
                vertical-align: middle;
                margin: 0px;
                padding: 0px;
        }

        #search_f p {
                margin: 0px;
                padding: 0px;
        }

        #search_f input {
                visiblity; hidden;
                opacity: 0;
        }

        #search-cb:checked ~ #gn1{
               display: none;
               opacity: 0;
               transition: all 0.5s linear 0s;
               -webkit-transition: all 0.5s linear 0s;
        }

        #search-cb:checked ~ #search_f{
               width: 23em;
               transition: all 0.5s linear 0s;
               -webkit-transition: all 0.5s linear 0s;
        }

        #search-cb:checked ~ #search_f input,
        #search-cb:checked ~ #search_f{
               visiblity: visible;
               transition: all 0.5s linear 0s;
               -webkit-transition: all 0.5s linear 0s;
        }

        #search-cb:checked ~ div#search_f input{
                opacity:1;
                transition: all 0.5s linear 0.5s;
                -webkit-transition: all 0.5s linear 0.5s;
        }

        /*　スマホ用トップページ画像 */
        .TopImage {
                display: block;
                width: auto;
                max-width: 640px;
        }
        }

/*--------------------------------------------------
	PC用ヘッダー　（共通）
-------------------------------------------------- */
div#page header#globalHeader, div#page header#globalHeader .inner{
        width:auto;
        max-width: 1000px;
        min-width:640px;
        margin:0 auto;
	}

/*　研究科ロゴ　 */

#globalHeader #siteIDgradsys img {
	width: 300px;
	margin-left:10px;
	float:left;
	}

/*　ヘッダーナビ　 */

#globalHeader .headerNavi {
	float: right;
	width: 380px;
	margin-right: 10px;
	}

#globalHeader .headerNavi ul {
	padding: 3px 0;
	}

/*　 サイト検索　 */

#globalHeader .subHeader {
	margin: 5px 0 8px;
	width: 40%;
	}

#globalHeader #headerSearch {
	width: 169px;
	margin-left:  auto;
	float:  none;
	}



	/*	    Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {

        div#page header#globalHeader, div#page header#globalHeader .inner{
                display: none;
        	}
	}



/*----------------------------------------------
	PC用グローバルメニュー　（共通）
----------------------------------------------- */
div#page div#gNavi, div#page div#gNavi .inner{
	width:auto;
	max-width: 1020px;
	min-width:640px;
	margin:0 auto;
	}

#gNavi li {
        width: 16.6%;
	}

#gNavi li a span {
	line-height: 1;
}


	/*	    Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {

        div#page div#gNavi, div#page div#gNavi .inner {
                display: none;
        }
	}

/* --------------------------------------------------
	#mainVisual  - PC用トップページ画像　（共通）
-------------------------------------------------- */
div#mainVisual img {
        width: 100%;
        max-width: 1020px;
        }


        /*	    Responsive Settings
         -------------------------------------------------- */
        @media screen and  (max-width:640px) {
        #mainVisual {
                display :none;
        }
        }


/*----------------------------------------------
	#targetNavi　PC用訪問者別　（共通）
---------------------------------------------- */
div#page div#targetNavi, div#page div#targetNavi .inner {
         display: block;
         width: auto;
         max-width: 1020px;
         min-width: 640px;
         margin: 0 auto;
        }

div#page div#targetNavi li{
         width:19.8%;
        line-height:1.2;
         vertical-align:middle;
         display: table;
          }

#targetNavi li a {
         padding: 0 5px;
         display: table-cell;
         vertical-align: middle;
         }

        /*	    Responsive Settings
         -------------------------------------------------- */
        @media screen and  (max-width:640px) {
        div#page div#targetNavi, div#page div#targetNavi .inner  {
                display :none;
        }
        }


/*--------------------------------------------------
	.pickup　ピックアップ　バナー　（共通）
-------------------------------------------------- */
.pickup {
       margin: 0 15px 10px 15px;
       text-align: center;
       }

.pickup a {
         display: inline;
}

.pickup img {
         display: inline-block;
         width: 48%
}

        /*	    Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        .pickup a {
                 display: block;
        }

        .pickup img {
                 width: 100%;
                 margin-bottom: 5px;
        }
        }


/* --------------------------------------------------
　　 スマホ用ボタンナビ（グローバルメニュー）（共通）
-------------------------------------------------- */
.navibtn {
        display: none;
       }

.naviBtn-gradsys {
        display: none;
       }


        /*	    Responsive Settings
        -------------------------------------------------- */
        @media screen and  (max-width:640px) {

        .navibtn {
                display: block;
                margin: 10px;
                text-align: center;
        }

        .navibtn li {
                display: inline;
        }

        .navibtn li img {
                display: inline;
                width: 80px;
                margin: 0 auto;
                padding: 5px;
        }

        .navibtn ul li a:hover{
                border-bottom: dotted 1px #fff;
        }
       }

/*-----------------------------------
       重要なお知らせ（学部/研究科）
------------------------------------*/
#indexImportantNewsTabListGradsys {
	margin-bottom: 30px;
	}

#contents #newsys2023ImportantNews h2,
#contents #indexImportantNewsTabList h2,
#contents #indexImportantNewsTabListGradsys h2 {
	color:  #000;
	margin: 16px 0;
	padding: 20px 0 0;
	border-left:none;
	font-size:1.6em;
}

#contents #newsys2023ImportantNews h2:before,
#contents #indexImportantNewsTabList h2:before,
#indexImportantNewsTabListGradsys h2:before {
	content: "\e604";
	display: inline-block;
	margin-right: 8px;
	font-family: 'ico_wu_theme';
	color: #4e5f87;
	}

#indexImportantNewsTabListGradsys .tabs {
	display: none;
	}


#indexImportantNewsTabList .wrapper,
#indexImportantNewsTabListGradsys .wrapper {
       padding: 19px;
}

#indexImportantNewsTabListGradsys .wrapper {
	background: #fff;
	border: 1px solid #ddd;
	}


#indexImportantNewsTabListGradsys dl {
	font-size: 1.4em;
	}

#indexImportantNewsTabList dt,
#indexImportantNewsTabListGradsys dt {
	margin-bottom: 15px;
	}


#indexImportantNewsTabListGradsys dd {
	margin-bottom: 15px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #cbcbcb;
	line-height: 1.3;
	}

#indexImportantNewsTabListGradsys dd a {
	display: inline-block;
	color: #005ac8;
	line-height: 1.3;
	}

#indexImportantNewsTabListGradsys dd a:hover {
	color: #ff9800;
	text-decoration: underline;
	}

#indexImportantNewsTabListGradsys dl dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	}

/* 重要ラベル */
#indexImportantNewsTabListGradsys dl dt:before {
	display: inline-block;
	content:"重要";
	width: 140px;
	margin-right: 10px;
	padding: 3px 0;
	background-color: #4e5f87;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	}

#indexImportantNewsTabListGradsys dl .attributes,
#indexImportantNewsTabListGradsys dl .unit {
	display: none;
	}


        /*	    Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        #indexImportantNewsTabList,
        #indexImportantNewsTabListGradsys {
                margin-bottom: 10px;
                }

	#contents #indexImportantNewsTabList h2,
	#contents #indexImportantNewsTabListGradsys h2 {
                padding: 20px 10px 0px;
		}
        }


/*--------------------------------------------------
	亚洲通官网_现金网游戏-【娱乐平台】　受賞 (共通)
-------------------------------------------------- */

.tabList .wrapper {
        padding: 19px;
        margin-bottom: 20px;
}
/* パンくずリスト　１件のみ表示に修正 */
#topicPathCommon > div > div > ol{
 display:none;
}

#topicPathCommon > div > div > ol:nth-child(1){
 display:block;
}

/*　研究科　ニュース&トピックスと受賞の属性を非表示　*/

dt.attrGraduate:before {
         display: none;
}

        /*	    Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        .newsList .more {
                padding: 20px 10px 10px 0px;
                margin-top: 10px;
                }

         div#page div#contents #news h1 {
                padding: 20px 10px 0px;
                margin-top: 10px;
                }

         div#page div#contents #award h1 {
                padding: 20px 10px 0px;
                margin-top: 10px;
                }

         #award element .style {
                margin-top: 0;
                  }

	.tabList dd {
		margin-bottom: 5px;
		padding-bottom: 5px;
	        }
         }




/* --------------------------------------------------
	.topicPath -　パンくず　（共通）
-------------------------------------------------- */
.topicPath {
	display: block;
	}

.topicPath .pieceBody div {
	padding-bottom: 10px;
	padding-left:  10px;
	}

#topicPath {
       min-width: 640px;
        background: #f9f9f4;
        font-size: 1.4em;
        padding-bottom: 20px;
        max-width: 1020px;
        margin:  0 auto;
        }

/*　メジャー用パンくず　*/

.Path_major {
        min-width: 640px;
        background: #f9f9f4;
        padding-bottom: 20px;
        max-width: 1020px;
        margin:  0 auto;
        }

/*　記事ページ用（暫定）　*/

.Path_news {
    margin-bottom: 40px;
}

#topicPath .inner {
         width: auto;
         max-width: 1020px;
         min-width; 640px;
         margin: 0 auto;
         padding: 0 10px;
        }

#topicPath .pieceBody div a{
              line-height: 1.5em;
        }


	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {
	 .topicPath {
	 display: none;
	}

        #topicPath {
              display: none;
        }
        }






/* --------------------------------------------------
	SNSリンク
-------------------------------------------------- */
div.snslinks {
	text-align: right;
	margin-top: -20px;
        }

#snsLink,
#snsLink_line,
#snsLink > div > div > div > div.fb-like.fbLike.fb_iframe_widget > span,
#snsLink > div > div > div > div.fb-share-button.fbShare.fb_iframe_widget > span {
	display: inline-block;
	vertical-align: baseline !important;
	}

/*div.snslinks div { display: inline;}*/

div#snsLinks, div#snsLinks > *{
	margin:0;
	padding:0;
	text-align:right;
	vertical-align: bottom;
	/* padding-right:  5px; */
	padding-top: 5px;
	}

div#snsLinks div.gpShare div#___plus_0{
	vertical-align: bottom !important;
	}

#snsLinks > div.fb-like.fbLike.fb_iframe_widget {
        /*right: 23px;*/
        top: 8px;
        }

#snsLinks > div.fb-like.fbLike.fb_iframe_widget > span {
width:80px !important;
}
#snsLinks > div.fb-like.fbLike.fb_iframe_widget > span > iframe{
width:80px !important;

}
	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {
	div.snslinks {
		text-align: right;
		margin-top: 0px;
		}
	}

/* --------------------------------------------------
	.articleHeader   記事タイトル
-------------------------------------------------- */
.articleHeader h1 {
        padding: 20px 0 18px 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	font-size: 2.0em;
	line-height: 1.3;
	}


	/*	    Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {

        div#page div#contents h1 {
                padding: 10px;
                border-radius: 0 0 0 0;
                font-size: 1.4em;
        }
	}


/*--------------------------------------------------
	SNSポリシー&アイコン
-------------------------------------------------- */
#contents #sns {
    float:right;
        }

#contents #sns .about-sns li{
      font-size:1.4rem;
      padding: 0 10px;
        }

#contents #sns .sns-icon{
        padding: 10px;
        text-align:  right;
        }


#contents #sns .sns-icon li{
        display: inline-block;
        padding:  5px;
        }

#contents #sns .about-sns li a span:before {
		display: inline-block;
		padding-right: 5px;
		font-family: 'ico_wu_theme';
		font-size: 0.85714285714em;
		content: "\e60f";
		color: #a4586f;
	}


/*--------------------------------------------------
	.banner-list　バナーリスト　（共通）
-------------------------------------------------- */

.banner-list {
        display: block;
        margin:0 auto;
        }

.banner-list li {
       display: inline-block;
       }

.banner-list ul {
       text-align: center;
       }

.banner-list li img{
       padding: 5px;
       }



	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {
	 .banner-list {
		 display: block;
		 margin: 20px;
	}

	 .banner-list li {
		 display: inline-block;
		 width: 48%;
	}
	 .banner-list li img {
		padding: 2px;
	}
	}



/*---------------------------------------------
       .globalFooter フッダー　（共通）
--------------------------------------------*/

#globalFooter .inner {
         width: auto;
         max-width: 1020px;
         min-width: 640px;
         margin: 0 auto;
         }

#globalFooter .footerNavi, #globalFooter .subFooter{
         min-width: 640px;
         padding: 10px;
         }

#globalFooter #pageTop {
         min-width: 640px;
         }

#globalFooter .footerAddress dt, #globalFooter .footerAddress dd{
         text-align: left;
         line-height: 1.3em;
         }

#pageTop p {
         bottom: 40px;
         right: 10px;
         }


        /*	    Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        #globalFooter .inner {
                padding: 0 !important;
                }

        #globalFooter .footerNavi {
                display: none;
                }

        #globalFooter .subFooter {
                test-align: left;
                max-width: 640px;
                }

        #globalFooter .subFooter, #globalFooter .subFooter .inner{
                min-width: 320px;
                width: auto;
                }

        #globalFooter .footerAddress dt, #globalFooter .footerAddress dd{
                max-width: 640px;
                }

	#globalFooter .footerAddress dt {
		font-size: 1.5em;
	}

        #pageTop {
                 max-width: 640px;
                 }

	#globalFooter #copyright {
		text-align: left;
	}
	}


#page-sys-newsNewsys-index #snsLinks {
  display: none;
}