@charset "UTF-8";

/* ___________________________________

  卒業課題
____________________________________ */

/* メインコンテンツ
--------------------------- */
.main_content h2.type1 {
  padding: 1em 0 0.5em;
  color: #1C1D21;
  font-weight: bold;
  line-height: 1.2;
}
.main_content section .inner_box {
	width: 90%;
	margin: 2.5% 0;
	padding: 2.5% 5%;
	background: #fff;
}
.main_content section .inner_box p {
	margin: 1em 0 0;
}
.main_content section .inner_box ul.content-link li {
	flex: 0 0 auto;
	max-width: 100%;
	margin-bottom: 2em;
}
.main_content section .inner_box ul.content-link li a {
	display: block;
	color: #14536b;
	font-size: 18px;
	text-decoration: underline;
}


/* ローカルナビゲーション
--------------------------- */
#menuList ul#menuList_ul li {
	flex: 0 0 auto;
	max-width: 100%;
	margin: 0 2% 0 0;
	line-height: 2;
}
#menuList ul#menuList_ul li:last-child {
	margin-right: 0;
}
#menuList ul#menuList_ul li a {
    position: relative;
	text-decoration: none;
    text-align: center;	
    background: transparent;
	border-radius: 25px;
	border: solid 1px #2a99fb;
    outline: none;
	display: inline-block;	
    transition: all 0.2s ease;
	filter: drop-shadow(0 1px 1px #2a99fb);
}
#menuList ul#menuList_ul li a:hover{
	border-color:transparent; 
}

/*ボタンの中のテキスト*/
#menuList ul#menuList_ul li a span {
	padding: 1px 15px;
	color: #2a99fb;	
	background:#fff;
	border-radius: 25px;	
	display: block;
    transition: all 0.3s ease;	
	position: relative;
	z-index: 2;
}

/*影の設定*/
#menuList ul#menuList_ul li a:before {
    content:"";
    position: absolute;
	z-index: -1;
    top: 2px;
    left:0;
    width: 100%;
    height: 100%;
	border-radius: 25px;
    background-color: #2a99fb;
}

/*hover*/
#menuList ul#menuList_ul li a:hover span {
	background-color: #2a99fb;
	color: #fff;
	transform: translateY(2px);
}

/* レイアウト
--------------------------- */
#wrapper_local_nav {
	margin: 2.5% 0;
}
#wrapper_local_nav li.li_nav {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}
#wrapper_local_nav li.li_content {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}





/* ------------------------------
   見出し
------------------------------ */
h2.type1 {
	padding: 1em 0 0.5em;
	color: #1C1D21;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
}
h2.type1:first-child {
	padding: 0 0 0.5em;
}
h4.type1 {
	padding: 0.5em 0;
	color: #14536b;
	font-size: 20px;
}

/* youtube
--------------------------- */
.youtube {
	width: 100%;
	margin: 0 auto;
}
.youtube-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube-box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ul.number
--------------------------- */
ul.number {
	width: 80%;
	margin: 0;
}	
ul.number li {
	flex: 0 0 31.6666%;
	margin-: 0 2% 2% 0;
}	
ul.number li:nth-of-type(3n) {
	margin-right: 0;
}

/* h3
--------------------------- */
section.sec-content h3.type1 {
	margin-top: 5%;
	font-size: 20px;
}
section.sec-content h3.type1:nth-of-type(1) {
	margin-top: 0;
}
section.sec-content span.times {
	color: #666;
	display: block;
}

/* あしらい */
section.sec-content h3.type1 {
	margin-top: 2rem;
	margin-bottom: 1.6rem;
	padding: 10px 0;	
	line-height: 2rem;
}
section.sec-content h3.type1 {
	position: relative;
}




/* 課題
--------------------------- */
.main_content section .inner_box .homework {
	margin: 2.5% 0;
}

/* カリキュラム
--------------------------- */
.main_content section .inner_box .curriculum {

}






/* 外部リンク
--------------------------- */
section.sec-content a.icofont.external-link::after {
	margin-right: 0.25em;
	color: #136b8c;
}

/* リンク色
--------------------------- */
section.sec-content a {
	/*color: #0D21A1;*/
	text-decoration: underline;
}


/* ページネーション
--------------------------- */
.pagination2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 1em 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
	align-items: center;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;	
}
.pagination2 li {
	flex: 0 0 auto;
	max-width: 100%;
}
.pagination2 li.previous {
	flex: 0 0 45%;
	margin-right: 5%;
}
.pagination2 li.next {
	flex: 0 0 45%;
	margin-left: 5%;
	text-align: right;
}

/* アイコン
--------------------------- */
.pagination2 li.previous i {
	margin-right: 0.25em;
	font-size: 200%;
	vertical-align: middle;
}
.pagination2 li.next i {
	margin-left: 0.25em;
	font-size: 200%;
	vertical-align: middle;
}


/* コンテンツ一覧
--------------------------- */

section#content-list {
	margin: 5% 0;
}

/* 見出し */
section#content-list h3 {
	font-size: 14px;
}
section#content-list span.number {
  font-size: 16px;
  margin-left: 1em;
}


/* レイアウト */
ul#content-list li.content-list_li {
	flex: 0 0 18.4%;
	margin: 0 2% 2% 0;
}
ul#content-list li.content-list_li:nth-child(5n) {
	margin-right: 0;
}

/* photo */
ul#content-list li ul.inner li.photo {
	position: relative;
}
ul#content-list li ul.inner li.photo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* txt */
ul#content-list li ul.inner li.txt {
	padding: 2% 0;
}




/* ___________________________________

  卒業課題案内
____________________________________ */

#graduation-works #wrapper_main_under li.li_content {
	flex: 0 0 auto;
	max-width: 100%;
}
#graduation-works #wrapper_main_under li.li_content section.sec-content {
	margin-top: -50px;
	padding-top: 50px;
}
#graduation-works section .inner_box.last {
  margin-bottom: 5%;
}
#graduation-works .introduction p {
	margin-top: 2em;
	font-size: 16px;
}

/* OL（数字）
--------------------------- */
#graduation-works ol.flow {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
#graduation-works ol.flow ol {
	padding-left: 1em;
}
#graduation-works ol.flow li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
#graduation-works ol.flow li:before {
	counter-increment: item;
	content: counter(item)'.';
	padding-right: 0.5em;
	font-weight: bold;
}

/* UL（箇条書き）
--------------------------- */
#graduation-works ul.itemization li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
#graduation-works ul.itemization li:before {
	content: '・';
	padding-right: 0.5em;
	font-weight: bold;	
}

/* DL
--------------------------- */
#graduation-works dl.directions dt {
	padding: 0.5em 0 0.25em;
	font-size: 16px;
}
#graduation-works dl.directions dd {
	padding: 0 0 1.5em;
	font-size: 14px;
}

/* URL折り返し
--------------------------- */
#graduation-works dl.directions dd {
	word-wrap: break-word;
}

/* ------------------------------
   YOUTUBE
------------------------------ */

#graduation-works dd.portfolio ul.outer {
	align-items: center;
}
#graduation-works dd.portfolio ul.inner {
	justify-content: center;
	align-items: center;
}

/* 2列 */
/*
#graduation-works dd.portfolio ul.outer li.portfolio-li {
  flex: 0 0 49%;
  margin: 0 2% 2% 0;
}
#graduation-works dd.portfolio ul.outer li.portfolio-li:nth-child(2n) {
  margin-right: 0;
}
*/

/* 3列 */
#graduation-works dd.portfolio ul.outer li.portfolio-li {
  flex: 0 0 31.9999%;
  margin: 0 2% 0 0;
}
#graduation-works dd.portfolio ul.outer li.portfolio-li:nth-child(3n) {
  margin-right: 0;
}


#graduation-works dd.portfolio ul.inner li.youtube {
	flex: 0 0 auto;
	width: 100%;
}

/* YouTube
--------------------------- */
#graduation-works dd.portfolio .wrapper_youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
#graduation-works dd.portfolio .wrapper_youtube iframe {
  width: 100%;
  height: 100%;
}




/* ___________________________________

  記事・アーカイブ共通
____________________________________ */

/* ------------------------------
   サムネイル
------------------------------ */
#post-list li.archive-li ul.inner li.photo {
	position: relative;
}
#post-list li.archive-li ul.inner li.photo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* Premiere Pro（長編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.pr-l::before, ul#content-list li ul.inner li.photo.pr-l::before {
    background: -moz-linear-gradient(to bottom right, rgba(2,177,208,0.7),rgba(234,129,133,0.5));
    background: -webkit-linear-gradient(to bottom right, rgba(2,177,208,0.7),rgba(234,129,133,0.5));
    background: linear-gradient(to bottom right, rgba(2,177,208,0.7),rgba(234,129,133,0.5));	
}

/* Photoshop（長編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.ps-l::before, ul#content-list li ul.inner li.photo.ps-l::before {
    background: -moz-radial-gradient(rgba(255,255,255,0.7), rgba(234,129,133,0.3) 40%, rgba(6,124,222,0.3));
    background: -webkit-radial-gradient(rgba(255,255,255,0.7), rgba(234,129,133,0.3) 40%, rgba(6,124,222,0.3));
    background: radial-gradient(rgba(255,255,255,0.7), rgba(255,136,27,0.3) 40%, rgba(18,171,151,0.3));
}

/* Advanced（長編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.ad-l::before, ul#content-list li ul.inner li.photo.ad-l::before {
    background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(132,32,202,0.5) 30%, rgba(132,32,202,0.5) 60%, rgba(70,206,252,0.7));
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(132,32,202,0.5) 30%, rgba(132,32,202,0.5) 60%, rgba(70,206,252,0.7));	
    background: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(132,32,202,0.5) 30%, rgba(132,32,202,0.5) 60%, rgba(70,206,252,0.7));
}

/* Lecture（長編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.le-l::before, ul#content-list li ul.inner li.photo.le-l::before {
    background: -moz-radial-gradient(rgba(255,255,255,0.7), rgba(52,153,255,0.3) 40%, rgba(0,203,142,0.4));
    background: -webkit-radial-gradient(rgba(255,255,255,0.7), rgba(52,153,255,0.3) 40%, rgba(0,203,142,0.4));	
    background: radial-gradient(rgba(255,255,255,0.7), rgba(52,153,255,0.3) 40%, rgba(0,203,142,0.4));
}

/* After Effects（長編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.ae-l::before, ul#content-list li ul.inner li.photo.ae-l::before {
    background: -moz-linear-gradient(to bottom right, rgba(251,80,96,0.4),rgba(6,124,222,0.5));
    background: -webkit-linear-gradient(to bottom right, rgba(251,80,96,0.4),rgba(6,124,222,0.5));	
    background: linear-gradient(to bottom right, rgba(251,80,96,0.4),rgba(6,124,222,0.5));	
}

/* Premiere Pro（短編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.pr-s::before, ul#content-list li ul.inner li.photo.pr-s::before {
    background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(253,233,108,0.3) 30%, rgba(132,32,202,0.2) 60%, rgba(172,95,207,0.4));
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(253,233,108,0.3) 30%, rgba(132,32,202,0.2) 60%, rgba(172,95,207,0.4));	
    background: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(253,233,108,0.3) 30%, rgba(132,32,202,0.2) 60%, rgba(172,95,207,0.4));
}

/* Photoshop（短編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.ps-s::before, ul#content-list li ul.inner li.photo.ps-s::before {
    background: -moz-radial-gradient(rgba(255,255,255,0.7), rgba(40,242,156,0.3) 40%, rgba(134,114,225,0.4));
    background: -webkit-radial-gradient(rgba(255,255,255,0.7), rgba(40,242,156,0.3) 40%, rgba(134,114,225,0.4));	
    background: radial-gradient(rgba(255,255,255,0.7), rgba(40,242,156,0.3) 40%, rgba(134,114,225,0.4));
}

/* After Effects（短編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.ae-s::before, ul#content-list li ul.inner li.photo.ae-s::before {
    background: -moz-linear-gradient(to bottom right, rgba(251,80,96,0.4),rgba(6,124,222,0.5));
    background: -webkit-linear-gradient(to bottom right, rgba(251,80,96,0.4),rgba(6,124,222,0.5));	
    background: linear-gradient(to bottom right, rgba(52,153,255,0.7),rgba(255,152,27,0.5));	
}

/* Director（短編）
--------------------------- */
#post-list li.archive-li ul.inner li.photo.di-s::before, ul#content-list li ul.inner li.photo.di-s::before {
    background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(58,55,144,0.3) 30%, rgba(254,223,177,0.2) 60%, rgba(238,57,101,0.4));
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(58,55,144,0.3) 30%, rgba(254,223,177,0.2) 60%, rgba(238,57,101,0.4));	
    background: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(58,55,144,0.3) 30%, rgba(254,223,177,0.2) 60%, rgba(238,57,101,0.4));
}



/* ------------------------------
   タグ
------------------------------ */
.single .tag, .page-template .tag, .archive .tag, .home .tag {
	margin-top: 0.5em;
}
.single .tag a, .page-template .tag a, .archive .tag a, .home .tag a {
	margin: 0 5px 5px 0;
	padding: 0.25em 1em;
	color: #003A8B;
	font-size: 11px;
	text-decoration: none;
	background: #fff;
	border: 1px solid #003A8B;
	border-radius: 20px;
	display: inline-block;
}

/* ------------------------------
   ボタン
------------------------------ */
.tag a {
    display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    color: #fff;
    background: linear-gradient(to right,#003A8B, #003A8B);
    transition: .3s;
}
.tag a:hover {
	color: #fff;
    transition: .3s;
}

/* Premiere Pro（長編）
--------------------------- */
.tag.pr-l a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(2,177,208,0.7),rgba(234,129,133,0.5));	
}

/* Photoshop（長編）
--------------------------- */
.tag.ps-l a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(255,136,27,0.7),rgba(18,171,151,0.5));
}

/* Advanced（長編）
--------------------------- */
.tag.ad-l a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(132,32,202,0.7),rgba(70,206,252,0.5));
}

/* Lecture（長編）
--------------------------- */
.tag.le-l a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(52,153,255,0.7),rgba(0,203,142,0.5));
}

/* After Effects（長編）
--------------------------- */
.tag.ae-l a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(251,80,96,0.7),rgba(6,124,222,0.5));
}

/* Premiere Pro（短編）
--------------------------- */
.tag.pr-s a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(253,233,108,0.7),rgba(172,95,207,0.5));	
}

/* Photoshop（短編）
--------------------------- */
.tag.ps-s a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(134,114,225,0.7),rgba(40,242,156,0.5));
}

/* After Effects（短編）
--------------------------- */
.tag.ae-s a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(52,153,255,0.7),rgba(255,152,27,0.5));	
}

/* Director（短編）
--------------------------- */
.tag.di-s a:hover {
	color: #fff;
    transition: .3s;
    background: linear-gradient(to right,rgba(58,55,144,0.7),rgba(238,57,101,0.5));	
}








/* ___________________________________

  アーカイブ
____________________________________ */

/* フェードイン
--------------------------- */
/* 画面の外 */
#post-list li.archive-li:nth-child(n+16) {
	opacity : 0.1;
	transition : all 1000ms;
}

/* 画面の中 */
#post-list li.archive-li:nth-child(n+16).effect {
	opacity : 1;
}


/**
 * レスポンシブ: PC用 ウィンドウ幅1200px以下共通
 */
@media screen and ( max-width:1200px) {	

/* ___________________________________

  コンテンツ
____________________________________ */

/* ul.number
--------------------------- */
ul.number {
	width: 100%;
}		

/* ページネーション
--------------------------- */	
.pagination {
	width: 100%;
}
}


/**
 * レスポンシブ: PC用 ウィンドウ幅811px以上、1200px以下
 */
@media screen and (min-width:811px) and ( max-width:1200px) {	
	
/* ___________________________________

  コンテンツ
____________________________________ */

/* ------------------------------
   見出し
------------------------------ */
h3.type1 {
    margin: 0.5em 0 1em 0;
}	

/* ul.number
--------------------------- */
ul.number {
	width: 100%;
}

/* youtube
--------------------------- */	
.youtube {
  width: 90%;
}	
	
	

/* ========================================

  アーカイブ

======================================== */
.container_subpage {
	width: 96%;
}
	
	
	
	
/* ========================================

  記事

======================================== */
	
#news {
	width: 100%;
}	
}



/**
 * レスポンシブ: TB用 ウィンドウ幅1020px以下共通
 */
@media screen and ( max-width:1020px) {

/* レイアウト
--------------------------- */
#wrapper_local_nav li.li_nav::after {
	width: 2.5vw;
}	
}




/**
 * レスポンシブ: PC用 ウィンドウ幅1000px以下
 */

@media screen and ( max-width:1000px) {

/* ___________________________________

  記事
____________________________________ */

/* メインコンテンツ
--------------------------- */
.main_content section .inner_box {
	width: 90%;
	margin: 2.5% 0;
	padding: 5%;
}
}



/**
 * レスポンシブ: TB用 ウィンドウ幅850px以下共通
 */
@media screen and ( max-width:850px) {

/* レイアウト
--------------------------- */
#wrapper_local_nav li.li_nav::after {
	width: 3vw;
}
}


/**
 * レスポンシブ: TB用 ウィンドウ幅810px以下共通
 */
@media screen and ( max-width:810px) {

/* ___________________________________

  卒業課題案内
____________________________________ */

#graduation-works dd.portfolio ul.outer li.portfolio-li {
	flex: 0 0 49%;
	margin: 0 2% 2% 0;
}
#graduation-works dd.portfolio ul.outer li.portfolio-li:nth-child(2n) {
	margin-right: 0;
}
#graduation-works dd.portfolio ul.outer li.portfolio-li:nth-child(3n) {
	margin-right: 2%;
}
}



/**
 * レスポンシブ: TB用 ウィンドウ幅641px以上、810px以下
 */
@media screen and (min-width:641px) and ( max-width:810px) {

/* ___________________________________

  卒業課題案内
____________________________________ */

/* ローカルナビゲーション
--------------------------- */
#menuList ul#menuList_ul li a span {
  font-size: 13px;
}

/* レイアウト
--------------------------- */
#wrapper_local_nav li.li_nav::after {
	width: 3.3vw;
}
	
#graduation-works section .inner_box.last {
	margin-bottom: 7.5%;
}	

/* レイアウト
--------------------------- */
#wrapper_local_nav li.li_nav::after {
	width: 3.3vw;
}	
}


/**
 * レスポンシブ: SP用 ウィンドウ幅640px以下
 */
@media screen and (max-width:640px) {

/* ___________________________________

  卒業課題案内
____________________________________ */

#graduation-works section .inner_box.last {
	margin-bottom: 10%;
}
	
/* ------------------------------
   見出し
------------------------------ */
h4.type1 {
	font-size: 20px;
}

/* レイアウト
--------------------------- */
#wrapper_local_nav li.li_nav::after {
	width: 4vw;
}

/* ローカルナビゲーション
--------------------------- */	
#menuList ul#menuList_ul li {
	margin: 0 2% 2% 0;
}	
#menuList ul#menuList_ul li a span {
	font-size: 13px;
}

/* レイアウト
--------------------------- */
#wrapper_main_under li.li_nav {
	margin-top: 2%;
}		
#wrapper_local_nav li.li_nav::after {
	width: 4vw;
}	
}
	


/**
 * レスポンシブ: SP用 ウィンドウ幅480px以下
 */
@media screen and (max-width:480px) {

/* ___________________________________

  卒業課題案内
____________________________________ */

#graduation-works dd.portfolio ul.outer li.portfolio-li {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 4% 0;
}

/* 見出し */
.single-content h2.type1 {
	font-size: 24px;
}
section.sec-content h3.type1 {
	font-size: 18px;
}	
h4.type1 {
	font-size: 20px;
}

/* レイアウト
--------------------------- */
#wrapper_local_nav li.li_nav::after {
	width: 5.5vw;
}

		
/* ローカルナビゲーション
--------------------------- */
#menuList ul#menuList_ul li {
	margin: 0 1em 2% 0;	
	font-size: 2.5vw;	
}		
#menuList ul#menuList_ul li a span {
	padding: 1px 0.75em;	
	font-size: 2.5vw;
}
}		



/**
 * レスポンシブ: SP用 ウィンドウ幅428px以下
 */
@media screen and (max-width:428px) {

/* ___________________________________

  卒業課題案内
____________________________________ */

#graduation-works section .inner_box.last {
	margin-bottom: 12.5%;
}

/* ローカルナビゲーション
--------------------------- */
#menuList ul#menuList_ul li {
	font-size: 3vw;
}
/*ボタンの中のテキスト*/
#menuList ul#menuList_ul li a span {
	padding: 2.5px 15px;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅414px以下
 */
@media screen and (max-width:414px) {

/* メインコンテンツ
--------------------------- */
.main_content section .inner_box {
  margin: 5% 0 2.5%;
}

/* ローカルナビゲーション（アーカイブ）
--------------------------- */	
#wrapper_local_nav {
	margin-top: 5%;
}	
}

/**
 * レスポンシブ: SP用 ウィンドウ幅375px以下
 */
@media screen and (max-width:375px) {

/* 見出し */
section.sec-content h3.type1 {
	font-size: 16px;
}
#graduation-works dl.directions dt {
 	font-size: 15px;
}

/* ローカルナビゲーション
--------------------------- */
#menuList ul#menuList_ul li {
	font-size: 3.2vw;
}
}




/**
 * レスポンシブ: SP用 ウィンドウ幅320px以下
 */
@media screen and (max-width:320px) {

/* 見出し */
section.sec-content h3.type1 {
	font-size: 15px;
}
#graduation-works dl.directions dt {
 	font-size: 14px;
}

/* ローカルナビゲーション
--------------------------- */
#menuList ul#menuList_ul li {
	font-size: 3.5vw;
}	
#menuList ul#menuList_ul li a span {
	padding: 1px 0.75em;	
	font-size: 3vw;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅280px以下
 */
@media screen and (max-width:280px) {

/* ローカルナビゲーション
--------------------------- */
#menuList ul#menuList_ul li {
	font-size: 3.6vw;
}
}