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

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

#container {
	padding:40px 0px;
}

#target_rec ul {
    width: 90%;
    padding: 0 5%;
}
#target_rec > ul > li {
	width:100%;
    margin:0 0 5px 0;
}
#target_rec div.panel{
    width:100%;
    font-size:0.9rem;
}


.recruit_area, .event_area {
	width: 100%;
	margin: 0;
	float: none;
}

.news_area {
    margin: 0;
    padding: 0;
}

.jn_wrapper {
    width: 100%;
}

/*#contents_left, #contents_right {
	width: 100%;
	margin: 0;
	float: none;
}*/

#all_recommend, #layout,/* #top_sitesearch,*/ #top_souran, #banner, /*.banner_area,*/ #recommend_all {
	display: none;
}

#slide, .flexslider, ul.slides {
	height:auto;
}

#slide {
	margin-bottom: 15px;
}

#top_sitesearch {
	/*width:96%;
	padding:2%;*/
    
    width:100%;
	padding:2%;

}

#sitesearch_box {
	width:100%;
}



/*#most_recommend_general {
	margin-top: 15px;
}

.most_recommend {
	padding:2%;
}

.most_recommend ul {
	width:100%;
}

.most_recommend ul li {
	margin:0;
}*/

/* ニュースエリア */

#news_area_title a:hover {
	background-image:url(/j/img/top_news_sp_on.png);
}


#news_area_title a.news_off {
	background-image:url(/j/img/top_news_sp_off.png);
}

#news_area_title a.news_on, 
#news_area_title a.news_off:hover {
	background-image:url(/j/img/top_news_sp_on.png);
}

a#na_jamstec_news {
	width:50px;
}

a#na_whatsnew {
	width:42px;
}

a#na_press_release {
	width:60px;
}

a#na_quest {
	width:52px;
}

a#na_recruit {
	width:40px;
}

a#na_event {
	width:55px;
}

#news_area {
	height: auto;
	padding: 5px 10px;
}

/* JAMSTECニュース欄 */

.jn_photo img {
	width:90px;
	height:auto;
}

dl.jn_contents {
	margin-left:100px;
}

/* 最新情報、採用情報、プレスリリース */

#whatsnew dl dt, #recruit dl dt, #press_release dl dt {
	float:none;
}

#whatsnew dl dd, #recruit dl dd, #press_release dl dd {
	margin:0;
}

/* イベント情報 */

.evmap {
	display: none;
}

/* 研究組織・研究所 */

h2#institute_title, h2#recommend_title {
	width: 100%;
}

h2#institute_title a {
	width: 100%;
	background: url(/j/cmn/img/arrow_blue_down_off.png) no-repeat 97% center;
}

#institute, #recommend_general {
	width: 96%;
	padding: 2%;
}

/* 今週の一枚 */
h2#hotpic_title {
	width: 100%;
}

h2#hotpic_title a {
	width: 100%;
	background: url(/j/cmn/img/arrow_orange_off.png) no-repeat 97% center;
}

h2#hotpic_title a:hover {
	background: url(/j/cmn/img/arrow_orange_on.png) no-repeat 97% center;
}

#hotpic {
	width: 90%;
	padding: 5%;
}

#hotpic img {
	display:block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

/* 番組放送のお知らせ, 雑誌等掲載のお知らせ */
h2#media_title, h2#magazine_title {
	width: 100%;
}

h2#media_title a,  h2#magazine_title a {
	width: 100%;
	background: url(/j/cmn/img/arrow_blue_off.png) no-repeat 97% center;
}

h2#media_title a:hover,  h2#magazine_title a:hover {
	background: url(/j/cmn/img/arrow_blue_on.png) no-repeat 97% center;
}

#media, #magazine {
	width: 90%;
	padding: 5%;
}

#magazine {
	margin-bottom: 15px;
}

.banner_area {
	text-align:left;
}

#top_kuroshio {
float: left;
}


.jn20200330-img {
width: 40%;
height: auto;
}

.b-ban img {
width: 100%;
height: auto;
}


/* 寄附金募集エリア　*/
.support_tm {
    padding: 10px;
    margin: -20px 0 20px;
}

.support_tm .support_tm_ttl {
    float: none;
    padding: 10px;
    text-align: center;
    letter-spacing: .06em;
}

.support_tm .support_tm_bnr {
    margin-left: 0;
    text-align: center;
}

.support_tm_bnr img {
margin-bottom: 3px;
}


/* トピックスエリア　バナー追加　*/
.topics-bnr {
    width: 100%;
    }

.topics-bnr-l { float: clear; }
.topics-bnr-r { float: clear; }
.topics-bnr-l img, .topics-bnr-r img {float: left; margin-right: 8px;  border-radius: 10px; width: 50%; height: auto;}

.topics-bnr h4 {; 
    font-size: 90%;
    }

.topics-bnr .update {line-height: 75%;}
.topics-bnr .txt {font-size: 75%}




}