@charset "utf-8";

/* INITIALIZE
2013.11.10 Reset CSS including HTML5 tags (with box-sizing to border-box)
Masayuki Fukumoto (OSSI Inc.)
==================================================== */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
summary,
time,
mark,
audio,
video,
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  background: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

pre,
code,
kbd,
samp {
  font-size: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
dt,
var,
i {
  font-style: normal;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

sup {
  vertical-align: text-top;
  font-size: 75%;
}

sub {
  vertical-align: text-bottom;
  font-size: 75%;
}

input,
textarea,
select,
button {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  outline: none;
}

audio:not([controls]) {
  display: none;
}

time {
  display: inline;
}

[hidden] {
  display: none;
}

input::-ms-clear,
input::-ms-reveal,
input:focus::-ms-clear,
input:focus::-ms-reveal {
  visibility: hidden;
  display: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

img {
  -ms-interpolation-mode: bicubic;
}

button {
  cursor: pointer;
}

/* switchover
========================================*/
.show_sp {
  display: none;
}

.show_pc {
  display: block;
}

/* anchor
========================================*/
a:link {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

a:active {
  color: #1ea3c9;
  text-decoration: none;
}

a.link_tdk_blue {
  color: #0046ad;
  text-decoration: none;
}

a.link_tdk:hover,
a.link_tdk_blue:hover,
.infoList dd a:hover {
  color: #0046ad;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  opacity: 1;
}

a.icon_arrow_left,
a.icon_arrow_right {
  color: #0046ad;
  position: relative;
  font-size: 16px;
  word-break: break-all;
  padding-left: 21px;
}

a.icon_arrow_left:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #0046ad;
  display: inline-block;
  z-index: 300;
}

a.icon_arrow_left:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 10px;
  width: 4px;
  height: 4px;
  font-weight: bold;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  z-index: 301;
}

a.icon_arrow_down {
  color: #0046ad;
  position: relative;
  font-size: 16px;
  word-break: break-all;
  padding-left: 34px;
}

a.icon_arrow_down:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #0046ad;
  display: inline-block;
  z-index: 300;
}

a.icon_arrow_down:after {
  content: "";
  position: absolute;
  left: 8.5px;
  top: 9px;
  width: 7px;
  height: 7px;
  font-weight: bold;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  display: inline-block;
  z-index: 301;
}

.icon_dot,
.icon_dot li,
.icon_dot_red,
.icon_dot_red li,
.icon_square,
.icon_square li,
.icon_asterisk,
.icon_asterisk li,
.icon_asterisk_red,
.icon_asterisk_red li {
  list-style: none !important;
  margin: 0 0 5px 5px !important;
}

.icon_dot,
.icon_dot_red {
  margin-top: 20px !important;
  margin-left: 28px !important;
}

.icon_dot li,
.icon_dot_red li {
  list-style: disc !important;
}

.icon_dot_red li {
  color: #CC1C24;
}

.icon_asterisk {
  margin-top: 20px !important;
  margin-left: 15px;
}

.icon_asterisk_red {
  margin-top: 20px !important;
  margin-left: 15px;
  color: #CC1C24;
}

.icon_asterisk li:before,
.icon_asterisk_red li:before {
  content: '※';
  margin-right: 5px;
}

.icon_asterisk li,
.icon_asterisk_red li {
  text-indent: -21px;
  margin-left: 26px !important;
}

.icon_square li:before {
  content: '■';
  color: #3C3C3C;
}

.icon_square li span:after {
  content: ':';
  font-weight: bold;
  color: #3C3C3C;
  display: inline;
  margin: 0 3px;
}

.icon_square li span {
  color: #3C3C3C;
  font-weight: bold;
  padding-left: 3px;
}

#container article section.container_block {
  border-bottom: none !important;
  padding: 0 !important;
}


/* base layout
========================================*/
body {
  height: 100%;
  font-size: 16px;
  line-height: 1.1;
  font-family: 'Noto Sans JP', sans-serif;
  color: #3c3c3c;
}

#wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 200px;
}

article {
  line-height: 1.55;
}

article a {
  transition: all .2s ease-in;
}

article a:hover {
  opacity: .6;
}

/* site header */
#siteHeader {
  height: 200px;
  clear: both;
  position: fixed;
  top: 0;
  z-index: 99999999;
  width: 100%;
  background-color: #ffffff;
}

#siteHeader .brand {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

#siteHeader .corp {
      display: flex;
    flex-direction: column;
    justify-content: center;
  /*250826 変更
  width: 80px;
  height: auto;
  */
}
/*250826 追記--start*/
#siteHeader .corp img{
  vertical-align: bottom;
}
/*250826 追記--end*/
#siteHeader ul.snsBtn {
  position: absolute;
  right: 24px;
  top: 19px;
  list-style: none;
}

#siteHeader ul.snsBtn li {
  float: left;
  line-height: 1.0;
  margin-right: 28px;
}

#siteHeader ul.snsBtn li:last-child {
  margin-right: 0px;
}

#siteHeader .header {
  max-width: 1000px;
  width: 99%;
  height: 165px;
  margin: 0 auto;
  position: relative;
}

#siteHeader .header #siteID {
  width: 200px;
  height: 44px;
  position: absolute;
  left: 0;
  top: 23px;
}

#siteHeader .header nav.functions {
  width: 684px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 25px;
}

#siteHeader .header nav.functions .spLang {
  display: none;
}

#siteHeader .header nav.functions ul.links li {
  margin-right: 21px;
  float: left;
  font-size: 13px;
  line-height: 25px;
}

#siteHeader .header nav.functions ul.links li a {
  padding-left: 20px;
  position: relative;
  display: block;
  height: 25px;
}

#siteHeader .header nav.functions ul.links li a.icn_educators {
  padding-left: 19px;
}

#siteHeader .header nav.functions ul.links li a.icn_restaurant {
  padding-left: 19px;
}

#siteHeader .header nav.functions ul.links li a.icn_access {
  padding-left: 14px;
}

#siteHeader .header nav.functions ul.links li a.icn_contact {
  padding-left: 16px;
}

#siteHeader .header nav.functions ul.links li a:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  height: 13px;
  width: 13px;
}

#siteHeader .header nav.functions .links a.icn_educators:before {
  background: url(./../images/icn_head_educators.png) no-repeat;
  background-size: cover;

}

#siteHeader .header nav.functions .links a.icn_restaurant:before {
  background: url(./../images/icn_head_restaurant.png) no-repeat;
  background-size: cover;
}

#siteHeader .header nav.functions .links a.icn_access:before {
  background: url(./../images/icn_head_access.png) no-repeat;
  background-size: cover;
}

#siteHeader .header nav.functions .links a.icn_contact:before {
  background: url(./../images/icn_head_contact.png) no-repeat;
  background-size: cover;
}

#siteHeader .header nav.functions ul.lang {
  width: 105px;
  height: 25px;
  margin-left: 20px;
  /*position: absolute;
  right: 0;
  top: 0;*/
}

#siteHeader .header nav.functions ul.lang li {
  margin-bottom: 5px;
  display: none;
}

#siteHeader .header nav.functions ul.lang li a,
#siteHeader .header nav.functions .icn_restaurant {
  width: 105px;
  height: 25px;
  display: block;
  line-height: 23px;
  border: 1px #2e77bd solid;
  border-radius: 4px;
  color: #2e77bd;
  text-align: center;
  text-decoration: none;
}

#siteHeader .header nav.functions .icn_restaurant {
  width: 150px;
}

::placeholder {
  color: #ccc;
}

#siteHeader .header nav.functions ul.lang li span {
  width: 105px;
  height: 25px;
  display: block;
  line-height: 23px;
  border: 1px #ccc solid;
  border-radius: 4px;
  color: #ccc;
  text-align: center;
}

#siteHeader .header nav.functions ul.lang li.active a:after {
  background: url(../images/sprite.png) no-repeat -95px -90px;
  background-size: 500px auto;
  width: 13px;
  height: 13px;
  display: inline-block;
  content: '';
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
  top: -2px;
}

#siteHeader .header nav.functions ul.lang li span:after {
  background: url(../images/sprite.png) no-repeat -110px -90px;
  background-size: 500px auto;
  width: 13px;
  height: 13px;
  display: inline-block;
  content: '';
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
  top: -2px;
}

#siteHeader .header nav.functions ul.lang li.active {
  display: block;
}

#siteHeader .header nav.global {
  position: absolute;
  left: 0;
  top: 85px;
  height: 80px;
  width: 100%;
}

#siteHeader .header nav.global>ul>li {
  float: left;
  height: 50px;
  text-align: center;
  font-size: 15px;
  line-height: 1.0;
  position: relative;
}

#siteHeader .header nav.global>ul>li>a,
#siteHeader .header nav.global>ul>li>ul>li>a {
  padding-top: 15px;
  display: block;
  text-decoration: none;
  display: block;
  font-size: 15px;
}

#siteHeader .header nav.global>ul>li>a {
  font-size: 15px;
  display: block;
  padding-top: 15px;
  font-weight: bold;
  color: #09559d;
  letter-spacing: 0.13em;
}

#siteHeader .header nav.global>ul>li:before {
  content: '';
  display: block;
  width: 1px;
  height: 25px;
  background: #d1d9e0;
  position: absolute;
  left: 0;
  /*top: 22px;*/
  top: 10px;
}

/*#siteHeader .header nav.global > ul > li:last-child:after {
  content: '';
  display: block;
  width: 1px;
  height: 25px;
  background: #d1d9e0;
  position: absolute;
  right: 0;
  top: 22px;
}*/

#siteHeader .header nav.global>ul>li.active a,
#siteHeader .header nav.global>ul>li.active a small {
  color: #1ea3c9;
}

#siteHeader .header nav.global>ul>li.active,
#siteHeader .header nav.global>ul>li:hover,
body#about #siteHeader .header nav.global>ul>li:nth-child(1),
body#guide #siteHeader .header nav.global>ul>li:nth-child(2),
body#exhibition #siteHeader .header nav.global>ul>li:nth-child(3),
body#event #siteHeader .header nav.global>ul>li:nth-child(4),
body#explore #siteHeader .header nav.global>ul>li:nth-child(1),
body#guide.contact #siteHeader .header nav.global>ul>li:nth-child(6) {
  border-bottom: 4px #1ea3c9 solid;
}

/* site footer */
#siteFooter {
  clear: both;
  font-size: 14px;
}


#siteFooter .parties {
  width: 100%;
  height: 290px;
  overflow: hidden;
  position: relative;
}

canvas.particles-js-canvas-el {
  display: block;
  position: absolute;
  left: 0;
  top: -145px;
  width: 100%;
  height: 580px !important;
  z-index: 0;
}

#particles-js {
  width: 100%;
  height: 235px;
  background: linear-gradient(to right, #272565 0%, #1ba3c4 100%);
}

#siteFooter .parties .inner {
  width: 100%;
  margin: 0 auto;
  padding: 55px 0;
  z-index: 1;
  position: relative;
  max-width: 1100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}



#siteFooter .parties .inner div {
  width: 100%;
  margin: 0 25px;
  display: flex;
}

#siteFooter .parties .inner div figure {
  width: 50%;
  margin-right: 24px;
    display: flex;
}

#siteFooter .parties .inner div figure img{
  width: 100%;
}


#siteFooter .parties .inner div dl {
    width: 50%;
  margin-top: 18px;
}

#siteFooter .parties .inner div dl dt {
  font-size: 20px;
    font-weight: bold;
  color: #0e3a86;
  margin-bottom: 12px;
}

#siteFooter .parties .inner div dl dd {
  font-size: 14px;
  line-height: 1.8;
}

#siteFooter .parties .inner a {
  text-decoration: none;
  display: flex;
  padding: 0;
  background: rgba(255, 255, 255, .9);
  border-radius: 5px;
  transition: all .5s ease-in-out;
    width: 100%;
    align-items: center;
}

#siteFooter .parties .inner a:hover {
  opacity: .5;
}

#siteFooter .guide {
  background: #2c2c2c;
}

/* #siteFooter .guide .inner {
  width: 1050px;
  margin: 0 auto;
  color: #fff;
  padding: 35px 0;
  display: flex;
  flex-wrap: wrap;
} */

#siteFooter .guide .inner.f2 {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  padding: 35px 0;
  display: block;
  max-width: 1000px;
}

#siteFooter .guide .inner.f2 .logo {
  margin-bottom: 20px;
}

#siteFooter .guide .inner.f2 .dflex {
  display: flex;
  flex-wrap: wrap;
}

#siteFooter .guide .inner .hour {
  width: 566px;
  margin-right: 50px;
  line-height: 1.8;
}

#siteFooter .guide .inner address {
  display: block;
  line-height: 1.8;
}

#siteFooter nav {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 40px;
}

#siteFooter nav a {
  color: #fff;
}

#siteFooter nav li {
  display: inline-block;
  position: relative;
  padding: 0 14px 7px;
}

#siteFooter nav li:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 15px;
  border-left: 1px solid #fff;
}

#siteFooter nav li:nth-child(1):before {
  content: '';
  display: none;
}

#siteFooter nav+p {
  background: #000;
  padding-bottom: 40px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 12px;
}

#siteFooter p {
  line-height: 1.5;
}

/* container
========================================*/
/* breadcrumbs */
.breadcrumbs {
  background: linear-gradient(to right, #262667 0%, #1ea3c9 100%);
  height: 40px;
  margin-bottom: 30px;
}

.breadcrumbs ul {
  font-size: 14px;
  line-height: 1.0;
  width: 1000px;
  margin: 0 auto;
  color: #fff;
}

.breadcrumbs ul li:first-child {
  padding-left: 0px;
}

.breadcrumbs ul li:first-child:before {
  background: none;
}

.breadcrumbs ul li {
  display: inline-block;
  position: relative;
  padding: 0 17px 0 25px;
  line-height: 40px;
}

.breadcrumbs ul li:before {
  background: url(../images/sprite.png) -100px -30px no-repeat;
  background-size: 500px auto;
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -5px;
  width: 7px;
  height: 10px;
}

.breadcrumbs ul li a:link {
  color: #fff;
  text-decoration: none;
}

.breadcrumbs ul li a:visited {
  color: #fff;
  text-decoration: none;
}

.breadcrumbs ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

.breadcrumbs ul li a:active {
  color: #fff;
  text-decoration: none;
}

/* main header */

main>header {
  height: 185px;
  clear: both;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: -30px;
}

#guide main>header {
  background-image: url(../../guide/images/title.jpg);
  padding-top: 65px;
  text-align: center;
}

#event main>header {
  background-image: url(../../event/images/eventBg.jpg);
  padding-top: 65px;
  text-align: center;
}

#exhibition main>header,
#information main>header {
  background-image: url(../../exhibition/images/detailHeader.jpg);
  padding-top: 65px;
  text-align: center;
}

#guide main>header h1,
#event main>header h1,
#information main>header h1,
#exhibition main>header h1 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .5em;
}

#guide main>header h1 small,
#event main>header h1 small,
#information main>header h1 small,
#exhibition main>header h1 small {
  font-size: 14px;
  padding-top: 10px;
  display: block;
  letter-spacing: .25em;
}

/* container inside */
h1,
h2,
h3,
h4 {
  font-weight: bold;
}

#container {
  width: 1000px;
  margin: 0 auto;
}

#container>article {
  width: 700px;
  float: left;
  padding: 30px 0;
  min-height: 600px;
}

#container.noNav>article {
  width: 1000px;
  float: none;
  padding: 30px 0;
}

#container>article h1 {
  font-size: 25px;
  color: #0046ad;
  position: relative;
  line-height: 1.4;
  margin-bottom: 30px;
}

#container article section {
  border-bottom: 2px #e6eced solid;
  padding: 0 15px 40px;
  margin-bottom: 40px;
}

#container article section:last-child {
  border-bottom: none;
  padding: 0 15px 0;
  margin-bottom: 0;
}

#container article h1:before {
  background: url(../images/sprite.png) -70px -50px no-repeat;
  background-size: 500px auto;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 7px;
  top: 15px;
  content: "";
}

#container article h1:after {
  content: '';
  display: block;
  background: #ccc;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

#container article h1 span {
  border-bottom: 2px #0046ad solid;
  padding: 5px 0 15px 40px;
  display: inline-block;
  position: relative;
  z-index: 2;
  line-height: 1.3;
}

#container article h2 {
  font-size: 20px;
  color: #0046AD;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
}

#container article h2:before {
  content: '';
  background: #8dbce5;
  width: 17px;
  height: 3px;
  position: absolute;
  top: 49%;
  left: 0;
}

#container article p {
  margin-bottom: 30px;
}

#container article ul {
  list-style: disc;
  margin: 0 0 30px 1.5em;
}

#container article ul li {
  line-height: 1.5;
  margin-bottom: .5em;
}

#container article ul li.asterisk,
#container article ul li.asterisk-red {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#container article ul li.asterisk:before {
  content: "※";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  color: #000;
}

#container article ul li.asterisk-red:before {
  content: "※";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  color: #ec4545;
}

#container article ul li.asterisk-top {
  margin-top: 23px;
}

/* category index */
/*article.index {
  background: #e6ebed;
  max-width: 1150px;
  margin: 30px auto;
  padding-bottom: 1px;
  line-height: 1.75;
}
*/

article.index>header {
  background: #ccc;
  background-size: cover;
  max-width: 1150px;
  margin: 0 auto;
  padding-top: 90px;
  text-align: center;
  color: #fff;
}

article.index>header h1 {
  font-size: 18px;
  letter-spacing: .5em;
}

article.index>header h1 small {
  font-size: 14px;
  padding-top: 10px;
  display: block;
  letter-spacing: .25em;
}

article.index>header h1:before {
  background: url(../images/sprite.png) 0 0 no-repeat;
  background-size: 500px auto;
  content: '';
  display: block;
  margin: 0 auto 20px;
}

#about article.index>header {
  background: url(../../about/images/header.jpg) no-repeat center center;
  background-size: cover;
  height: 480px;
}

#about article.index>header h1:before {
  background-position: 0 0;
  width: 24px;
  height: 45px;
}

#guide article.index>header {
  background: url(../../guide/images/header.jpg) no-repeat center center;
  background-size: cover;
  height: 315px;
}

#guide article.index>header h1:before {
  background-position: -25px 0;
  width: 32px;
  height: 45px;
}

#exhibition article.index>header {
  background: url(../../exhibition/images/header.jpg) no-repeat center center;
  background-size: cover;
  height: 315px;
}

#exhibition article.index>header h1:before {
  background-position: -60px 0;
  width: 32px;
  height: 35px;
}

nav.catNav {
  clear: both;
  width: 1000px;
  margin: 50px auto 20px;
}

nav.catNav a {
  width: 480px;
  float: left;
  background-color: transparent;
  margin-bottom: 40px;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

nav.catNav a:hover {
  opacity: 1;
  background-color: #fff;
}

nav.catNav a figure {
  overflow: hidden;
  width: 100%;
  background-color: transparent;
}

nav.catNav.exhibition a figure,
nav.catNav.exhibition a figure img {
  width: 100%;
  background-color: transparent;
  vertical-align: top;
}

nav.catNav a figure img {
  transition: all .2s ease-in;
  width: 100%;
  vertical-align: top;
  height: auto
}

nav.catNav a:hover figure img {
  opacity: .6;
}

nav.catNav a:nth-child(2n) {
  float: right;
}

nav.catNav a div {
  padding: 20px 0;
  background-color: #fff;
  height: 150px;
}

nav.catNav h2 {
  font-size: 16px;
  color: #0046AD;
  margin-bottom: 5px;
}

/* local navigation */
aside {
  width: 270px;
  float: right;
  padding-top: 30px;
}

aside nav {
  border: 2px solid #0e3a86;
  border-radius: 6px;
  position: relative;
  margin: 0 0 50px 0;
  top: 22px;
}

aside nav h2 {
  width: 208px;
  height: 44px;
  line-height: 44px;
  background: #0e3a86;
  border-radius: 22px;
  color: #fff;
  text-align: center;
  position: relative;
  top: -22px;
  margin: 0 auto -22px;
}

aside nav h2:before {
  position: absolute;
  top: 17px;
  left: 37px;
  content: "";
  width: 11px;
  height: 9px;
  background: url(../images/sprite.png) -100px -75px no-repeat;
  background-size: 500px auto;
}

aside nav h3 {
  font-size: 16px;
  line-height: 1.0;
  padding: 30px 0 30px 105px;
  position: relative;
  color: #0e3a86;
}

aside nav h3 small {
  font-size: 12px;
  display: block;
  margin-top: 9px;
}

aside nav ul li:first-child {
  border-top: 1px solid #0e3a86;
}

aside nav ul li:last-child {
  border-bottom: none;
}

aside nav ul li {
  border-bottom: 1px solid #0e3a86;
  display: flex;
  align-items: center;
  /* height: 100%; */
}

aside nav ul li a {
  display: block;
  position: relative;
  color: #0e3a86;
  font-size: 14px;
  padding: 18px 15px 18px 39px;
  width: 100%;
  line-height: 1.3;
}

aside nav ul li:nth-of-type(7) a {
  padding: 18px 15px 18px 39px;
}

aside nav ul li:last-child a {
  border-radius: 0 0 4px 4px;
}

aside nav ul li a:before {
  background: url(../images/sprite.png) -120px -70px;
  background-size: 500px auto;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 18px;
  top: calc(50% - 6px);
}

aside nav ul li a:hover,
aside nav ul li a.active {
  background: #4fc7e4;
  color: #fff;
  text-decoration: none;
  line-height: inherit;
}

aside nav.guideNav ul li a:hover,
aside nav.guideNav ul li a.active {
  line-height: 1.3;
}

.specialEvent aside nav.eventNav ul li a {
  background: #4fc7e4;
  color: #fff;
  text-decoration: none;
}

.specialEvent aside nav.eventNav ul li a:before {
  background: url(../images/sprite.png) -120px -50px;
  background-size: 500px auto;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 18px;
  top: 18px;
}

aside nav ul li.corona:hover,
aside nav ul li.corona:active {
  background: #4fc7e4;
  color: #fff;
  text-decoration: none;
  line-height: inherit;
}

aside nav ul li a:hover:before,
aside nav ul li a.active:before {
  background: url(../images/sprite.png) -120px -50px;
  background-size: 500px auto;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 18px;
  top: calc(50% - 8px);
}

aside nav ul li.corona {
  line-height: 1.3;
  height: 75px;
}

aside nav ul li.corona a {
  padding: 0 15px 0 90px;
  display: flex;
  align-items: center;
  height: 100%;
}

aside nav ul li.corona a:before {
  top: 31px;
}

aside nav ul li.corona a:after {
  content: "";
  background: url(../images/corona.png) no-repeat;
  background-size: cover;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 20px;
  left: 43px;
}

aside nav.guideNav h3:before {
  background: url(../images/sprite.png) -70px -75px no-repeat;
  background-size: 500px auto;
  width: 22px;
  height: 30px;
  content: "";
  position: absolute;
  top: 32px;
  left: 65px;
}

aside nav.eventNav h3:before,
aside nav.event-report_nav h3:before,
aside nav.infoNav h3:before {
  background: url(../images/sprite.png) -70px -110px no-repeat;
  background-size: 500px auto;
  width: 26px;
  height: 26px;
  content: "";
  position: absolute;
  top: 32px;
  left: 65px;
}

aside nav.archivesNav h3:before,
aside nav.event-report-archives_nav h3:before {
  content: "";
  background: unset;
  background-image: url(../images/icon_event-report.png);
  background-size: cover;
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 31px;
  top: 32px;
  left: 65px;
}
/* event
----------------------------------------------------------- */
.txt_cancel {
  display: block;
  color: #fff;
  text-align: center;
  background-color: #bb1e1e;
  letter-spacing: 5px;
  font-size: 19px;
  padding: 21px 5px;
  line-height: 1.5;
}
.txt_end {
  background-color: #CC1C24;
  color: #fff;
  padding: 5px 20px;
  text-align: center;
  width: 90%;
  margin: 0 auto 20px;
  font-family: 'notosansBd';
}
.txt_cancel span {
  font-size: 28px;
  display: block;
  margin-bottom: 10px;
}

.txt_line {
  text-decoration: line-through;
}

.fcRedBold {
  color: #CC1C24 !important;
}

.fcRedBold:after {
  content: none !important;
}
/* aside nav.archivesNav ul {
  margin-top: 34px;
} */

/* each page
========================================*/
/* top page */



#top #mainVisual {
  z-index: 0;
  height: 700px;
  background: linear-gradient(to bottom, #30bacd 0%, #434f8d 100%);
  position: relative;
}

#top #mainVisualSp {
  display: none;
}

#top #mainVisual>div {
  width: 100%;
  height: 700px;
  z-index: 1;
  position: relative;
  opacity: 0;
}

#top #mainVisual .mv01 {
  background: url(../../images/mv01.jpg) center center;
  height: 700px;
  background-size: cover;
}

#top #mainVisual .mv02 {
  background: url(../../images/mv02.jpg) center center;
  height: 700px;
  background-size: cover;
}

#top #mainVisual .mv03 {
  background: url(../../images/mv03.jpg) center center;
  height: 700px;
  background-size: cover;
}

#top #mainVisual .mv04 {
  background: url(../../images/mv04.jpg) center center;
  height: 700px;
  background-size: cover;
}

#top #mainVisual .mv05 {
  background: url(../../images/mv05.jpg) top center no-repeat;
  height: 700px;
  background-size: cover
}

#top #mainVisual .mv06 {
  background: url(../../images/mv06.jpg) center center;
  height: 700px;
  background-size: cover;
}

#top #mainVisual .mv07 {
  background: url(../../images/mv07.jpg) center center;
  height: 700px;
  background-size: cover;
}

#top #mainVisual .mv08 {
  background: url(../../images/mv08.jpg) center center no-repeat;
  height: 700px;
  background-size: contain
}

#top #mainVisual .mv09 {
  background: url(../../images/mv09.jpg) center center;
  height: 700px;
  background-size: cover;
}

#top #mainVisual .mv10 {
  background: url(../../images/mv10.jpg) center center;
  height: 700px;
  background-size: cover;
}

#top #mainVisual .slick-arrow {
  width: 70px;
  height: 23px;
  z-index: 10;
}

#top #mainVisual .slick-prev {
  left: 0;
}

#top #mainVisual .slick-next {
  right: 0;
}

#top #mainVisual .slick-arrow:before {
  width: 70px;
  height: 23px;
  background: url(../images/sprite.png) no-repeat;
  background-size: 500px auto;
  z-index: 10;
  display: block;
  content: '';
}

#top #mainVisual .slick-arrow.slick-prev:before {
  background-position: 0 -125px;
}

#top #mainVisual .slick-arrow.slick-next:before {
  background-position: 0 -90px;
}

#top #mainVisual div.content {
  margin: 241px auto 0 auto;
  position: relative;
}

#top #mainVisual .mv06 div.content,
#top #mainVisual .mv04 div.content,
#top #mainVisual .mv01 div.content {
  margin: 193px auto 0 auto;
}

#top #mainVisual .mv07 div.content {
  margin: 193px auto 0 auto;
}

#top #mainVisual .mv08 div.content {
  margin: 253px auto 0 auto;
}

#top #mainVisual .mv01 div.content {
  width: 607px;
  height: 155px;
  background: url(../../images/mv01Txt.png) no-repeat center top;
  background-size: cover;
}

#top #mainVisual .mv02 div.content {
  width: 618px;
  height: 110px;
  background: url(../../images/mv02Txt.png) no-repeat center top;
  background-size: cover;
}

#top #mainVisual .mv03 div.content {
  width: 607px;
  height: 110px;
  background: url(../../images/mv03Txt.png) no-repeat center top;
  background-size: cover;
}

#top #mainVisual .mv04 div.content {
  width: 607px;
  height: 157px;
  background: url(../../images/mv04Txt.png) no-repeat center top;
  background-size: cover;
}

#top #mainVisual .mv05 div.content {
  width: 607px;
  max-width: 1000px;
  height: 315px;
  background: url(../../images/mv05Txt.png) no-repeat center top;
  background-size: contain
}

#top #mainVisual .mv06 div.content {
  width: 607px;
  height: 157px;
  background: url(../../images/mv06Txt.png) no-repeat center top;
  background-size: contain
}

#top #mainVisual .mv07 div.content {
  width: 607px;
  height: 157px;
  background: url(../../images/mv07Txt.png) no-repeat center top;
  background-size: contain
}

#top #mainVisual .mv08 div.content {
  width: 607px;
  height: 117px;
  background: url(../../images/mv08Txt.png) no-repeat center top;
  background-size: contain
}

#top #mainVisual .mv09 div.content {
  margin-top: 150px;
  height: 200px;
  background: url(../../images/mv09Txt_02.png) no-repeat center top;
  background-size: contain
}

#top #mainVisual .mv10 div.content {
  margin-top: 50px;
  max-width: 1000px;
  background: url(../../images/mv10Txt.png) no-repeat center top;
  background-size: contain
}


#top #mainVisual div.content a {
  background: rgba(0, 141, 176, .7);
  display: block;
  width: 230px;
  height: 60px;
  margin: 211px auto 0 auto;
  line-height: 58px;
  border: 1px #fff solid;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  z-index: 0;
  position: relative;
}

#top #mainVisual .mv02 div.content a,
#top #mainVisual .mv03 div.content a {
  margin: 160px auto 0 auto;
}

#top #mainVisual .mv09 div.content a {
  margin-top: 250px;
}

#top #mainVisual .mv10 div.content a {
  margin-top: 350px;
}


#top #mainVisual div.content .mvIcon {
  background: url(../../images/freeIcon.png) no-repeat left top;
  background-size: cover;
  width: 116px;
  height: 117px;
  position: absolute;
  right: 112px;
  z-index: 20
}

#top #mainVisual .mv06 div.content .mvIcon,
#top #mainVisual .mv04 div.content .mvIcon,
#top #mainVisual .mv08 div.content .mvIcon,
#top #mainVisual .mv01 div.content .mvIcon {
  top: 135px;
}

#top #mainVisual .mv02 div.content .mvIcon,
#top #mainVisual .mv03 div.content .mvIcon,
#top #mainVisual .mv07 div.content .mvIcon {
  top: 87px;
}

#top #mainVisual .mv05 div.content .mvIcon {
  display: none
}

#top #mainVisual .mv05 div.content {
  margin: 1.3% auto 0 auto;
}

#top #mainVisual .mv05 div.content a {
  margin: 385px auto 0 auto;
  line-height: 58px;
}

#top #mainVisual .mv10 div.content .mvIcon {
  top: 290px;
  right: 58%
}

#top #mainVisual div.content h1,
#top #mainVisual div.content p {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

#top #mainVisual div.content a:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 10px;
  background: url(../images/sprite.png) no-repeat -100px -30px;
  background-size: 500px auto;
  vertical-align: middle;
  position: relative;
  margin-left: 10px;
  top: -2px;
}

#top #topicSlider {
  background: #e5ebed;
  position: relative;
  clear: both;
  height: 350px;
}

#top #topicSlider .slides {
  width: 1050px;
  height: 395px;
  margin: 0 auto;
  position: relative;
  top: -90px;
}

#top #topicSlider .slide {
  width: 330px;
  height: 395px;
  border: 1px #fff solid;
  padding: 5px;
  float: left;
  margin: 0 15px;
}

#top #topicSlider .slide a {
  display: block;
  text-decoration: none;
}

#top #topicSlider .slide a:hover {
  opacity: 1;
}

#top #topicSlider .slide a img {
  transition: all .2s ease-in;
}

#top #topicSlider .slide a:hover img {
  opacity: .6;
}

#top #topicSlider .slide figure {
  background: #fff;
}

#top #topicSlider .slide figure img {
  width: 100%;
  height: auto;
}

#top #topicSlider .slide dl {
  background: #fff;
  height: 190px;
  padding: 20px;
}

#top #topicSlider .slide dl dt {
  font-size: 16px;
  color: #008db0;
  border-bottom: 1px #ebeff1 solid;
  padding-bottom: 15px;
}

#top #topicSlider .slide dl dt i {
  font-size: 12px;
  display: block;
  padding-top: 5px;
}

#top #topicSlider .slide dl dd {
  padding: 20px 0 0;
}

#top #topicSlider .slick-arrow {
  width: 45px;
  height: 45px;
  z-index: 10;
}

#top #topicSlider .slick-prev {
  left: -50px;
}

#top #topicSlider .slick-next {
  right: -50px;
}

#top #topicSlider .slick-arrow:before {
  width: 45px;
  height: 45px;
  background: url(../images/sprite.png) no-repeat;
  background-size: 500px auto;
  z-index: 10;
  display: block;
  content: '';
}

#top #topicSlider .slick-arrow.slick-prev:before {
  background-position: -145px 0;
}

#top #topicSlider .slick-arrow.slick-next:before {
  background-position: -200px 0;
}

#top #topicSlider .viewMore {
  width: 220px;
  height: 60px;
  position: absolute;
  left: 50%;
  bottom: -30px;
  margin-left: -110px;
  font-weight: bold;
}

#top #topicSlider .viewMore a {
  width: 220px;
  height: 60px;
  line-height: 58px;
  background: #09559d;
  color: #fff;
  border: 1px #fff solid;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -115px;
  text-decoration: none;
}

#top #topicSlider .viewMore a:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 10px;
  background: url(../images/sprite.png) no-repeat -100px -30px;
  background-size: 500px auto;
  vertical-align: middle;
  position: relative;
  margin-left: 10px;
  top: -2px;
}

#top #zone {
  border: 1px #fff solid;
  border-width: 1px 0;
}

#top #zone>div {
  width: 50%;
  height: 440px;
  float: left;
  padding-top: 125px;
  color: #fff;
  text-align: center;
}

#top #zone div.history {
  border-right: 1px #fff solid;
  background: url(../../images/indexImg01.jpg) no-repeat center center;
  background-size: cover;
}

#top #zone div.future {
  background: url(../../images/indexImg02.jpg) no-repeat center center;
  background-size: cover;
}

#top #zone div p.head {
  font-size: 16px;
  position: relative;
  margin-bottom: 30px;
  font-weight: bold;
}

#top #zone div p.head em {
  font-size: 24px;
  padding-left: 10px;
}

#top #zone div p.head:before,
#top #zone div p.head:after {
  content: '';
  display: inline-block;
  height: 1px;
  width: 50px;
  margin: 0 15px;
  background: #fff;
  position: relative;
  vertical-align: middle;
  top: -2px;
}

#top #zone div h2 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: .5em;
  margin-bottom: 30px;
  text-indent: .25em;
}

#top #zone div h2 small {
  font-weight: bold;
  font-size: 14px;
  display: block;
  padding-top: 15px;
}

#top #zone div .viewDetail a {
  width: 160px;
  height: 50px;
  display: inline-block;
  border: 1px rgba(255, 255, 255, .6) solid;
  line-height: 48px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#top #zone div .viewDetail a:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 10px;
  background: url(../images/sprite.png) no-repeat -100px -30px;
  background-size: 500px auto;
  vertical-align: middle;
  position: relative;
  margin-left: 10px;
  top: -2px;
  opacity: .6;
}

#top #zone div .viewDetail a:hover {
  background: rgba(255, 255, 255, .2);
}

#top #topInfo {
  padding: 30px 0px 20px 0px;
  border: 1px #fff solid;
  border-width: 1px 0;
  clear: both;
}

#top #topInfo .inner {
  width: 915px;
  margin: 0 auto;
  padding: 0px 14px 0px 14px;
  background: #fff;
}

#top #topInfo .inner .information {
  width: 589px;
  float: left;
  margin-right: 14px;
}

#top #topInfo h2 {
  font-size: 17px;
  color: #195b67;
  position: relative;
  border-bottom: 2px solid #d5dfe0;
  font-weight: bold;
  padding: 0 25px 15px 25px;
  letter-spacing: 0.05em;
}

#top #topInfo h2 span,
#top #topInfo h2 small {
  font-size: 14px;
  font-weight: bold;
  color: #0b94c0;
  display: block;
  padding-top: 5px;
}

#top #topInfo h2 small {
  position: absolute;
  top: 0px;
  right: 25px;
  letter-spacing: 0.25em;
}

#top #topInfo h2 span {
  letter-spacing: 0.25em;
  text-align: center;
  position: relative;
}

#top #topInfo dl {
  margin-bottom: 20px;
}

#top #topInfo dl dt {
  font-size: 15px;
  color: #0b94c0;
  clear: both;
  padding: 30px 0 0 25px;
}

#top #topInfo dl dd {
  color: #3c3c3c;
  border-bottom: 1px solid #bebebe;
  padding: 15px 23px 28px 25px;
}

#top #topInfo .viewMore a {
  width: 290px;
  line-height: 60px;
  text-align: center;
  display: block;
  margin: 40px auto;
  border: 2px solid #154082;
  display: block;
  color: #154082;
  text-decoration: none;
  position: relative;
  letter-spacing: 0.05em;
}

#top #topInfo .viewMore a:before {
  background: url(../images/sprite.png) -120px -30px no-repeat;
  background-size: 500px auto;
  content: "";
  position: absolute;
  left: 234px;
  top: 50%;
  margin-top: -3px;
  width: 7px;
  height: 10px;
}

#top #topInfo .inner .twBox {
  width: 280px;
  float: left;
}

#top #topInfo .inner .twBox h2 span:before {
  position: absolute;
  top: 5px;
  left: 40px;
  width: 21px;
  height: 18px;
  content: "";
  background: url(../../images/twIcon.png) no-repeat;
  background-size: 21px 18px;
}

#top #topInfo .inner .twBox div {
  height: 630px !important;
  min-height: 630px !important;
}

#top #topInfo .inner .twBox div iframe {
  height: 100% !important;
}


/* about */
#about .topSection {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
  background: #fff;
  padding: 60px 130px;
  /*margin-top: -60px;*/
  margin-top: 50px;
}

#about .topSection h2 {
  color: #0046ad;
  text-align: center;
  font-size: 23px;
  line-height: 1.0;
  margin-bottom: 40px;
  letter-spacing: 0.35em;
  font-weight: bold;
}

#about .topSection h2 small {
  font-size: 20px;
  margin-bottom: 19px;
  display: block;
}

#about .topSection p {
  line-height: 2;
}

#about section.about {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
  background: linear-gradient(to bottom, rgb(37, 155, 191) 0%, rgb(48, 110, 168) 47%, rgb(56, 75, 151) 100%);
  clear: both;
}

#about section.about figure,
#about section.about>div {
  width: 50%;
  float: left;
}

#about section.about figure img {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto;
}

#about section.about>div {
  padding: 40px 90px;
  text-align: center;
  color: #fff;
}

#about section.about h2 {
  font-size: 18px;
  line-height: 1.0;
  text-align: center;
  margin-bottom: 24px;
  position: relative;
}

#about section.about small {
  font-size: 13px;
  display: block;
  font-weight: bold;
  letter-spacing: .25em;
  position: relative;
}

#about section.about h2 small:after {
  width: 30px;
  height: 36px;
  content: '';
  display: block;
  margin: 10px auto 15px;
  background: url(../images/sprite.png);
  background-size: 500px auto;
}

#about section.about.enjoyment h2 small:after {
  width: 25px;
  height: 45px;
  content: '';
  display: block;
  margin: 10px auto 15px;
  background: url(../images/sprite.png);
  background-size: 500px auto;
}

#about section.about.guide h2 small:after {
  background-position: -30px -50px;
}

#about section.about.exhibition h2 small:after {
  background-position: 0 -50px;
}

#about section.about p {
  font-size: 15px;
  line-height: 1.7;
  text-align: left;
  margin-bottom: 20px;
}

#about section.about a {
  width: 180px;
  line-height: 51px;
  display: block;
  text-align: center;
  border: 1px solid #fff;
  margin: 22px auto 0 auto;
  position: relative;
  padding-right: 20px;
  letter-spacing: 0.05em;
  color: #fff;
  display: block;
  text-decoration: none;
  color: #0046ad;
  background-color: #ffffff;
}

#about section.about a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #017fcd;
  border-right: solid 2px #017fcd;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
}

#about section.about a:hover {
  background: rgba(255, 255, 255, .0);
  border: 1px solid #fff;
  color: #fff;
  opacity: 1;
}

#about section.about a:hover::before {
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
}

/* guide */
dl.guideInfo {
  margin-bottom: 30px;
  clear: both;
  line-height: 17px;
}

dl.guideInfo dt {
  width: 5.5em;
  border: 2px #2c2c2c solid;
  float: left;
  text-align: center;
  font-size: 12px;
  margin-bottom: 15px;
}

dl.guideInfo dt.ft_caution {
  border: 2px #ec4545 solid;
  color: #ec4545;
}

dl.guideInfo dd {
  font-size: 14px;
  float: left;
  padding-left: 20px;
  margin-right: 0;
  margin-bottom: 15px;
  width: calc(100% - 100px);
}

dl.guideInfo dd.ft_caution {
  color: #ec4545;
}

dl.guideInfo .asterisk-red {
  margin-left: 20px;
}

dl.guideInfo .asterisk-red:before {
  content: "※";
  display: inline-block;
  width: 20px;
  margin-left: -20px;
  color: #ec4545;
}

@media screen and (min-width: 1001px) {

  #siteHeader .header nav.global>ul>li:nth-child(1) {
    width: 20%;
  }

  #siteHeader .header nav.global>ul>li:nth-child(2) {
    width: 15%;
  }

  #siteHeader .header nav.global>ul>li:nth-child(3) {
    width: 15%;
  }

  #siteHeader .header nav.global>ul>li:nth-child(4) {
    width: 12%;
  }

  #siteHeader .header nav.global>ul>li:nth-child(5) {
    width: 12%;
  }

  #siteHeader .header nav.global>ul>li:nth-child(6) {
    width: 26%;
  }
}

/*@media screen and (min-width:641px) and (max-width:950px) {
  #siteHeader {
    height: 256px;
  }

  #siteHeader .header nav.global {
    top: 110px;
    height: 71px;
  }

  #siteHeader .header nav.functions {
    left: 50%;
    transform: translatex(-50%);
    top: 80px;
    right: inherit;
    width: 99%;
  }

  #siteHeader .header nav.functions ul.links li a {
    font-size: min(1.8vw, 14px);
  }

}*/

@media screen and (max-width: 1000px) {
  dl.guideInfo.lunchTime dt {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 3px !important;
  }

  dl.guideInfo dd {
    width: 100% !important;
  }
}

dl.guideInfo dt:nth-of-type(3) {
  clear: both;
}

dl.guideInfo dt:nth-of-type(2) {
  clear: both;
}

.location figure:first-of-type {
  margin: 30px 0;
}

.location p {
  margin-bottom: 30px;
}

.transfer h3 {
  color: #1ea3c9;
  font-size: 15px;
  padding-left: 32px;
  position: relative;
  margin: 47px 0 20px 0;
  margin-left: -8px;
}

.transfer h3:first-child {
  margin-top: 0px;
}

.transfer h3.train {
  background: url(../../guide/images/trainTit.png) left center no-repeat;
  background-size: 16px 19px;
  line-height: 19px;
  padding-left: 23px;
}

.transfer h3.plane {
  background: url(../../guide/images/planeTit.png) left center no-repeat;
  background-size: 20px 21px;
  line-height: 21px;
  margin-left: -10px;
  padding-left: 32px;
}

.transfer h3.car {
  background: url(../../guide/images/carTit.png) left center no-repeat;
  background-size: 17px 13px;
  line-height: 15px;
  margin-left: -8px;
}

.transfer dl dt {
  color: #1ea3c9;
  margin-bottom: 10px;
}

.transfer dl dt:before {
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url(../images/sprite.png) no-repeat -95px -50px;
  background-size: 500px auto;
  content: '';
  margin-right: 2px;
  position: relative;
  top: 3px;
}

.transfer dl dd {
  margin-bottom: 10px;
  padding-left: 20px;
}

.transfer p {
  padding-left: 20px;
}

.transfer figure {
  padding: 0 0 50px 0;
}

figure.restaurantImg {
  margin: 0 auto 30px;
  width: 510px;
}

.guideInfo.lunchTime {
  margin-bottom: 0px;
}

dl.guideInfo.lunchTime dt {
  width: 100px;
  margin-bottom: 0px;
}

.lunchBox:after,
.lunchFigs:after {
  content: "";
  clear: both;
  display: block;
}

.lunchFigs figure {
  float: left;
  margin-bottom: 15px;
  width: 310px;
  position: relative;
}

.lunchFigs figure span {
  position: absolute;
  left: -40px;
  top: -20px;
  background: url(../../exhibition/images/pickupBg.png) left top no-repeat;
  background-size: 90px 90px;
  width: 90px;
  height: 90px;
  padding: 50px 0 0 0px;
  text-align: center;
  line-height: 1.3;
  color: #fff;
}

.lunchFigs {
  margin-bottom: 30px;
}

.lunchFigs figure:nth-child(odd) {
  margin-right: 30px;
}

.lunchBox {
  margin-bottom: 20px;
}

.lunchBox figure {
  float: right;
  width: 310px;
  margin-left: 20px;
}

figure.restaurant img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 1px;
}

.listatt li {
  list-style: none;
  margin-left: -1.5em;
}

#container article figure.restaurant ul {
  clear: both;
  margin: 0;
}

#container article figure.restaurant ul li {
  width: 33.33%;
  float: left;
  list-style: none;
  padding: 1px 1px 0 0;
}

#container article figure.restaurant ul li img {
  width: 100%;
  height: auto;
}

a.download {
  font-weight: bold;
  color: #0046ad;
}

a.download:hover {
  opacity: 1;
}

a.download:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 17px;
  background: url(../images/sprite.png) no-repeat -100px -110px;
  background-size: 500px auto;
  margin-right: 5px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

/* download link*/
a.downloadLink {
  background: #4fc7e4;
  padding: 5px;
  color: #fff;
}

.infoBox {
  border: 1px solid #D4D4D4;
  padding: 15px;
  margin: 30px 0;
  font-size: 13px;
}

#container article .infoBox h2 {
  color: #2c2c2c;
  font-size: 16px;
  margin-bottom: 10px;
  padding-left: 0;
}

#container article .infoBox h2:before {
  display: none;
}

#container article .infoBox p {
  margin-bottom: 15px;
  line-height: 1.75;
}

#container article .infoBox p:last-child {
  margin-bottom: 0;
}

dl.contact {
  margin-bottom: 50px;
}

dl.contact dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

dl.contact dd {
  margin-bottom: 30px;
}

/* exhibition */
nav.catNav.exhibition {
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  z-index: 100
}

nav.catNav.exhibition div p.head {
  font-size: 16px;
  position: relative;
  margin-bottom: 30px;
  font-weight: bold;
  color: #0046AD;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1;
}

nav.catNav.exhibition div p.head em {
  font-size: 24px;
  padding-left: 10px;
}

nav.catNav.exhibition div p.head:before,
nav.catNav.exhibition div p.head:after {
  content: '';
  display: inline-block;
  height: 1px;
  width: 6vw;
  margin: 0 15px;
  background: #0046AD;
  position: relative;
  vertical-align: middle;
  top: -2px;
}

nav.catNav.exhibition div h2 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: .5em;
  margin-bottom: 20px;
  text-indent: .25em;
  text-align: center;
}

nav.catNav.exhibition div h2 small {
  font-weight: bold;
  font-size: 14px;
  display: block;
  padding-top: 0;
}

nav.catNav.exhibition div h2+p {
  font-size: 15px;
  min-height: 5.5em;
}

section.floorMap {
  overflow-x: auto;
}

#exhibition article.index section.floorMap {
  background: #fff;
  padding: 40px 26px 65px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 60px;
  border-radius: 5px;
  overflow-x: auto;
}

.floorMap h2 {
  font-size: 18px;
  color: #0046AD;
  text-align: center;
  line-height: 1.0;
  letter-spacing: .5em;
  font-weight: bold;
}

.floorMap h2 span {
  display: block;
  font-size: 13px;
  margin-top: 14px;
  letter-spacing: .25em;
}

.floorMap .map figure {
  z-index: 0;
}

.floorMap .map .mapLinks {
  z-index: 10;
  position: relative;
  background: url(../../exhibition/images/floorImg01.png) left top no-repeat;
  background-size: 944px auto;
  height: 647px;
  width: 944px;
}

.floorMap .map .mapLinks div a {
  z-index: 11;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.01em;
  line-height: 1.6;
  padding: 2px 4px;
}

.floorMap .map .mapLinks .v-rl a {
  writing-mode: vertical-rl;
  letter-spacing: 0.3em;
  padding: 5px 5px 20px 5px !important;
}

.floorMap .map .mapLinks div a:hover {
  border-radius: 3px;
  text-decoration: none;
  display: inline-block;
  opacity: 0.8;
}

.floorMap .map .mapLinks a.arrow_blue_r,
section.floorMap figure.future a.arrow_blue_r {
  position: relative;
  background-color: #017fcd;
  color: #E3F4FD;
  padding: 5px 20px 5px 5px;
}

.floorMap .map .mapLinks a.arrow_blue_r:before,
section.floorMap figure.future a.arrow_blue_r:before {
  content: '';
  width: 15px;
  height: 15px;
  background: #E3F4FD;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
}

.floorMap .map .mapLinks a.arrow_blue_r:after,
section.floorMap figure.future a.arrow_blue_r:after {
  content: '';
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 2px #017fcd;
  border-right: solid 2px #017fcd;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 7px;
  bottom: 0;
  margin: auto;
}

.floorMap .map .mapLinks a.arrow_orange_r,
section.floorMap figure.history a.arrow_orange_r {
  position: relative;
  background-color: #cc5c2a;
  color: #F6EBC8;
  padding: 5px 20px 5px 5px;
}

.floorMap .map .mapLinks a.arrow_orange_r:before,
section.floorMap figure.history a.arrow_orange_r:before {
  content: '';
  width: 15px;
  height: 15px;
  background: #F6EBC8;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
}

.floorMap .map .mapLinks a.arrow_orange_r:after,
section.floorMap figure.history a.arrow_orange_r:after {
  content: '';
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 2px #cc5c2a;
  border-right: solid 2px #cc5c2a;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 7px;
  bottom: 0;
  margin: auto;
}

.floorMap .map .mapLinks a.arrow_orange_rl,
section.floorMap figure.history a.arrow_orange_rl,
section.floorMap figure.history p.arrow_orange_rl {
  position: relative;
  background-color: #cc5c2a;
  color: #F6EBC8;
  padding: 5px 5px 20px 5px;
}

.floorMap .map .mapLinks a.arrow_orange_rl:before,
section.floorMap figure.history a.arrow_orange_rl:before,
section.floorMap figure.history p.arrow_orange_rl:before {
  content: '';
  width: 15px;
  height: 15px;
  background: #F6EBC8;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  margin: auto;
}

.floorMap .map .mapLinks a.arrow_orange_rl:after,
section.floorMap figure.history a.arrow_orange_rl:after,
section.floorMap figure.history p.arrow_orange_rl:after {
  content: '';
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 2px #cc5c2a;
  border-right: solid 2px #cc5c2a;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
  margin: auto;
}




.floorMap .map .mapLinks a.arrow_green_r {
  position: relative;
  background-color: #63a446;
  color: #ffffff;
  padding: 5px 20px 5px 5px;
}

.floorMap .map .mapLinks a.arrow_green_r:before {
  content: '';
  width: 15px;
  height: 15px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
}

.floorMap .map .mapLinks a.arrow_green_r:after {
  content: '';
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 2px #63a446;
  border-right: solid 2px #63a446;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 7px;
  bottom: 0;
  margin: auto;
}





.floorMap .map .mapLinks div.miraiA01 a {
  position: absolute;
  top: 37px;
  right: 96px;
}

.floorMap .map .mapLinks div.miraiA02 a {
  position: absolute;
  top: 240px;
  right: 177px;
}

.floorMap .map .mapLinks div.miraiA03 a {
  position: absolute;
  top: 192px;
  right: 375px;
}

.floorMap .map .mapLinks div.miraiA04 a {
  position: absolute;
  top: 103px;
  left: 360px;
}

.floorMap .map .mapLinks div.miraiA05 a {
  position: absolute;
  top: 16px;
  left: 313px;
}

.floorMap .map .mapLinks div.historyA01 a {
  position: absolute;
  top: 398px;
  right: 162px;
}

.floorMap .map .mapLinks div.historyA02 a {
  position: absolute;
  top: 325px;
  right: 158px;
}

.floorMap .map .mapLinks div.historyA03 a {
  position: absolute;
  top: 398px;
  right: 254px;
}

.floorMap .map .mapLinks div.historyA04 a {
  position: absolute;
  top: 325px;
  right: 303px;
}

.floorMap .map .mapLinks div.historyA05 a {
  position: absolute;
  top: 398px;
  right: 337px;
}

.floorMap .map .mapLinks div.historyA06 a {
  position: absolute;
  bottom: 46px;
  right: 245px;
}

.floorMap .map .mapLinks div.historyA07 a {
  position: absolute;
  top: 398px;
  right: 419px;
}

.floorMap .map .mapLinks div.historyA08 a {
  position: absolute;
  top: 325px;
  right: 434px;
}

.floorMap .map .mapLinks div.historyA09 a {
  position: absolute;
  top: 372px;
  left: 430px;
}

.floorMap .map .mapLinks div.historyA10 a {
  position: absolute;
  top: 320px;
  left: 364px;
}

.floorMap .map .mapLinks div.historyA11 a {
  position: absolute;
  bottom: 95px;
  left: 350px;
}

.floorMap .map .mapLinks div.historyA12 a {
  position: absolute;
  bottom: 55px;
  left: 350px;
}

.floorMap .map .mapLinks div.historyA013 a {
  position: absolute;
  top: 309px;
  right: 116px;
}

.floorMap .map .mapLinks div.companyA01 a {
  position: absolute;
  top: 27px;
  left: 105px;
  /*  color: #4EA636;*/
}

/*.floorMap .map .mapLinks .hgreen a {
  color: #4EA636;
}

.floorMap .map .mapLinks .hgreen a:hover {
  background-color: #3daf1e;
  color: #EDF6EA;
}
*/
/*.floorMap .map .mapLinks .horange a {
  color: #E07134;
}

.floorMap .map .mapLinks .horange a:hover {
  background-color: #E07134;
  color: #F6EBC8;
}*/

/*.floorMap .map .mapLinks .hblue a {
  color: #0081CC;
}

.floorMap .map .mapLinks .hblue a:hover {
  background-color: #0081CC;
  color: #E3F4FD;
}*/




#exhibition article.index>header {
  position: relative;
}

#exhibition article.index>header p.head {
  font-size: 16px;
  position: relative;
  margin-bottom: 40px !important;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1;
}

#exhibition article.index>header p.head em {
  font-size: 24px;
  padding-left: 10px;
}

#exhibition article.index>header p.head:before,
#exhibition article.index>header p.head:after {
  content: '';
  display: inline-block;
  height: 1px;
  width: 50px;
  margin: 0 15px;
  background: #fff;
  position: relative;
  vertical-align: middle;
  top: -2px;
}

#exhibition article.index>header h1:before {
  display: none;
}

#exhibition article.index>header h1 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: .5em;
  margin-bottom: 20px;
  text-indent: .25em;
  text-align: center;
}

#exhibition article.index>header h1 small {
  font-weight: bold;
  font-size: 14px;
  display: block;
  padding-top: 10px;
  letter-spacing: .75em;
}

#exhibition article.index>header .topSection {
  background: #fff;
  width: 1000px;
  height: 200px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -500px;
  color: #2c2c2c;
  padding-top: 50px;
}

#container>.topSection {
  background: #fff;
  width: 100%;
  max-width: 1000px;
  height: 200px;
  margin: 0 auto;
  color: #2C2C2C;
  padding-top: 74px;
  text-align: center;
}

#exhibition article.index>header .topSection h2 {
  color: #0046ad;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: .25em;
}

#exhibition article.index>header .topSection p {
  font-size: 15px;
  line-height: 1.75;
}

.imgScroll {
  margin-bottom: 30px;
}

.imgScroll li a {
  display: block;
  width: 100%;
  height: 100%;
}

.imgScroll li a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/linkArr.png) no-repeat right center rgba(0, 0, 0, .4);
  background-size: 20px;
  border-radius: 4px;
  color: #fff;
  padding: 0 20px;
  text-align: center;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.imgScroll li a:hover {
  opacity: 1;
}

.imgScroll li a:hover span {
  opacity: 1;
}

.imgScroll li a span i {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  font-size: 14px;
}

.exhibtionWrap {
  background: #e9f1f5;
  max-width: 1150px;
  margin: 0 auto;
  padding-bottom: 60px;
}

section.floorMap h2 {
  /*margin-bottom:10px;*/
  margin-bottom: 50px;
}

section.floorMap figure {
  position: relative;
  padding: 0;
}

section.floorMap figure a {
  display: block;
  position: absolute;
  /*text-indent: 120%;*/
  white-space: nowrap;
  /*overflow: hidden;*/
}

section.floorMap figure.history {
  background: url(../../exhibition/images/historyMap.jpg) no-repeat 0 0;
  background-size: 690px auto;
  width: 690px;
  height: 434px;
  margin: 0 auto;
}

/* exhibition > history / future */


#exhibition article.index.history {
  width: 100%;
  max-width: none;
  background-color: transparent;
}

#exhibition article.index.history>header {
  background: url(../../exhibition/images/historyBg.jpg) no-repeat center center;
  background-size: cover;
  height: 560px;
  margin-bottom: 30px;
}

#exhibition article.index.history>header.future {
  background-image: url(../../exhibition/images/futureBg.jpg);
}

.floorMap nav {
  width: 100%;
  height: 100%;
  position: relative;
}

section.floorMap figure.history a,
section.floorMap figure.history a p {
  color: #E07134;
  z-index: 100;
  font-size: 13px;
  font-family: 'notosansBd';
  text-align: center;
  letter-spacing: 0.01em;
  line-height: 1.6;
  padding: 2px 4px;
  display: inline-block;
  text-indent: unset;
  overflow: unset;
  position: absolute;
  white-space: nowrap;
}

section.floorMap figure.history a.v-rl,
section.floorMap figure.history a p.v-rl {
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.3em;
  padding: 5px 4px 1.5rem 1px !important;
}

section.floorMap figure.history a:hover,
section.floorMap figure.history a.a03:hover p,
section.floorMap figure.history a p:hover {
  background-color: #E07134;
  color: #F6EBC8;
  text-decoration: none;
  border-radius: 3px;
}

section.floorMap figure.history a.a03:hover {
  background-color: transparent;
}

section.floorMap figure.history a.a01 {
  position: absolute;
  left: 51px;
  top: 88px;
}

section.floorMap figure.history a.a02 {
  position: absolute;
  left: 25px;
  top: 252px;
}

section.floorMap figure.history a.a03 {
  position: absolute;
  left: 113px;
  top: 72px;
}

section.floorMap figure.history p.a03-1 {
  position: absolute;
  left: 18px;
  top: 31px;
}

section.floorMap figure.history p.a03-2 {
  position: absolute;
  left: 128px;
  top: 86px;
}

section.floorMap figure.history p.a03-3 {
  position: absolute;
  left: 233px;
  top: 68px;
}

section.floorMap figure.history p.a03-4 {
  position: absolute;
  left: 338px;
  top: 87px;
}

section.floorMap figure.history a.a04 {
  position: absolute;
  left: 605px;
  top: 140px;
}

section.floorMap figure.history a.a05 {
  position: absolute;
  left: 99px;
  top: 378px;
}

section.floorMap figure.history a.a06 {
  position: absolute;
  left: 368px;
  top: 377px;
}

section.floorMap figure.history a.a07 {
  position: absolute;
  left: 135px;
  top: 42px;
}

section.floorMap figure.history a.a08 {
  position: absolute;
  left: 308px;
  top: 42px;
}

section.floorMap figure.history a.a09 {
  position: absolute;
  left: 475px;
  top: 42px;
}

section.floorMap figure.history a.a10 {
  position: absolute;
  left: 623px;
  top: 0;
}

section.floorMap figure.history a:hover {
  opacity: 1;
}

#exhibition article.index section {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
}

#exhibition article.index section.permanent h2,
#exhibition article.index section.special h2 {
  font-size: 16px;
  color: #0046AD;
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
}



#exhibition article.index section.permanent h2:before,
#exhibition article.index section.special h2:before {
  content: '';
  background: #28b7e3;
  width: 17px;
  height: 3px;
  position: absolute;
  top: 49%;
  left: 0;
}

#exhibition article.index section.special {
  position: relative;
  padding: 0;
  z-index: 0px;
}

#exhibition article.index section.special>div {
  width: 400px;
  height: 520px;
  position: absolute;
  top: 30px;
  right: 50px;
  padding: 95px 40px 0 45px;
  color: #fff;
  background: url(../../exhibition/images/historySpecialBg.png) left top no-repeat;
  background-size: cover;
  z-index: 50;
}

#exhibition article.index section.special>div h3 {
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 17px;
  letter-spacing: 0.15em;
}

#exhibition article.index section.special>div h3 span {
  font-size: 12px;
  line-height: 1.0;
  display: block;
  margin-top: 12px;
}

#exhibition article.index section.special>div p {
  font-size: 14px;
  line-height: 1.8;
  margin: 15px 0 35px 0;
  letter-spacing: 0.1em;
}

#exhibition article.index section.permanent>div a,
#exhibition article.index section.special>div a {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .6);
  width: 180px;
  height: 45px;
  display: block;
  line-height: 43px;
  text-decoration: none;
  position: relative;
  text-align: center;
  background-color: #0046ad;
}

#exhibition article.index section.permanent>div a:after,
#exhibition article.index section.special>div a:after {
  content: '';
  background: url(../images/sprite.png) -100px -30px no-repeat;
  background-size: 500px auto;
  width: 6px;
  height: 10px;
  display: inline-block;
  margin-left: 20px;

}

/*#exhibition article.index section.permanent>div a:hover,
#exhibition article.index section.special>div a:hover {
  background: rgba(255, 255, 255, .2);
}*/

#exhibition article.index section.permanent>div a {
  margin-top: 15px;
  color: #fff;
  height: 35px;
  display: block;
  line-height: 33px;
}

#exhibition article.index section.permanent.future div div {
  height: 280px;
  margin-top: -160px !important;
}

/*#exhibition article.index.history section.floorMap {
  margin-bottom: 0px;
}*/

#exhibition article.index section.communicator {
  margin-top: 30px;
  text-align: center;
  padding: 10px;
  padding-right: 50px;
}

/* exhibition > history H03 height */
#exhibition article.index section.permanent .pLt#h03 {
  height: 360px;
  margin-top: 0px !important;
}

#exhibition article.index section.permanent {
  padding: 0 78px 0 76px;
  z-index: 50;
  margin-top: -29px;
}

#exhibition article.index section.permanent .pLt,
#exhibition article.index section.permanent .pRt {
  position: relative;
  padding-bottom: 36px;
  clear: both;
}

#exhibition article.index section.permanent .pLt::before,
#exhibition article.index section.permanent .pRt::before {}

#exhibition article.index section.permanent figure {
  z-index: 0;
}

#exhibition article.index section.permanent .pRt figure {
  text-align: right;
}

#exhibition article.index section.permanent div {
  clear: both;
  position: relative;
}

#exhibition article.index section.permanent div div {
  background-color: rgba(255, 255, 255, .9);
  color: #0046ad;
  padding: 30px 40px 20px 40px;
  position: relative;
  min-height: 233px;
  width: 525px;
  position: absolute;
  top: 50%;
  box-shadow: 0px 0px 15px -5px #777777;
}

#exhibition article.index section.permanent .pLt div {
  right: 0;
}

#exhibition article.index section.permanent .pRt div {
  left: 0;
}

#exhibition article.index section.permanent div h3 {
  font-size: 18px;
  padding: 5px 0 25px 60px;
  position: relative;
  letter-spacing: 0.25em;
  line-height: 1.5;
  color: #0046AD;
}

#exhibition article.index section.permanent div h3 i {
  position: absolute;
  background: url(../images/sprite.png) -150px -115px no-repeat;
  display: block;
  background-size: 500px auto;
  width: 45px;
  height: 56px;
  color: rgba(255, 255, 255, 0.90);
  top: 0px;
  left: 0;
  padding: 8px 0 0 0;
  text-align: center;
  letter-spacing: 0;
  font-size: 22px;
}

#exhibition article.index section.permanent div h3 small {
  font-size: 12px;
  display: block;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

#exhibition article.index section.permanent div p {
  font-size: 14px;
  line-height: 1.8;
  border-top: 1px solid #0046ad;
  padding-top: 20px;
}

#exhibition article.index section.pickup {
  padding-bottom: 50px;
}

#exhibition article.index section.pickup.his {
  padding-bottom: 20px;
}

#exhibition article.index section.pickup header {
  position: absolute;
  left: -45px;
  top: -20px;
  background: url(../../exhibition/images/pickupBg.png) left top no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  padding: 50px 0 0 0px;
  text-align: center;
  line-height: 1.3;
  color: #fff;
}

#exhibition article.index section.pickup div.inner {
  position: relative;
  border: 2px solid #1f99c1;
  border-radius: 5px;
  width: 840px;
  margin: 0 auto;
  padding: 30px;
}

#exhibition article.index section.pickup::before {
  content: "";
  display: block;
  height: 250px;
  margin-top: -250px;
  visibility: hidden;
}

#exhibition article.index section.pickup div figure {
  width: 265px;
  float: left;
  padding: 0;
}

#exhibition article.index section.pickup>div a {
  color: #1f99c1;
  border: 1px solid rgba(31, 153, 193, .6);
  width: 180px;
  height: 45px;
  display: block;
  line-height: 43px;
  text-decoration: none;
  position: relative;
  text-align: center;
  margin-top: 25px;
}

#exhibition article.index section.pickup>div a:after {
  content: '';
  background: url(../images/sprite.png) -110px -30px no-repeat;
  background-size: 500px auto;
  width: 6px;
  height: 10px;
  display: inline-block;
  margin-left: 20px;
  opacity: .6;
}

#exhibition article.index section.special.future>div h3 {
  font-size: 16px;
}

#exhibition article.index section.pickup div figure img {
  display: block;
}

#exhibition article.index section.pickup div div {
  float: right;
  width: 460px;
}

#exhibition article.index section.pickup div div h2 {
  color: #1f99c1;
  font-size: 18px;
  border-bottom: 1px solid #b6c4da;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

#future article#exhibition {
  background: url(../../exhibition/images/futureBg.jpg) center top no-repeat;
  background-size: 1150px 560px;
  padding-top: 118px;
}

#future article#exhibition .floorMap {
  padding: 25px 185px 26px 125px;
  position: relative;
}

#future article#exhibition .floorMap h2 {
  font-size: 16px;
  line-height: 1.0;
  color: #0046AD;
  text-align: center;
  margin-bottom: 43px;
}

#future article#exhibition .floorMap h2 span {
  font-size: 15px;
  display: block;
  margin-top: 10px;
}

#future article#exhibition .floorMap figure {
  z-index: 0;
  text-align: center;
}

#future article#exhibition .floorMap .map {
  position: absolute;
  top: 110px;
  left: 125px;
  z-index: 20;
  margin-bottom: 28px;
}

#future article#exhibition .floorMap .mapLinks {
  z-index: 10;
  position: absolute;
  top: 0px;
}

#future article#exhibition .floorMap .map .mapLinks div a {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
}

#future article#exhibition .floorMap .map .mapLinks div a:hover {
  opacity: 1;
}

#future article#exhibition .floorMap .mapLinks .miraiA01 a {
  background: url(../../exhibition/images/futureMap01.png) left top no-repeat;
  background-size: 269px 141px;
  position: absolute;
  left: 410px;
  top: 10px;
  width: 269px;
  height: 141px;
}

#future article#exhibition .floorMap .mapLinks .miraiA03 a:hover {
  position: absolute;
  left: 179px;
  top: 244px;
  width: 175px;
  height: 108px;
  opacity: 10;
}

#future article#exhibition .floorMap .mapLinks .miraiA04 a {
  position: absolute;
  left: 75px;
  top: 179px;
  width: 137px;
  height: 71px;
}

#future article#exhibition .floorMap .mapLinks .miraiA03 a:hover {
  width: 175px;
  height: 108px;
}

#future article#exhibition .floorMap .mapLinks .miraiA04 a:hover {
  position: absolute;
  left: 75px;
  top: 179px;
  width: 137px;
  height: 71px;
}

#future article#exhibition .floorMap .mapLinks .miraiA05 a:hover {
  position: absolute;
  left: -13px;
  top: 20px;
  width: 245px;
  height: 35px;
}

section.floorMap figure.future {
  background: url(../../exhibition/images/futureMap.png) no-repeat 0 0;
  background-size: 675px auto;
  width: 675px;
  height: 381px;
  margin: 0 auto;
}

section.floorMap figure.future a {
  background-repeat: no-repeat;
  background-position: center center;
}

section.floorMap figure.future a.a01 {
  /*background-image: url(../../exhibition/images/futureMap01.png);*/
  position: absolute;
  background-size: cover;

  left: 147px;
  top: 243px;
}

section.floorMap figure.future a.a02 {
  position: absolute;
  top: 141px;
  left: 65px;

}

/*section.floorMap figure.future a.a02:hover {
  background-color: #3399D6;
  border-radius: 5px;
  z-index: 1;
}*/

/*section.floorMap figure.future a.a02:hover:before {
  content: "スマートミラー";
  color: #fff;
  font-size: 12px;
  letter-spacing: 1.8px;
  z-index: 2;
  position: absolute;
  left: -103px;
  top: 2px;
}*/


section.floorMap figure.future a.a03 {
  /*background-image: url(../../exhibition/images/futureMap03.png);
  background-size: cover;*/
  position: absolute;

  left: 20px;
  top: 13px;
  text-align: right
}

section.floorMap figure.future a.a04 {
  /*background-image: url(../../exhibition/images/futureMap04.png);
  background-size: cover;*/
  position: absolute;
  width: 269px;

  left: 393px;
  top: 10px;
}

section.floorMap figure.future a.a05 {
  /*background-image: url(../../exhibition/images/futureMap05.png);
  background-size: cover;*/
  position: absolute;

  left: 427px;
  top: 247px;
}

section.floorMap figure.future a:hover {
  opacity: 0.8;
}

/* exhibition > common */
.exibitionMv {
  border-bottom: 2px #e6ebed solid;
  padding: 0 0 20px;
  margin-bottom: 30px;
}

.exibitionMvimg {
  border-bottom: 0px;
  padding: 0 0 20px;
  margin-bottom: 30px;
}

#container article .exibitionMv ul.slide {
  margin: 0;
  z-index: 10000;
}

#container article .exibitionMv ul.thumb {
  margin: 0;
  text-align: center;
  margin: -46px 0 30px;
  position: relative;
  z-index: 10001;
}

#container article .exibitionMv ul.thumb.yVideo {
  width: 750px !important;
  margin: -46px auto 30px auto !important;
}

#container article .exibitionMv ul.thumb.yVideo li {
  margin: 0 10px;
  width: 160px;
}

#container article .exibitionMv ul.thumb li {
  display: inline-block;
  margin: 0 15px;
  background: #000;
}

#container article .exibitionMv ul.thumb li img {
  display: block;
  opacity: .4;
  transition: all .3s ease;
}

#container article .exibitionMv ul.thumb li a.active img,
#container article .exibitionMv ul.thumb li a:hover img {
  opacity: 1;
}

#container article .exibitionMv p {
  padding: 0 45px;
  font-size: 16px;
}

#container article .exibitionMv p.noSlide {
  margin: 35px 45px !important;
  padding: 0 !important;
}

.exibitionMv .bx-wrapper .bx-controls-direction a {
  margin-top: -22px;
  width: 46px;
  height: 45px;
  background: url(../images/sprite.png) no-repeat;
  background-size: 500px auto;
  z-index: 10;
  display: block;
  content: '';
}

.exibitionMv .bx-wrapper a.bx-prev {
  background-position: -344px 0;
  left: -23px;
}

.exibitionMv .bx-wrapper a.bx-next {
  background-position: -392px 0;
  right: -23px;
}

.intro {
  clear: both;
}

.intro .list div {
  width: 470px;
  float: left;
}

.intro .list div:nth-child(even) {
  float: right;
}

.intro .list div:nth-child(odd) {
  clear: both;
}

.intro div figure {
  margin-bottom: 15px;
}

.intro div figure img {
  width: 100%;
  height: auto;
  display: block;
}

#container article .intro div .shoulder {
  color: #1b9aeb;
  font-weight: bold;
  font-size: 13px;
  padding: 0 15px;
  margin-bottom: 10px;
}

#container article .intro div h3 {
  font-size: 16px;
  color: #0b5969;
  padding: 0 15px 15px 25px;
  border-bottom: 1px #e6ebed solid;
  margin-bottom: 15px;
  line-height: 21px;
}

#container article .intro div h3:before {
  width: 6px;
  height: 21px;
  display: inline-block;
  background: url(../images/sprite.png) no-repeat -130px -90px;
  background-size: 500px auto;
  content: '';
  vertical-align: middle;
  position: relative;
  left: -10px;
  top: -2px;
}

#container article .intro div p {
  padding: 0 15px;
}

#container article .intro div.related {
  border: 2px #1ea3c9 solid;
  border-radius: 8px;
  padding: 30px 40px;
  clear: both;
  margin-top: 50px;
}

#container article .intro div.related h3 {
  color: #1ea3c9;
  padding: 0 0 5px;
  border-bottom: 2px #1ea3c9 solid;
  display: inline-block;
}

#container article .intro div.related h3:before {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/sprite.png) no-repeat -130px -120px;
  background-size: 500px auto;
  content: '';
  vertical-align: middle;
  position: relative;
  left: 0;
  top: -2px;
  margin-right: 10px;
}

#container article .intro div.related p {
  padding: 0;
  margin-bottom: 10px;
}

#container article .intro div.related figure {
  float: right;
  padding-left: 20px;
  padding-top: 25px;
}

#container article .intro div.related a.arwLink {
  color: #1ea3c9;
  text-decoration: underline;
  position: relative;
  font-size: 16px;
}

#container article .intro div.related a.arwLink:before {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(../images/sprite.png) no-repeat -95px -50px;
  background-size: 500px auto;
  content: '';
  vertical-align: middle;
  position: relative;
  left: 0;
  top: -1px;
  margin-right: 5px;
}

#container article section.zone {
  padding: 0;
  margin-top: -30px;
  padding-bottom: 0;
}

#container article section.zone nav {
  background: #ecf5f9;
  padding: 35px 0 0;
}

#container article section.zone nav ul {
  margin: 0;
  padding: 0 5px;
}

#container article section.zone nav li {
  float: left;
  margin: 0 25px 50px;
  width: 280px;
  list-style: none;
  color: #0e3a86;
  font-weight: bold;
}

#container article section.zone nav li a {
  display: block;
  background: #fff;
  color: #0e3a86;
  position: relative;
  text-decoration: none;
}

#container article section.zone nav li a p {
  padding: 22px 20px 16px;
  margin-bottom: 0;
  position: relative;
  vertical-align: middle;
  position: relative;
  top: -8px;
}

#container article section.zone nav li a p:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 7px;
  height: 10px;
  background: url(../images/sprite.png) -110px -30px;
  background-size: 500px auto;
}

#container article section.zone nav ul li:nth-child(4) {
  clear: both;
}

/* event / information */
#container article section.infoList {
  padding: 0 5px;
  border: 0 none;
}

section.infoList .item {
  padding: 0 0 30px 0;
  border-bottom: 2px solid #e6eced;
  margin-bottom: 30px;
  display: flex;
}

section.infoList figure,
section.infoList figure img {
  width: 244px;
}


#container article section.infoList .item ul {
  padding: 10px 0 0 25px;
  margin: 0;
}

#container article section.infoList .item ul li {
  list-style: none;
}

#container article section.infoList .item ul li:nth-child(1) {
  font-size: 22px;
  color: #3C3C3C;
  margin-bottom: 15px;
}

#container article section.infoList .item ul li:nth-child(1) small {
  font-size: 16px;
}

#container article section.infoList .item ul li:nth-child(1) i {
  font-size: 18px;
}

#container article section.infoList .item ul li:nth-child(2) {
  display: inline-block;
  border-radius: 4px;
  color: #0e3a86;
  border: 1px #3C3C3C solid;
  padding: 1px 12px 2px;
  text-decoration: none;
  font-size: 12px;
  color: #3C3C3C;
  margin-bottom: 10px;
}

#container article section.infoList .item ul li:nth-child(3) {
  font-size: 16px;
}

#container article section.infoList .item ul li:nth-child(3) a {
  color: #0046ad !important;
  opacity: 1 !important;
}

ul.pager {
  font-size: 16px;
  text-align: center;
  list-style: none;
  margin: 0 auto;
  width: 100%;
}

ul.pager li {
  width: 36px;
  line-height: 36px;
  display: inline-block;
  margin: 0 7px;
}

ul.pager li a {
  text-decoration: none;
  color: #0e3a86;
  display: block;
  line-height: 34px;
  border: 1px #0e3a86 solid;
  border-radius: 18px;
  text-decoration: none;
}

ul.pager li a:hover {
  color: #0e3a86;
}

ul.pager li a.active,
ul.pager li a:hover {
  color: #fff;
  background: #4fc7e4;
  border-color: #4fc7e4;
}

article.entry .entryMeta {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px #ececec solid;
  margin: -20px -15px 20px -15px;
}

article.entry .entryMeta p {
  margin-bottom: 30px;
  line-height: 1.75;
}

article.entry h3 {
  margin-bottom: 10px;
}

article.entry ul,
article.entry ol,
article.entry dl,
article.entry table {
  margin-bottom: 30px;
}

article.entry ul,
article.entry ol {
  margin-left: 1.5em;
}

article.entry li {
  margin-bottom: 0.5em;
}

.infoList dl dt {
  font-size: 16px;
  width: 135px;
  float: left;
  line-height: 1.5;
  padding: 0 0 13px 15px;
  color: #008db0;
}

.infoList dl dd {
  padding: 0 0 15px 150px;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 15px;
  border-bottom: 1px #eee solid;
}



/* pc oversize */
@media screen and (min-width: 1500px) {
  #top #mainVisual .mv05 {
    background: url(../../images/mv05_min1500.jpg) top center !important;
  }
}

@media screen and (min-width: 1001px) {

  #siteHeader .toggle,
  #siteHeader .opener {
    display: none !important;
  }

  #siteHeader .header nav.global {
    display: block !important;

  }

  #siteHeader .header nav.functions {
    /*display: block !important;*/
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
  }
}

/* sp */
@media screen and (max-width: 1000px) {

  /* base layout
========================================*/
  #wrapper {
    width: 100%;
    position: relative;
    margin-top: 140px
  }

  #wrapper img {
    max-width: 100%;
    height: auto;
  }

  article a {
    transition: none;
  }

  article a:hover {
    opacity: 1;
  }

  #about section.about.guide figure img,
  #about section.about.exhibition figure img,
  #about section.about.enjoyment figure img {
    width: 100%;
    height: auto;
    border: #ccc solid 1px;
  }

  /* switchover */
  .show_sp {
    display: block;
  }

  .show_pc {
    display: none;
  }

  /* site header */
  #siteHeader {
    height: 140px;
    position: relative;
    z-index: 10000;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
  }

  #siteHeader .toggle {
    display: block;
    /*background: rgba(9, 85, 157, .9);*/
    background-color: #0046ad;
    padding: 30px 15px;
    position: relative;
    z-index: 100;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    display: none;
  }

  #siteHeader .toggle a {
    width: 40px;
    height: 39px;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 12px;
    padding-top: 40px;
    color: #fff;
    background: url(../images/sprite.png) no-repeat -200px -50px;
    background-size: 500px auto;
    text-decoration: none;
  }

  #siteHeader .opener {
    width: 40px;
    height: 52px;
    position: absolute;
    right: 15px;
    top: 10px;
    display: block;
    text-align: center;
    letter-spacing: .25em;
    text-indent: -0.25em;
  }

  #siteHeader .opener a {
    font-size: 12px;
    color: #09559d;
    display: block;
    position: relative;
    width: 40px;
    height: 52px;
    padding-top: 40px;
    text-decoration: none;
  }

  #siteHeader .opener a:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background: url(../images/sprite.png) no-repeat -240px -50px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 500px auto;
  }

  #siteHeader .header {
    width: 100%;
    height: 75px;
  }

  #siteHeader .header #siteID {
    width: 185px;
    height: 42px;
    left: 15px;
    top: 20px;
    z-index: 0;
  }

  #siteHeader .header #siteID img {
    width: 100%;
    height: auto;
  }

  #siteHeader .header nav.functions {
    width: 100%;
    height: auto;
    position: static;
    left: auto;
    right: auto;
    top: 0;
    /*background: rgba(9, 85, 157, .9);*/
    background-color: #0046ad;
    padding: 1px 15px 20px;
    display: none;
  }

  #siteHeader .header nav.functions ul.links li:first-child {
    display: none;
  }

  #siteHeader .header nav.functions ul.links li {
    margin-right: 0;
    float: none;
    line-height: 1;
    border-bottom: 1px #5388bb solid;
  }

  #siteHeader .header nav.functions ul.links li a {
    padding: 20px 10px;
    display: block;
    height: auto;
    color: #fff;
    text-decoration: none;
  }

  #siteHeader .header nav.functions ul.links li a:before {
    display: none;
  }

  #siteHeader .header nav.functions ul.links li a:after {
    background: url(../images/sprite.png) no-repeat -100px -30px;
    background-size: 500px auto;
    width: 7px;
    height: 10px;
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -5px;
  }

  #siteHeader .header nav.global {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    /*background: rgba(9, 85, 157, .9);*/
    background-color: #0046ad;
    padding: 0 15px;
    display: none;
    padding-top: 60px;
  }

  #siteHeader .header nav.global>ul>li {
    float: none;
    height: auto;
    text-align: left;
    font-size: 15px;
    line-height: 1.2;
    border-bottom: 1px #5388bb solid;
  }

  #siteHeader .header nav.global>ul>li:nth-child(1) {
    border-top: 1px #5388bb solid;
  }

  #siteHeader .header nav.global>ul>li:hover {
    border-bottom: 1px #5388bb solid !important;
  }

  #siteHeader .header nav.global>ul>li:nth-child(1),
  #siteHeader .header nav.global>ul>li:nth-child(2),
  #siteHeader .header nav.global>ul>li:nth-child(3),
  #siteHeader .header nav.global>ul>li:nth-child(4),
  #siteHeader .header nav.global>ul>li:nth-child(5) {
    width: auto;
  }

  #siteHeader .header nav.global>ul>li>a,
  #siteHeader .header nav.global>ul>li>ul>li>a {
    padding: 20px 10px;
    color: #fff;
    margin-right: 50px;
  }

  #siteHeader .header nav.global>ul>li>a.ac_open {
    margin-right: 0;
  }

  #siteHeader .header nav.global>ul>li>ul>li>a {
    padding: 10px 10px 10px 10px;
    margin-left: 20px;
    border-bottom: 1px #5388bb solid;
    margin-right: 0;
  }


  #siteHeader .header nav.global>ul>li>a>small {
    font-size: 12px;
    padding-top: 5px;
    color: #a0d1ff;
  }

  #siteHeader .header nav.global>ul li:before {
    content: '';
    display: none;
  }

  /* #siteHeader .header nav.global > ul > li:after,
  #siteHeader .header nav.global > ul > li:last-child:after {
    background: url(../images/sprite.png) no-repeat -255px 0;
    background-size: 500px auto;
    width: 25px;
    height: 25px;
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12.5px;
  }*/

  #siteHeader .header nav.global>ul>li.active a,
  #siteHeader .header nav.global>ul>li.active a small {
    color: inherit;
  }

  #siteHeader .header nav.global>ul>li.active,
  #siteHeader .header nav.global>ul>li:hover,
  body#about #siteHeader .header nav.global>ul>li:nth-child(1),
  body#guide #siteHeader .header nav.global>ul>li:nth-child(2),
  body#exhibition #siteHeader .header nav.global>ul>li:nth-child(3),
  body#event #siteHeader .header nav.global>ul>li:nth-child(4),
  body#explore #siteHeader .header nav.global>ul>li:nth-child(5) {
    border-bottom: 1px #5388bb solid;
  }

  #siteHeader .header nav.functions ul.lang {
    position: static;
    right: 0;
    top: 0;
    width: 100%;
    height: auto;
  }

  #siteHeader .header nav.functions .spLang {
    display: block;
    margin: 48px 0 27px;
    font-size: 17px;
    color: #fff;
    padding-left: 10px;
  }

  #siteHeader .header nav.functions ul.lang li {
    margin-bottom: 32px;
    position: relative;
  }

  #siteHeader .header nav.functions ul.lang li a {
    width: 100%;
    padding-left: 42px;
    height: 25px;
    display: block;
    line-height: 23px;
    border: none;
    color: #fff;
    text-align: left;
    text-decoration: none;
    font-size: 14px;
  }

  #siteHeader .header nav.functions ul.lang li span {
    width: 100%;
    height: auto;
    display: block;
    line-height: 23px;
    border: none;
    color: #fff;
    text-align: left;
  }

  #siteHeader .header nav.functions ul.lang li.active a:after {
    background: none;
    background-size: 500px auto;
    width: 13px;
    height: 13px;
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -2px;
  }

  #siteHeader .header nav.functions ul.lang li span:after {
    background: none;
    background-size: 500px auto;
    width: 13px;
    height: 13px;
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -2px;
  }

  #siteHeader .header nav.functions ul.lang li {
    display: block;
  }

  /* #siteHeader .header nav.functions ul.lang li:nth-of-type(1) {
    display: none;
  } */

  #siteHeader .header nav.functions ul.lang .enlang:before {
    background: url(../images/sprite.png) no-repeat -286px -50px;
    background-size: 500px auto;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
  }

  #siteHeader .header nav.functions ul.lang .jalang:before {
    background: url(../images/sprite.png) no-repeat -286px -65px;
    background-size: 500px auto;
    width: 20px;
    height: 18px;
    content: "";
    position: absolute;
    left: 10px;
    top: 2px;
  }


  /* container
========================================*/
  /* breadcrumbs */
  .breadcrumbs {
    display: none;
  }

  /* main header */
  main>header {
    height: 120px;
    clear: both;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: 0;
  }

  #guide main>header {
    background-image: url(../../guide/images/title.jpg);
    padding-top: 35px;
    text-align: center;
  }

  #event main>header {
    background-image: url(../../event/images/eventBg.jpg);
    padding-top: 35px;
    text-align: center;
  }

  #exhibition main>header,
  #information main>header {
    background-image: url(../../exhibition/images/detailHeader.jpg);
    padding-top: 35px;
    text-align: center;
  }

  #guide main>header h1,
  #event main>header h1,
  #information main>header h1,
  #exhibition main>header h1 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .5em;
  }

  #guide main>header h1 small,
  #event main>header h1 small,
  #information main>header h1 small,
  #exhibition main>header h1 small {
    font-size: 14px;
    padding-top: 10px;
    display: block;
    letter-spacing: .25em;
  }

  /* container inside */
  #container {
    width: 100%;
  }

  #container>article {
    width: 100%;
    float: none;
    padding: 20px;
    min-height: 0;
  }

  #container.noNav>article {
    width: 100%;
    padding: 20px 0;
  }

  #container>article h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding-top: 5px
  }

  #container article section {
    border-bottom: 2px #e6eced solid;
    padding: 0 0 40px;
    margin-bottom: 40px;
  }

  #container article section:last-child {
    border-bottom: none;
    padding: 0 0 0;
    margin-bottom: 0;
  }

  #container article h1:before {
    background: url(../images/sprite.png) -70px -50px no-repeat;
    background-size: 500px auto;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
  }

  #container article h1:after {
    content: '';
    display: block;
    background: #ccc;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
  }

  #container article h1 span {
    padding: 0 0 10px 25px;
  }

  #container article h2 {
    font-size: 18px;
    padding-left: 20px;
  }

  #container article h2:before {
    width: 14px;
  }

  #container article p {
    margin-bottom: 25px;
  }

  #container article ul {
    list-style: disc;
    margin: 0 0 25px 1.5em;
  }

  /* category index */
  article.index {
    max-width: none;
    margin: 0 auto;
  }

  article.index>header {
    max-width: none;
    padding-top: 30px;
  }

  article.index>header h1 {
    font-size: 16px;
    letter-spacing: .25em;
  }

  article.index>header h1:before {
    background: url(../images/sprite.png) 0 0 no-repeat;
    background-size: 500px auto;
    content: '';
    display: block;
    margin: 0 auto 20px;
  }

  #about article.index>header {
    background: url(../../about/images/header.jpg) no-repeat center center;
    background-size: cover;
    height: 240px;
  }

  #about article.index>header h1:before {
    background-position: 0 0;
    width: 24px;
    height: 45px;
  }

  #guide article.index>header {
    background: url(../../guide/images/header.jpg) no-repeat center center;
    background-size: cover;
    height: 160px;
  }

  #guide article.index>header h1:before {
    background-position: -25px 0;
    width: 32px;
    height: 45px;
  }

  #exhibition article.index>header {
    background: url(../../exhibition/images/header.jpg) no-repeat center center;
    background-size: cover;
    height: 160px;
  }

  #exhibition article.index>header h1:before {
    background-position: -60px 0;
    width: 32px;
    height: 35px;
  }

  nav.catNav {
    width: 100%;
    margin: 30px auto 20px;
    clear: both;
    padding: 0 20px;
  }

  nav.catNav a {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    border: 1px #fff solid;
  }

  nav.catNav a:nth-child(2n) {
    float: none;
  }

  nav.catNav a div {
    padding: 30px 20px 20px;
    height: auto;
  }

  /* local navigation */
  aside {
    width: 100%;
    float: none;
    padding: 40px 20px 20px;
    border-top: 2px #ececec solid;
  }

  aside nav {
    margin: 0 0 30px 0;
    top: 0;
  }

  aside nav h2 {
    width: 80%;
    height: auto;
  }

  aside nav h3 {
    font-size: 16px;
    line-height: 1.0;
    padding: 25px 0 25px 105px;
  }


  /* each page
========================================*/
  /* top page */
  #top #mainVisual {
    min-width: 320px;
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
  }

  #top #mainVisual>div {
    height: auto;
  }

  #top #mainVisual .slide div {
    height: 300px;
    background-size: cover;
  }

  #top #mainVisual .slide div .content {
    background-size: 250px auto;
    width: 250px;
  }

  #top #mainVisual .slick-arrow:before {
    background: url(../images/sprite.png) no-repeat;
    background-size: 500px auto;
    z-index: 10;
    display: block;
    content: '';
    width: 10px;
    height: 14px
  }

  #top #mainVisual .slick-arrow {
    width: 10px;
    height: 14px;
  }

  #top #mainVisual .slick-arrow.slick-prev:before {
    background-position: -200px -90px;
  }

  #top #mainVisual .slick-arrow.slick-next:before {
    background-position: -215px -90px;
  }

  #top #mainVisual div.content {
    margin: 50px auto;
  }

  #top #mainVisual .mv02 div.content a,
  #top #mainVisual .mv03 div.content a,
  #top #mainVisual div.content a {
    margin: 100px auto 0 auto;
  }

  #top #mainVisual .slick-next {
    right: 5px;
  }

  #top #mainVisual .slick-prev {
    left: 5px;
  }

  #top #mainVisual div.content a {
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }

  #top #mainVisual .mv07 div.content,
  #top #mainVisual .mv06 div.content {
    margin: 100px auto 0 auto;
  }

  #top #mainVisual .mv04 div.content,
  #top #mainVisual .mv01 div.content {
    margin: 80px auto 0 auto;
  }

  #top #mainVisual .mv03 div.content,
  #top #mainVisual .mv02 div.content {
    margin: 100px auto 0 auto;
  }

  #top #mainVisual div.content .mvIcon {
    background: url(../../images/freeIcon.png) no-repeat left top;
    background-size: cover;
    width: 58px;
    height: 59px;
    position: absolute;
    z-index: 20;
  }

  #top #mainVisual .mv04 div.content .mvIcon {
    top: 50px;
    right: 50px;
  }

  #top #mainVisual .mv01 div.content .mvIcon {
    top: 50px;
    right: 50px;
  }

  #top #mainVisual .mv02 div.content .mvIcon {
    top: 30px;
    right: 50px;
  }

  #top #mainVisual .mv03 div.content .mvIcon {
    top: 30px;
    right: 50px;
  }

  #top #mainVisual .mv04 div.content .mvIcon {
    top: 48px;
    right: 50px;
  }

  #top #mainVisual .mv01 div.content a,
  #top #mainVisual .mv02 div.content a,
  #top #mainVisual .mv03 div.content a {
    margin: 90px auto 0 auto;
  }

  #top #mainVisual .mv05 div.content {
    margin: 1% auto 0 auto;
    width: 52%;
    min-width: 290px;
    background-size: 100% auto;
  }

  #top #mainVisual .mv05 div.content a {
    margin: 190px auto 0 auto;
    line-height: 35px;
  }

  #top #mainVisual .mv06 div.content .mvIcon {
    top: 50px;
    right: 50px;
  }

  #top #mainVisual .mv09 div.content {
    margin-top: 80px;
    height: 120px;
  }

  #top #mainVisual .mv09 div.content a {
    margin-top: 100px;
  }

  #top #mainVisual .mv10 div.content {
    max-width: 320px;
    width: 95% !important;
    background-size: 100% auto;
  }

  #top #mainVisual .mv10 div.content .mvIcon {
    top: 83px;
    left: 12px;
  }

  #top #mainVisual .mv10 div.content a {
    margin-top: 100px;
  }

  #top #topicSlider {
    background: none transparent;
    height: auto;
  }

  #top #topicSlider .slides {
    width: 100%;
    top: 0;
  }

  #top #topicSlider .slide {
    width: 100%;
    height: auto;
    border: 1px #72cde4 solid;
    padding: 5px;
    float: left;
    margin: 0 20px;
  }

  #top #topicSlider .slide a img {
    transition: none;
  }

  #top #topicSlider .slide a:hover img {
    opacity: .1;
  }

  #top #topicSlider .slide dl {
    height: 190px;
    padding: 20px;
  }

  #top #topicSlider .slick-arrow {
    width: 20px;
    height: 20px;
    z-index: 10;
  }

  #top #topicSlider .slick-prev {
    left: 10px;
  }

  #top #topicSlider .slick-next {
    right: 10px;
  }

  #top #topicSlider .slick-arrow:before {
    width: 30px;
    height: 30px;
    background: url(../images/sprite.png) no-repeat;
    background-size: 500px auto;
    z-index: 10;
    display: block;
    content: '';
  }

  #top #topicSlider .slick-arrow.slick-prev:before {
    background-position: -280px 0;
  }

  #top #topicSlider .slick-arrow.slick-next:before {
    background-position: -310px 0;
  }

  #top #topicSlider .viewMore {
    width: 200px;
    height: 50px;
    position: relative;
    left: auto;
    bottom: auto;
    margin: 0 auto 20px;
  }

  #top #topicSlider .viewMore a {
    width: 200px;
    height: 50px;
    line-height: 48px;
    position: relative;
    left: auto;
    bottom: auto;
    margin: 0 auto;
    display: block;
  }

  #top #zone {
    border-width: 0;
  }

  #top #zone>div {
    width: 100%;
    height: 265px;
    float: none;
    padding-top: 40px;
  }

  #top #zone div.history {
    border: 0 none;
    margin-bottom: 1px;
    background: url(../../images/spZone01.png) no-repeat center center;
    background-size: cover;
  }

  #top #zone div.future {
    background: url(../../images/spZone02.png) no-repeat center center;
    background-size: cover;
    border: 0 none;
  }

  #top #zone div p.head {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: .25em;
  }

  #top #zone div p.head em {
    font-size: 22px;
  }

  #top #zone div h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  #top #zone div h2 small {
    font-size: 13px;
    padding-top: 5px;
    letter-spacing: 0.25em;
  }

  #top #zone div .viewDetail a {
    height: 40px;
    line-height: 38px;
  }

  #top #topInfo {
    padding: 0;
    border: 0;
  }

  #top #topInfo .inner {
    width: 100%;
    padding: 20px 20px 30px;
  }

  #top #topInfo h2 {
    padding: 0px 0px 15px 0px;
  }

  #top #topInfo h2 small {
    right: 0px;
  }

  #top #topInfo dl {
    margin-bottom: 15px;
  }

  #top #topInfo dl dt {
    float: none;
    padding: 15px 0 0 0;
    text-align: left;
  }

  #top #topInfo dl dd {
    padding: 5px 0 15px 0;
  }

  #top #topInfo dl dd:last-child {
    border-bottom: 1px #ccc solid;
  }

  #top #topInfo .viewMore {
    margin-bottom: 30px;
  }

  #top #topInfo .viewMore a {
    width: 190px;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 0 auto;
    border: 2px solid #154082;
    display: block;
    color: #154082;
    text-decoration: none;
  }

  #top #topInfo .viewMore a:before {
    background: none;
  }

  #top #topInfo .inner .information {
    width: 100%;
    float: none;
  }

  #top #topInfo .inner .twBox {
    width: 100%;
    float: none;
  }

  #top #topInfo .inner .twBox div {
    height: 420px !important;
    min-height: 420px !important;
  }

  #top #topInfo .inner .twBox div iframe {
    height: 400px !important;
  }


  /* about */
  #about .topSection {
    width: 100%;
    margin: 0 auto 20px;
    padding: 30px 20px;
    margin: 0;
  }

  #about .topSection h2 {
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
  }

  #about .topSection h2 small {
    font-size: 14px;
    margin-bottom: 10px;
  }

  #about .topSection p {
    line-height: 1.75;
  }

  #about section.about {
    width: 100%;
    margin: 0 auto 30px;
    padding: 30px 20px;
  }

  #about section.about figure,
  #about section.about>div {
    width: 100%;
    float: none;
    margin: 0;
  }

  #about section.about>div {
    padding: 30px;
  }

  #about section.about p {
    text-align: center;
  }

  #about section.about.exhibition {
    display: flex;
    flex-wrap: wrap;
  }

  #about section.about.exhibition div {
    order: 2;
  }

  #about section.about.exhibition figure {
    order: 1;
  }

  /* guide */

  dl.guideInfo dt {
    width: 8em;
    float: none;
    font-size: 12px;
    margin-bottom: 5px;
  }

  dl.guideInfo dd {
    font-size: 15px;
    float: none;
    clear: both;
    white-space: normal;
    padding-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .location p {
    margin-bottom: 30px;
    line-height: 2;
  }

  .transfer h3 {
    position: relative;
    margin: 30px 0 20px 0 !important;
  }

  figure.restaurant {
    margin-bottom: 30px;
    width: 100%;
  }

  figure.restaurantImg {
    margin: 0 auto 10px;
    width: 100%;
  }

  .guideInfo.lunchTime {
    margin-bottom: 20px;
  }

  .lunchBox:after,
  .lunchFigs:after {
    content: "";
    clear: both;
    display: block;
  }

  .lunchBox figure,
  .lunchFigs figure {
    float: none;
    margin-bottom: 15px;
    width: 100%;
  }

  .lunchBox figure img,
  .lunchFigs figure img {
    width: 100%;
    height: auto;
  }

  .lunchBox figure {
    margin-left: 0px;
  }

  .lunchFigs figure span {
    position: absolute;
    left: -20px;
    top: -10px;
  }


  /* exhibition */
  nav.catNav.exhibition div p.head {
    font-size: 14px;
    margin-bottom: 5px;
  }

  nav.catNav.exhibition div p.head em {
    font-size: 20px;
  }

  nav.catNav.exhibition div p.head:before,
  nav.catNav.exhibition div p.head:after {
    width: 40px;
    margin: 0 10px;
  }

  nav.catNav.exhibition div h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  nav.catNav.exhibition div h2 small {
    font-size: 12px;
    letter-spacing: 0.25em;
  }

  nav.catNav.exhibition div h2+p {
    font-size: 14px;
    min-height: 0;
  }

  #exhibition article.index section.floorMap {
    padding: 20px;
    width: 100%;
    margin: 0 auto 20px;
    border-radius: 0;
  }

  #exhibition article.index.history section.floorMap {
    margin-bottom: 20px;
  }

  .floorMap .map figure {
    z-index: 0;
  }

  .floorMap .map {
    padding-bottom: 20px;
  }

  .floorMap .map .mapLinks {
    background-size: cover;
    width: 852px;
    height: 560px;
  }

  .floorMap .map .mapLinks div a {
    line-height: 1.3;
    font-size: 10px;
  }

  .floorMap .map .mapLinks div.companyA01 a {
    left: 118px;
  }

  .floorMap .map .mapLinks div.miraiA05 a {
    left: 290px;
  }

  .floorMap .map .mapLinks div.miraiA04 a {
    top: 93px;
    left: 342px;
  }

  .floorMap .map .mapLinks div.miraiA03 a {
    top: 176px;
    right: 330px;
  }

  .floorMap .map .mapLinks div.miraiA01 a {
    top: 43px;
    right: 100px;
  }

  .floorMap .map .mapLinks div.miraiA02 a {
    top: 175px;
    right: 168px;
  }

  .floorMap .map .mapLinks div.historyA01 a {
    top: 352px;
    right: 126px;
  }

  .floorMap .map .mapLinks div.historyA02 a {
    top: 292px;
  }

  .floorMap .map .mapLinks div.historyA03 a {
    top: 352px;
    right: 222px;
  }

  .floorMap .map .mapLinks div.historyA04 a {
    top: 293px;
    right: 283px;
  }

  .floorMap .map .mapLinks div.historyA05 a {
    top: 352px;
    right: 294px;
  }

  .floorMap .map .mapLinks div.historyA06 a {
    bottom: 18px;
    right: 196px;
  }

  .floorMap .map .mapLinks div.historyA07 a {
    top: 352px;
    right: 370px;
  }

  .floorMap .map .mapLinks div.historyA08 a {
    top: 293px;
    right: 368px;
  }

  .floorMap .map .mapLinks div.historyA09 a {
    top: 335px;
    left: 389px;
  }

  .floorMap .map .mapLinks div.historyA10 a {
    top: 321px;
    left: 338px;
  }

  .floorMap .map .mapLinks div.historyA11 a {
    bottom: 54px;
    left: 316px;
  }

  .floorMap .map .mapLinks div.historyA12 a {
    bottom: 29px;
    left: 317px;
  }

  .floorMap .map .mapLinks div.historyA013 a {
    top: 278px;
    right: 105px;
  }












  #exhibition article.index>header p.head {
    margin-bottom: 10px !important;
  }

  #exhibition article.index>header h1 {
    margin-bottom: 30px;
  }

  #exhibition article.index>header .topSection {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 20px;
    position: relative;
    left: auto;
    bottom: auto;
  }

  #exhibition article.index>header .topSection h2 {
    font-size: 16px;
    margin-bottom: 15px;
    letter-spacing: .01em;
  }

  #exhibition article.index>header .topSection p {
    font-size: 14px;
    line-height: 1.75;
  }

  .imgScroll {
    margin-bottom: 15px;
  }

  .imgScroll li a span {
    background-size: 20px;
    background-position: right 10px;
    border-radius: 2px;
    padding: 0 10px;
    font-size: 12px;
    display: none;
    cursor: pointer;
  }

  .imgScroll li a.hover span {
    display: block;
  }

  .exhibtionWrap {
    background: #e9f1f5;
    max-width: none;
    padding-bottom: 30px;
  }

  section.floorMap h2 {
    margin-bottom: 20px;
    letter-spacing: 0.025em;
  }

  section.floorMap figure {
    position: relative;
    padding: 0;
  }



  section.floorMap figure.history {
    background-size: 690px auto;
    width: 690px;
    height: 434px;
    margin: 22px auto 0;
  }

  section.floorMap figure.future {
    background-size: 708px auto;
    width: 708px;
    height: 380px;
    margin: 0 auto;
  }

  section.floorMap .map.history {
    width: 100%;
    height: 480px;
  }

  section.floorMap .map.future {
    width: 100%;
    height: 425px;
  }

  /* exhibition > history / future */
  #exhibition article.index.history {
    width: 100%;
    max-width: none;
    background-color: transparent;
  }

  #exhibition article.index.history>header {
    height: 300px;
    margin-bottom: 50px;
  }

  #exhibition article.index section {
    width: 100%;
    margin-bottom: 30px;
  }

  #exhibition article.index section.permanent h2,
  #exhibition article.index section.special h2 {
    font-size: 16px;
    padding-left: 20px;
    margin: 0 20px 10px;
  }

  #exhibition article.index section.special h2 {
    margin-left: 20px;
  }

  #exhibition article.index section.permanent h2:before,
  #exhibition article.index section.special h2:before {
    width: 15px;
    height: 3px;
  }

  #exhibition article.index section.special {
    padding: 0;
    background: none transparent;
  }

  #exhibition article.index section.special figure img {
    display: block;
  }

  #exhibition article.index section.special>div {
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    right: auto;
    padding: 20px 20px 30px;
    background: url(../../exhibition/images/historySpecialBg.png) center center no-repeat;
    background-size: 200%;
    z-index: 50;
  }

  #exhibition article.index section.permanent {
    padding: 0;
    margin-top: 0;
    background: none transparent;
  }

  #exhibition article.index section.permanent .pLt,
  #exhibition article.index section.permanent .pRt {
    position: static;
    padding-bottom: 36px;
    clear: both;
  }

  #exhibition article.index section.permanent figure {
    z-index: 0;
    width: 100%;
  }

  #exhibition article.index section.permanent figure img {
    width: 100%;
    height: auto;
    display: block;
  }

  #exhibition article.index section.permanent .pRt figure {
    text-align: left;
  }

  #exhibition article.index section.permanent div {
    clear: both;
    position: static;
  }

  #exhibition article.index section.permanent div div {
    padding: 20px;
    position: static;
    min-height: 0;
    width: auto;
    position: static;
    top: auto;
  }

  #exhibition article.index section.permanent div div,
  #exhibition article.index section.permanent.future div div,
  #exhibition article.index section.permanent .pLt#h03 {
    height: auto;
    word-break: break-all;
    margin-top: 0 !important;
    padding-bottom: 20px;
  }

  #exhibition article.index section.permanent>div a {
    float: none;
  }


  #exhibition article.index section.permanent .pLt div {
    right: 0;
  }

  #exhibition article.index section.permanent .pRt div {
    left: 0;
  }

  #exhibition article.index section.permanent div h3 {
    line-height: 1.4;
  }

  #exhibition article.index section.permanent div h3 br {
    display: none;
  }

  #exhibition article.index section.permanent div h3 small {
    padding-top: 10px;
  }



  /*
      #exhibition article.index section.pickup {
    padding-bottom: 0;
    background: none transparent;
    width: auto;
    padding: 20px;
  }

  #exhibition article.index section.pickup header {
    left: -15px;
    top: -15px;
    z-index: 100
  }

  #exhibition article.index section.pickup div.inner {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
  }

  #exhibition article.index section.pickup div figure {
    width: 100%;
    float: none;
  }

  #exhibition article.index section.pickup div figure img {
    display: block;
    width: 100%;
  }

  #exhibition article.index section.pickup div div {
    float: none;
    width: auto;
  }

  #exhibition article.index section.pickup div div h2 {
    padding: 15px 0 15px 0;
    margin-bottom: 15px;
  }
    */

  /* exhibition > common */
  .exibitionMv {
    border-bottom: 2px #e6ebed solid;
    padding: 0 0 20px;
    margin-bottom: 30px;
  }

  #container article .exibitionMv ul.slide {
    margin: 0;
    z-index: 100;
  }

  #container article .exibitionMv ul.slide li {
    border: 1px #fff solid;
  }

  #container article .exibitionMv ul.thumb {
    z-index: 101;
    margin: 0 0 30px;
  }

  #container article .exibitionMv ul.thumb li {
    width: 33.33%;
    float: left;
    margin: 0;
    border: 1px #fff solid;
  }

  #container article .exibitionMv ul.thumb.yVideo {
    width: 100% !important;
    margin: 0 0 30px !important;
  }

  #container article .exibitionMv ul.thumb.yVideo li {
    margin: 0px;
    width: 33.33%;
  }


  #container article .exibitionMv p {
    padding: 30px 0 0;
    font-size: 16px;
    clear: both;
  }

  #container article .exibitionMv p.noSlide {
    margin: 20px 0 !important;
    padding: 0;
  }

  .exibitionMv .bx-wrapper .bx-controls-direction a {
    margin-top: -15px;
    width: 31px;
    height: 31px;
    background: url(../images/sprite.png) no-repeat;
    background-size: 500px auto;
    z-index: 10;
    display: block;
    content: '';
  }

  .exibitionMv .bx-wrapper a.bx-prev {
    background-position: -439px 0;
    left: -15px;
  }

  .exibitionMv .bx-wrapper a.bx-next {
    background-position: -470px 0;
    right: -15px;
  }


  .intro {
    clear: both;
  }

  .intro .list div {
    width: auto;
    float: none;
  }

  .intro .list div:nth-child(even) {
    float: none;
  }

  .intro .list div:nth-child(odd) {
    clear: both;
  }

  .intro div figure {
    margin-bottom: 15px;
  }

  .intro div figure img {
    width: 100%;
    height: auto;
    display: block;
  }

  #container article .intro div.related {
    padding: 20px;
    margin-top: 30px;
  }

  #container article section.zone nav {
    padding: 0;
    background: none transparent;
  }

  #container article section.zone nav ul {
    margin: 0;
    padding: 0;
  }

  #container article section.zone nav li {
    margin: 0;
    width: 50%;
    border: 1px #fff solid;
    font-size: 12px;
  }

  #container article section.zone nav ul li:nth-child(4) {
    clear: none;
  }

  #container article section.zone nav ul li:nth-child(4) a p {
    padding: 5px 18px 5px 5px;
    height: 80px;
  }

  #container article section.zone nav ul li:nth-child(4) br {
    display: none;
  }

  #container article section.zone nav li a p {
    padding: 5px;
    height: 55px;
    top: auto;
  }

  #container article section.zone nav li a p:after {
    top: 10px;
    right: 10px;
    margin: 0;
  }

  /* event / information */
  #container article section.infoList {
    padding: 0;
  }

  section.infoList .item {
    padding: 10px 0;
    margin-bottom: 10px;
  }

  section.infoList .item figure,
  section.infoList .item figure img {
    width: 120px;
    max-width: none !important;
  }

  #container article section.infoList .item ul {
    padding: 0 0 0 20px;
  }

  #container article section.infoList .item ul li:nth-child(1) {
    font-size: 18px;
  }

  #container article section.infoList .item ul li:nth-child(1) small {
    font-size: 14px;
  }

  #container article section.infoList .item ul li:nth-child(3) {
    font-size: 15px;
    padding-top: 5px;
  }

  #container article ul.pager {
    width: auto;
    margin: 0;
  }

  article.entry .entryMeta {
    padding: 10px 0;
    margin: -20px 0 20px 0;
  }

  .infoList dl dt {
    width: auto;
    float: none;
    padding: 0 0 10px 0;
  }

  .infoList dl dd {
    padding: 0 0 15px 0;
    margin-bottom: 15px;
  }

}

/* information VTR上映スケジュール */
table.tableBorder {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-top: 30px;
  font-size: inherit;
  width: 100%;
  word-break: normal;
  word-wrap: break-word;
  border-collapse: separate;
  border-spacing: 0;
}

table.tableBorder tr th,
table.tableBorder tr td {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  padding: 5px;
  word-break: normal;
  min-width: 30px;
}

table.tableBorder tr th {
  background-color: #0046ad;
  color: #fff;
  text-align: center;
}

.txtRight {
  text-align: right;
}

.vtr tr:nth-child(-2n+12) td:nth-child(1) {
  color: #860e1f;
}

.vtr tr:nth-child(-2n+12) td:nth-child(3) {
  background: #fbd7f9;
}

.vtr tr:nth-child(-2n+11) td:nth-child(2) {
  background: #d7f5fb;
}

.vtr tr:nth-child(-2n+11) td:nth-child(1) {
  color: #0e3a86;
}

/*10行目以降*/
.vtr tr:nth-child(2n+13) td:nth-child(1) {
  color: #860e1f;
}

.vtr tr:nth-child(2n+13) td:nth-child(3) {
  background: #fbd7f9;
}

.vtr tr:nth-child(2n+14) td:nth-child(1) {
  color: #0e3a86;
}

.vtr tr:nth-child(2n+14) td:nth-child(2) {
  background: #d7f5fb;
}

.vtr tr:nth-child(20) td:nth-child(1) {
  color: #860e1f;
}

.infoboxBlue {
  padding: 10px;
  background: #d7f5fb;
  text-align: center;
  margin: 10px 0;
}

.infoboxRed {
  padding: 10px;
  background: #fbd7f9;
  text-align: center;
  margin: 10px 0;
}

.infoboxBlue h3,
.infoboxRed h3 {
  font-size: 18px;
  letter-spacing: 0.25em;
  line-height: 1.5;
  color: #3c3c3c;
}

.infoboxBlue h3 small,
.infoboxRed h3 small {
  display: block;
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-top: 10px;
}




#siteHeader:after,
#siteFooter .guide .inner:after,
#top #topicSlider:after,
#top .zone:after,
#top #topInfo dl:after,
#about .guide:after,
#about .exhibition:after,
#about .enjoyment:after,
nav.catNav:after,
#container:after,
main:after,
dl.guideInfo:after,
figure.restaurant ul:after,
#exhibition article.index section.permanent:after,
#exhibition article.index section.permanent .pLt:after,
#exhibition article.index section.permanent .pRt:after,
#exhibition article.index section.pickupArea:after,
#exhibition article.index section.pickup:after,
#exhibition article.index section.pickup div.inner:after,
#siteFooter .parties .inner a:after,
section.infoList .item:after,
.intro:after,
.zone nav ul:after,
#top #topInfo .inner:after,
#top #topInfo:after {
  content: '';
  display: block;
  clear: both;
}

.txtred {
  color: #FF0004;
}

div.lunchFigs figure small {
  font-size: 12px;
}

/*20200630ここから*/
/*https://www.jp.tdk.com/museum/guide/group.htmlで使用*/
/*https://www.jp.tdk.com/museum/guide/educators.htmlで使用*/
/*https://www.jp.tdk.com/museum/contact/で使用*/

.museum_box {
  width: 670px;
  height: 300px;
  padding: 15px;
  margin-bottom: 30px;
  border: 1px solid #000;
}

.scroll {
  overflow: scroll;
}

.scrollx {
  overflow: hidden;
  overflow-x: scroll;
}

.scrolly {
  overflow: hidden;
  overflow-y: scroll;
}

.scrolly h3 {
  font-size: 1.2em;
  margin-bottom: 20px;
  font-weight: bold;
}

.scrolly ul {
  margin: 0px !important;
}

.scrolly li {
  list-style: none;
  padding-top: 10px;
}


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

  .museum_box {
    width: 100%;
    height: 300px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #000;
  }
}


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

  section.infoList .item {
    display: block;
    margin-top: 20px;
  }

  #container article section.infoList .item ul {
    padding: 10px 0 0;
  }
}

@media screen and (max-width: 1000px) {
  #container {
    width: 100%;
  }

  #container>article {
    width: 100%;
    float: none;
    padding: 20px;
    min-height: 0;
  }

  aside {
    width: 100%;
    float: none;
    padding: 40px 20px 20px;
    border-top: 2px #ececec solid;
  }

  aside nav {
    margin: 0 0 30px 0;
    top: 0;
  }

  aside nav h2 {
    width: 80%;
    height: auto;
  }

  aside nav h3 {
    font-size: 16px;
    line-height: 1.0;
    padding: 25px 0 25px 105px;
  }



  /* site footer */


  #siteFooter .parties {
    height: auto;
    overflow: visible;
  }

  canvas.particles-js-canvas-el {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    z-index: 0;
  }

  #particles-js {
    width: 100%;
    height: 100%;
    position: relative;
    left: auto;
    top: auto;
  }

  #siteFooter .parties .inner {
    width: 100%;
    padding: 25px 25px 1px;
  }

  #siteFooter .parties .inner a {
    padding: 20px;
  }

  #siteFooter .parties .inner div {
    width: 90%;
    height: auto;
    margin: 0 auto 25px;
    float: none;
  }

  #siteFooter .parties .inner div figure {
    float: none;
      width: 100%;
  }

  #siteFooter .parties .inner div figure img {
    width: 100%;
    height: fit-content;
  }

  #siteFooter .parties .inner div figure img:last-child {
    display: block;
  }

  #siteFooter .parties .inner div figure img:first-child {
    display: none;
  }
    
    #siteFooter .parties .inner a{
        display: block;
    }

  #siteFooter .parties .inner div dl {
    margin-top: 15px;
      width: 100%;
  }

  #siteFooter .parties .inner div dl dt {
    margin-bottom: 10px;
  }

  #siteFooter .guide .inner.f2 .logo {
    width: 180px;
    margin: 0 0 10px;
    float: none;
  }

  #siteFooter .guide .inner.f2 {
    width: 100%;
    padding: 25px 20px;
  }

  #siteFooter .guide .inner.f2 .dflex {
    display: block;
  }

  #siteFooter .guide .inner.f2 .hour {
    margin-right: 0;
    width: 100%;
  }

  #siteFooter .guide .inner address {
    width: 100%;
  }

  #siteFooter .guide .inner address br {
    display: none;
  }

  #siteFooter .guide .inner span {
    display: block;
  }

  #siteFooter nav {
    padding: 20px;
  }

  #siteFooter nav li {
    display: block;
    padding: 0;
  }

  #siteFooter nav li:before,
  #siteFooter nav li:nth-child(1):before {
    content: '';
    display: none;
  }

  #siteFooter nav li a {
    padding: 15px 0;
    display: block;
  }

  #siteFooter nav+p {
    padding-bottom: 30px;
    line-height: 1.75;
  }

  #siteFooter nav+p span {
    display: block;
  }

  #siteFooter nav+p br {
    display: none;
  }

  #siteFooter .parties .inner div figure img {
    width: 100%;
    height: fit-content;
  }

  #exhibition article.index section.pickup {
    padding-bottom: 0;
    background: none transparent;
    width: auto;
    padding: 20px;
  }

  #exhibition article.index section.pickup header {
    left: -15px;
    top: -15px;
    z-index: 100
  }

  #exhibition article.index section.pickup div.inner {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
  }

  #exhibition article.index section.pickup div figure {
    width: 100%;
    float: none;
  }

  #exhibition article.index section.pickup div figure img {
    display: block;
    width: 100%;
    height: auto;
  }

  #exhibition article.index section.pickup div div {
    float: none;
    width: auto;
  }

  #exhibition article.index section.pickup div div h2 {
    padding: 15px 0 15px 0;
    margin-bottom: 15px;
  }

  #exhibition article.index section.special>div {
    right: 0;
  }


}

@media screen and (max-width: 1000px) and (min-width: 641px) {
  nav.catNav.exhibition div p.head {
    font-size: 2vw;
  }

  nav.catNav.exhibition div h2 {
    font-size: 3vw;
  }

  nav.catNav.exhibition div h2 small {
    font-size: 1.6vw;
  }

  nav.catNav.exhibition div h2+p {
    font-size: 1.8vw;
  }

}

section#link_future {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1180px;
  margin: 0 auto;
}

a.link_exhibition {
  background-color: #0046ad;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  font-size: 2rem;
  padding: 53px 0;
}

/*--241125 li aからaタグ削除--*/
#top .sec_whatson .box_links li .cs_flex {
  display: flex;
}
/*--241125 li aからaタグ削除--*/
#top .sec_whatson .box_links li .cs_flex img {
  max-width: 40px;
  height: fit-content;
  margin-right: 10px;
}

span.date {
  color: #000;
  font-size: 0.9rem;
}

body #wrapper .triangle_left_blue {
    font-size: 40px;
    line-height: 1.4;
    text-align: left;
    position: relative;
    padding-left: 60px;
    margin: 80px 0;
    font-weight: 300;
}

body #wrapper .triangle_left_blue:before {
    content: "";
    width: 30px;
    height: 60px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
    background: linear-gradient(to right, #0046ad 0%, #1132ff 15%, #0087ff 100%);
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 640px) {
body #wrapper #exhibition .triangle_left_blue {
        margin: 60px 0;
    }
}


@media screen and (max-width: 1000px) {
  /*--241125 li aからaタグ削除--*/
  #top .sec_whatson .box_links li .cs_flex img {
    margin-top: 3.5vw;
    height: 100%;
  }
}