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


/* ===========================================================
 default
=========================================================== */
body,
img { margin: 0; padding: 0; border: none;}
img { max-width: 100%;}

html { height: 100%; font-size: 80%;}
body { height: 100%; font-size: 100%; background-color: #efeff0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

article, aside, figure, figcaption, footer, header, nav, section { display: block;}

div.clear, br.clear { clear: both;}

/* clearfix */
.clearfix:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* clearfixEND */

h1 { margin: 0 0 20px; padding: 10px 10px 5px; font-size: 231%; font-weight: normal; line-height: 125%; color: #333; background:url(../img/bg_h1.jpg) bottom repeat-x;}
h2 { margin: 0 0 20px; padding: 10px 10px 5px; font-size: 192%; font-weight: normal; line-height: 110%; color: #333; background:url(../img/bg_h2.gif) repeat-x 0 bottom;}
h3 { margin: 0 0 20px; padding: 10px 10px 5px; font-size: 154%; font-weight: normal; line-height: 110%; color: #333; background:url(../img/bg_h3.gif) repeat-x 0 bottom;}
h4 { margin: 0 0 20px; padding: 10px 10px 5px; font-size: 100%; font-weight: normal; line-height: 110%; color: #333; border-bottom:  1px solid #bbb; border-left: 7px solid #ddd;}

h1.fieldTitle,
h2.fieldTitle,
h3.fieldTitle,
h4.fieldTitle,
h5.fieldTitle { text-decoration: none; background: none; margin: 0; padding: 0; border: none;}

/* アンダーライン付き */
h2.fieldTitle_uline { background: url(../img/bg_h2.gif) repeat-x 0 bottom; margin: 0 0 20px; padding: 10px 0 10px 5px;}

a,
a:link,
a:visited,
a:active,
a:hover{ color: #cf0010; text-decoration: underline;}
a:hover{ text-decoration: none;}

a:hover > img{ filter: opacity(70%);}

img.alpha:hover { filter: opacity(70%);}

p { margin: 0; padding: 0 0 1em 0;}

ul,ol { margin: 0 0 0 2em; padding: 0.5em 0 1em 0;}
li { margin: 0; padding: 0 0 0.25em 0;}
ul li li,
ol li li { line-height: 1.4em; padding: 5px 0; /*border-bottom: 1px dotted #ddd;*/}

/* List-style none */
ul.ls_non { list-style: none; margin: 0;}

dl { margin: 0 0 0 2em; padding: 0.5em 0 1em 0;}
dt,dd { margin: 0; padding: 0 0 0.25em 0;}

/* ListIcon */
.listIcon { margin-left: 10px; border: none;}

.listIcon li { background:url(../img/ico_cercle.gif) no-repeat 0 5px; padding-left: 18px; list-style: none; border: none;}
.listIcon li a{ color: #cf0010;}

.listArrow li { background:url(../img/arrow_red.png) no-repeat 0 6px; padding-left: 12px; list-style: none; border: none;}
.listArrow li a{ color: #cf0010;}


/* ListTable */
/* グレー枠 */
.listTable { margin: 0 0 30px 0; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.listTable { border: 3px solid #e2e2e2; border-collapse: separate; border-spacing: 1px; width: 100%;}
.listTable th,
.listTable td { border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: none; border-left: none; padding: 8px;}
.listTable th { background: none repeat scroll 0 0 #f3f3f3; text-align: left;}

.listTable caption { text-align: left; font-size: 150%; padding-left: 5px;}

/* 水色枠 */
.listTable_blue { margin: 0 0 30px 0; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #b0c4de; border-bottom: 1px solid #b0c4de;}
.listTable_blue { border: 3px solid #b0c4de; border-collapse: separate; border-spacing: 1px; width: 100%;}
.listTable_blue th,
.listTable_blue td { border-bottom: 1px solid #b1c5de; border-right: 1px solid #b1c5de; border-top: none; border-left: none; padding: 8px;}
.listTable_blue th { background: none repeat scroll 0 0 #f0f8ff; text-align: left; width: 20%;}

.listTable_blue caption { text-align: left; font-size: 150%; padding-left: 5px;}

/* イベントページ用テーブル内Box用 */
.listTable div.exhInfoBox,
.listTable_blue div.exhInfoBox { margin: 0 auto 1.5em; padding: 5px; width: 100%; height: auto; overflow: auto;}

/* イベントページ用テーブル内リスト用 */
.listTable ul.talist,ol.talist { margin: 0 0 0 2.5em; padding: 0.5em 0 1em 0;}
.listTable_blue ul.talist,ol.talist { margin: 0 0 0 2.5em; padding: 0.5em 0 1em 0;}

/* イベントページ用テーブル内見出し用 */
.listTable p.exhTitle,
.listTable_blue p.exhTitle { margin: 7px 7px; padding: 0 7px; border-left: 5px solid #06f; font-size: 125%; font-weight: bold;}

/* イベントページ用テーブル内画像配置用 */

/* タイトル、サブタイトルが1行 */
.listTable div.exhImgBox,
.listTable_blue div.exhImgBox { clear: both; float: right; margin: 0 auto; padding: 10px; text-align: center;}

img.exImg200 { width: 200px;}
img.exImg150 { width: 150px;}

/* タイトル、サブタイトルが1行 */
.listTable div.offset_40,
.listTable_blue div.offset_40 { margin: -40px auto 0; padding: 10px;}

/* タイトル、サブタイトルが2行 */
.listTable div.offset_75,
.listTable_blue div.offset_75 { margin: -75px auto 0; padding: 10px;}

/* タイトル、サブタイトルが3行 */
.listTable div.offset_100,
.listTable_blue div.offset_100 { margin: -100px auto 0; padding: 10px;}

/* お知らせページのコレクションカード用テーブル */
.collectionTable { border: none; margin: 0; padding: 0; width: 100%;}
.collectionTable td.dai1 { margin: 1px; padding: 10px; background-color: #ff8888; width: 33%; text-align: center; border-spacing: 1px;}
.collectionTable td.dai2 { margin: 1px; padding: 10px; background-color: #44ff44; width: 33%; text-align: center; border-spacing: 1px;}
.collectionTable td.dai3 { margin: 1px; padding: 10px; background-color: #aaaaff; width: 33%; text-align: center; border-spacing: 1px;}


/* Font Size */
.fs90 { font-size: 90%;}
.fs100 { font-size: 100%;}
.fs110 { font-size: 110%;}
.fs110b { font-size: 110%; font-weight: bold;}
.fs110b_red { font-size: 110%; font-weight: bold; color: #cf0010;}
.fs120 { font-size: 120%;}
.fs120b { font-size: 120%; font-weight: bold;}
.fs120b_red { font-size: 120%; font-weight: bold; color: #cf0010;}
.fs140 { font-size: 140%;}
.fs140b { font-size: 140%; font-weight: bold;}
.fs140b_red { font-size: 140%; font-weight: bold; color: #cf0010;}
.fs150 { font-size: 150%;}
.fs150b { font-size: 150%; font-weight: bold;}
.fs150b_red { font-size: 150%; font-weight: bold; color: #cf0010;}

.fsRed { color: #cf0010;}

.whiteTxt100 { color: #fff; font-size: 100%;}
.whiteTxt110 { color: #fff; font-size: 110%;}
.whiteTxt120 { color: #fff; font-size: 120%;}
.whiteTxt130 { color: #fff; font-size: 130%;}
.whiteTxt140 { color: #fff; font-size: 140%;}
.whiteTxt150 { color: #fff; font-size: 150%;}

.indent-1 { padding-left: 1em; text-indent: -1em;}
.indent-4 { padding-left: 4em; text-indent: -4em;}

.alignRight { text-align: right!important;}
.alignCenter { text-align: center!important;}
.alignLeft { text-align: left!important;}

img.imgRight { float: right; margin: 0 0 15px 15px;}
img.imgLeft { float: left; margin: 0 15px 15px 0;}

/* Spacer */
.let_sp { letter-spacing: 0.5em;}
.let_sp_l { letter-spacing: 0.5em; padding-left: 0.5em;}

.space_top15 { margin-top: 1.5em;}
.space_btm15 { margin-bottom: 1.5em;}
.space_top20 { margin-top: 2em;}
.space_btm20 { margin-bottom: 2em;}

.p_btm0 {padding-bottom: 0!important;}

/* 画像の枠 */
.TA01 { padding: 2px; background-color: #fff; border: 1px solid #999;}

hr { margin: 1em 0;}


/* ===========================================================
  blockskip
=========================================================== */

#headBody { width: 1000px; margin: 0; padding: 0;}

div#blockskip { margin: 0;}
div#blockskip a{ position: absolute; top: -24px; left: 0; display: inline-block; height: 1px; padding: 2px 10px; text-align: left; overflow: hidden; color: #fff; text-decoration: none;}



/* ===========================================================
  header
=========================================================== */

header { width: 100%; margin: 0 auto; padding: 0;}

#headName { width: 1000px; margin: 0 auto; padding: 21px 0 7px;}
/* clearfix */
#headName:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
#headName { display: inline-block;}
* html #headName { height: 1%;}
#headName { display: block;}
/* clearfixEND */

/* header h1 > Image */
#headName div.h1LogoBox { float: left; margin: 0; padding: 0;}
#headName h1.fieldTitle img { width: 150px;}

#headName div.aistLogoBox { float: right; margin: 23px 15px 0; padding: 0;}
#headName div.aistLogoBox img { width: 120px;}

/* Logo */
#headName p.LogoTitle { background: none; margin: 0; padding: 0 0 3px;}
#headName p.LogoTitle img { width: 150px;}

/* 言語 */
#headName a.language { font-size: 120%; text-align: center; margin: 10px 2px 0; padding: 1px 2px 2px; border: solid 1px #474747;  border-radius: 14px; display: block;}
#headName a.language { background: #f5f5f6; color: #474747; text-decoration: none; }
#headName a.language:hover { text-decoration: underline; background: #f39800; border: solid 1px #f39800; color: #fff; }
#headName a.language::before { content:  ''; height: 15px; width: 15px; display: inline-block; background-image:  url("../img/language _icon.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; margin-right: 4px; }
#headName a.language:hover::before { background-image:  url("../img/language _icon_w.svg"); }


/* h1_clear */
#headName h1.h1_clear { text-indent: 100%; white-space: nowrap; overflow: hidden; background-image: none;}

/* Navigation */
nav { width: 100%; margin: 0; padding: 0; background-color: #000;}

nav.contNav { background-color: #e6e6e6;}
div.navbox { width: 1000px; height: auto; margin: 0 auto; padding: 0; position: relative;}

#toggle { display: none;}

#contmenu { list-style: none; width: 100%; margin: 0 auto; padding: 0; overflow: hidden;}
#contmenu li { float: left; margin: 0; padding: 0;}
#contmenu li a{ display: block; margin: 0 auto; padding: 12px 22px; color: #333; font-size: 138%; font-weight: bold; text-decoration: none;}
#contmenu li a:hover{ color: #fff; background-color: #6e4a55; text-decoration: none;}

#contmenu li.pc_off { display: none;}



/* ===========================================================
  contents
=========================================================== */

#contents { width: 100%; margin: 0; padding: 0;}

/* Breadcrumbs */
p.breadcrumbs,
p.breadcrumbs span { color: #666;}
p.breadcrumbs { width: 1000px; margin: 0 auto; padding: 10px 0 15px; font-size: 90%; text-align: left;}
p.breadcrumbs a,
p.breadcrumbs a:link,
p.breadcrumbs a:visited,
p.breadcrumbs a:active
p.breadcrumbs a:hover{ color: #444; text-decoration: none;}

/* Main box */
#mainBox { width: 1000px; margin: 0 auto; padding: 0; background-color: #fff;}

/* sectionBox */
section.sectionBox { margin: 0; padding: 12px 24px;}
/* Mobile view */
@media screen and (max-width:599px) {
	section.sectionBox.attention { margin: 0; padding: 12px 14px;}
}

/* テキスト折り返し（URLなど） */
a.longtxt { overflow-wrap: break-word;}

/* Video */
div.movBox { margin: 1.5em auto; text-align: center;}
div.movBox iframe.mov320 { width: 320px; height: 180px;}
div.movBox iframe.mov720 { width: 90%; height: 90%;}

div.videoBox { margin: 0 auto; padding: 5px; text-align: center; width: 80%;}
div.video { position: relative; height: 0; width: 100%; padding-bottom: 56.25%;}
div.video iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

/* Photo List -----------------------------------------------------------*/
div.photoList { margin: 1.5em auto; padding: 0; width: 100%;}
/* clearfix */
.photoList:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.photoList { display: inline-block;}
* html .photoList { height: 1%;}
.photoList { display: block;}
/* clearfixEND */

div.photoList div.p_floatBox { float: left; width: 50%; margin: 0; padding: 0; text-align: center;}
div.photoList div.p_floatBox img { }
div.photoList span { font-size: 90%;}

/* 右下リンク */
p.move { clear: both; font-size: 100%; padding-right: 1.5em; padding-bottom: 1em; text-align: right!important;}
p.move a{ background:url(../img/arrow_red.png) no-repeat 0 6px; margin: 0 0 0 40px; padding-left: 12px;}
p.move a,
p.move a:link,
p.move a:visited,
p.move a:active{ color: #cf0010; text-decoration: underline;}
p.move a:hover{ text-decoration: none;}

/* リンク用リンクラベルの一部を視覚的に非表示 */
.title_off { position: absolute; left: -9999em;}
.txt_off { position: absolute; left: -9999em;}


/* ===========================================================
  TOPページ
=========================================================== */

/* 館内画像用 */
div.sstImgBox { margin: 0 auto 2em; padding: 0;}

/* 臨時休館のお知らせ */
.relative { position: relative;}
.absolute { position: absolute; bottom: 45px; left: 0; right: 0; margin: auto;}

/* お知らせ - メイン画像上に配置 */
.absolute_notice { position: absolute; top: 0; left: 0; right: 0; margin: auto;}


/* ---------------------------------------------------------
お知らせの追加　20200608追加
--------------------------------------------------------- */
/* sectionBox */
section.sectionBox { margin: 0; padding: 20px 24px;}
section.sectionBox.alert { margin: 0; padding: 0;}

/*お知らせ--------------------------*/
div.notice-area { padding: 28px 34px 34px; }

/*お知らせタイトル---------------------------*/
div.notice-area .notice-title { text-align: center; margin-bottom: 24px; }
div.notice-area .notice-title .balloon-large { font-size: 192%; }
div.notice-area .notice-title .balloon { position: relative; display: inline-block; padding: 5px 8px; max-width: 100%; color: #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; box-sizing: border-box; }
div.notice-area .notice-title .balloon:before { content: ""; position: absolute; bottom: -6px; left: 50%; border: 3px solid transparent; z-index: 2; }
div.notice-area .notice-title .balloon:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -2px; border: 5px solid transparent; border-top: 5px solid #fff; z-index: 1; }

/*お知らせ文中タイトル---------------------------*/
div.notice-area .notice-headline { text-align: center; margin: 2em auto 1em; }
div.notice-area .notice-headline .line-medium { font-size: 160%; }
div.notice-area .notice-headline .line {display: inline-block; padding: 5px 12px; max-width: 100%; box-sizing: border-box; }
/*div.notice-area-blue .notice-headline .line:before { content: ""; position: absolute; bottom: -6px; left: 50%; border: 3px solid transparent; border-top: 3px solid #fff; z-index: 2; }
div.notice-area-blue .notice-headline .line:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -2px; border: 5px solid transparent; border-top: 5px solid #2e3192; z-index: 1; } */

/*お知らせテキスト---------------------------*/
div.notice-area .notice-left { line-height: 175%; }
div.notice-area .notice-center { line-height: 200%; text-align: center;}
div.notice-area .notice-text { background-color: #fff; padding: 20px 24px; font-size: 1.15rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
div.notice-area .notice-text span.notice-strong { font-size: 1.692rem; font-weight: bold; }
span.notice-date { display: block; text-align: right; font-weight: normal; }

/* PC view */
@media screen and (min-width:599px) {
div.notice-area span.pc-br::before { content: "\A" ; white-space: pre; }
}
/* Mobile view */
@media screen and (max-width:599px) {
	div.notice-area span.sp-br::before { content: "\A" ; white-space: pre; }
	/*余白--------------------------*/
	section.sectionBox.attention { margin: 0; padding: 12px 14px;}
	section.sectionBox.alert { margin: 0; padding: 0;}
	
	/*お知らせ--------------------------*/
	div.notice-area { padding: 14px 12px 16px; }
	
	/*お知らせタイトル---------------------------*/
	div.notice-area .notice-title { text-align: center; margin-bottom: 14px; }
	div.notice-area .notice-title .balloon-large { font-size: 120%; }
	div.notice-area .notice-title .balloon { position: relative; display: inline-block; padding: 5px 5px; max-width: 100%; color: #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; box-sizing: border-box; }
	
	/*お知らせ文中タイトル---------------------------*/
	div.notice-area .notice-headline { text-align: center; margin: 1em auto 0.5em; }
	div.notice-area .notice-headline .line-medium { font-size: 120%; }
	
	/*お知らせテキスト---------------------------*/
	div.notice-area .notice-left { line-height: 130%; }
	div.notice-area .notice-text { background-color: #fff; padding: 10px 10px; font-size: 1rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; line-height: 150%; }
}

/*フォント強調---------------------------*/
.font_strong { font-size: 1.25rem!important; font-weight: bold; }

/*青バージョン---------------------------*/
div.notice-area.blue { background-color: #3696cc;}
div.notice-area.blue .notice-title .balloon:before { border-top: 3px solid #3696cc; }
div.notice-area.blue .notice-headline .line {color: #2e3192; border-top: solid 2px #2e3192; border-bottom: solid 2px #2e3192;}

/*赤バージョン---------------------------*/
div.notice-area.red { background-color: #b70005;}
div.notice-area.red .notice-title .balloon:before { border-top: 3px solid #b70005; }

/* Mobile view */
@media screen and (max-width:599px) {
	
	/*フォント強調---------------------------*/
	.font_strong { font-size: 1rem!important; font-weight: normal; }
	
	/*青バージョン お知らせ--------------------------*/
	div.notice-area.blue { background-color: #3696cc;}
	
	 /*赤バージョン お知らせ--------------------------*/
	div.notice-area.red { background-color: #b70005;}
}


/* h3_clear */
div.contList h3.h3_clear { text-indent: 100%; white-space: nowrap; overflow: hidden; background-image: none; text-decoration: none; margin: 0; padding: 0; height: 0;}

div.contList p.exhTitle_sstTop { background-color: #ececec; background-image: none;}
div.contList p.exhTitle_sstTop { width: 85%; margin: 0 auto; padding: 5px; font-size: 154%; font-weight: bold;}
div.contList p.exhTitle_sstTop a{ background:url("../img/bg_navlink01.png") no-repeat 0 10px; padding: 0 0 0 15px;}
div.contList p.exhTitle_sstTop a,
div.contList p.exhTitle_sstTop a:link,
div.contList p.exhTitle_sstTop a:visited,
div.contList p.exhTitle_sstTop a:active{ color:#333; text-decoration:none;}
div.contList p.exhTitle_sstTop a:hover{ color:#cf0010; text-decoration: underline;}

/* 最新情報欄 */
div.topInfoBox { margin: 24px auto; padding: 5px;}
/* clearfix */
.topInfoBox:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.topInfoBox { display: inline-block;}
* html .topInfoBox { height: 1%;}
.topInfoBox { display: block;}
/* clearfixEND */

/* 最新情報欄のFloatBOX */
div.topInfoBox_L { float: left; width: 48%; padding: 5px;}
div.topInfoBox_R { float: right; width: 48%; padding: 5px;}

/* Float内のBOX */
div.topContBox { margin: 0 auto; padding: 0 0 24px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
div.topContBox h3.contTitle_h3 { font-size: 154%; font-weight: bold; color: #fff; text-align: center; background: #4169e1; margin: 0 0 20px; padding: 10px 0 10px 5px;}
div.topContBox h4.contTitle_h4 { font-size: 154%; font-weight: bold; color: #555; text-align: center; margin: 0; padding: 10px 0 10px 5px; border: none;}
div.topContBox p { padding: 12px 20px; margin: 0; font-size: 110%;}
div.topContBox p.calp { margin-left: 35px;}
div.topContBox p.calp > span.holyday { color: #333; background: #FFDCE2; padding: 4px;}
div.topContBox p.calp > span.event { color: #333; background: #A6D98C; padding: 4px;}

div.topContBox div.cal_wrapper { margin: 0 45px;}
div.topContBox div.cal_wrapper table.cal { table-layout: fixed; width: 340px;}

/* ニュース欄のDiv用下線付きBOX */
div.topContBox div.newsBox_bline { margin-bottom: 2.5em; border-bottom: 1px dashed #999;}


/* ===========================================================
  展示案内
=========================================================== */

div.exhContBox { width: 100%; margin: 0; padding: 0; display: inline-block;}
div.exhContBox.blockDisplay { display: block;}

div.contList { float: left; width: 30%; margin: 15px 15px; padding: 12px 0; text-align: justify; background: #fff;}

/* 見出し付きボックス内画像用 */
div.contList div.thumbnail_align { text-align: center; margin-bottom: 1em;}
/* 画像（丸）表示 */
div.contList img.thumbnail { width: 220px; border-radius: 220px; height: 220px; margin: 0 auto;}
/* 画像（四角）表示 */
div.contList img.thumbnail_square { width: 280px; margin: 0 auto;}

div.contList h2.exhibition_h2 { background-color: #ececec; background-image: none;}
div.contList h2.exhibition_h2 { width: 85%; margin: 0 auto; padding: 10px 5px; font-size: 154%; font-weight: bold;}
div.contList h2.exhibition_h2 a { background:url("../img/bg_navlink01.png") no-repeat 0 10px; padding: 0 0 0 15px;}
div.contList h2.exhibition_h2 a,
div.contList h2.exhibition_h2 a:link,
div.contList h2.exhibition_h2 a:visited,
div.contList h2.exhibition_h2 a:active{ color:#333; text-decoration:none;}
div.contList h2.exhibition_h2 a:hover{ color:#cf0010;}


/* ===========================================================
  AIST History
=========================================================== */

div.ahisAgebox { margin: 0 auto; padding: 20px 0 0;}
div.ahisAgebox ul { list-style: none;}
div.ahisAgebox li > a { font-weight: bold;}

/* 画像左 */
div.ahisImgBox { float: left; margin: 0 auto; padding: 0 15px 0 0; text-align: center;}
div.ahisImgBox img { width: 100%;}
div.ahisImgBox span { font-size: 90%;}


/* ===========================================================
  Wonders of Science
=========================================================== */

div.wosInfoBox { margin: 2em auto; padding: 12px 5px;}
/* clearfix */
.wosInfoBox:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.wosInfoBox { display: inline-block;}
* html .wosInfoBox { height: 1%;}
.wosInfoBox { display: block;}
/* clearfixEND */

div.wosInfoBox div.wosImgBox { float: left; margin: 0; padding: 0; width: 200px;}
div.wosInfoBox div.wosTxtBox { float: right; margin: 0 auto; padding: 48px 0 0 24px; width: 660px;}


/* ===========================================================
  Innovation Zone
=========================================================== */

section.innovZoneBox { margin: 0 auto; padding: 25px;}

section.innovZoneBox h1.innovTitle_h1Txt { font-size: 310%; line-height: 110%;}

section.innovZoneBox h2.innoLife_h2 { font-size: 240%; line-height: 110%; margin-top: 2em; letter-spacing: 0.2em; position: relative;}
section.innovZoneBox h2.innoLife_h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: repeating-linear-gradient(-45deg, #e5c1cd, #e5c1cd 2px, #fff 2px, #fff 4px);}
section.innovZoneBox h2.innoLife_h2:first-letter { font-size: 120%; color: #e4007f;}

section.innovZoneBox h2.innoGreen_h2 { font-size: 240%; line-height: 110%; margin-top: 2em; letter-spacing: 0.2em; position: relative;}
section.innovZoneBox h2.innoGreen_h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: repeating-linear-gradient(-45deg, #79c06e, #79c06e 2px, #fff 2px, #fff 4px);}
section.innovZoneBox h2.innoGreen_h2:first-letter { font-size: 120%; color: #00885a;}

section.innovZoneBox h2.innoManu_h2 { font-size: 240%; line-height: 110%; margin-top: 2em; letter-spacing: 0.2em; position: relative;}
section.innovZoneBox h2.innoManu_h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: repeating-linear-gradient(-45deg, #68a4d9, #68a4d9 2px, #fff 2px, #fff 4px);}
section.innovZoneBox h2.innoManu_h2:first-letter { font-size: 120%; color: #0068b7;}

section.innovZoneBox span.innoh2_sp { display: inline-block; font-size: 55%;}


div.lifeTechBox,
div.greenTechBox,
div.manufactBox { width: 86%; margin: 0 auto 3em; padding: 24px 24px 50px;}

div.lifeTechBox { border: 5px solid #f4b3c2; border-radius: 22px;}
div.greenTechBox { border: 5px solid #a3cf3e; border-radius: 22px;}
div.manufactBox { border: 5px solid #89c3eb; border-radius: 22px;}

div.innovImgBox { float: left; margin: 0 1.5em 1.5em 0; padding: 0 0 24px 0;}
div.innovImgBox img.innovImg { margin: 0; padding: 2px; background-color: #fff; border: 1px solid #333; width: 150px; height: auto;}


/* Innovation Zone用各見出し */

/* h2 */
h2.innov2_l {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #f4b3c2; text-decoration:none; background:none;}
h2.innov2_l a,
h2.innov2_l a:link,
h2.innov2_l a:visited,
h2.innov2_l a:active,
h2.innov2_l a:hover{ color:#333; text-decoration:none;}

h2.innov2_g {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #a3cf3e; text-decoration:none; background:none;}
h2.innov2_g a,
h2.innov2_g a:link,
h2.innov2_g a:visited,
h2.innov2_g a:active,
h2.innov2_g a:hover{ color:#333; text-decoration:none;}

h2.innov2_m {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #89c3eb; text-decoration:none; background:none;}
h2.innov2_m a,
h2.innov2_m a:link,
h2.innov2_m a:visited,
h2.innov2_m a:active,
h2.innov2_m a:hover{ color:#333; text-decoration:none;}

/* h3 */
h3.innov3_l {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #f4b3c2; border-bottom: 1px solid #bbb; text-decoration:none; background:none;}
h3.innov3_l a,
h3.innov3_l a:link,
h3.innov3_l a:visited,
h3.innov3_l a:active{ color:#333; text-decoration:none;}
h3.innov3_l a:hover{ color:#cf0010; text-decoration:underline;}

h3.innov3_g {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #a3cf3e; border-bottom: 1px solid #bbb; text-decoration:none; background:none;}
h3.innov3_g a,
h3.innov3_g a:link,
h3.innov3_g a:visited,
h3.innov3_g a:active{ color:#333; text-decoration:none;}
h3.innov3_g a:hover{ color:#cf0010; text-decoration:underline;}

h3.innov3_m {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #89c3eb; border-bottom: 1px solid #bbb; text-decoration:none; background:none;}
h3.innov3_m a,
h3.innov3_m a:link,
h3.innov3_m a:visited,
h3.innov3_m a:active{ color:#333; text-decoration:none;}
h3.innov3_m a:hover{ color:#cf0010; text-decoration:underline;}

/* h4 */
h4.innov4_l {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #f4b3c2; text-decoration:none; background:none;}
h4.innov4_l a,
h4.innov4_l a:link,
h4.innov4_l a:visited,
h4.innov4_l a:active,
h4.innov4_l a:hover{ color:#333; text-decoration:none;}

h4.innov4_g {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #a3cf3e; text-decoration:none; background:none;}
h4.innov4_g a,
h4.innov4_g a:link,
h4.innov4_g a:visited,
h4.innov4_g a:active,
h4.innov4_g a:hover{ color:#333; text-decoration:none;}

h4.innov4_m {margin:0 0 1em; padding:5px; font-size:150%; color:#333; font-weight:bold; line-height:110%; border-left:5px solid #89c3eb; text-decoration:none; background:none;}
h4.innov4_m a,
h4.innov4_m a:link,
h4.innov4_m a:visited,
h4.innov4_m a:active,
h4.innov4_m a:hover{ color:#333; text-decoration:none;}

/* Innovation Zone個別ページ用 */
div.innovImgBox_cnter { text-align: center; margin-bottom: 1.2em;}


/* ===========================================================
  イベント案内
=========================================================== */

/* 個別ページ用見出し用位置調整css　*/
h1.h1imgPosiStyle { text-decoration: none; background: none; margin: 0 0 0.5em; padding: 0; border: none; text-align: center;}


/* ポスター画像用 */
div.posImgBox { float: right; margin: 0; padding: 0 15px 15px; text-align: center;}
/* clearfix */
.posImgBox:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.posImgBox { display: inline-block;}
* html .posImgBox { height: 1%;}
.posImgBox { display: block;}
/* clearfixEND */
div.posImgBox img { width: 250px;}

div.posImgBox_X2 { margin: 0 auto; padding: 0; width: 100%;}
/* clearfix */
.posImgBox_X2:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.posImgBox_X2 { display: inline-block;}
* html .posImgBox_X2 { height: 1%;}
.posImgBox_X2 { display: block;}
/* clearfixEND */
div.posImgBox_X2_L { float: left; margin: 0; padding: 0; text-align: left;}
div.posImgBox_X2_L img { width: 250px;}
div.posImgBox_X2_L img.img100 { width: 100%;}
div.posImgBox_X2_L span { font-size: 100%;}
div.posImgBox_X2_R { float: right; margin: 0; padding: 0; text-align: right;}
div.posImgBox_X2_R img { width: 250px;}
div.posImgBox_X2_R img.img100 { width: 100%;}
div.posImgBox_X2_R span { font-size: 100%;}


/* 画像オンオフ用【pc/mobile】 */
div.imgBox_pc { display: inline-block;}
div.imgBox_mb { display: none;}

/* プレゼント画像用　*/
div.evPre { text-align: left; margin: 2em 0 0 0; padding: 0;}
div.evPre img { width: 200px;}

/* イベント個別案内ページ【ul・dl】用 */
div.ev_dlBox { margin: 1em 0; padding: 0;}
div.ev_dlBox dl.ev_dl { margin: 0 auto; padding: 0;}
div.ev_dlBox dl.ev_dl > dt { font-size: 120%; font-weight: bold; margin-left: 1em; margin-bottom: 0.5em; padding-left: 1.25em; text-indent: -1.25em;}
div.ev_dlBox dl.ev_dl > dt:before { content: '■';}
div.ev_dlBox dl.ev_dl > dd { font-size: 110%;}
div.ev_dlBox dl.ev_dl > dd.bottom_sp { margin-bottom: 1em;}

div.ev_ulBox { margin: 1em 0; padding: 0;}
div.ev_ulBox ul.ev_ul { list-style: none; margin-left: 1.5em; line-height: 1.4em;}

/* EVENT 個別ページ抽選発表用BOX・リスト */
div.ev_resultBox { border-top: 15px solid #192f60; border-left: 2px solid #192f60; border-right: 2px solid #192f60; border-bottom: 2px solid #192f60; margin: 1em auto 3em; padding: 1em;}
/* clearfix */
.ev_resultBox:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.ev_resultBox { display: inline-block;}
* html .ev_resultBox { height: 1%;}
.ev_resultBox { display: block;}
/* clearfixEND */

ul.lottery_result { display: block; padding: 0; margin-left: 2em;}
ul.lottery_result li { float: left; font-size: 123%; font-weight: bold; padding-right: 2em;}

img.time_schedule_size { width: 640px;}



/* ボックス（div.contList）用シンプル見出し（１） */
div.contList h3.evcont_h3_simple1 { padding: 0.5em 0.5em 0.25em; margin: 1em 0 0.5em 0; color: #010101; background: #eaf3ff; border-bottom: 3px solid #516ab6; font-size: 180%; font-weight: bold;}
div.contList h3.evcont_h3_simple1n { padding: 0.5em 0.5em 0.25em; margin: 1em 0 0.5em 0; color: #010101; background: #e6ffea; border-bottom: 3px solid #006400; font-size: 180%; font-weight: bold;}

/* ボックス用タブ付き見出し */
div.contList h3.evcontbox_h3 { margin: 0 auto; padding: 5px; font-size: 200%; font-weight: bold; background-image: none; text-align: center;}
div.contList h3.evcontbox_h3 { position: relative; color: #333; background: #e6f3ff; line-height: 1.4; padding: 0.25em 0.5em; margin: 1em 0.25em 0.5em 0.25em; border-radius: 0 5px 5px 5px; font-size: 180%; font-weight: bold;}
div.contList h3.evcontbox_h3:after { position: absolute; content: '抽選制'; background: #2196f3; color: #fff; left: 0px; bottom: 100%; border-radius: 5px 5px 0 0; padding: 5px 10px 3px; font-size: 0.7em; line-height: 1; letter-spacing: 0.05em; font-weight: normal;}
div.contList h3.evcontbox_h3n { position: relative; color: #333; background: #e6ffea; line-height: 1.4; padding: 0.25em 0.5em; margin: 1em 0.25em 0.5em 0.25em; border-radius: 0 5px 5px 5px; font-size: 180%; font-weight: bold;}
div.contList h3.evcontbox_h3n:after { position: absolute; content: '当日受付（先着順）'; background: #006400; color: #fff; left: 0px; bottom: 100%; border-radius: 5px 5px 0 0; padding: 5px 10px 3px; font-size: 0.7em; line-height: 1; letter-spacing: 0.05em; font-weight: normal;}


/* ===========================================================
 利用案内・交通案内・館内マップページ
=========================================================== */

div.infoListBox { margin: 0; padding: 0 0 0 1em;}
div.infoListBox > ul li { font-size: 120%;}
div.infoListBox > ul li.fs110 { font-size: 110%;}
div.infoListBox > ul li.fs100 { font-size: 100%;}

.star {}
.star::before { content: '★'; margin-right: .25em; color: #cf0010;}

div.accsessImgBox { margin: 0; padding: 0; text-align: center;}
div.accsessImgBox > iframe { width: 700px; height: 492px;}

div.accsessImgBox img.accsessImg { width: 700px; height: 492px; margin: 0; padding: 2px; border: 1px solid #555;}

/* 印刷ページ用 */
div.prBtn { text-align: right; margin: 0; padding: 0 105px 0 0;}


/* ===========================================================
 フォームボタン
=========================================================== */
/*　ボタン用Box */
div.btnLinkBox { margin: 0; padding: 25px 0 15px 25px; text-align: left;}

/* ボタン_a */
.sq_evBtn { overflow: hidden; width: 200px; height: 50px; margin: 1em auto; padding: 0; border-radius: 10px;}
.sq_evBtn a { display: block; position: relative; z-index: 100; text-align: center; background: #0065e8; color: #fff; font-size: 120%; font-weight: bold; line-height: 50px; text-decoration: none;}
.sq_evBtn a:hover { background: #3ab2e9;}
/* ボタン_b */
a.sq_evBtn_b { position: relative; display: inline-block; font-size: 120%; font-weight: bold; padding: 0.5em 1em; text-decoration: none; border-left: 4px solid #26499d; border-right: 4px solid #26499d; color: #26499d; background: #e1f3ff; transition: .4s;}
a.sq_evBtn_b:hover { background: #26499d; color: #fff;}


/* ===========================================================
 アコーディオン
=========================================================== */
.accordion { clear: both; margin: 0; padding: 0;}

.accordion div.title { clear: both; padding: 10px 10px 10px 35px; min-height: 30px; background:url(../img/bg_open_n.jpg) no-repeat left top #f3f3f3; margin-bottom: 3px;}
.accordion div.title.ui-accordion-header-active { background:url(../img/bg_close_n.jpg) no-repeat left top #f3f3f3;}
.accordion div.title:hover { cursor: pointer;}

.accordion div.title h2,
.accordion div.title h3 { font-size: 154%; text-decoration: none; background-image: none; margin: 7px 0 0 20px; padding: 0;}
.accordion div.title h4 { font-size: 154%; text-decoration: none; background-image: none; border: none; margin: 7px 0 0 20px; padding: 0;}

.accordion div.detail { clear: both; margin: 0.75em 0; padding: 15px 15px 30px 15px;}

/* お知らせページ用 */
.accordion div.detail h4.an120tit { font-size: 120%; font-weight: bold; margin: 0.5em 0 1em 0; padding: 10px 0 10px 5px;}

/* イベントページ用 */
.accordion div.detail h5.ev120tit { font-size: 120%; font-weight: normal; margin: 0.5em 0 1em 0; padding: 0;}
.accordion div.detail h5.ev180tit { font-size: 180%; font-weight: normal; line-height: 125%; margin: 0.5em 0 1em 0; padding: 5px 5px 3px 10px; border-left: 12px solid #ffdab9;}
.accordion div.detail h5.ev180tit_tb { font-size: 180%; font-weight: normal; line-height: 125%; margin: 0.5em 0 1em 0; padding: 5px 5px 7px 10px; border-top: 5px solid #ffdab9; border-bottom: 5px solid #ffdab9; border-left: none;}

.accordion div.detail h5.h5imgPosiStyle { text-decoration: none; background: none; margin: 0 0 0.5em; padding: 0; border: none; text-align: center;}
/*.accordion div.detail h5.h5imgPosiStyle img { width: 100%;}*/

.accordion div.detail p { font-size: 110%;}
.accordion div.detail a { font-size: 110%; word-wrap: break-word;}

.accordion div.detail table.detailBox { border-spacing: 0; border-collapse: collapse;　word-wrap: break-word;}
.accordion div.detail table.detailBox td { vertical-align: top;}
.accordion div.detail table.detailBox td.Text { width: 500px;}
.accordion div.detail table.detailBox td.Img { padding: 0 0 0 30px; width: 400px;}
.accordion div.detail table.detailBox td.Img p { padding-bottom: 5px; font-size: 85%; text-align: center;}
.accordion div.detail table.detailBox td.Img img { max-width: 400px;}

.accordionNotdetail div.title { font-size: 154%; padding: 10px 100px 10px 35px; min-height: 30px; background: url(../img/bg_open_notdetail_n.jpg) no-repeat left top #f3f3f3; margin-bottom: 3px;}
.accordionNotdetail div.title a { color:#333!important; text-decoration: none!important;}
.accordion .accordion2Columns div.title { font-size: 100%; padding: 0 0 0 33px; min-height: 0; background: url(../img/bg_open_n.jpg) no-repeat -5px -5px #f3f3f3; margin-bottom: 3px; height: 40px; line-height: 40px; font-weight: bold;}
.accordion .accordion2Columns div.title.ui-accordion-header-active { background: url(../img/bg_close_n.jpg) no-repeat -5px -5px #f3f3f3;}
.accordion .accordion2Columns div.title:hover{ cursor: pointer;}
.accordion .accordion2Columns div.detail { padding: 10px 0 0 0;}

/* 英語 */
.englishSkin .accordionNotdetail div.title,
.englishSkin .accordion div.title { background: url(../img/bg_open_n.jpg) no-repeat left top #f3f3f3;}
.englishSkin .accordion div.title .ui-accordion-header-active { background:url(../img/bg_close_n.jpg) no-repeat left top #f3f3f3;}
.englishSkin .accordionNotdetail div.title { background: url(../img/bg_open_notdetail_n.jpg) no-repeat left top #f3f3f3;}

/* chrome-blueline */
.accordion .ui-helper-reset { outline: 0;}


/* ===========================================================
  footer
=========================================================== */

footer { width: 100%; margin: 0 auto; padding: 0; background-color: #474747;}

div.footWrap { width: 100%; margin: 0 auto; padding: 0;}

div.footContBack { width: 100%; background-color: #666;}
div.footContBox { width: 1000px; margin: 0 auto; padding: 20px 0; background-color: #666;}
/* clearfix */
.footContBox:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.footContBox { display: inline-block;}
* html .footContBox { height: 1%;}
.footContBox { display: block;}
/* clearfixEND */

ul.fcont { margin: 0 95px; padding: 0; list-style: none;}
ul.fcont li { font-size: 125%; margin-right: 45px; float: left; padding: 0; color: #fff;}
ul.fcont li a{ color: #fff; text-decoration: none;}
ul.fcont li a:hover{ text-decoration: underline;}

div.footInfoBox { width: 1000px; margin: 0 auto; padding: 10px 0 25px;}
/* clearfix */
.footInfoBox:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.footInfoBox { display: inline-block;}
* html .footInfoBox { height: 1%;}
.footInfoBox { display: block;}
/* clearfixEND */

div.foot_sst_logo_box { margin: 0; padding: 24px 0;}
img.foot_sst_logo { width: 150px;}


hr.foot_border { border: 0.5px solid #ccc; margin: 1em auto;}

div.finfo_Lbox { float: left; margin: 0; padding: 5px; width: 45%;}
div.finfo_Rbox { float: right; margin: 0; padding: 5px; width: 45%;}

ul.sstInfoList { list-style: none; margin: 0;}
ul.sstInfoList li { color: #fff; font-size: 110%; line-height: 1.4em;}

div.finfo_GmapBox { margin: 0; padding: 5px; text-align: center;}
div.finfo_GmapBox > iframe { width: 100%; height: 200px; border: none;}

div.flinkBox { margin: 0 auto; padding: 0;}
/* clearfix */
.flinkBox:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.flinkBox { display: inline-block;}
* html .flinkBox { height: 1%;}
.flinkBox { display: block;}
/* clearfixEND */

p.foot_aist_name { font-size: 120%; color: #fff; margin: 0; padding: 1em 0;}

ul.fLink { margin: 0; padding: 0; list-style: none;}
ul.fLink li { font-size: 100%; margin-right: 25px; float: left; padding: 0; color: #fff; background-color: #474747;}
ul.fLink li a{ color: #fff; text-decoration: none;}
ul.fLink li a:hover{ text-decoration: underline;}

/* copyright */
p.copyright { /*width: 530px;*/ width: 50%; float: right; padding: 0; font-size: 77%; color: #c0c0c0; background-color: #474747; text-align: right;}


/* ===========================================================
  Page Top Button
=========================================================== */

#pageTopBtn { width: 50px; height: 50px; position: fixed; right: 15px; bottom: -50px; background: #4169e1; filter: opacity(70%); border-radius: 50%;}
#pageTopBtn a{ position: relative; display: block; width: 50px; height: 50px; text-decoration: none;}
#pageTopBtn a::before{ content: '▲'; font-weight: bold; font-size: 160%; color: #fff; position: absolute; width: 25px; height: 25px; top: -5px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; }



/* Tablet view */
@media screen and (max-width:812px) {

/* ===========================================================
 default
=========================================================== */



/* ===========================================================
  header
=========================================================== */

header { background: none; width: 100%;}

#headName { width: 100%;}

/* header h1 > Image */
#headName h1.fieldTitle img { width: 120px; margin-left: 24px;}

/* Logo */
#headName p.LogoTitle img { width: 120px; margin-left: 24px;}

/* Navigation */
div.navbox { width: 100%;}
#contmenu li { width: 25%;}



/* ===========================================================
  contents
=========================================================== */

/* Breadcrumbs */
p.breadcrumbs,
p.breadcrumbs span { color: #666;}
p.breadcrumbs { width: 100%;}

/* Main box */
#mainBox { width: 100%;}


/* Photo List -----------------------------------------------------------*/
div.photoList div.p_floatBox { width: auto; padding: 15px;}


/* ===========================================================
  TOPページ
=========================================================== */

div.contList p.exhTitle_sstTop { width: 100%;}
div.contList p.exhTitle_sstTop a,
div.contList p.exhTitle_sstTop a:link,
div.contList p.exhTitle_sstTop a:visited,
div.contList p.exhTitle_sstTop a:active{ color:#cf0010; text-decoration:underline;}
div.contList p.exhTitle_sstTop a:hover{ text-decoration: none;}

/* 最新情報欄のFloatBOX */
div.topContBox img { width: 90%;}

/* Float内のBOX */
div.topContBox div.cal_wrapper { margin: 0 5px;}
div.topContBox div.cal_wrapper table.cal { table-layout: fixed; width: 90%;}



/* ===========================================================
  展示案内
=========================================================== */

div.contList { width: 45%;}

div.contList h2.exhibition_h2 {}
div.contList h2.exhibition_h2 a,
div.contList h2.exhibition_h2 a:link,
div.contList h2.exhibition_h2 a:visited,
div.contList h2.exhibition_h2 a:active{ color:#cf0010; text-decoration:underline;}
div.contList h2.exhibition_h2 a:hover{ text-decoration: none;}


/* ===========================================================
  AIST History
=========================================================== */



/* ===========================================================
  Wonders of Science
=========================================================== */
	
div.wosInfoBox { width: 100%;}


div.wosInfoBox div.wosImgBox { width: 20%;}
div.wosInfoBox div.wosTxtBox { width: 80%; padding: 20px 0 0 24px;}
	



/* ===========================================================
  Innovation Zone
=========================================================== */

div.lifeTechBox { width: auto;}
div.greenTechBox { width: auto;}
div.manufactBox { width: auto;}


/* Innovation Zone用各見出し */
/* h2 */
/* h3 */
/* h4 */



/* ===========================================================
  イベント案内
=========================================================== */


img.time_schedule_size { width: 55%;}


/* ===========================================================
 利用案内・交通案内・館内マップページ
=========================================================== */

div.accsessImgBox > iframe { width: 90%; height: 443px;}

div.accsessImgBox img.accsessImg { width: 90%; height: auto;}


/* 印刷ページ用 */
div.prBtn { margin: 1.5em 0; padding: 0 25px 0 0;}



/* ===========================================================
 フォームボタン
=========================================================== */
/*　ボタン用Box */
div.btnLinkBox { margin: 0 auto; padding: 15px 0; text-align: center;}



/* ===========================================================
 アコーディオン
=========================================================== */



/* ===========================================================
  footer
=========================================================== */

footer { width: 100%;}

div.footContBox { display: none;}

ul.fcont { margin: 0; padding: 0; text-align: center;}
ul.fcont li { font-size: 125%; margin-right: 0; margin-top: 0.5em; float: none;}

div.footWrap { width: 90%; margin: 0 auto; padding: 24px 0 0;}
div.footWrap div.foot_sst_logo_box { text-align: center;}

div.footInfoBox { width: 95%; height: auto;}
div.finfo_Lbox,
div.finfo_Rbox { float: none; margin: 0 auto; width: 100%; text-align: left;}

div.finfo_GmapBox { margin: 0 auto; padding: 0;}
div.finfo_GmapBox > iframe { width: 100%; height: auto;}

p.foot_aist_name { text-align: center;}

/*footer .whiteTxt100,
footer .whiteTxt110,
footer .whiteTxt120,
footer .whiteTxt130,
footer .whiteTxt140,
footer .whiteTxt150 { text-align: center;}*/

ul.fLink { margin: 0.5em 0 1.5em;}
ul.fLink li { float: none; text-align: center; margin: 0.5em 0;}

/* copyright */
p.copyright { width: 100%; float: none; text-align: center; margin: 0 auto; padding: 0;}


}


/* Mobile view */
@media screen and (max-width:599px) {

/* ===========================================================
 default
=========================================================== */

h1, h2, h3, h4, h5 { padding: 0 0 5px;}



/* Table */
/* グレー枠 */
.listTable th,
.listTable td { width: auto!important;}
.listTable caption { display: none;}

/* 水色枠 */
.listTable_blue th,
.listTable_blue td { width: auto!important;}
.listTable_blue caption { display: none;}

/* イベントページ用テーブル内Box用 */
.listTable div.exhInfoBox,
.listTable_blue div.exhInfoBox { padding: 0; width: 85%;}

/* タイトル、サブタイトルが1行 */
.listTable div.exhImgBox,
.listTable_blue div.exhImgBox { float: none;}

img.exImg200 { width: 100%;}
img.exImg150 { width: 100%;}

/* タイトル、サブタイトルが1行 */
.listTable div.offset_40,
.listTable_blue div.offset_40 { margin: 1em auto;}

/* タイトル、サブタイトルが2行 */
.listTable div.offset_75,
.listTable_blue div.offset_75 { margin: 1em auto;}

/* タイトル、サブタイトルが3行 */
.listTable div.offset_100,
.listTable_blue div.offset_100 { margin: 1em auto;}

/* お知らせページのコレクションカード用テーブル */
.collectionTable td.dai1 { display: block; width: auto!important;}
.collectionTable td.dai2 { display: block; width: auto!important;}
.collectionTable td.dai3 { display: block; width: auto!important;}



/* ===========================================================
  header
=========================================================== */

/* header h1 > Image */
#headName h1.fieldTitle img { width: 120px;}
#headName div.aistLogoBox { margin: 12px 24px 0;}
#headName div.aistLogoBox img { width: 110px;}

	
/* Logo */
#headName p.LogoTitle img { width: 120px;}

/* 言語 */
#headName a.language { font-size: 110%; margin: 6px 2px 0; padding: 1px; }
#headName a.language::before { content:  ''; height: 14px; width: 14px; display: inline-block; background-image:  url("../img/language _icon.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; margin-right: 3px; }

/* Navigation */
#contmenu { display: none;}
#contmenu li { width: 100%; border-bottom: 1px solid #777;}

#contmenu li a{ font-size: 120%; color: #fff; background-color: #444;}
#contmenu li a:hover{ color: #333; background-color: #ddd; text-decoration: none;}

#contmenu li.pc_off { display: block; width: 100%;}

#toggle { display: block; position: relative; width: 100%; background: #222;}
#toggle a{ display: block; position: relative; padding: 10px 0 5px; border-bottom: 1px solid #444; color: #fff; font-size: 120%; font-weight: bold; text-align: center; text-decoration: none;}
#toggle:before{ display: block; content: ""; position: absolute; top: 20px; left: 10px; width: 24px; height: 18px; margin-top: -10px; background: #fff;}
#toggle a:before, #toggle a:after{ display: block; content: ""; position: absolute; top: 18px; left: 10px; width: 24px; height: 6px; background: #222;}

#toggle a:before{ margin-top: -6px;}
#toggle a:after{ margin-top: 2px;}



/* ===========================================================
  contents
=========================================================== */

/* Breadcrumbs */
p.breadcrumbs { display: none;}

/* Main box */

/* Video */
#contents div.videoBox { width: 95%;}

/* Photo List -----------------------------------------------------------*/
div.photoList { text-align: center;}

div.photoList div.p_floatBox { float: none; width: 100%; text-align: center;}


/* ===========================================================
  TOPページ
=========================================================== */

div.topInfoBox {}
	
div.topInfoBox_L { float: none; width: 100%;}
div.topInfoBox_R { float: none; width: 100%;}

div.topContBox { margin-bottom: 24px;}
div.topContBox p.calp { text-align: center; margin: 0;}

div.topContBox img { width: 90%;}

div.topContBox div.cal_wrapper { margin: 0; padding: 0;}
div.topContBox div.cal_wrapper table.cal { table-layout: fixed; width: 90%;}


/* ===========================================================
  展示案内
=========================================================== */

h1.exh_mb_h1 { font-size: 150%;}

div.contList { float: none; width: 80%; margin: 0 auto 24px; padding: 5px;}



/* ===========================================================
  AIST History
=========================================================== */

div.ahisAgebox > ul { margin-left: 0;}

/* 画像左 */
div.ahisImgBox { float: none; padding: 10px;}


/* ===========================================================
  Wonders of Science
=========================================================== */

div.wosInfoBox div.wosImgBox { float: none; width: 100%; text-align: center;}
div.wosInfoBox div.wosTxtBox { float: none; margin: 1em 0; padding: 0; width: 100%;}


/* ===========================================================
  Innovation Zone
=========================================================== */

div.innovImgBox { float: none; margin: 0 0 1em 0; padding: 0; text-align: center;}
div.innovImgBox img.innovImg { width: 90%;}

/* Innovation Zone個別ページ用 */
div.innovImgBox_cnter > img { width: 100%;}


/* ===========================================================
  イベント案内
=========================================================== */


h1.ev_mb_h1 { font-size: 180%;}
h1.h1imgPosiStyle { width: 100%;}

/* 画像オンオフ用【pc/mobile】 */
div.imgBox_pc { display: none;}
div.imgBox_mb { display: inline-block;}
	
div.posImgBox { float: none; padding: 0 0 24px; text-align: center;}
div.posImgBox img { width: 96%;}

div.posImgBox_X2_L { float: none; text-align: center;}
div.posImgBox_X2_L img { width: 100%;}
div.posImgBox_X2_L span { font-size: 100%;}
div.posImgBox_X2_R { float: none; text-align: center;}
div.posImgBox_X2_R img { width: 100%;}
div.posImgBox_X2_R span { font-size: 100%;}


/* プレゼント用　*/
div.evPre { text-align: center;}
div.evPre img { }


/* EVENT 個別ページボックス用 */

/* EVENT 個別ページ【dl】用 */
div.ev_dlBox dl.ev_dl > dt { margin-left: 0;}
div.ev_dlBox dl.ev_dl > dt:before { content: '■';}
div.ev_dlBox dl.ev_dl > dd { margin-left: 1em;}

/* EVENT 個別ページ【ul】用 */
div.ev_ulBox ul.ev_ul { margin-left: 0;}



img.time_schedule_size { width: 100%;}


/* ===========================================================
 利用案内・交通案内・館内マップページ
=========================================================== */

div.infoListBox { margin: 0 auto; padding: 0;}
div.infoListBox ul { margin-left: 2em;}
div.infoListBox dl { margin-left: 0;}

div.accsessImgBox > iframe { width: 100%; height: 250px;}

div.accsessImgBox img.accsessImg { width: 100%; height: auto;}

/* 印刷ページ用 */
div.prBtn { text-align: center; margin: 1.5em 0; padding: 0;}



/* ===========================================================
 フォームボタン
=========================================================== */



/* ===========================================================
 アコーディオン
=========================================================== */

/* イベントページ用 */
.accordion div.detail h5.h5imgPosiStyle img { max-width: 95%;}


.accordion div.detail div.posImgBox_acc_X2 { width: 100%;}
.accordion div.detail div.posImgBox_acc_X2 > div.posImgBox_acc_X2_L { float: none; text-align: center; width: 100%;}
.accordion div.detail div.posImgBox_acc_X2 > div.posImgBox_acc_X2_L img { width: 100%;}
.accordion div.detail div.posImgBox_acc_X2 > div.posImgBox_acc_X2_R { float: none; text-align: center; width: 100%;}
.accordion div.detail div.posImgBox_acc_X2 > div.posImgBox_acc_X2_R img { width: 100%;}

/* 英語 */

/* accordion(個別ページ用) */
.presentImg { width: 80%;}




/* ===========================================================
  Page Top Button
=========================================================== */




/* ===========================================================
  footer
=========================================================== */

div.footContBox { display: none;}

ul.fcont { margin: 0; padding: 0; text-align: center;}
ul.fcont li { font-size: 125%; margin-right: 0; margin-top: 0.5em; float: none;}

div.footWrap img.foot_sst_logo { width: 150px; margin: 5px; padding: 5px;}



}

/* ===========================================================
  アンカーの指定
=========================================================== */
h2[id] {
	padding-top: 12px;
	margin-top: -12px;
}

/* ===========================================================
 団体見学のご案内 2023/1/6
=========================================================== */
.guide-time {
		margin: 0 0 1em 1em;
	}
.time-table {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0 0 .5em 0;
}
.time-table li {
	font-size: 100%;
	padding: 24px 34px;
}
.time-table li:nth-child(even) {
	background: #fafafa;
}
.time-table li:nth-child(odd) {
	background: #fff;
}
.time-table li:first-child {
	position: relative;
	background-color: #063D93;
	color: #fff;
	border-top: solid 1px #063D93;
	border-bottom: solid 1px #063D93;
}
.time-table li:first-child::after{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border-color: rgba(106, 90, 205, 0);
	border-top-width:10px;
	border-bottom-width:10px;
	border-left-width:10px;
	border-right-width:10px;
	margin: -10px 0 0;
	border-left-color:#063D93;
	left:100%;
	top:50%;
}
.time-table li:not(:first-child) {
	color: #444;
	font-weight: 600;
	border-right: solid 1px #a0a0a0;
	border-top: solid 1px #a0a0a0;
	border-bottom: solid 1px #a0a0a0;
}

/* Mobile view */
@media screen and (max-width:599px) {
	.guide-time {
		padding: 0 10px;
		margin: 0 0 15px;
	}
	.time-table {
		justify-content: center;
		flex-direction: column;
		width: 80%;
		margin: 0 auto 20px!important;
	}
	.time-table li {
		padding: 10px 0;
		font-size: 100%;
		text-align: center;
		width: 100%;
	}
	.time-table li:first-child::after{
		border-color: rgba(106, 90, 205, 0);
		margin: 0 0 0 -10px;
		border-top-color: #063D93;
		top: 100%;
		left: 50%;
	}
	.time-table li:first-child {
		border-top: none;
		border-bottom: none;
		border-left: solid 1px #236fa1;
		border-right: solid 1px #236fa1;
	}
	.time-table li:not(:first-child) {
		border-top: none;
		border-right: solid 1px #a0a0a0;
		border-left: solid 1px #a0a0a0;
		border-bottom: solid 1px #a0a0a0;
	}
}
/* Mobile view */