

	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {

/*h1 ¥¿¥¤¥È¥ë¡¡*/
        #contents, #contents .inner{
                background-color:  #fff;
        }

.listBody{
 border:0;
}


div#page div#contents #majorMain h1{
 color:#666 !important;
 background-color:#fff !important;
 font-size: 5vw;
 /* font-weight: normal; */
 text-align:  center;
 margin:  1em 2em;
}

div#page div#contents #majorMain #news h1,
div#page div#contents #majorMain #award h1{
 margin:  0; 
}


 .mt #pageTitle h1{
 border-color: #B73570 !important;
}

 .em #pageTitle h1{
 border-color: #D8374B !important;
}

 .ap #pageTitle h1{
 border-color: #E95532 !important;
}

 .ch #pageTitle h1{
 border-color: #F4A23B !important;
}

 .ii #pageTitle h1{
 border-color: #EEC700 !important;
}

 .ni #pageTitle h1{
 border-color: #9FC001 !important;
}

 .es #pageTitle h1{
 border-color: #009B6B !important;
}

 .ed #pageTitle h1{
 border-color: #00898D !important;
}

 .md #pageTitle h1{
 border-color: #0062A1 !important;
}

 .si #pageTitle h1{
 border-color: #4D569D !important;
}
}


/* --------------------------------------------------
¡¾¥·¥¹¥Æ¥à¹¤Ñ§²¿?¸÷¥á¥¸¥ã©`¡¿¥á¥¸¥ã©`¥Ê¥Ó£¨¥¹¥Þ¥ÛÓÃ¥È¥Ã¥×£©
-------------------------------------------------- */

#majorNaviSp ul{
     background-color:#444;
}

#majorNaviSp li{
     display:inline-block;
     width:9%;
}

#majorNaviSp li a {
 /*    padding: 2px 4px;*/
}

#majorNaviSp li img {
     padding: 2px 4px;
     width: 80%;
}


/* --------------------------------------------------
	¥á¥¸¥ã©`¥á¥Ë¥å©`
-------------------------------------------------- */

	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {
	#majorSide {
		 float: none !important;
		 width: 100% !important;
		/* position:  absolute;
		 top: 360px;*/
	}

	 .sideNavi .pieceBody {
		 border: 0;
		 padding-bottom: 0px;
		 background-color: transparent;
	}

	.sideNavi .pieceBody ul {
		padding: 0;
                width: 100%;
                display: table;
	}
	 .sideNavi .pieceBody li a {
		 padding: 5px;
		 padding: 0;
		 background: none;
		 height: 40px;
		 border-top: 0;
		 vertical-align: middle;
		 display: table-cell;
		 text-align: center;
		 width: 30%;
		 font-size: 0.8em;
		 color:  #fff;
	}

	 .sideNavi .pieceBody ul li {
		 display: inline-block;
		 width: 23.7%;
		 font-size: 1.2em;
		 height: 40px;
		/* border-right: 0.15px solid #fff; */
		 vertical-align: top;
		 border-top:  0.15px solid #fff;
	}


/*Chrome¤ÈOpera¤Î¤ß¤À¤±¤ËßmÓÃ¤µ¤ì¤ëCSS¥Ï¥Ã¥¯*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	 .sideNavi .pieceBody ul li {
		 width: 24.47%;
  }
}


	 .sideNavi .pieceBody ul li:nth-child(4n+1) {
              /*  margin: 0 0.15% 0 0;
		 margin-top:  1px; */
         }
	 .sideNavi .pieceBody ul li:nth-child(4n) {
		/* border-right: none;*/
         }


	.mt .sideNavi .pieceBody ul li {
		 background-color: rgba(183,53,112,1);
	}

	.em .sideNavi .pieceBody ul li {
		 background-color: rgba(216,55,75,1);
	}
	.ap .sideNavi .pieceBody ul li {
		 background-color: rgba(233,85,50,1);
	}
	.ch .sideNavi .pieceBody ul li {
		 background-color: rgba(244,162,59,1);
	}
	.ii .sideNavi .pieceBody ul li {
		 background-color: #daba19;
	}
	.ni .sideNavi .pieceBody ul li {
		 background-color: rgba(159,192,1,1);
	}

	.es .sideNavi .pieceBody ul li {
		 background-color: rgba(0,155,107,1);
	}
	.ed .sideNavi .pieceBody ul li {
		 background-color: rgba(0,137,141,1);
	}
	.md .sideNavi .pieceBody ul li {
		 background-color: rgba(0,98,161,1);
	}
	.si .sideNavi .pieceBody ul li {
		 background-color: rgba(77,86,157,1);
	}
	}




/*¡¡MT¥È¥Ã¥×*/
.mt-top-test{
 position: relative;
 background-color: #b73570;
 border-bottom: 5px solid #b73570;
}
/* --------------------------------------------------
	¸÷¥á¥¸¥ã©`?¥¹¥Þ¥ÛÓÃ¥È¥Ã¥×¥Ú©`¥¸¡¡¥Ø¥Ã¥À©`¥¤¥á©`¥¸
-------------------------------------------------- */
	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {

.topImageSp{
 position: relative;
}

.mt .topImageSp{
  background-color: #b73570;
  border-bottom: 5px solid #b73570;
}

.em .topImageSp{
  background-color: #d8374b;
  border-bottom: 5px solid #d8374b;
}

.ap .topImageSp{
  background-color: #e95532;
  border-bottom: 5px solid #e95532;
}

.ch .topImageSp{
  background-color: #f4a23b;
  border-bottom: 5px solid #f4a23b;
}

.ii .topImageSp{
  background-color: #eec700;
  border-bottom: 5px solid #eec700;
}

.ni .topImageSp{
  background-color: #9fc001;
  border-bottom: 5px solid #9fc001;
}

.es .topImageSp{
  background-color: #009b6b;
  border-bottom: 5px solid #009b6b;
}

.ed .topImageSp{
  background-color: #00898d;
  border-bottom: 5px solid #00898d;
}

.md .topImageSp{
  background-color: #0062A1; 
 border-bottom: 5px solid #0062A1; 
/*  background-image: url(/_files/00138161/MD.png); */
  background-size: 100% auto;
/*  padding-bottom: 9%;*/
}


.si .topImageSp{
  background-color: #4d569d;
  border-bottom: 5px solid #4d569d;
}

.topImageSp img{
 max-width: 100%;
 position:  relative;
 opacity: 0.8;

}


.topImageSp p{
 position: absolute;
 color: rgba(255,255,255,0.8);
 font-size: 1.2em;
 line-height: 1.3em;
 letter-spacing: 1.2px;
}

/*¡¡¥á¥¸¥ã©`¡¡¥­¥ã¥Ã¥Á¥³¥Ô©`¡¡*/
.topImageSp p.catch{
 background-color:rgba(100,100,100,0.5);
 margin: 0 15px;
 display: inline-block;
 bottom:70px;
}


.em .topImageSp p.catch,
.ii .topImageSp p.catch{
 bottom:100px;
}

.es .topImageSp p.catch{
 bottom:95px;
}


.md .topImageSp p.catch{
 bottom: 65px;
 margin: 0 15px;
 position:  absolute;
}

/*¡¡¥á¥¸¥ã©`¥¿¥¤¥È¥ë¡¡*/
.topImageSp p.title{
 bottom: 10px;
 font-size: 2.5em;
 color:  white;
 font-weight: bold;
 line-height: 1em;
 letter-spacing: 0px;
 margin-left:15px; 
}


.topImageSp p.title span{
 font-size: 0.5em;
 font-weight: bold;
}



/*¥á¥¸¥ã©`ÄÚ¤Î¸÷¥Ú©`¥¸¡¡»­Ïñ*/

.mt .pageImageSp{
 background-image:url(/_files/00149600/mt-page-smp.jpg);
 background-size: 100% auto;
 }

.em .pageImageSp{
 background-image:url(/_files/00146036/em-page-smp.jpg);
 background-size: 100% auto;
 }

.ap .pageImageSp{
 background-image:url(/_files/00146043/ap-page-smp.jpg);
 background-size: 100% auto;
 }

.ch .pageImageSp{
 background-image:url(/_files/00146050/ch-page-smp.jpg);
 background-size: 100% auto;
 }

.ii .pageImageSp{
 background-image:url(/_files/00146067/ii-page-smp.jpg);
 background-size: 100% auto;
 }

.ni .pageImageSp{
 background-image:url(/_files/00146074/ni-page-smp.jpg);
 background-size: 100% auto;
 }

.es .pageImageSp{
 background-image:url(/_files/00149624/es-page-smp.jpg);
 background-size: 100% auto;
 }

.ed .pageImageSp{
 background-image:url(/_files/00146098/ed-page-smp.jpg);
 background-size: 100% auto;
 }

.md .pageImageSp{
 background-image:url(/_files/00149587/md-page-smp.jpg);
 background-size: 100% auto;
 }

.si .pageImageSp{
 background-image:url(/_files/00146012/si-page-smp.jpg);
 background-size: 100% auto;
 }

.mt .pageImageSp .layerTransparent{
	background-color:rgba(183,53,112,0.3);
}

.em .pageImageSp .layerTransparent{
	background-color:rgba(216,55,75,0.3);
}

.ap .pageImageSp .layerTransparent{
	background-color:rgba(233,85,50,0.3);
}

.ch .pageImageSp .layerTransparent{
	background-color:rgba(244,162,59,0.3);
}


.ii .pageImageSp .layerTransparent{
	background-color:rgba(238,199,0,0.3);
}

.ni .pageImageSp .layerTransparent{
	background-color:rgba(159,192,1,0.3);
}


.es .pageImageSp .layerTransparent{
	background-color:rgba(0,155,107,0.3);
}

.ed .pageImageSp .layerTransparent{
	background-color:rgba(0,137,141,0.3);
}

.md .pageImageSp .layerTransparent{
	background-color:rgba(0,98,161,0.3);
}

.si .pageImageSp .layerTransparent{
	background-color:rgba(77,86,157,0.3);
}


.pageImageSp p{
/* position: absolute;
 top: 140px;
 left: 20px;*/
/* color;#fff */
 color: rgba(255,255,255,0.8);
 font-size: 1.2em;
/* line-height: 1.3em;*/
 letter-spacing: 1px;
}

.pageImageSp p.titleJ{
 font-size: 1em;
 font-weight: bold;
 top:160px;
 padding: 5px 15px 10px;
}

.pageImageSp p.title{
 /*top: 190px;*/
 /* margin-top:2em;*/
 font-size: 2.4em;
 color:  white;
 font-weight: bold;
 /*line-height: 0.8em;*/
 letter-spacing: 0px;
 margin-left: 15px;
}


.pageImageSp p.catch{
 background-color:rgba(100,100,100,0.5);
 left:5px;
 margin-top: 5px;
 display: inline-block;
 font-size: 1em;
}


        #smp-navi-test {
                height: 3em;
                line-height:  2em;
                width: 100%;
             /*   text-align: right;*/
                background-color: #444;
        }



        #smp-navi-test ul {
                display: inline-block;
                margin: 0 0 0 auto;
                padding: 0px 0.5px 0px 0px;
        }

#smp-navi-test li{
           display: table-cell;
}

#smp-navi-test li a{
/*           padding: 1em;
           background-size: cover;
           background-repeat: no-repeat;
           margin-left: 1em;
           width: 1em; */
}


#smp-navi-test  #gn1 .se a{
          /* width: 3em;
          background-image: url("/_files/00069021/md.png");
          background-size: contain;
          background-repeat: no-repeat; 
          padding:  0.5em;
          margin: 0.5em;*/
}

#smp-navi-test  #gn1 .se img{
        padding:0.5em;
        width: 2em;
}


	.test #mBarger #menu-icon {

	}

        .md .test #mBarger #menu-icon {
/*	        color: #fff;
	        line-height: 35px;
		 background-color: #444;
                height: 30px; */
}


.filter-md{
            opacity: 0.6;    /* ¥«¥é©`¥Õ¥£¥ë¥¿„¿¹û¤Î¶ÈºÏ¤¤¤òÖ¸¶¨(¡ù) */
    display: block;
}


	.test #majorMain {
             background-color:#fff;
}

/*¡¡¥á¥¸¥ã©`ÄÚ¥µ¥¤¥É¥Ê¥Ó¡¡
	 .sideNavi .pieceHeader {
		 display: none;
	}*/
}



/* -------------------------------------------------------
     ¸÷¥á¥¸¥ã©`?PCÓÃ¥È¥Ã¥×¥Ú©`¥¸¡¡¥Ø¥Ã¥À©`¥¤¥á©`¥¸
------------------------------------------------------- */
#page #imgTitle {
	 width: auto;
	¡¡/* PCÓÃ±íÊ¾  */
	 max-width: 1020px;
	 min-width: 640px margin: 0 auto;
}

#page #imgTitle .inner {
	 width: auto; /* ¥ì¥¹¥Ý¥ó¥·¥Ö»¯*/
	 margin: 0 auto;
	 max-width: 1020px;
}

#imgTitleSmp {
 	display: none; /* ¥¹¥Þ¥ÛÓÃ·Ç±íÊ¾ */
}

#imgTitle .inner .inner_major {
       position :relative;
       text-align: right;
       width:  auto;
       margin:  0 auto;
       max-width: 1020px;
       min-width:  640px;
}

#imgTitle .inner .title_major  {
       position: absolute;
       text-align: right;
       width: 490px;
       margin: 0;
       padding: 0.9em 2.5em;
       color: #000000;
       bottom: 0;
       right: 0;
       font-size: 1.8em;
       line-height: 1.5;
       text-shadow: 0.5px 0.5px 0.5px #fff,
                    -0.5px 0.5px 0.5px #fff,
                    0.5px -0.5px 0.5px #fff;
}

#imgTitle .inner .title_major span{
        font-size: 2em;
        text-shadow: 1px 1px 1px #fff,
                     -1px 1px 1px #fff,
                     -1px -1px 1px #fff,
                      1px -1px 1px #fff;
        vertical-align: middle;
}

#imgTitle .inner p.catch_major {
        text-shadow: 1px 1px 1px #fff,
                     -1px 1px 1px #fff,
                     -1px -1px 1px #fff,
                      1px -1px 1px #fff;
       font-weight: bold;
}

#imgTitle .inner  .title_major img {
       vertical-align: middle;
       right:  0;
       padding: 0.5em 0.3em 0.65em 0em;
       margin:0;
       text-shadow: 0.5px 0.5px 0.5px #fff,
                    -0.5px 0.5px 0.5px #fff,
                    0.5px -0.5px 0.5px #fff;
}


       /*     	Responsive Settings
        -------------------------------------------------- */	
        @media screen and (max-width:960px) {

        #imgTitle .inner .title_major {
                font-size: 1.6vw;
        }
        #imgTitle .inner .title_major img {
                width: 3.5vw;
        }
        }

        @media screen and (max-width:640px) {


	#imgTitle {
		display: none;¡¡/* PCÓÃ·Ç±íÊ¾  */
	}
	#imgTitleSmp {
		display: block; /* ¥¹¥Þ¥ÛÓÃ±íÊ¾  */
	        width: auto;
		max-width: 640px;
		margin:  5px;
	}
        }


