@charset "UTF-8";


/* 768px以下 */


/*==============================================================
レイアウト
==============================================================*/


html {
	font-size: 13px;
}


body {}


/* 画像 */
img	{max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}


/*==============================================================
コンテンツ
==============================================================*/

.container	{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom:10px;
}



.toppage .content {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.content {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}


.sidebar	{
	width: 100%;
	float: none;
	text-align:center;

}


/* section */

section {
	padding-top:30px;
	padding-bottom:30px;
}

body.toppage section {
	padding-top:20px;
	padding-bottom:20px;
}


/* article */

article { margin-bottom:40px;}

body.toppage article { margin-bottom:0px;}



/*==============================================================
ヘッダー
==============================================================*/

#header-wrap {
	width: 100%;
	background:url(../img/body/header_bg_line.gif) repeat-x left -25px ;

	
}

header {
	width:100%;
	background:none;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-bottom:0px;

}

header h1 {
	float:none;
	margin-top:0px;
	margin-left:30px;
	text-align:center;
}

header h1 img{
	 	width:220px;
		height:auto;

}

/*==============================================================
スクロー時表示
==============================================================*/


#change {
	visibility:hidden;
	

}


/*多言語化*/

ul.head-info {
	float:none;
	margin-top:20px;
	margin-bottom:0px;
	font-size:0.9em;
	border-left:none;
}

ul.head-info li {
	float:left;
	border-right: #ccc solid 1px;
}

ul.head-info li:last-child {
	float:left;
	border-right:none;
}

ul.head-info li a {
	text-decoration:none;
	margin-left:7px;
	margin-right:7px;
}

ul.head-info li a:hover {
	text-decoration: underline;
}


/*開館時間*/

.hall-open {
	margin-top:15px;
	font-size:1em;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	color:#333;
	background:rgba(76,172,226,0.2);


}



/*==============================================================
ナビゲーションメニュー
==============================================================*/

#nav-wrapper {

	width: 100%;
	border-bottom:none;
}


ul#nav 	{
	display: none;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	height:auto;
	padding: 0;
	clear: both;
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	border:none;
	background-color: #333;

}



ul#nav li 	{
	float: none;
	border:none;
	width: 100%;
}


ul#nav li:nth-child(2){
	border-left:none;
}


/*スマホのみメニュ表示*/
ul#nav li.sp-vb	{	display:block;}



ul#nav li a	{
	display: block;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 5;
	padding-bottom: 10px;
	padding-left: 5px;
	border-right: none;
	border-bottom: 1px solid #666;
	letter-spacing: 0em;
	font-size: 100%;

}

ul#nav li.home a {padding-top: 0px;padding-bottom: 0px;text-align:center;}
ul#nav li.home a img { width:25%;}


#btn-menu-sild {
	 font-size: 10px;
	 padding: 8px;
	display:block;
	background:#ccc;
	float:right;
}
	 



#nav { display: none; }
    	    
.open {
	display: block;
	position:fixed;
	left:10px;
	top:10px;
	z-index:9999999;
}



#pageslide { width: 200px; }



/**/

ul#nav li ul{ display:none;}


/*==============================================================
ナビゲーションメニュー 2nd
==============================================================*/


#nav-2nd-wrapper {
	background-color: #CFD8DC;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom:0px;

}


ul#nav-2nd 	{

	font-size: 12px;
	overflow: hidden;
	width: 95%;
	padding: 0;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	
	margin-top:10px;
	margin-bottom:10px;

}

ul#nav-2nd li 	{
	
	display:table;	
	width: 48%;
	height:50px;
	
	float: left;
	margin-left:2%;
	margin-bottom:2%;
}

ul#nav-2nd li:first-child {margin-left:2%;}




/*==============================================================
ページ内ナビ
==============================================================*/


ul.page-navi li a{
	font-size:0.8em;
}

ul.page-navi li  img{
	width:70%;
}

/*==============================================================
サイドバナー
==============================================================*/

ul.side-banner li a {
	font-size:1.5em;
	height:60px;
}



/*==============================================================
メインスライド画像　
==============================================================*/


.bxslider-wrap {
	position:relative;
	padding-top:0px;
	padding-bottom:25px;
	background:none;
}


.bxslider-box {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

ul.bxslider {
}

ul.bxslider li {
	width:100%;
	overflow:hidden;
}

ul.bxslider li img {
	width:100%;
}


/* DIRECTION CONTROLS (NEXT / PREV) スマホでは非表示 */

.bx-wrapper .bx-prev {
	display:none;
}

.bx-wrapper .bx-next {
	display:none;
}



/*==============================================================
トップ　ニュースティッカー
==============================================================*/

.ticker-wrap {
	width: 100%;
	background: rgba(218,218,218,1.00);
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:15px;
}

.ticker {
    width: 97%;
    text-align: left;
	margin-left:auto;
	margin-right:auto;
    position: relative;
    overflow: hidden;
	background:#fff;
}


.ticker ul li {
    padding: 5px;
	min-height:50px;
	font-size:13px;
	line-height:1.3;
}

/*==============================================================
トップ　お知らせ
==============================================================*/

.toppage .content h2 {
	
}

/********/

.top-info-l {
	float: none;
	width:100%;
}


.top-info-r {
	float: none;
	width:100%;
}


.top-info-box {
	height:auto;
	overflow:visible;
	margin-bottom:20px;
}




/*==============================================================
トップ　名誉館長のご挨拶
==============================================================*/


section.top-greeting-wrap {
	width:100%;
	background:#F1F1E4;
	padding-bottom:40px;
}

.top-greeting-wrap .inner {
	width: 95%;

	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255,255,255,1.00);
}

.top-greeting-wrap .inner h2 {
	font-size: 2em;
	margin-bottom: 10px;
}

.top-greeting-wrap .inner h3 {
	font-size: 1.9em;
	margin-bottom: 20px;
	text-align:center;
}


.top-greeting-pic {
	float:none;
}


/*==============================================================
トップ　ひととものづくり科学館
==============================================================*/


.top-museum-wrap {
	width:100%;
	background:url(../img/top/inner_bg02.png);

	
}


.top-museum-wrap .inner {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	
}

.top-museum-wrap .inner h2 {
	color:#1B73A3;
	text-align:center;
	font-weight:normal;
	font-size:1.8em;
	margin-bottom:20px;
}


ul.top-museum-list li {
	float: none;
	width:100%;
	margin-right:0%;
	margin-bottom:30px;
}

ul.top-museum-list li:last-child {margin-bottom:0px;}






/*==============================================================
トップ　スポンサー
==============================================================*/


.top-sponsor {
	width:100%;
}


.top-sponsor ul {
	list-style:none;
	width:100%;
	display:block;

}

.top-sponsor ul li {
	width:100%;
	display:block;
	padding-bottom:20px;
	padding-top:20px;
}


.sponser-box-l {
	width:95%;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.sponser-box-r {
	width:95%;
	float:none;
	margin-left:auto;
	margin-right:auto;
}




	.w_325px{
		width:100%;
		margin:auto;
    display: block!important;
	margin-top:30px!important;}
		
	.w_225px{
		width:100%;
		margin-left:0;}
		
	.logo_list li{
		float:left;
		width:30%!important;
		vertical-align:middle!important;
		margin-left:3%;
		text-align:center;}
	.logo_list li img{
		vertical-align:middle!important;
		max-height:53px;}
	.txt_orange{
		color:#E04A30;}

/*==============================================================
トップ　こまつビジネス創造プラザ
==============================================================*/

.top-biz {
	width:95%;
	 border:#656434 solid 1px;
	 padding:1em;
	margin-left:auto;
	margin-right:auto;
}

.top-biz-exp {
 	float: none;
 	width:100%;
}


.top-biz a.btn-detail2 {
	margin-top:15px;
	margin-bottom:15px;
}





/*==============================================================
バナー　ひととものづくり科学館
==============================================================*/

.top-mono {
	width:95%;
	 border:#34729F solid 1px;
	 padding:1em;
	margin-left:auto;
	margin-right:auto;
}

.top-mono-exp {
 	float: none;
 	width:100%;
}


.top-mono a.btn-detail2 {
	margin-top:15px;
	margin-bottom:15px;
}










/************************/

.biz-title-box {
	float:left;
	width:100%;
	margin-bottom:30px;
}


.biz-title-box h3 {
	font-size:1.8em;
	font-weight:normal;
	text-align:center;
	padding:0.5em;
	border:#656434 solid 3px;
	background:url(../img/body/title_bg_biz.png);
	color:#fff;
	margin-bottom:0.5em;
	line-height:1.2;

}



/*==============================================================
トップ　お問い合わせ
==============================================================*/

.top-contact {
}

.top-contact ul {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

.top-contact li {
	float: none;
	width: 100%;
	border-right:none;
	padding-top: 10px;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	border-bottom: #999 dotted 1px;
	border-left:none!important;
	
}

.top-contact li:last-child {
	display:block;
	border-bottom: none;
}







ul.sns-button {
	width:100%;	
	margin-left:0;
}

ul.sns-button li {
	float:left;
	border:none;
/*	width:80px;*/
}


/**/

ul.sns-button-header {
	display:none;
}


/*==============================================================
次階層　メインタイトル
==============================================================*/

section.main-title { 
	height:65px;
	padding-top:20px!important;
	padding-bottom:0px!important;
}


.main-title .inner {
		width:95%;
	padding-top:0;
}

.main-title .inner h2 {
	font-weight: normal;
	font-size: 1.7em!important;
	color: #fff;
	line-height:1;
	letter-spacing:0.1em;
}

.main-title .inner h2 span {
	border-bottom:#fff 2px solid;
}

body#sub-content .main-title .inner h2 span {
	border-bottom:#333 2px solid;
}



body.supporter_club .main-title .inner h2 {
	font-size: 1.5em!important;

}


/*** こまつビジネス創造プラザ ****/


body#biz .main-title .inner h2 {
	font-weight: normal;
	font-size: 1.6em!important;
	color: #fff;
	line-height:1;
	letter-spacing:0.1em;
}

body#biz .main-title .inner h2 span {
	border-bottom:#fff 2px solid;
}




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

■ 2nd ■
館内のご案内

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

body#museum_guidance ul.top-museum-list li {
	

	float:none;
	width:100%;
	margin-right:0;
	margin-left:0;
	margin-bottom:20px;
	
	padding:1em;
	border:#ccc solid 1px;
}


/************************/

.museum-title-box {
	float:none;
	width:100%;
	margin-bottom:10px;
}

.museum-title-box h3 {
	font-size:1.8em;
	font-weight:normal;
	text-align:center;
	padding:0.5em;
	border:#1B73A3 solid 3px;
	background:url(../img/body/title_bg_next.png);
	color:#fff;
	margin-bottom:0.5em;

}

.museum-title-box p {
	font-size:1.2em;
}


.museum-sild-box {
	float:none;
	width:100%;
	margin-bottom:30px;
}






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

■ 2nd ■
施設概要

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


.pic-facilities-landspace img{
	width:85px;
	margin:3px;
}


ul.facilities-box-hall {

}
	
ul.facilities-box-hall li{
	float:none;
	width:100%;
	margin-left:0;
}

ul.facilities-box-hall li:first-child {
	margin-left:0%;
	margin-bottom:20px;
}


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

■ 2nd ■
団体利用について

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

body#group_use ul.top-group-use li,
body#science_crew ul.top-group-use > li {
	float:none;
	width:100%;
	margin-right:0%;
	margin-left:0%;
	padding:1em;

}


.flow-pointer-side  {
	font-size:2em;
	color:#1B73A3;
	font-weight:bold;
	clear:both;
	margin-left:0.3em;
	margin-right:0.3em;
}


/*==============================================================
■ 2nd ■
アクセス
==============================================================*/


.map-guide {
	margin-bottom:20px;
	margin-top:30px;
}

.map-guide img{
	display: block;
	border: #C3C399 solid 1px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}


/*==============================================================
サイエンスクルー
==============================================================*/
#science_crew .item{
	width:100%;
	float:none;
	margin-right:2%;
	margin-right:0;
	margin-bottom:40px;
	padding:25px;}
	



/*==============================================================
フッター
==============================================================*/

.footer-deco {
	margin-top:0px;
	
}

footer {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;

}


.footer-logo img {	width:70%;}


/****/

ul.footer-nav  {
	margin-top:30px;
	margin-bottom:20px;

}

ul.footer-nav li {
	float:left;
	width:50%;
	text-align:center;
	margin-bottom:10px;

}

ul.footer-nav li a{
	font-size:1.4em;
}



/****/

ul.footer-nav2  {
	margin-bottom:30px;

}

ul.footer-nav2 li {
	float:left;
	text-align:center;
	width:50%;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
}

ul.footer-nav2 li a{
	font-size:1em;
}



/*==============================================================
フッター　ページナビ 
==============================================================*/

ul.page-navi-footer li {
	float:left;
	width:50%;

}



/*==============================================================
タイトル
==============================================================*/




/*==============================================================
リスト
==============================================================*/

ul.list-type02 {}

ul.list-type02 li {
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:1.5em;
}



/*==============================================================
ぱんくず
==============================================================*/

#breadlist {
	margin-bottom:0px;
}

#breadlist ul {
	width:95%;

}


/*==============================================================
アンカー
==============================================================*/
.anchor-point {
    margin-top:-120px;
    padding-top:120px;

}

/*==============================================================
youyube表示用
==============================================================*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*-------------------------------------------------- */
/* サイトマップ
---------------------------------------------------- */


.link-sitemap {
	float: none;
	width: 100%;
}



/*-------------------------------------------------- */
/* 
---------------------------------------------------- */

.dantai_flex{
}
.dantai_flex_box{width: 100%;
padding: 10px 10px 55px;}
.dantai_flex_box:nth-child(n+2),
.dantai_flex_box:nth-child(n+3){
margin-top: 20px;
}

.dantai_flex_title{font-size: 120%;}

.dantai_flex_btn {
    bottom: 10px;
}

a.dantai_flex2_box{
    width: 100%;
    margin-bottom: 25px;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
	font-size: 130%;}
	.dantai_flex2_txt br{
	display: none;
	}

/*-------------------------------------------------- */
/*Google map レスポンシブ対応
---------------------------------------------------- */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 3% 0 3%; /* marginで調整 */

}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*==============================================================
スマホ表示専用
==============================================================*/

/*テーブルスクロール*/
.sp-table-overflow {
	overflow:scroll;

	margin-bottom:20px;
}

.sp-table-overflow-x {
	overflow-x: scroll;

	margin-bottom:20px;
}


/* brに適用 スマホのみ改行*/
.sp-br {clear:both;display:block;}

.sp-clear {clear:both!important;float:none!important;}

.sp-center {text-align:center!important;}

.sp-mgn0 {margin:0!important;}
.sp-mgnb20{margin-bottom:20px!important;}
.sp-mgnb40{margin-bottom:40px!important;}

.sp-display-non {display:none!important;}

.pc-display-non {display:block;}
.sp-display-non {display:none;}

.sp-img-w40p { width:40%!important;}
.sp-img-w50p { width:50%!important;}



.frtR-pic, .frtL-pic {
	float: none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	text-align:center;
}




/*ワンダーランドバナー*/
.sp_100{ width:100%}

.oekaki_common_box {
    padding: 20px;
}
.nurie_caution_box{
    padding: 20px;
}

.nurie_all_dl_btn{
    font-size: .9em;
}

ul.top_bnr_wrap1.top-open-close li:nth-child(n+3) {
    margin-top: 4.5vw;
}


.oekaki_tbl{
    font-size: 1em;
}
.oekaki_tbl th,.oekaki_tbl td{
    padding: 10px 5px;
}

.page_sns_link{
	flex-direction: column;
}

.page_sns_link .wp_social_bookmarking_light {
	margin-top: 10px!important;
}

/*寄附の募集テーブル*/
.donation-table{
  width: 800px;
}

.scroll-caution{
  display: block;
}


.common_title{
	letter-spacing: .02em;
	margin-bottom: 30px;
	font-size: 1.85em;
}

.link_border_box {
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}