@charset "UTF-8";


/* 1024px - 768px */

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


html {
	font-size: 15px;
}


body {}


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




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

.container	{width: 95%;}



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

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

}



.sidebar	{width: 24.25%;}



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


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


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

}

header h1 {
	float:left;
	margin-top:10px;
 	width:40%;
}

header h1 img{
}


/*多言語化*/

ul.head-info {
	margin-top:20px;
}


ul.head-info li a {
	margin-left:10px;
	margin-right:10px;
}





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

ul#nav 	{
	width: 100%;
  display: flex;
}


ul#nav li.group_use a	{
	font-size: 13px;
	letter-spacing: 0em;
}


/*==============================================================
ナビゲーションメニュー 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: 15px;
	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: 24.62%;
	height:50px;
	
	float: left;
	margin-left:0.5%;
}

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


/*==============================================================
サイドナビ
==============================================================*/

#Lnavi ul li a{
	
	font-size:0.8em;
	line-height:1.6;
}

#Lnavi ul li.li-title a {
	font-size:1.2em;
	padding-top: 1em;
	padding-right: 8px;
	padding-bottom: 1em;
	padding-left: 8px;
	text-align:center;
}


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

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





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

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

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


.ticker ul li {
    padding: 5px;
	min-height:35px;
	font-size:15px;
	line-height:1;
}


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

.bxslider-wrap {
	position:relative;
	padding-top:15px;
	padding-bottom:35px;
	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%;
}





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

.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;
}



/********/

ul.top-open-close {
	width:50%;
}

ul.top-open-close li {
	width:47.5%;
	margin-left:5%;
	float:left;
}


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


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 h3 {
	color: #6F6F39;
	font-weight: normal;
	font-size: 1.9em;
	margin-bottom: 20px;
}


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


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

	
}


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

ul.top-museum-list li {

	float:left;
	width:45%;
	margin-right:2.5%;
	margin-left:2.5%;
	margin-bottom:20px;
}


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:325px;
		margin:auto;
    display: block!important;}
		
	.w_225px{
		width:225px;
		margin-left:-3%;}
		
	.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;}
		
	.mgnl_m_30p{
		margin-left:30%!important;}

.logo_list li img.toray_logo2019{
max-height: none;
    margin-top: -14px;
    width: auto;
    height: auto;
	max-width: 100px;}

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

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

.top-biz-exp {

 	width:55%;
}


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


.tb-top-biz-pic {
	width:40%;
}





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

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

.top-mono-exp {

 	width:55%;
}


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


.tb-mono-biz-pic {
	width:40%;
}

















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

.top-contact {
}

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

.top-contact li {
	float: left;
/*	width: 50%;*/
/*	border-right: #999 dotted 1px;*/
	padding-top: 0;
	padding-right: 1em;
/*	padding-left: 1em;*/
	padding-bottom: 1em;
}



.top-contact li:nth-child(2){

	padding-left: 2em;
}


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

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


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

section.main-title { 
	height:70px;

}


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

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

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



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

■ 2nd ■
こまつビジネス創造プラザ

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

.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;

}


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

■ 2nd ■
館内のご案内

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

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

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


body#museum_guidance ul.top-museum-list li:nth-child(3) {
	margin-right:0;
}

body#museum_guidance ul.top-museum-list li:last-child {
	margin-right:0;
}



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

.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.8em;
	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{
	margin:5px;
	width:150px;
}




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


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



/*==============================================================
サイエンスクルー
==============================================================*/
#science_crew .item{
	width:48%;
	margin-right:4%;
	padding:25px;}
#science_crew .item:last-child{
	margin-right:0;}


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

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


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

}


.footer-nav ul {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


/****/

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

}

ul.footer-nav2 li {
	float:left;
	text-align:center;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;

}





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



article h2 {
	font-weight:normal;
	font-size:2.2em;
}

article h3 {
}

article h3 span{
}



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


#breadlist ul {
	width:95%;
}



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

}


/*-------------------------------------------------- */
/*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%;
}



/*==============================================================
テーブル
==============================================================*/

/*広告スポンサー募集*/

.table-adv {
	font-size:0.85em;
}

.table-adv td {

	padding: 3px;

}

/*==============================================================
タブレット表示専用
==============================================================*/

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


/* brに適用 タブレットのみ改行*/
.tb-br {clear:both;display:block;}