@charset "utf-8";

#main-contents {
	/*font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
}

.spv{
	display:none;
}
.pcv{
	display:block;
}

img{
	max-width: 100%;
	height: auto;
}


/* cf */
#side-bnav:before,
#side-bnav:after {
    content:"";
    display:table;
}
#side-bnav:after {
    clear:both;
}
#side-bnav{
    zoom:1;
}


/* add */
#main-contents .page_title{
	margin-bottom:25px;
	font-size:22px;
	line-height:1.3em;
}
#main-contents .page_title em{
	font-size:16px;
	font-style:normal;
}
.adm_out_detail{
	margin-bottom:3em;
}
.adm_out_detail{
	border-bottom:none;
}
.adm_out_detail h3{
	padding:1em 0 0 0;
}
.adm_out_detail table{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	width:100%;
	margin-bottom:1em;
}
.adm_out_detail table th,
.adm_out_detail table td{
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px 10px;
	vertical-align:top;
}
.adm_out_detail table th{
	background:#EFEFEF;
	text-align:center;
}

/* footer */
#footer-subnav_base,
#footer-sitemap_base{
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:left;
}
#footer-subnav,
#footer-sitemap{
	position:relative;
	clear:both;
	width:960px;
	margin:0 auto;
}
footer{
	background:none;
}
#footer-subnav_base{
	background:#EEECEB;
}
#footer-sitemap_base{
	background:#023F73;
}

/* snav */
/*#sp_sdnav,*/
#global-spbtn,
#global-spnav{
	display:none;
}

/* ------------------------------------------------------------------ */
@media screen and (max-width:976px){


	#main-contents,
	#footer-subnav,
	#footer-sitemap,
	#header-base,
	#footer-base,
	#contents-base,
	#topic-path-base,
	#footer-sig{
		position:relative;
		clear:both;
		width:620px;
		margin:0 auto;
		padding:0;
	}

	/* header */
	#home-nav{
		width:620px;
	}
	#header-base{
		width:620px;
	}
	#header-top{
		float:right;
	}

	/* nav */
	#global-nav ul{
		clear:both;
		float:right;
		margin:1em 0 0 0;
	}
	#global-nav ul li{
		width:auto;
	}
	#global-nav ul li a{
		display:block;
		width:auto;
		text-align:center;
	}
	#global-nav ul li span a{
		display:block;
		border-left:1px solid #AAA19C;
		width:auto;
		height:23px;
		padding:3px 0.7em;
		color:#000;
		background:url(../images/gnav1.gif) no-repeat center 6px;
		text-indent:inherit;
	}
	#global-nav ul li#gnav5{
		width:auto;
	}

	#global-nav ul li#gnav1 span a,
	#global-nav ul li#gnav2 span a,
	#global-nav ul li#gnav3 span a,
	#global-nav ul li#gnav4 span a,
	#global-nav ul li#gnav5 span a,
	#global-nav ul li#gnav1:hover span a,
	#global-nav ul li#gnav2:hover span a,
	#global-nav ul li#gnav3:hover span a,
	#global-nav ul li#gnav4:hover span a,
	#global-nav ul li#gnav5:hover span a{
		background:none;
		width:inherit;
	}
	#global-nav ul li#gnav1:hover span a,
	#global-nav ul li#gnav2:hover span a,
	#global-nav ul li#gnav3:hover span a,
	#global-nav ul li#gnav4:hover span a,
	#global-nav ul li#gnav5:hover span a{
		background:rgba(2,63,116,0.95);
		color:#FFF;
	}
	#global-nav ul li ul li a{
		text-align:left;
	}
	#global-nav ul li ul li a:hover{
		background:rgba(2,63,116,0.3);
	}


	/* footer */
	#footer-sitemap{
		padding:30px 0 0 0;
	}
	#footer-subnav{
		height:60px;
	}
	#home-nav{
		float:right;
	}
	#home-nav h2{
		margin-bottom:0;
	}
	#header-top li{
		margin-top:0;
	}
	#footer-subnav ul li{
		float:left;
	}


	/* contents */
	#main-contents{
		float:none;
		width:620px;
		padding:0;
		margin:0;
	}
	#topic-path-base{
		width:430px;

	}
	#topic-path-base p{
		padding:0 0 0 95px;
	}
	.detail_wrap,
	.detail_wrap2,
	.chome_wrap,
	.news-item{
		width:620px;
	}
	#main-contents img{
		max-width:100%;
	}
	#main-contents iframe{
		width:620px;
	}
	#side-nav{
		clear:both;
		float:none;
		width:620px;
		padding:50px 0 0 0;
	}
	#side-snav{
		width:640px;
	}

	#side-nav li{
		float:left;
		width:290px;
		padding:0 15px 0 0;
	}
	#side-snav li.catt a,
	#side-snav li.catt_n a,
	#side-snav li.catt_co a{
		width:273px;
	}
	#side-snav li a{
		width:250px;
	}
	#side-snav li.llist a{
		border-bottom:none !important;
	}

	#side-bnav{
		clear:both;
		padding-top:15px;
	}

	#side-bnav li.btline{
		width:197px;
		padding:0 4px 0 4px;
		border:none;
	}
	#side-bnav li{
		float:left;
		width:197px;
		padding:0 4px 10px 4px;
	}
	#side-bnav li:nth-child(4){
		clear:both;
	}
	#side-bnav li img{
		width:100%;
	}
	
	#topic-path-base{
		padding-top: 10px;
	}
	
	
	
	/* 1.home ----------------------------------- */
	#home_image_base {
	    height: auto !important;
	}
	#home-contents{
		width: 620px;
	}
	.slider-pro{
		height: auto !important;
	}
	/*
	#my-slider{
		width:100% !important;
	}
	.sp-slide{
		width: 100% !important;
		height: auto !important;
	}
	*/
	
	/* home_box_banner */
	#home_box_banner{
		clear:both;
		padding:0;
	}
	.box_hbanner{
		padding:35px 10px 0 10px;
		width: 50%;
		box-sizing: border-box;
	}
	.box_hbanner:nth-child(1),
	.box_hbanner:nth-child(3){
		padding-left: 0;
	}
	.box_hbanner p:nth-child(2){
		margin-bottom: 0;
	}
	.box_hbanner:nth-child(3){
		clear: both;
		padding-right: 20px;
	}
	.box_hbanner img{
		width: 100%;
	}
	.box_hbanner:nth-child(1) p{
		margin-bottom: 20px;
	}
	.box_hbanner:nth-child(1) p:nth-child(2){
		margin-bottom: 2%;
	}
	
	#home-event-wrap{
		width:620px;
		float: none;
		margin-bottom:35px;
	}
	.event-text {
		width: 465px;
	}
	#home_photolog .home_photo_text{
		width: 355px;
	}
	
	#home-news-wrap{
		width:620px;
		float:none;
	}
	.entry_list h3{
	    width: 420px;
	}
	.home-banner {
		width: 620px;
	}
	.home-banner li{
		width: 200px;
		padding: 0 10px 10px 0;
		line-height: 0;
	}
	.home-banner li:nth-child(4n+1){
		clear: none;
	}
	.home-banner li:nth-child(3n){
		padding: 0 0 10px 0;
	}
	.home-banner li:nth-child(3n+1){
		clear: both;
	}
	.home-banner li:last-child{
		margin-bottom: 10px;
	}
	

	/* admission top ---------------------------- */
	.news-item time{
		width:80px;
	}
	.news-item p.cateicon{
		margin:0 20px 0 0;
	}
	.news-item .news-detail{
		width:460px;
	}

	.index_iwrap .detail_left,
	.index_iwrap .detail_right{
		width:300px;
		padding-bottom:1em;
	}
	.index_iwrap .detail_left img,
	.index_iwrap .detail_right img{
		width:100%;
	}
	#line_wrap .detail_left{
		width:400px;
	}
	#adm_detail_wrap{
		width:620px;
	}
	#adm_detail_wrap table{
		width:100%;
	}
	#adm_detail_wrap .f11r{
		width:620px;
	}

	.waku_table4,
	.waku_table5,
	.waku_table6,
	.waku_table7{
		width:620px;
	}

	#adm_request #main-contents .detail_left{
		width:330px;
	}
	#adm_request #main-contents .detail_left img{
		width:100%;
	}
	
	
	
	/* outline ---------------------------- */
	#philosophy .index_iwrap img{
		width: auto;
	}
	#philosophy .index_iwrap .detail_left,
	#philosophy .index_iwrap .detail_right{
		width: 49%;
		box-sizing: border-box;
	}
	
	#outline-title,
	.outline-detail,
	.history_wrap,
	.history_wrap table,
	#number .outline-detail table,
	.disc_wrap ul li.wid1,
	.evaluation_wrap,
	#main-contents .w320,
	.htrc_image,
	#agreements_map_new,
	#agreements_data,
	#agreements_data #map_text,
	.line-title2.w650,
	#sangaku table,
	#backnumber_wrap{
		width: 100%;
	}
	.history_wrap table td{
		padding-left: 0;
	}
	
	.map_dleft,
	.map_dright{
		width: 300px;
	}
	.map_detail p{
		width: 227px;
	}
	
	#identity .detail_left{
		width: 35%;
	}
	#identity .detail_left img{
		max-width: 100%;
	}
	
	#agreements_data article{
		width: 300px;
	}
	#agreements_data article:nth-child(odd){
		padding-right: 0;
	}
	#cm_wrap{
		padding: 9px 0 60px 0;
	}
	#cm_wrap iframe{
		width: 560px;
		margin: 0 auto;
	}
	.movie_wrap{
		width: 560px;
		margin: 0 auto;
	}
	
	#public .wbox2 figure{
		width: 260px;
	}
	.bknum_item{
		width: 150px;
	}
	
	
	
	/* department ---------------------------- */
	#engindex .detail_right,
	#engindex .detail_left{
		width: 300px;
	}
	#engindex .detail_right img,
	#engindex .detail_left img{
		max-width: 100%;
	}
	.dept #dept_image ,
	#page-title-nav{
		width:100%;
		box-sizing: border-box;
	}
	.dept #dept_image {
		height: auto;
		margin-bottom: 60px;
	}
	#page-title-nav ul.pcv{
		display: none;
	}
	#page-title-nav .mpv{
		display: block;
	}
	#page-title-nav ul li {
		width: 15%;
		font-weight: bold;
		margin-right: 1%;
		font-size: 13px;
		line-height: 1.2em;
		text-align: center;
		box-sizing: border-box;
	}
	#page-title-nav ul li a{
		display: block;
		background: none !important;
		text-indent: inherit !important;
		width: auto !important;
		color: #FFF;
		padding: 15px 0 10px 0;
	}
	#page-title-nav ul li a:hover{
		background: #FFF !important;
		color:#46529D;
		
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
	}
	
	.dept-text{
		/*width: 40.6%;*/
	}
	
	.dept-detail,
	.dept-detail-line{
		width: 100%;
	}
	.dept .flex-control-nbase{
		display: none;
	}
	.class_wrap .class_text{
		width: 340px;
	}
	
	.teacher_wrap .ttext,
	.teacher_wrapg .ttext,
	.teacher_wraph .ttext2{
		padding-left: 20px;
		width: 290px;
	}
	
	#support-list .detail_left,
	#support-list .detail_right{
		width: 48%;
	}
	
	#graduateindex .detail_left,
	#graduateindex .detail_right,
	#graduatelindex .detail_left,
	#graduatelindex .detail_right,
	#lifeindex .detail_left,
	#lifeindex .detail_right,
	#humanindex .detail_left,
	#humanindex .detail_right{
		width: 300px;
	}
	#graduateindex .detail_left img,
	#graduateindex .detail_right img,
	#graduatelindex .detail_left img,
	#graduatelindex .detail_right img,
	#lifeindex .detail_left img,
	#lifeindex .detail_right img,
	#humanindex .detail_left img,
	#humanindex .detail_right img{
		max-width: 100%;
	}
	
	
	/* career ----------------------------- */
	#car_support .detail_left,
	#car_support .detail_right{
		width: 300px;
	}
	#carsup_wrap #cimage img,
	#car_support .detail_left img,
	#car_support .detail_right img{
		width: 100%;
	}
	#cps-introduction .detail_left,
	#cps-introduction .detail_right{
		width: 49%;
	}
	#cps-introduction .detail_left img,
	#cps-introduction .detail_right img{
		width: 100%;
	}
	
	.campus_wrap{
		width: 100%;
	}
	.campus_d2,
	.campus_d2r{
		width: 410px;
	}
	.campus_d1,
	.campus_d1r{
		width: 195px;
	}
	.campus_d1{
		padding: 0 15px 0 0;
	}
	.campus_wrap article img{
		width: 100%;
	}
	
	.cal_wrap{
		width: 620px;
	}
	.cal_wrap h1{
		width: 65px;
	}
	.cal_event{
		width: 230px;
	}
	.cal_image{
		width: 325px;
	}
	
	#cps-wellness .detail_left{
		width: 300px;
	}
	
	.club_wrap_base{
		width: 620px;
	}
	.club_wrap{
		width: 195px;
		padding: 20px 10px 0 0;
	}
	.club_wrap:nth-child(3n+1){
		clear: both;
	}
	.club_wrap h2{
		height: 130px;
		overflow: hidden;
	}
	.club_wrap img{
		width: 100%;
	}
	
	.day_list_detail{
		width: 410px;
	}
	.day_title,
	.day_detail,
	.day_wrap_life,
	.day_wrap_eng{
		width: 620px;
	}
	.day_left{
		width: 280px;
	}
	
	.tevent_wrap,
	.town_wrap{
		width: 100%;
	}
	.tevent_wrap .tevent_item{
		width: 145px;
	}
	.tevent_wrap .tevent_item img{
		width: 100%;
	}
	.town_title .town_title_text{
		width: 480px;
	}
	
	.ogob_list_detail{
		width: 445px;
	}
	
	#car_internship .detail_left,
	#car_internship .detail_right{
		float: none;
		margin: 0 auto;
		text-align: center;
		
	}
	
	
	/* user -------------------------------------- */
	#user_main,
	.users #main-contents,
	.index_iwrap .detail_left img,
	.index_iwrap .detail_right img{
		width: 100%;
	}
	.users .index_iwrap{
		padding: 0;
	}
	
	

	/* news topics ------------------------------ */
	.entry {
		width: 100%;
	}
	.newstopics .news-item time{
		width: 70px;
	}
	
	#event_title{
		width: 100%;
		box-sizing: border-box;
		height: 60px;
	}
	.ocentry,
	.lbentry{
		width: 100%;
		box-sizing: border-box;
	}
	.ocentry .entry-detail,
	.lbentry .entry-detail{
		width: 320px;
	}
	#contents-base.topicsbase .news-nav_new{
		width: 100%;
		box-sizing: border-box;
	}
	
	#event_wrap,
	#future_wrap{
		box-sizing: border-box;
	}
	.lbmain_event,
	.future-wrap,
	.past-wrap{
		width: 100%;
	}
	.future-wrap .event_detail,
	.past-wrap .event_detail{
		width: 430px;
	}
	
	.pl_title h2{
		float: none;
	}
	.pl_title p{
		float: none;
		padding: 8px 0;
		text-align: left;
	}
	.plog_detail figure{
		float:none;
		width:100%;
	}
	.plog_detail .plog_text{
		float:none;
		width:100%;
	}
	
	
	/* 対談 */
	/* fhome */
	#feature-main{
		display: none;
	}
	#feature_home #feature-main-image{
		height: auto;
	}
	.spmp_title{
		display: block;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
	}
	
	#other-feature{
		width:620px;
	}
	.other-detail{
		width:620px;
	}
	.of-up,
	.of-down{
		float:left;
		width:160px;
		height:137px;
		padding: 15px 21px 15px 21px;
		border-top:1px dotted #000 !important;
		border-left:1px dotted #000 !important;
		border-bottom:none !important;
		border-right:none !important;
	}
	.eng-wrap #eng-title,
	.newcms .eng-wrap h2#eng-title{
		padding-top: 40px !important;
		height: auto;
		min-height: inherit;
		text-align: center;
	}
	#ld-title{
		padding-top: 100px !important;
		height: auto;
		min-height: inherit;
		text-align: center;
		margin: 0 auto 15px auto;
	}
	.eng-wrap{
		border-bottom: none;
	}
	
	/* feature detail */
	#feature #feature-main{
		display: block;
	}
	#feature #feature-main-image{
		height: auto;
	}
	#feature #feature-main-image h1{
		width: 100%;
	}
	#feature #feature-main img{
		width: 100%;
	}
	#feature-title{
		width:620px;
	}
	#feature-title h2,
	#feature-title h1{
		line-height:1.4em;
	}
	#fcontents_back{
		width:620px;
		background:none;
		padding: 0;
	}
	.life #fcontents_back{
		width:620px;
		background:none;
		padding: 0;
	}
	#feature-contents{
		width:100%;
		float:none;
		padding:0;
		border-right: none;
		border-bottom:1px dotted #000;
	}
	#feature-side{
		float:none;
		width:100%;
		padding-top: 60px;
	}

	#feature-side h1{
		text-align: center;
		margin: 0 auto;
	}
	
	.feat-detail{
		position: relative;
		clear: both;
		margin: 0 auto;
	}
	.fside_lab_text{
		width: 49%;
		float: left;
	}
	.fside_lab_fig{
		width: 49%;
		float: right;
	}
	.fside_prof{
		clear: both;
		position: relative;
	}
	.fside_prof .detail_left{
		float: none;
		position: absolute;
		left: 0;
		top: 0;
	}
	.fside_prof .detail_right{
		width: 100%;
		padding-left: 100px;
		box-sizing: border-box;
	}
	
	#other-feature{
		width:620px;
	}
	
	
	/* access */
	.detail_map{
		width: 400px;
	}
	.detail_map img{
		width: 100%;
	}
	.gmap_wrap{
		width: 100%;
	}
	
	
	/* 180315 */
	#realtime #contents-base{
		padding-top: 97px;
	}
	#realtime .detail_wrap iframe{
		width: 100%;
		height: 54vw;
	}
	
	/* department 2020 */
	.dept20_list h2{
		font-size: 14px;
	}
	.dept20_list h3{
		font-size: 14px;
	}
	.dept20_list ul li{
		font-size: 14px;
	}
	.dept20_list ul li a{
		padding: 0.65em;
	}
	
	/* movie 2019 */
	.movie_title{
		min-height: 250px;
	}
	.movie_detail h2{
		font-size: 21px;
	}
	.pvmovie_wrap .movie_right h3{
		font-size: 18px;
	}
	.pvmovie_wrap .movie_right h4{
		font-size: 16px;
	}
	.pvmovie_wrap .movie_right p{
		font-size: 14px;
	}
}



/* ================================================================== */
/* ================================================================== */
/* ================================================================== */
/* ------------------------------------------------------------------ */
@media screen and (max-width:640px){
	.pcv{
		display:none;
	}
	.spv{
		display:block;
	}

	#contents{
		padding-top:50px;
	}

	/* sp */
	#splogo{
		display:block;
		text-align:center;
		padding:30px 0 0 0;
		width:60%;
		margin:0 auto;
		line-height:0;
		font-size:0;
	}
	#splogo img{
		width:100%;
	}
	#topic-path-base,
	header h1{
		display:none;
	}
	.admission #contents-base{
		padding-top:0;
	}
	

	#main-contents,
	#footer-subnav,
	#footer-sitemap,
	#header-base,
	#footer-base,
	#contents-base,
	#topic-path-base,
	#footer-sig{
		position:relative;
		clear:both;
		width:100%;
		margin:0 auto;
		padding:0;
	}
	/* header */
	header{
		height:auto;
		height: 120px;
	}
	#home-nav{
		width:100%;
	}
	#home-nav #header_search{
		display: none;
	}
	#header-base{
		width:100%;
	}
	#header-top{
		float:right;
	}
	#home-nav h2,
	#header-top{
		display:none;
	}

	/* sp nav */
	#global-nav{
		display:none;
	}
	#global-spbtn{
		display:block;
		position:absolute;
		right:10px;
		top:30px;
		font-size:21px;
		color:#023F73;

		display:block;
		width: 35px;
		height: 35px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #023F73;
		cursor:pointer;
	}
	#global-spbtn i {
		color: #023F73;
		position: absolute;

		top: 50%;
		left: 50%;
		margin-top: -0.53em;
		margin-left: -0.4em;

	}
	#global-spnav{
		position:absolute;
		left:0;
		top:120px;
		display:none;
		width:100%;
		padding:0 0 0 0;
		z-index:9999999;
	}
	#global-spnav ul{
		position:relative;
		clear:both;
		list-style:none;
		text-align:left;
		background:rgba(2,63,115,0.9);
	}
	#global-spnav li{
		float:left;
		width:50%;
		color:#FFF;
		font-size:13px;
	}
	#global-spnav li i{
		font-weight:normal;
		font-size:12px;
	}
	#global-spnav li a{
		display:block;
		color:#FFF;
		padding:10px 0 9px 10px;
		border-bottom:1px solid #B6DCFD;
	}
	#global-spnav li a:nth-child(odd){
		border-left:1px solid #B6DCFD;
	}
	#global-spnav li a:hover{
		background:#C5E4FE;
		color:#023F73;
	}
	#global-spnav #fform-wrap{
		clear: both;
		background:rgba(2,63,115,0.9);
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding:10px 0 9px 10px;
	}
	#global-spnav #fform-wrap input[type="text"]{
		box-sizing: border-box;
		width: 70%;
		float: left;
		margin: 0 3% 0 0;
		padding: inherit !important;
		font-size: 14px;
	}
	#global-spnav #fform-wrap input[type="submit"]{
		display: block;
		width: auto;
		float: left;
		padding: 0 1em 2px 1em !important;
		font-size: 14px;
	}

	/* dept nav */
	/*
	#side-snav li.catt a,
	#side-snav li.catt_n a,
	#side-snav li.catt_co a,
	#sp_sdnav ul li,
	#sp_sdnav ul li a,
	#sp_sdnav ul{
		list-style:none;
		width:100%;
	}
	*/
	#sp_sdnav{
		margin:0 0 2em 0;
	}
	#sp_sdnav ul{
		list-style:none;
		width:100%;
	}
	#side-snav li.catt_n a{
		width:95%;
		padding:13px 0 9px 5%;
		background:url(../images/side_listmark1.gif) no-repeat -1% 14px;
	}
	#side-snav li a{
		padding:13px 0 9px 10%;
		width:90%;
		background:url(../images/side_listmark2.gif) no-repeat 1% 14px;
	}

	#sp_sdnav ul li{
		width:100%;
	}
	#sp_sdnav p,
	#sp_sdnav h2{
		text-align:center;
		padding:7px 0 6px 0;
		border:1px solid #023F73;
		width:100%;
		box-sizing: border-box;
		font-size:14px;
		margin-bottom:1px;
		cursor:pointer;
		color:#023F73;
	}
	#sp_sdnav p{
		background:#023F73;
		color:#FFF;
		padding:4px 0 3px 0;
	}
	#sp_sdnav h2:hover{
		background:#023F73;
		color:#FFF;
	}
	#sp_sdnav p:hover{
		background:#FFF;
		color:#023F73;
	}


	/* contents */
	#footer-subnav_base,
	#footer-sig,
	#main-contents,
	#topic-path-base{
		width:90%;
		padding:0 5%;
		margin:0;
	}
	.detail_wrap,
	.detail_wrap2,
	.chome_wrap,
	.news-item{
		width:100%;
	}

	#main-contents img{
		max-width:100%;
	}
	#main-contents iframe{
		width:100%;
		height:200px;
	}
	#side-snav{
		width:100%;
	}
	#adm_detail_wrap{
		width:100%;
	}
	#adm_detail_wrap .f11r{
		width:100%;
	}
	
	#copyright{
		padding: 0 5%;
		text-align: center;
	}
	
	/* 1.home ----------------------------------- */
	.sp-slides-container{
		margin-bottom: 20px;
	}
	.sp-thumbnails-container{
		display: none;
	}
	#home #contents{
		padding-top: 0;
	}
	.sp-thumbnail-container{
		width: 100px !important;
		height: 40px !important;
	}
	
	
	.box_hbanner{
		padding:0 1% 2% 1%;
		width: 50%;
		box-sizing: border-box;
	}
	.box_hbanner p{
		margin-bottom: 2%;
	}
	.box_hbanner:nth-child(1),
	.box_hbanner:nth-child(3){
		padding:0 1% 2% 1%;
	}
	.box_hbanner p:nth-child(2){
		padding:0 1% 2% 1%;
	}
	.box_hbanner:nth-child(3){
		padding:0 1% 2% 1%;
		clear: both;
	}
	.box_hbanner p:nth-child(2) {
		margin-bottom: 2%;
		padding: 0;
	}
	
	#home-contents{
		width: 90%;
		padding: 0 5%;
	}
	.htitle_left{
		float: none;
		width: 100%;
	}
	.home_title p{
		float: none;
		text-align: left;
	}
	.home_title p.pt25,
	.home_title p.pt45{
		padding-top: 10px;
	}
	
	#home-event-wrap{
		width:100%;
		float: none;
	}
	.event-detail figure{
		position: absolute;
		right: 0;
		top: 0;
		width: 100px;
		float: none;
		text-align: center;
		margin: 0 auto 7px auto;
	}
	.event-text p,
	.event-text h4,
	.event-text h2{
		box-sizing: border-box;
		padding-right: 120px;
	}
	.event-text {
		width: 100%;
		float: none;
	}
	#home_photolog .hptcopy{
		padding-left: 0;
	}
	#home_photolog figure{
		width: 100%;
		margin-bottom: 10px;
	}
	#home_photolog figure img{
		width: 100%;
	}
	#home_photolog .home_photo_text{
		width: 100%;
	}
	
	#home-news-wrap{
		width:100%;
		float:none;
	}
	.entry_list h3{
	    width: 100%;
	}
	.home_title h1{
		width: 100%;
	}
	
	.home-banner {
		width: 100%;
		margin: 0 auto;
	}
	.home-banner li{
		width: 50%;
		box-sizing: border-box;
		padding: 0 1% 2% 1%;
	}
	.home-banner li:nth-child(3n){
		padding: 0 1% 2% 1%;
	}
	.home-banner li:nth-child(3n+1){
		clear: none;
	}
	.home-banner li:nth-child(odd){
		clear: both;
	}
	.home-banner li:last-child{
		margin-bottom: 10px;
	}
	.entry_list .entry_date{
		margin-bottom: 7px;
	}
	
	
	

	/* admission top */
	#admissions #main-contents .page_title{
		margin-bottom:1px;
		line-height:0;
		font-size:0;
	}
	#news_iwrap{
		padding:40px 0 0 0;
	}
	.news-item{
		width:100%;
		padding:0 0 5px 0;
		margin:0 0 5px 0;
	}
	.news-item time{
		width:100%;
		padding:0;
	}
	.news-item .catenicon,
	.news-item p.cateicon{
		position: absolute;
		display: block;
		height: auto;
		margin:0;
		padding-top: 25px;
	}
	.newc .news-item p a{
		height: auto;
		padding: 3px 0 2px 0;
	}
	.news-item .news-detail{
		width:100%;
		padding:8px 0 0 70px;
		min-height: 60px;
		box-sizing: border-box;
	}

	.index_iwrap{
		padding:0;
	}
	.index_iwrap .detail_left,
	.index_iwrap .detail_right{
		max-width:300px;
		padding-bottom:1em;
		margin:0 auto;
		float:none;
	}
	.index_iwrap .detail_left img,
	.index_iwrap .detail_right img{
		width:100%;
	}


	#uhome_image li{
		padding: 0;
		float: left;
		width: 48.5%;
		box-sizing: border-box;
	}
	#uhome_image li:nth-child(2n){
		float: right;
	}
	#uhome_image li img{
		width: 100%;
	}
	.users #news_iwrap{
		padding: 30px 0 0 0;
	}
	
	.index_iwrap img{
		max-width:100%;
	}
	.news-item p{
		display:none;
	}
	#line_wrap .detail_left,
	#line_wrap .detail_right{
		float:none;
		text-align:center;
		width:100%;
	}
	.fsitemap,
	#side-nav{
		display:none;
	}
	#footer-subnav{
		min-height: 120px;
	}
	#footer-subnav{
		height: auto;
		padding-bottom: 8px;
	}
	#footer-subnav ul{
		float: none;
	}
	#footer-subnav #fform-wrap{
		float:none;
		width:100%;
		padding:10px 0;
	}
	.up-date{
		padding:10px 0 0 5%;
		float:left;
		width:auto;
		text-align:right;
	}
	#footer-logo{
		float:none;
		padding:20px 0 0 0;
	}
	#footer-sig h2{
		float:none;
	}



	.waku_table4,
	.waku_table5,
	.waku_table6,
	.waku_table7{
		width:100%;
	}
	#adm_lecture .movie_wrap{
		width:100%;
	}


	#adm_request #main-contents .detail_right,
	#adm_request #main-contents .detail_left{
		width:100%;
		float:none;
		text-align:center;
		margin:0 auto;
	}
	#adm_request #main-contents .detail_right{
		text-align:left;
	}
	#adm_request #main-contents .detail_left img{
		width:auto;
		max-width:100%;
	}


	.motomeru_wrap h2 {
		width:100%;
		padding:10px 0;
		height:auto;
		float:none;
	}
	.motomeru_wrap h2.sandan {
		padding:10px 0;
		height:auto;
	}
	.motomeru_wrap p {
		padding: 10px 5% 0 5%;
		background: #EEECEB;
		float:none;
		width:90%;
	}

	#adm_detail_wrap table.waku_table3 td{
		text-align:right;
		width:auto;
	}

	
	/* outline */
	.outline #contents-base{
		padding-top:0;
	}
	#outline-title, .outline-detail{
		width: 100%;
	}
	.index_iwrap .detail_left,
	.index_iwrap .detail_right{
		width: 100%;
		float: none;
	}
	
	#philosophy .index_iwrap img{
		width: auto;
	}
	#philosophy .index_iwrap .detail_left,
	#philosophy .index_iwrap .detail_right{
		margin-bottom: 10px;
		width: 100%;
		float: none;
	}
	
	#message .w400{
		width: 100%;
		float: none;
	}
	#message .w240{
		width: 100%;
		float: none;
	}
	#message #main-contents figcaption,
	#message #main-contents figcaption p{
		font-size: 11px;
	}
	#outline-title,
	.outline-detail{
		width: 100%;
	}
	
	.history_wrap table tr td:first-child{
		width: 40px;
	}
	.history_wrap table tr td:nth-child(2){
		width: 20px;
	}
	
	#number .outline-detail table th,
	#number .outline-detail table td{
		padding: 5px;
	}
	
	.htrc_image figure{
		width: 49%;
		padding: 0;
		margin: 0 0 1em 0;
	}
	.htrc_image figure img{
		width: 100%;
	}
	.htrc_image figure:nth-child(even){
		float: right;
	}
	.htrc_image figure:nth-child(3){
		clear: both;
	}
	
	.map_dleft,
	.map_dright{
		width: 100%;
		padding: 0;
	}
	.map_detail{
		position: relative;
		clear: both;
	}
	.map_detail h2{
		position: absolute;
		left: 0;
		top: 0;
	}
	.map_detail p{
		width: 100%;
		padding-left: 70px;
		box-sizing: border-box;
		min-height: 60px;
		margin-bottom: 15px;
	}
	.map_detail p:after {
		content: '';
		display: block;
		clear: both;
	}
	
	#identity .detail_left{
		width: 100%;
		text-align: center;
		float: none;
	}
	#identity .detail_right{
		width: 100%;
		float: none;
	}
	#identity .detail_left.w155,
	#identity .detail_right.w155{
		width: 50%;
		padding: 0;
		float: left;
		box-sizing: border-box;
	}
	#identity .detail_left.w155 figure img,
	#identity .detail_right.w155 figure img{
		max-width: 90%;
	}
	
	#agreements_data article{
		width: 100%;
	}
	
	#cm_wrap{
		padding: 9px 0 20px 0;
	}
	#cm_wrap iframe{
		width: 100%;
		margin: 0 auto;
	}
	.movie_wrap{
		width: 90%;
		margin: 0 auto;
	}
	
	#public .detail_right {
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	#public .wbox2 figure{
		width: 100%;
		text-align: center;
		float: none;
	}
	.bknum_item{
		width: 130px;
	}
	
	
	/* department ---------------------------- */
	
	.dept #contents-base{
		padding-top:0;
	}
	#engindex .detail_right,
	#engindex .detail_left{
		width: 100%;
		max-width: 300px;
		float: none;
		margin: 0 auto;
	}
	#engindex .detail_right img,
	#engindex .detail_left img{
		max-width: 100%;
	}
	#engindex #dept-title{
		background:#46539E;
		padding: 10px ;
		margin-bottom: 15px;
	}
	
	#page-title-nav {
		padding: 10px;
		margin-bottom: 15px;
		height: auto;
	}
	#page-title-nav h2,
	#engindex #dept-title h2{
		font-size: 18px;
		color: #FFF;
		line-height: 1.6em;
	}
	#page-title-nav h2 em{
		font-size: 14px;
	}
	#page-title-nav p,
	#engindex #dept-title p{
		font-size: 14px;
		color: #FFF;
		margin: 0 0 15px 0;
		line-height: 1.6em;
	}
	#page-title-nav .mpv{
		display: block;
		margin: 0;
		padding: 0;
	}
	#page-title-nav .mpv li{
		width: 50%;
		padding: 0;
		margin: 0;
		height: auto !important;
	}
	#page-title-nav .mpv li a{
		height: auto !important;
		border: 1px solid #FFF;
	}
	#page-title-nav .mpv li:nth-child(1) a,
	#page-title-nav .mpv li:nth-child(3) a{
		border-bottom: none;
		border-right: none;
	}
	#page-title-nav .mpv li:nth-child(2) a,
	#page-title-nav .mpv li:nth-child(4) a{
		border-bottom: none;
	}
	#page-title-nav .mpv li:nth-child(5) a{
		border-right: none;
	}
	.human #page-title-nav .mpv li:nth-child(2) a{
		border-bottom: 1px solid #FFF;
	}
	.human #page-title-nav .mpv li:nth-child(3) a{
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
	#page-title-nav .mpv li a:hover{
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
	}
	
	.dept-detail-line{
		position: relative;
		clear: both;
	}
	.dept-img {
		width: 30%;
		float: none;
		position: absolute;
		right: 0;
		top: 1em;
	}
	.dept-detail .dept-img {
		top: 30px;
	}
	.dept-text{
		width: 100%;
		float: none;
		padding-right: 35%;
		box-sizing: border-box;
	}
	.dept-text h4{
		font-size: 14px;
	}
	#manabi_key ul li{
		width: 49%;
		float: left;
		overflow: hidden;
		margin: 0 2% 2% 0;
	}
	#manabi_key ul li:nth-child(even){
		margin: 0 0 2% 0;
	}
	.class_wrap{
		position: relative;
	}
	.class_wrap figure{
		width: 100%;
		float: none;
		text-align: center;
	}
	.class_wrap .class_text{
		width: 100%;
		float: none;
	}
	
	.teacher_wrap .tface,
	.teacher_wraph .tface,
	.teacher_wrapg .tface{
		position: absolute;
		left: 0;
		top: 50px;
	}
	.teacher_wrap .ttext,
	.teacher_wrapg .ttext,
	.teacher_wraph .ttext2,
	.teacher_wrap .timage,
	.teacher_wrapg .timage{
		width: 100%;
		float: none;
		padding-left: 100px;
		box-sizing: border-box;
		padding-bottom: 0;
	}
	.teacher_wrap .timage,
	.teacher_wrapg .timage{
		padding-bottom: 30px;
	}
	
	#support-list .detail_left,
	#support-list .detail_right{
		width: 100%;
		float: none;
	}
	#support-list .detail_left{
		padding-bottom: 1em;
	}
	
	#graduateindex .detail_left,
	#graduateindex .detail_right,
	#graduatelindex .detail_left,
	#graduatelindex .detail_right,
	#lifeindex .detail_left,
	#lifeindex .detail_right,
	#humanindex .detail_left,
	#humanindex .detail_right{
		max-width: 100%;
		margin: 0 auto;
		float: none;
	}
	
	.graduate #dept-title{
		background:#46539E;
		padding-bottom: 0;
		margin-bottom: 60px;
		padding: 15px;
	}
	#graduatelindex #dept-title,
	#gid #dept-title{
		background:#00999C;
	}
	.graduate #dept-title p,
	.graduate #dept-title h2,
	.human #page-title-nav h2 a{
		color: #FFF;
		margin: 0;
		text-decoration: none;
	}
	.graduate .teacher_wrapg .tface,
	.human .teacher_wraph .tface,
	.human .teacher_wrapg .tface{
		top: 0;
	}
	.human .teacher_wrapg .ttext,
	.human .teacher_wraph .ttext2,
	#graduate_wrap .teacher_wrapg .ttext{
		width: 100%;
		padding-left: 105px;
		box-sizing: border-box;
		min-height: 105px;
	}
	
	
	/* campus ----------------------------- */
	#car_support .detail_left,
	#car_support .detail_right{
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	#cps-introduction .detail_left,
	#cps-introduction .detail_right{
		width: 100%;
		padding-bottom: 2em;
	}
	
	.campus_wrap,
	.campus_d2,
	.campus_d2r,
	.campus_d1,
	.campus_d1r{
		width: 100%;
	}
	
	.cal_wrap{
		width: 100%;
	}
	.cal_wrap h1{
		width: 65px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.cal_event{
		width: 100%;
		padding-left: 65px;
		box-sizing: border-box;
	}
	.cal_image{
		width: 100%;
	}
	.cal_image figure{
		position: relative;
		width: 100%;
	}
	.cal_image figure .cimg{
		width: 140px;
		position: absolute;
		left: 0;
		top: 0;
		float: none;
	}
	.cal_image figure .cimg img{
		width: 100%;
	}
	.cal_image figure figcaption{
		width: 100%;
		float: none;
		padding-left: 155px;
		box-sizing: border-box;
		min-height: 100px;
	}
	
	#cps-wellness .detail_left{
		width: 100%;
		float: none;
	}
	#cps-wellness .detail_right{
		width: 100%;
		text-align: center;
		float: none;
	}
	.ctanto{
		box-sizing: border-box;
	}
	
	.campus #contents-base{
		padding-top: 0;
	}
	.club_wrap_base{
		width: 100%;
	}
	.club_wrap{
		width: 100%;
		padding: 20px 0 0 0;
		float: none;
	}
	.club_wrap:nth-child(3n+1){
		clear:inherit;
	}
	.club_wrap img{
		width: 100%;
	}
	
	.day_list figure{
		width: 110px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.day_list figure img{
		width: 100%;
	}
	.day_list_detail{
		width: 100%;
		padding-left: 130px;
		box-sizing: border-box;
		margin-bottom: 1.5em;
	}
	.day_title,
	.day_detail,
	.day_wrap_life,
	.day_wrap_eng,
	.day_left,
	.day_right,
	.day_stat{
		width: 100%;
		float: none;
		box-sizing: border-box;
	}
	.day_title{
		background: #00999C;
		height: auto;
		padding: 15px;
		box-sizing: border-box;
	}
	.day_title h2{
		width: 100%;
		background: none;
		padding: 0;
		margin: 0;
		height: auto;
	}
	.day_title h1{
		float: none;
		padding: 0;
		margin: 0;
		color: #FFF;
		font-size: 15px;
	}
	
	.town_title h1{
		float: none;
		margin: 0 auto;
	}
	.tevent_wrap .tevent_item{
		width: 47%;
		float: left;
		padding: 0 1.5%;
	}
	.tevent_wrap .tevent_item img{
		width: 100%;
	}
	.town_title .town_title_text{
		width: 100%;
	}
	
	.ogob_list figure{
		width: 120px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.ogob_list_detail{
		width: 100%;
		box-sizing: border-box;
		padding-left: 140px;
	}
	.ogob_list_detail h1{
		height: auto;
	}
	.line-title3 h1 {
		width: 100%;
	}
	.line-title3 h1 img{
		width: 100%;
	}
	#car_internship table{
		width: 100%;
	}
	#car_internship table th,
	#car_internship table td{
		width: auto;
	}
	#car_internship .detail_left,
	#car_internship .detail_right{
		float: none;
		margin: 0 auto;
		text-align: center;
		
	}
	
	
	/* user -------------------------------------- */
	.users #contents{
		padding-top: 0;
	}
	.users #main-contents{
		width: 90%;
	}
	
	
	
	
	/* news topics ------------------------------ */
	.newstopics #contents-base,
	#contents-base.topicsbase {
		padding-top: 0;
	}
	
	
	/* 対談 */
	/* fhome */
	.spmp_title{
		max-width: 90%;
	}
	
	#other-feature{
		width:90%;
		padding-top: 0;
		margin: 0 auto;
	}
	.ticaution{
		position: relative;
		top: auto;
		right: auto;
		text-align: left;
	}
	.newcms .eng-wrap{
		width: 100%;
		height: auto;
	    min-height: inherit;
	}
	.other-detail{
		width:100% !important;
		float: none;
	}
	.other-detail article:nth-child(odd){
		clear: both;
	}
	.other-detail article{
		float:left;
		width:100%;
		box-sizing: border-box;
		border-right:1px dotted #000 !important;;
		height: auto;
		padding: 15px 15px 15px 13px;
	}
	.of-up h3 img,
	.of-down h3 img{
		width: 100%;
	}
	.eng-wrap #eng-title,
	.newcms .eng-wrap h2#eng-title{
		float: none;
	}
	#ld-title{
		padding-top: 100px !important;
	}
	.eng-wrap{
		border-bottom: none;
	}
	
	/* feature detail */
	#feature #contents{
		padding-top: 0;
	}
	#feature #contents-base{
		width: 90%;
		margin: 0 auto;
		
	}
	#feature-title{
		width:100%;
	}
	#feature-title h2,
	#feature-title h1{
		line-height:1.4em;
	}
	#fcontents_back{
		width:100%;
		background:none;
		padding: 0;
	}
	.life #fcontents_back{
		width:100%;
		background:none;
		padding: 0;
	}
	#feature-contents{
		width:100%;
		float:none;
		padding:0;
		border-right: none;
		border-bottom:1px dotted #000;
	}
	#feature-side{
		float:none;
		width:100%;
		padding-top: 60px;
	}
	
	#feature-side h1{
		text-align: center;
		margin: 0 auto;
	}
	
	.feat-detail{
		width: 100%;
	}
	.fside_lab_text{
		width: 100%;
		float: none;
	}
	.fside_lab_fig{
		width: 100%;
		float: none;
	}
	.fside_lab_fig img{
		width: 100%
	}
	
	#other-feature{
		width:100%;
	}
	
	
	
	/* access */
	.detail_map_text,
	.detail_map{
		width: 100%;
		float: none;
	}
	.detail_map img{
		width: 100%;
	}
	#access_google #main-contents iframe{
		height: 400px;
	}
	
	/* 180315 */
	#realtime #contents-base{
		padding: 50px 2% 0 2%;
		box-sizing: border-box;
	}
	#realtime .detail_wrap iframe{
		height: 54vw;
	}
	
	/* department 2020 */
	.dept20_list h2{
		font-size: 13px;
	}
	.dept20_list h3{
		font-size: 12px;
	}
	.dept20_list ul li{
		font-size: 12px;
	}
	.dept20_list ul li a{
		padding: 0.75em;
	}
	

	.dept20_list .dept20_old ul.englist{
		margin-bottom: 6.1em;
	}
	.dept20_list .r0{
		display: none;
	}
	.dept20_list .r1{
		display: block;
	}
	.dept20_list .d20_ar1,
	.dept20_list .d20_ar2,
	.dept20_list .d20_ar3,
	.dept20_list .d20_ar4{
		width: 13%;
	}
	.dept20_list .d20_ar1{
		bottom: 230px;
	}
	.dept20_list .d20_ar2{
		bottom: 310px;
	}
	.dept20_list .d20_ar1 img,
	.dept20_list .d20_ar2 img,
	.dept20_list .d20_ar3 img,
	.dept20_list .d20_ar4 img{
		width: 100%
	}
	
	.d19_ld{
		background:url(/dept/images/new19/new19_btn3_back_sp.gif) left top no-repeat;
	}
	.d19_ld p,
	.d19_ld h3{
		width: 80%;
		margin: 0 auto 10px auto;
	}
	.d19_ld h3{
		padding-top: 20px;
	}
	
	
	/* tohtech 2023 */
	.tohtech2023_wrap p{
		font-size: 16px;
	}
	.t2023_doc p{
		font-size: 14px;
	}
	.t2023_doc ul li{
		font-size: 14px;
	}
	.t2023_doc ul li em{
		font-size: 11px;
	}

	

	/* movie 2019 */
	.movie_detail{
		width: 90%;
		margin: 0 auto;
	}
	.movie_title{
		min-height: 250px;
	}
	.movie_detail h2{
		font-size: 21px;
	}
	.pvmovie_wrap .movie_right h3{
		font-size: 18px;
	}
	.pvmovie_wrap .movie_right h4{
		font-size: 16px;
	}
	.pvmovie_wrap .movie_right p{
		font-size: 14px;
	}
	.movie_detail li{
		display: block;
		width: 90%;
		margin: 0 auto;
		font-size: 16px;
		padding-top: 15px;
	}
	.movie_detail li a{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	
	/* prtalk */
	#prtalk_base h1{
		font-size: 24px;
	}
	.member_list li{
		padding: 10px 0;
	}
	.member_list li p,
	.member_list li h3{
		float: none;
		display: block;
		padding: 0;
		line-height: 1.6em;
	}
	.pt_dept{
		width: auto;
	}
	.outline #main-contents h3.pt_name{
		width: auto;
	}
	.pt_sig{
		font-size: 12px;
		margin-top: 2px;
	}
	.ptalk_copy{
		padding: 3em 10px;
	}
	.outline #main-contents .prtake_wrap h2{
		font-size: 17px;
	}
	.ptalk_fig1{
		max-width: 40%;
	}
	
	.ptalk_mem_wrap article{
		float: left;
		width: 48.5%;
		margin: 0 0 2em 0;
	}
	.ptalk_mem_wrap article:nth-child(even){
		float: right;
	}
	.ptalk_mem_wrap article:nth-child(odd){
		clear: both;
	}
	
}



/* ================================================================== */
/* ------------------------------------------------------------------ */
@media screen and (max-width:540px){
	.dept20_list .d20_ar1{
		bottom: 255px;
	}
	
	.dept19_btn{
		display: none;
	}
	.dept19_btn_sp{
		display: block;
	}
	

	/* tohtech 2023 */
	.t2023_title h2{
		font-size: 4vw;
	}
	.t2023_title h1{
		font-size: 10vw;
	}
	.tohtech2023_wrap p{
		font-size: 16px;
	}
	.t2023_doc p{
		font-size: 14px;
		width: 100%;
		text-align: center;
	}
	.t2023_doc ul li{
		width: 100%;
		float: none;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.t2023_doc ul li br{
		display: none;
	}
	.t2023_doc ul li em{
		font-size: 11px;
	}
	
	
	/* movie 2019 */
	.pvmovie_wrap .movie_fig{
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.pvmovie_wrap .movie_right{
		width: 100%;
		float: none;
	}
	.fancybox-content {
		width  : 100% !important;
		height : 400px !important;
		max-width  : 100% !important;
		max-height : 80% !important;
			margin: 0 !important;
	}
}


/* ================================================================== */
/* ------------------------------------------------------------------ */
@media screen and (max-width:480px){
	/* header */
	header{
		height: 90px;
	}
	#global-spnav{
		top:90px;
	}
	
	
	#event_title{
		height: auto;
	}
	#event_title h1{
		margin-bottom: 10px;
		float: none;
	}
	#event_title p{
		display: inline-block;
		float: none;
	}
	.ocentry,
	.lbentry{
		width: 100%;
		box-sizing: border-box;
	}
	.ocentry .entry-detail,
	.lbentry .entry-detail{
		width: 100%;
	}
	.entry-images{
		float: none;
		text-align: center;
	}
	#lightbox-container-image-box{
		width: 95% !important;
		height: auto !important;
	}
	
	
	.feat-detail figure{
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
	}
	.feat-detail figure img{
		width: 100%;
	}
	
	/* department 2020 */
	.dept20_old{
		float: left;
		width: 45%;
	}
	.dept20_new{
		float: right;
		width: 45%;
	}
	.dept20_list h2{
		font-size: 13px;
	}
	.dept20_list h3{
		font-size: 11px;
	}
	.dept20_list ul li{
		font-size: 10px;
	}
	.dept20_list ul li a{
		padding: 0.75em;
	}
	

	.dept20_list .dept20_old ul.englist{
		margin-bottom: 6.1em;
	}
	.dept20_list .d20_ar1,
	.dept20_list .d20_ar2,
	.dept20_list .d20_ar3,
	.dept20_list .d20_ar4{
		left: 45%;
		width: 10%;
	}
	.dept20_list .d20_ar1.r1{
		display: none;
	}
	.dept20_list .d20_ar1.r2{
		bottom: 205px;
		display: block;
	}
	.dept20_list .d20_ar2{
		bottom: 290px;
	}
	.dept20_list .d20_ar3{
		bottom: 115px;
	}
	.dept20_list .d20_ar4{
		bottom: 80px;
	}
	
}
/* ------------------------------------------------------------------ */
@media screen and (max-width:420px){
	.dept20_list .d20_ar1.r2{
		bottom: 220px;
		display: block;
	}
}

/* ================================================================== */
/* ------------------------------------------------------------------ */
@media screen and (max-width:374px){
	.dept20_list{
		display: none;
	}
	.dept20_list_sp{
		display: block;
	}
}