@charset "utf-8";
/* CSS Document */


@media print {

body {-webkit-print-color-adjust: exact;}
a { outline: none !important;}
a[href]:after { display:none;}

body{width:1080px;}

div.wrapHeader,
div.blockSns,
div.btnPagetop{ display: none;}

}

@media screen , print{
	
	body{
		/*position: relative;*/		
		z-index: 1;
		margin: 0; padding: 0;
		background-color: #000;
		font-family: "Noto Sans Japanese","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-weight: 300;
		font-size: 14px;
		line-height: 1.8;
		color: #222;
		text-align: left;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	/*スマホのタップ時の色設定*/
	a {
		-webkit-tap-highlight-color:rgba(0,0,0,.1);	
	}
	
	/*背景*/
	div.bgCover{
		background-image: url(/dist/assets_laboratory/images/common/bgCover.png);
		background-position: 0 0;
		background-repeat: repeat;
	}

	/*フォントの設定*/
	.oswald{font-family: 'Oswald', sans-serif;}
	.font-weight-900{font-weight: 900;}
	.font-weight-700{font-weight: 700;}
	.font-weight-500{font-weight: 500;}
	.font-weight-500{font-weight: 300;}

	/*
	html.ccm-toolbar-visible .ccm-page{
		margin-top: 0 !important;
	}	
	*/

	
}
@media screen and (min-width: 1281px) ,print{

	/* ------- 詳細ページヘッダー：検索ページへのリンク -----------------------------------------------------------------------------------------------*/
	
	div.wrapHeader > div.blockHeader03{
		float: right;
		width: 280px;
	}	
	div.wrapHeader > div.blockHeader03 ul.linkHeader03{ margin: 0; padding: 0;}
	div.wrapHeader > div.blockHeader03 ul.linkHeader03 > li{
		float: left; width: 50%;
		list-style-type: none;
		margin: 0; padding: 0 1px 1px 0;
		border-left: 1px solid rgba(255,255,255,.5);
	}
	div.wrapHeader > div.blockHeader03 ul.linkHeader03 > li > a{
		display: flex;
        flex-flow: row wrap;
        align-content: center;
        justify-content: center;
        position: relative;
		height: 80px;
		font-size: .875em;
		font-weight: 500;
		color: #fff;
		text-align: center;
		margin: 0; padding: 20px 0;
	}
	div.wrapHeader > div.blockHeader03 ul.linkHeader03 > li > a:hover{
		background-color: #000;
	}
	div.wrapHeader > div.blockHeader03 ul.linkHeader03 > li > a > i{
		display: block;
        width: 100%;
        margin: 4px 0 0;
	}
	
	/* ------- フッター -------------------------------------------------------------------------------------------------------------------*/

	div.wrapFooterContent{ padding: 50px 75px 0;}
	div.wrapFooterContent > div{
		float: left;
		width: 25%;
	}
	
	/* --- リンク ------------------------------------------------ */
	div.blockFooterContent02,
	div.blockFooterContent03,
	div.blockFooterContent04{
		height: 190px;
	}
	
	/* ------- コピーライト -------------------------------------------------------------------------------------------------------------------*/
	
	div.blockCopy{
		position: absolute; left:75px; bottom: 0;
		padding: 5px 0;
	}
	div.blockCopy small{
		font-size: .75em;
		color: #fff;
	}
	
}
@media screen and (min-width: 1001px) and (max-width: 1280px){
		
	/* ------- 詳細ページヘッダー：検索ページへのリンク -----------------------------------------------------------------------------------------------*/
	
	div.wrapHeader > div.blockHeader03{
		float: right;
		width: 240px;
	}	
	div.wrapHeader > div.blockHeader03 ul.linkHeader03{ margin: 0; padding: 0;}
	div.wrapHeader > div.blockHeader03 ul.linkHeader03 > li{
		float: left; width: 50%;
		list-style-type: none;
		margin: 0; padding: 0 1px 1px 0;
		border-left: 1px solid rgba(255,255,255,.5);
	}
	div.wrapHeader > div.blockHeader03 ul.linkHeader03 > li > a{
		display: flex;
        flex-flow: row wrap;
        align-content: center;
        justify-content: center;
        position: relative;
		height: 80px;
		font-size: .875em;
		font-weight: 500;
		color: #fff;
		text-align: center;
		margin: 0; padding: 20px 0;
	}
	div.wrapHeader > div.blockHeader03 ul.linkHeader03 > li > a:hover{
		background-color: #000;
	}
	div.wrapHeader > div.blockHeader03 ul.linkHeader03 > li > a > i{
		display: block;
        width: 100%;
        margin: 4px 0 0;
	}
	
	/* ------- フッター -------------------------------------------------------------------------------------------------------------------*/

	div.wrapFooterContent{ padding: 50px 50px 0;}
	
	div.wrapFooterContent div.blockFooterContent01{ width: 100%; padding: 0 0 25px;}
	div.wrapFooterContent div.blockFooterContent02,
	div.wrapFooterContent div.blockFooterContent03,
	div.wrapFooterContent div.blockFooterContent04{
		float: left;
		width: 33.3%;
		height: 175px;
	}
	
	/* ------- コピーライト -------------------------------------------------------------------------------------------------------------------*/
	
	div.blockCopy{
		padding: 25px 0 25px 50px;
	}
	div.blockCopy small{
		font-size: .75em;
		color: #fff;
	}


}

@media screen and (min-width: 1280px){
        
	/* ------- 詳細ページヘッダー：学科のリンク -----------------------------------------------------------------------------------------------*/
	
	/*学科のリンク*/
	div.wrapHeader > div.blockHeader02{
		float: right; width: 400px;
	}
    
}
@media screen and (min-width: 1001px) and (max-width: 1279px){

	/* ------- 詳細ページヘッダー：学科のリンク -----------------------------------------------------------------------------------------------*/
	
	/*学科のリンク*/
	div.wrapHeader > div.blockHeader02{
		float: right; width: 360px;
	}
    
}
@media screen and (min-width: 1001px),print{
	
	/* ------- 詳細ページヘッダー -----------------------------------------------------------------------------------------------*/
	
	/*モバイル用のボタン*/
	div.btnMobileMenu{ display: none; }
	

	div.wrapHeader > div.blockHeader02 ul.linkHeader02{ margin: 0; padding: 0;}
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li{
		float: left; width: 25%;
		list-style-type: none;
		margin: 0; padding: 0 1px 1px 0;
	}
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li > a{
		display: block; position: relative;
		height: 80px;
		font-size: .875em;
		font-weight: 500;
		color: #fff;
		text-align: center;
		margin: 0; padding: 10px 0;
	}
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li > a > i{
		display: block; margin: 4px 0 0;
	}


	/* ------- SNS -----------------------------------------------------------------------------------------------*/
	
	div.blockSns {
		position: fixed; right: 60px; bottom: 0; z-index: 5;
		width: 200px;
	}
	div.blockSns ul.wrapSnsButton {
        display: flex;
        margin: 0;
        padding: 0;
    }
	div.blockSns ul.wrapSnsButton li{
		list-style-type: none;
		margin: 0;
        padding: 0;
	}
	div.blockSns a{
		display: table-cell;
		width: 50px;
		height: 50px;
		color: #fff;
		font-size: 2em;
		text-align: center;
		vertical-align: middle;
		text-shadow: 0 0 10px rgba(0,0,0,.15);
	}
	div.blockSns a span{display: none;}
	div.blockSns ul.wrapSnsButton li:nth-child(1) a{ background-color: #F4811E;}
	div.blockSns ul.wrapSnsButton li:nth-child(2) a{ background-color: #50ABF1;}
	div.blockSns ul.wrapSnsButton li:nth-child(3) a{ background-color: #07B53B;}
    div.blockSns ul.wrapSnsButton li:nth-child(4) a{ background-color: #213E99;}
	
	/* ------- ページトップ -----------------------------------------------------------------------------------------------*/
	
	div.blockPagetop {
		position: fixed; right: 0; bottom: 0; z-index: 5;
		width: 50px;
	}
	div.blockPagetop a{
		display: table-cell;
		width: 50px; height: 50px;
		color: #fff;
		font-size: 1.6em;
		text-align: center;
		text-shadow: 0 0 10px rgba(0,0,0,.05);
		vertical-align: middle;
		background-color: #076A9C;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 1000px){
	
	/* ------- 詳細ページヘッダー：学科のリンク -----------------------------------------------------------------------------------------------*/
	
	/*学科のリンク*/
	div.wrapHeader > div.blockHeader02,
	div.wrapHeader > div.blockHeader03{
		display: none;
	}

	/* ----- メニュー　-------------------------------------------------------------------------------------------------------------------------*/
	
	div.btnMobileMenu{ width: 80px; height: 80px;}
	div.btnMobileMenu a{ width: 80px; height: 80px; padding: 15px 0 0;}
	div.btnMobileMenu a i{ font-size: 2.1em;}
	div.btnMobileMenu a span{ font-size: .8em; }
	div#colorbox div#cboxContent button{ width:80px; height: 80px;font-size: .875em;}
	div#colorbox div#cboxContent button:before{ padding:5px 0 0 0; font-size: 2em; }

	/* ------- フッター -------------------------------------------------------------------------------------------------------------------*/

	div.wrapFooterContent{ padding: 50px 50px 0;}
	
	div.wrapFooterContent div.blockFooterContent01{ float: left; width: 100%; padding: 0 0 25px;}
	div.wrapFooterContent div.blockFooterContent04{ float: left; width: 100%; }
	div.wrapFooterContent div.blockFooterContent02,
	div.wrapFooterContent div.blockFooterContent03{
		float: left;
		width: 50%;
		margin: 0 0 25px;
		padding: 0 0 50px;
	}
	
	/* ------- SNS -----------------------------------------------------------------------------------------------*/
	
	div.blockSns {
		position: fixed; right: 60px; bottom: 0; z-index: 5;
		width: 200px;
	}
	div.blockSns ul.wrapSnsButton {margin: 0; padding: 0;}
	div.blockSns ul.wrapSnsButton li{
		list-style-type: none;
		float: left;
		margin: 0; padding: 0;
	}
	div.blockSns a{
		display: table-cell;
		width: 50px;
		height: 50px;
		color: #fff;
		font-size: 2em;
		text-align: center;
		vertical-align: middle;
		text-shadow: 0 0 10px rgba(0,0,0,.15);
	}
	div.blockSns a span{display: none;}
	div.blockSns ul.wrapSnsButton li:nth-child(1) a{ background-color: #F4811E;}
	div.blockSns ul.wrapSnsButton li:nth-child(2) a{ background-color: #50ABF1;}
	div.blockSns ul.wrapSnsButton li:nth-child(3) a{ background-color: #07B53B;}
    div.blockSns ul.wrapSnsButton li:nth-child(4) a{ background-color: #213E99;}
	
	/* ------- ページトップ -----------------------------------------------------------------------------------------------*/
	
	div.blockPagetop {
		position: fixed; right: 0; bottom: 0; z-index: 5;
		width: 50px;
	}
	div.blockPagetop a{
		display: table-cell;
		width: 50px; height: 50px;
		color: #fff;
		font-size: 1.6em;
		text-align: center;
		text-shadow: 0 0 10px rgba(0,0,0,.05);
		vertical-align: middle;
		background-color: #076A9C;
	}
	
	/* ------- コピーライト -------------------------------------------------------------------------------------------------------------------*/
	
	div.blockCopy{
		padding: 25px 0 25px 50px;
	}
	div.blockCopy small{
		font-size: .75em;
		color: #fff;
	}
	
}


@media screen and (min-width: 768px),print{

	/* ------- 詳細ページヘッダー：サイトタイトル -----------------------------------------------------------------------------------------------*/
	
	div.wrapHeader{
		background-color: rgba(0,0,0,.5);
	}
	/*サイトタイトル*/
	div.wrapHeader > div.blockHeader01{ float: left;}
	div.wrapHeader > div.blockHeader01 p{
		display: block; position: relative;	
	}
	div.wrapHeader > div.blockHeader01 p.siteName{
		display: block; position: relative;
		padding: 15px 0 0 40px;
	}
	div.wrapHeader > div.blockHeader01 span{
		margin: 0; padding: 0;
		text-shadow: 0 0 10px rgba(0,0,0,.05);
		color: #fff !important;
		line-height: 1.4;
		vertical-align: middle;
	}
	div.wrapHeader > div.blockHeader01 span.name01{ font-weight:700; font-size: 24px; padding: 0 10px 0 0;}
	div.wrapHeader > div.blockHeader01 span.name02{ font-weight:700; font-size: 24px; padding: 0 15px 0 0;}
	div.wrapHeader > div.blockHeader01 span.name03{ font-weight:700; font-size: 36px;}
	div.wrapHeader > div.blockHeader01 span.name01:before,
	div.wrapHeader > div.blockHeader01 span.name01:after,
	div.wrapHeader > div.blockHeader01 span.name02:before,
	div.wrapHeader > div.blockHeader01 span.name02:after{
		display: block; position: absolute; left:0;
		content:"";
		width: 10px; height: 20px;
	}
	div.wrapHeader > div.blockHeader01 span.name01:before{ top:0px; background-color: #00979E;}
	div.wrapHeader > div.blockHeader01 span.name01:after{ top:20px; background-color: #007A49;}
	div.wrapHeader > div.blockHeader01 span.name02:before{ top:40px; background-color: #629149;}
	div.wrapHeader > div.blockHeader01 span.name02:after{ top:60px; background-color: #9BAD4A;}
	
}

@media screen and (max-width: 767px) {
	
	/* ------- 詳細ページヘッダー：サイトタイトル -----------------------------------------------------------------------------------------------*/
	
	div.wrapHeader{
		background-color: rgba(0,0,0,.5);
	}
	/*サイトタイトル*/
	div.wrapHeader > div.blockHeader01{ float: left;}
	div.wrapHeader > div.blockHeader01 a{
		display: block;
		height: 50px;
		margin: 0; padding: 0;
	}
	div.wrapHeader > div.blockHeader01 p.siteName{
		display: block; position: relative;
		padding: 10px 0 0 20px; margin: 0;
	}
	div.wrapHeader > div.blockHeader01 span{
		margin: 0; padding: 0;
		text-shadow: 0 0 10px rgba(0,0,0,.05);
		color: #fff !important;
		line-height: 1.4;
		vertical-align: middle;
	}
	div.wrapHeader > div.blockHeader01 span.name01{ font-weight:700; font-size: 14px; padding: 0 5px 0 0;}
	div.wrapHeader > div.blockHeader01 span.name02{ font-weight:700; font-size: 14px; padding: 0 5px 0 0;}
	div.wrapHeader > div.blockHeader01 span.name03{ font-weight:700; font-size: 21px;}
	div.wrapHeader > div.blockHeader01 span.name01:before,
	div.wrapHeader > div.blockHeader01 span.name01:after,
	div.wrapHeader > div.blockHeader01 span.name02:before,
	div.wrapHeader > div.blockHeader01 span.name02:after{
		display: block; position: absolute; left:0;
		content:"";
		width: 5px; 
	}
	div.wrapHeader > div.blockHeader01 span.name01:before{ height: 12px; top:0px; background-color: #00979E;}
	div.wrapHeader > div.blockHeader01 span.name01:after{ height: 13px; top:12px; background-color: #007A49;}
	div.wrapHeader > div.blockHeader01 span.name02:before{ height: 12px; top:25px; background-color: #629149;}
	div.wrapHeader > div.blockHeader01 span.name02:after{ height: 13px; top:37px; background-color: #9BAD4A;}
	
	/* ------- 詳細ページヘッダー：学科のリンク -----------------------------------------------------------------------------------------------*/
	
	/*学科のリンク*/
	div.wrapHeader > div.blockHeader02,
	div.wrapHeader > div.blockHeader03{
		display: none;
	}
	
	/* ----- メニュー　-------------------------------------------------------------------------------------------------------------------------*/
	
	div.btnMobileMenu{ width: 50px; height: 50px;}
	div.btnMobileMenu a{ width: 50px; height: 50px; padding: 9px 0 0;}
	div.btnMobileMenu a i{ font-size: 1.4em;}
	div.btnMobileMenu a span{ font-size: .6em; }
	div#colorbox div#cboxContent button{ width:50px; height: 50px;font-size: .8em;}
	div#colorbox div#cboxContent button:before{ padding:5px 0 0 0; font-size: 1.6em; }
	
	/* ------- フッター -------------------------------------------------------------------------------------------------------------------*/

	div.wrapFooterContent{ padding: 30px 30px 0;}
	
	div.wrapFooterContent div.blockFooterContent01,
	div.wrapFooterContent div.blockFooterContent02,
	div.wrapFooterContent div.blockFooterContent03{ margin: 0 0 30px;}
	div.wrapFooterContent div.blockFooterContent04{}

	/* ------- SNS -----------------------------------------------------------------------------------------------*/
	
	div.blockSns {
		position: fixed; right: 60px; bottom: 0; z-index: 5;
		width: 200px;
	}
	div.blockSns ul.wrapSnsButton {margin: 0; padding: 0;}
	div.blockSns ul.wrapSnsButton li{
		list-style-type: none;
		float: left;
		margin: 0; padding: 0;
	}
	div.blockSns a{
		display: table-cell;
		width: 50px;
		height: 50px;
		color: #fff;
		font-size: 2em;
		text-align: center;
		vertical-align: middle;
		text-shadow: 0 0 10px rgba(0,0,0,.15);
	}
	div.blockSns a span{display: none;}
	div.blockSns ul.wrapSnsButton li:nth-child(1) a{ background-color: #F4811E;}
	div.blockSns ul.wrapSnsButton li:nth-child(2) a{ background-color: #50ABF1;}
	div.blockSns ul.wrapSnsButton li:nth-child(3) a{ background-color: #07B53B;}
    div.blockSns ul.wrapSnsButton li:nth-child(4) a{ background-color: #213E99;}
	
	/* ------- ページトップ -----------------------------------------------------------------------------------------------*/
	
	div.blockPagetop {
		position: fixed; right: 0; bottom: 0; z-index: 5;
		width: 50px;
	}
	div.blockPagetop a{
		display: table-cell;
		width: 50px; height: 50px;
		color: #fff;
		font-size: 1.6em;
		text-align: center;
		text-shadow: 0 0 10px rgba(0,0,0,.05);
		vertical-align: middle;
		background-color: #076A9C;
	}
	
	/* ------- コピーライト -------------------------------------------------------------------------------------------------------------------*/
	
	div.blockCopy{
		padding: 20px 30px;
	}
	div.blockCopy small{
		font-size: .75em;
		color: #fff;
	}

}

@media screen , print{
	
	/* ------- ヘッダー -----------------------------------------------------------------------------------------------*/
	div.linkMobileMenu{ display: none; }
	
	/* ------- フッター -----------------------------------------------------------------------------------------------*/
	
	div.flameDown{
		position: relative;
		background-color: rgba(0,0,0,.65);
	}
		
	/* --- サイトタイトル ------------------------------------------------ */
	
	div.blockFooterContent01{}
	div.blockFooterContent01 p.siteName{
		display: block; position: relative;
	}
	div.blockFooterContent01 span{
		display: block;
		margin: 0; padding: 0 0 0 20px;
		text-shadow: 0 0 10px rgba(0,0,0,.05);
		color: #fff !important;
		line-height: 1.4;
	}
	div.blockFooterContent01 span.name01{ font-weight:700; font-size: 18px;}
	div.blockFooterContent01 span.name02{ font-weight:700; font-size: 24px;}
	div.blockFooterContent01 span.name03{ font-weight:700; font-size: 18px;}
	div.blockFooterContent01 span.name01:before,
	div.blockFooterContent01 span.name01:after,
	div.blockFooterContent01 span.name02:before,
	div.blockFooterContent01 span.name02:after{
		display: block; position: absolute; left:0;
		content:"";
		width: 5px; height: 20px;
	}
	div.blockFooterContent01 span.name01:before{ top:5px; background-color: #00979E;}
	div.blockFooterContent01 span.name01:after{ top:25px; background-color: #007A49;}
	div.blockFooterContent01 span.name02:before{ top:45px; background-color: #629149;}
	div.blockFooterContent01 span.name02:after{ top:65px; background-color: #9BAD4A;}

	/* --- リンク ------------------------------------------------ */
	div.blockFooterContent02,
	div.blockFooterContent03,
	div.blockFooterContent04{
		border-left: 1px solid rgba(255,255,255,.5);
	}
	div.blockFooterContent02 ul,
	div.blockFooterContent03 ul,
	div.blockFooterContent04 ul{
		margin: 0; padding: 0;
	}
	div.blockFooterContent02 ul li,
	div.blockFooterContent03 ul li,
	div.blockFooterContent04 ul li{
		list-style-type: none;
		margin: 0; padding: 0;
	}
	div.blockFooterContent02 ul li a,
	div.blockFooterContent03 ul li a,
	div.blockFooterContent04 ul li a{
		display: block;
		color: #fff;
		padding: 5px 10px 5px 20px;
		
	}
	div.blockFooterContent02 ul li a:hover,
	div.blockFooterContent03 ul li a:hover,
	div.blockFooterContent04 ul li a:hover{
		background-color: rgba(255,255,255,.1);
	}
	
	div.blockFooterContent04{ border:none;}
	div.blockFooterContent04 ul li{ padding: 0 0 1px;}
	div.blockFooterContent04 ul li a{
		border:1px solid rgba(255,255,255,.5);
	}
	div.blockFooterContent04 ul li a i{ margin: 0 5px 0 0;}	
	
	/* ----- メニュー　-------------------------------------------------------------------------------------------------------------------------*/
	
	div.btnMobileMenu{
		position: fixed; right: 0; top:0; z-index: 200;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a94d6+0,076a9c+100 */
		background: #0a94d6; /* Old browsers */
		background: -moz-linear-gradient(left, #0a94d6 0%, #076a9c 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #0a94d6 0%,#076a9c 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #0a94d6 0%,#076a9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a94d6', endColorstr='#076a9c',GradientType=1 ); /* IE6-9 */	
	}
	div.btnMobileMenu a{
		display: block;
		color: #fff;
	}
	div.btnMobileMenu a:hover{text-decoration: none;}
	div.btnMobileMenu a i{
		display: block; text-align: center;
		color: #fff;
		text-shadow: 1px 1px 0 rgba(255,255,255,.5);
	}
	div.btnMobileMenu a span{ display: block; text-align: center; color: #fff;}
	div.btnMobileMenu a:focus{ outline: none;}
	
	/* モバイル端末用：メニュー中身 */
	div#colorbox{
		position: relative; z-index: 1000;
		background-color: rgba(0,0,0,.9);
	}
	div#colorbox div#cboxContent button{
		position: absolute; right: 0; top:0;
		display: block; 
		background-color: #fff;
		border: none;
		color: #000;}
	div#colorbox div#cboxContent button:hover{ cursor: pointer;}
	div#colorbox div#cboxContent button:before{
		display: block;
		margin:0;
		font-family: 'Font Awesome 5 Free'; font-weight: bold; content:"\f00d";
		text-align: center; line-height:1; 
		color:#000 !important; text-shadow: 1px 1px 0 rgba(0,0,0,.3);}
	
	/* ヘッダー：メニュー中身 */
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01{margin:0; padding: 80px 0 0 0;border-bottom: 1px solid #000;}
	div#colorbox div#innerMobileMenu ul.ulMobileMenu02{margin:0; padding: 40px 0 0 0;border-bottom: 1px solid rgba(255,255,255,.2);}
	
	div#colorbox div#innerMobileMenu ul li{
		list-style-type: none; margin: 0; padding: 0;
	}
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li{border-top: 1px solid #000;}
	div#colorbox div#innerMobileMenu ul.ulMobileMenu02 li{border-top: 1px solid rgba(255,255,255,.2);}
	div#colorbox div#innerMobileMenu ul li a{
		display: block;
		width: 100%;
		margin: 0; padding: 15px 30px;
		font-size: 1.2em;
		color: #fff;
	}
	div#colorbox div#innerMobileMenu ul li a i{ margin: 0 15px 0 0;}
	div#colorbox div#innerMobileMenu ul li a:hover{ background-color: rgba(255,255,255,.1);}
	
	/*学科のリンク：グラデーションの色設定*/
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li:nth-child(1) > a,
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li:nth-child(1) > a{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00bfc9+0,00979e+100 */
		background: #00bfc9; /* Old browsers */
		background: -moz-linear-gradient(left, #00bfc9 0%, #00979e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #00bfc9 0%,#00979e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #00bfc9 0%,#00979e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfc9', endColorstr='#00979e',GradientType=1 ); /* IE6-9 */	
	}
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li:nth-child(1) > a:hover,
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li:nth-child(1) > a:hover{ background: #00979e;}
	
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li:nth-child(2) > a,
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li:nth-child(2) > a{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009f60+0,007a49+100 */
		background: #009f60; /* Old browsers */
		background: -moz-linear-gradient(left, #009f60 0%, #007a49 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #009f60 0%,#007a49 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #009f60 0%,#007a49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009f60', endColorstr='#007a49',GradientType=1 ); /* IE6-9 */
	}
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li:nth-child(2) > a:hover,
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li:nth-child(2) > a:hover{ background: #007a49;}
	
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li:nth-child(3) > a,
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li:nth-child(3) > a{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#83b368+0,629149+100 */
		background: #83b368; /* Old browsers */
		background: -moz-linear-gradient(left, #83b368 0%, #629149 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #83b368 0%,#629149 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #83b368 0%,#629149 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b368', endColorstr='#629149',GradientType=1 ); /* IE6-9 */
	}
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li:nth-child(3) > a:hover,
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li:nth-child(3) > a:hover{ background: #629149;}
	
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li:nth-child(4) > a,
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li:nth-child(4) > a{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1c06b+0,9bad4a+100 */
		background: #b1c06b; /* Old browsers */
		background: -moz-linear-gradient(left, #b1c06b 0%, #9bad4a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #b1c06b 0%,#9bad4a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #b1c06b 0%,#9bad4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c06b', endColorstr='#9bad4a',GradientType=1 ); /* IE6-9 */
	}
	div.wrapHeader > div.blockHeader02 ul.linkHeader02 > li:nth-child(4) > a:hover,
	div#colorbox div#innerMobileMenu ul.ulMobileMenu01 li:nth-child(4) > a:hover{ background: #9bad4a;}
	
}