@charset "UTF-8";
/* SP */
@media screen and (max-width: 767px) {

/* topics部分 */
.home #topics_list { height: 900px; }

.slick-slide img.forpc { display: none; }
.slick-slide img.forsp { display: block; }

.single #sec_topics, .archive #sec_topics, .page-template-page-event #sec_topics, .page-template-page-event19 #sec_topics, .page-template-page-event20 #sec_topics, .page-template-page-event21 #sec_topics, .page-template-page-reception #sec_topics { margin-top: -10px; }

.news_table_detail .googlemap .video-container { max-width: none; }


	/*バナー*/
	.bnr_a,.bnr_b { float: none; }
	
	.bnr_a { margin-bottom: 2%; margin-right: 0; }

	.bnr_b { justify-content: space-between; }
	.bnr_b_2nd { margin-top: 0; }
	.bnr_b_text { width:49%; margin-bottom: 2%; margin-right: 0;}
	.bnr_b_text img { max-width:200px; height: auto; }

	.btn_seminar { position:static; margin: 0.3em 0; text-align: center; }
	.btn_seminar a { color:#d31f26; font-size: 11px; background-image: none; }

	header .bt_sns { display: none; }
	footer .bt_sns li { width:30px; }
	header .bt_sns a,
	footer .bt_sns a {
	width:30px;
	height:30px;
	}
	
	.bnr_shutten { display: block; }

	.bnr_shutten.bnr_shutten_en { top:0; margin-top: 0.3em; margin-left: 0; }
	.bnr_shutten a { display: block; font-size: 10px; }
	.bnr_shutten.bnr_shutten_en a { font-size: 9px; }
	
	#mv_teaser { padding: 1em; }
	#mv_teaser h2 img { width:100%; height: auto; }
	
	.box_gray h2 { font-size: 125%; }
	
	.mfair2018 #contents { padding: 5% 2.6% 0; }
	#contents { padding: 0 2.6%; }
	
	/* ヘッダー */
	header #header_inner {
	  display:block;
	  height:auto;
	}
	#header_inner .logo {
	  display:block;
	  position:static;
	  margin:0;
		text-align: center;
	}
    #header_inner .logo a { position:relative; height: 60px; z-index: 100; }
	header .logo img { max-width: 190px; }
	
	#main_slide { margin-top:0; border-left: none; border-right:none; border-width: 5px; }
	
	.txt_ttl { padding: 10px 0; }
	
	.sec_col { padding: 20px; }
    .home .sec_col { padding: 10px; }
    .home .sec_col .ttl_blue { margin-bottom: 10px; font-size: 14px; }
	
	/*  左カラム*/
	#sec_about #about_fair p { padding:0 10px 5px; }
	.mfair2018 .home #sec_about,.mfair2018 .error404 #sec_about { margin-bottom: 10px; }
	.sec_col { padding: 20px; }
	.mfair2018.index #banners { padding: 20px; }
	
	
	/* フッター */
	.mfair2018 #sec_sponsors .sponsors_box { padding-left: 0; }
	.mfair2018 .bt_sets { max-width: inherit; text-align: center; }
	
	footer .foot_sns { float: none; width: auto; padding: 30px 0 10px; }
	footer .bt_sns,
	footer .ttl_border { text-align: left; }
	
	#banners { margin-top: 2em; margin-bottom: 1em; padding-left: 2.6%; padding-right: 2.6%; }
	#banners p { display: block; }
	#banners p:not(:last-child) { margin-right: 0; }
	#banners a img { display: block; width:100%; height: auto; margin: auto; }
	
	#banners p:first-child { margin-bottom: 1em; }
	#banners p:nth-child(2),
	#banners p:last-child { width:47.5%; }
	#banners p:nth-child(2) { float: left; }
	#banners p:last-child { float: right; }
	#sec_sns ul { margin-bottom:20px; }
	#news { padding-bottom: 1em; }
	.sec_news { display: block; width:100%; text-align: left; }
	.sec_news .sec_thumb,
	.sec_news .sec_text { display: block; }
	.sec_news .sec_thumb { width:90%; margin: 0 auto 1em; }
	.sec_news .sec_thumb img {  }
	.sec_news .sec_text { width:auto; }
	.sec_news .sec_text .txt_date { display: block; }
	
	.box_gray .right { float: none!important; width: 100%; height: auto; margin-left: 0; padding-bottom: 1em; box-sizing: border-box; }
	.bt_submits a { display: block; text-align: center; }
}

/*iPhone 5, 5s, se*/
@media screen and (max-width:320px) {
	header .logo img { display: block; max-width: 150px; margin: 0 0 0 5px; }
	header .bt_sns { margin-top: 12px; }
}