@charset "UTF-8";
/* ----------------------------------------------
	1.ブラウザ初期設定リセット
	2.共通箇所
	3.ヘッダー
	4.メインコンテンツ
		4-1.メインカラム
		4-2.サイドバー
	5.フッター
---------------------------------------------- */
/* ----------------------------------------------
	1.ブラウザ初期設定リセット
---------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

p { font-size: 100%; line-height: 1.5em; }

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

fieldset, img { border: 0; }

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

ol, ul { list-style: none; }

caption, th { text-align: left; }

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

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

abbr, acronym { border: 0; }

/* ----------------------------------------------
	2.共通箇所
---------------------------------------------- */
body { box-sizing: border-box; color: #030303; font: 13px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; padding: 91px 0 0; position: relative; }

* html body { font-size: 75%; }

a { color: #030303; text-decoration: none; }
a:hover { text-decoration: underline; }
a:hover img { opacity: .7; }

strong { color: #f9a33d; font-weight: bold; }

img { vertical-align: bottom; }

#wrapper { margin: 0 auto; overflow: hidden; position: relative; width: 100%; max-width: 1050px; }

#page_top { bottom: 15px; position: fixed; right: 15px; width: 50px; }

/* ----------------------------------------------
	3.ヘッダー
---------------------------------------------- */
.header { background: #f5f9fc; border-bottom: 4px solid #f5f9fc; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; }
.translated-ltr .header, .translated-rtl .header { top: 40px; }
.header:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.header h1 { background: #fff; float: left; width: 230px; }
.header h1 img { vertical-align: top; }
.header__lang { float: left; height: 24px; padding: 6px 0 0; }
.header__lang li { float: left; margin-right: 5px; }
.header__lang img { vertical-align: top; }
.header__lang .goog-te-gadget-simple { font-size: 11px !important; margin-top: -2px; padding: 0 !important; }
.header__social { float: right; height: 25px; padding: 5px 0 0; }
.header__social li { float: left; padding-right: 5px; }

.gnav { padding-left: 230px; }
.gnav__wrap { float: left; width: 100%; }
.gnav__list { float: left; position: relative; text-align: left; width: 14.285714%; }
.gnav__list > a { background-position: center top; background-repeat: no-repeat; height: 0; overflow: hidden; padding: 53px 0 0; position: relative; z-index: 3; }
.gnav__list:hover > a { background-color: #fff !important; }
.gnav__list a { display: block; text-decoration: none; }
.gnav__list.menu-01 > a { background-image: url(../img/gnav__btn-01.png); }
.gnav__list.menu-02 > a { background-image: url(../img/gnav__btn-02.png); }
.gnav__list.menu-03 > a { background-image: url(../img/gnav__btn-03.png); }
.gnav__list.menu-04 > a { background-image: url(../img/gnav__btn-04.png); }
.gnav__list.menu-05 > a { background-image: url(../img/gnav__btn-05.png); }
.gnav__list.menu-06 > a { background-image: url(../img/gnav__btn-06.png); }
.gnav__list.menu-07 > a { background-image: url(../img/gnav__btn-07.png); }
.gnav__list.menu-01 .gnav__sublsit, .gnav__list.menu-01 a, .gnav__list.menu-03 .gnav__sublsit, .gnav__list.menu-03 a, .gnav__list.menu-05 .gnav__sublsit, .gnav__list.menu-05 a, .gnav__list.menu-07 .gnav__sublsit, .gnav__list.menu-07 a { background-color: #fbe1c7; }
.gnav__list.menu-01 > a, .gnav__list.menu-03 > a, .gnav__list.menu-05 > a, .gnav__list.menu-07 > a { border: 2px solid #fbe1c7; }
.gnav__list.menu-02 .gnav__sublsit, .gnav__list.menu-02 a, .gnav__list.menu-04 .gnav__sublsit, .gnav__list.menu-04 a, .gnav__list.menu-06 .gnav__sublsit, .gnav__list.menu-06 a { background-color: #fdf3cf; }
.gnav__list.menu-02 > a, .gnav__list.menu-04 > a, .gnav__list.menu-06 > a { border: 2px solid #fdf3cf; }
.gnav__sublsit { box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); display: none; padding: 10px 0; position: absolute; top: 57px; width: 250px; z-index: 1; }
.gnav__sublsit a { background-position: 27px 10px; background-repeat: no-repeat; line-height: 1; padding: 10px 0 10px 45px; vertical-align: bottom; }
.gnav__sublsit a:hover { text-decoration: underline; }

/* ----------------------------------------------
	4.メインコンテンツ
---------------------------------------------- */
.contents { background: #fff; position: relative; /* ----------------------------------------------
		4-1.メインカラム
---------------------------------------------- */ /* ----------------------------------------------
		4-2.サイドバー
---------------------------------------------- */ }
.contents__social { position: absolute; right: 15px; top: 15px; }
.contents__social li { display: inline-block; vertical-align: top; }
.contents__main { box-sizing: border-box; margin: 0 auto; padding: 0; width: auto; }
.contents__main--top { margin-bottom: 30px; }
.contents__main--top img { height: auto; width: 100%; }
.contents .subnav { margin: 0 0 30px; overflow: hidden; }
.contents .subnav li { float: left; width: 33.3%; }
.contents .subnav li.multi-3 { width: 33.4%; }
.contents .subnav a { background-image: url(../img/ico.png); background-position: 40px 27px; background-repeat: no-repeat; color: #f9a33d; display: block; font-weight: bold; min-height: 50px; line-height: 1.3; padding: 25px 0 25px 60px; }
.contents .subnav .odd { background-color: #fbe1c7; }
.contents .subnav .even { background-color: #fdf3cf; }
.contents__main-ttl { margin: 0 0 40px 80px; }
.contents__heading { background-image: url(../img/ico.png); background-color: #f1f5f8; background-position: 80px 42px; background-repeat: no-repeat; color: #f9a33d; font-size: 20px; font-weight: bold; line-height: 1; padding: 40px 80px 40px 100px; }
.contents__heading--sup { font-size: 12px; font-weight: normal; padding-left: 1em; vertical-align: middle; }
.contents__heading--simple { background-color: #fafcfd; background-position: 80px 30px; background-repeat: no-repeat; color: #f9a33d; font-size: 16px; font-weight: bold; line-height: 1; padding: 20px 80px; }
.contents__box { overflow: hidden; padding: 2em 80px 50px; }
.contents__main-ttl + .contents__box { padding-top: 0; }
.contents__box p { line-height: 2.2; margin-bottom: 2em; }
.contents__box--map { height: auto; width: 100%; }
.contents__description { margin: 0 0 50px; }
.contents__description > p { padding: 2em 80px; }
.contents__description--list { overflow: hidden; padding: 0 80px; }
.contents__description--list.odd { background: #fafcfd; }
.contents__description--list.even { background: #f1f5f8; }
.contents__description--list dt, .contents__description--list dd { padding: 15px 0; }
.contents__description--list dt { float: left; font-weight: bold; width: 200px; }
.contents__description--list dd { padding-left: 200px; }
.contents__detail img { height: auto; margin-bottom: 5em; width: 100%; }
.contents__detail > p { padding: 2em 0 5em; }
.contents__detail-wrap { display: table; height: 100%; overflow: hidden; }
.contents__detail-wrap.odd .odd .contents__detail-ttl { background-color: #fbe1c7; }
.contents__detail-wrap.odd .even .contents__detail-ttl { background-color: #fdf3cf; }
.contents__detail-wrap.even .odd .contents__detail-ttl { background-color: #fdf3cf; }
.contents__detail-wrap.even .even .contents__detail-ttl { background-color: #fbe1c7; }
.contents__detail-box { display: table-cell; height: 100%; vertical-align: top; width: 50%; }
.contents__detail-box a { color: #030303 !important; display: block; }
.contents__detail-box a:hover { text-decoration: none; }
.contents__detail-inner { height: 100%; padding-bottom: 25px; }
.contents__detail-inner.odd { background-color: #f1f5f8; }
.contents__detail-inner.even { background-color: #f4f8fa; }
.contents__detail-inner small { display: block; font-size: 10px; line-height: 2; }
.contents__detail-ttl { background-image: url(../img/ico.png); background-position: 28px 35px; background-repeat: no-repeat; color: #f9a33d; font-size: 17px; font-weight: bold; height: 75px; line-height: 1.1; margin-bottom: 5px; padding: 33px 0 0 48px; }
.contents__detail-ttl.guardian { background-position: 28px 54px; }
.contents__detail-ttl.new:after { background: #f9a33d; color: #fff; content: "NEW"; font-weight: bold; margin-left: 10px; padding: 0 3px; }
.contents__detail-ttl--sup { display: block; font-size: 10px; font-weight: normal; line-height: 1.4; padding-top: .5em; }
.contents__detail-txt { padding: 10px 28px; }
.contents__detail-img { padding: 10px 28px 0; overflow: hidden; }
.contents__detail-img li { float: left; width: 49.5%; }
.contents__detail-img li:first-child { margin-right: 1%; }
.contents__detail-img li img { height: auto; width: 100%; }
.contents .coloring__box { margin-left: 10px; width: 215px; }
.contents .coloring__box img { box-sizing: border-box; height: auto; width: 100%; }
.contents__mov { float: right; width: 400px; }
.contents__mov img { height: auto; width: 100%; }
.contents__news { max-height: 210px; overflow: auto; width: 480px; }
.contents__news-date { color: #f9a33d; font-weight: bold; }
.contents__news-date.new:after { background: #f9a33d; color: #fff; content: "NEW"; display: inline-block; line-height: 1.5; margin-left: 10px; padding: 0 5px; }
.contents__news-body { margin-bottom: 8px; }
.contents__faq { margin: 0 0 30px; padding: 0; }
.contents__faq .txt-attention { margin: -15px 0 30px 55px; }
.contents__faq-box { background-color: #fafcfd; padding: 25px; }
.contents__faq-box dt { font-weight: bold; margin-top: 15px; }
.contents__faq-box dt:first-child { margin-top: 0; }
.contents__faq--list.odd dt { background-color: #f1f5f8; }
.contents__faq--list.even dt { background-color: #fafcfd; }
.contents__faq--list dt, .contents__faq--list dd { padding: 25px 25px 25px 110px; background-position: 80px 27px; background-repeat: no-repeat; }
.contents__faq--list dt { background-image: url(../img/faq__bg-q.png); cursor: pointer; font-weight: bold; font-size: 14px; }
.contents__faq--list dd { background-image: url(../img/faq__bg-a.png); }
.exhibition-contents { background-color: #fff; background-position: 80px 2px; margin-bottom: 40px; padding-top: 0; padding-bottom: 0; }
.exhibition-contents .txt-attention { display: block; font-size: 13px; font-weight: normal; margin-top: 8px; }
.exhibition__list { min-height: 500px; padding: 0 40px 0 80px; }
.exhibition__cat { color: #fff; font-size: 15px; font-weight: bold; line-height: 1; margin-top: 80px; padding: 10px 20px; }
.exhibition__cat:first-child { margin-top: 0; }
.exhibition__box { display: table; margin-top: 20px; width: 100%; max-width: 1100px; }
.exhibition__box p { line-height: 1.5; margin: 0; padding: 0; }
.exhibition__head { background: #f9a33d; border-right: 1px solid #fff; display: table-cell; vertical-align: top; width: 299px; }
.exhibition__head a { color: #fff; }
.exhibition__num { border-bottom: 1px solid #fff; background: #fff; float: left; text-align: center; width: 141px; }
.exhibition__num p { color: #f9a33d; border: 5px solid #f9a33d; height: 29px; line-height: 29px; }
.exhibition__tag { float: right; overflow: hidden; width: 158px; }
.exhibition__tag li { border-bottom: 1px solid #fff; border-left: 1px solid #fff; background: #CACACA; color: #FFF; float: left; font-size: 10px; height: 19px; line-height: 19px; text-align: center; width: 78px; }
.exhibition__tag li.exhibition__tagdata1 { background: #fbe1c7; color: #f9a33d; }
.exhibition__data { clear: both; color: #fff; padding: 10px; }
.exhibition__booth-name { font-size: 16px; font-weight: bold; }
.exhibition__img { height: auto; margin-bottom: 10px; width: 278px; }
.exhibition__url { margin-bottom: 10px; font-size: 12px; }
.exhibition__copyright { color: #fff; font-size: 11px; line-height: 1 !important; word-break: break-all; }
.exhibition__body { border: 1px solid #f9a33d; display: table-cell; padding: 20px; vertical-align: top; }
.exhibition__copy { font-weight: bold; margin-bottom: 10px !important; }
.exhibition__detail { margin-bottom: 20px !important; }
.exhibition__corp-ttl { background: url(../img/ico_gray.png) left center no-repeat; font-weight: bold; line-height: 14px; padding-left: 20px; }
.exhibition__corp-wrap { overflow: hidden; }
.exhibition__corp-list { box-sizing: border-box; min-height: 52px; float: left; margin-top: 10px; padding: 0 5px 0 57px; position: relative; width: 150px; }
.exhibition__corp-list a { color: #f9a33d; }
.exhibition__corp-list span { display: block; font-size: 10px; line-height: 1.5; }
.exhibition__corp-img { border: 1px solid #E0E0E0; height: 50px; left: 0; position: absolute; top: 0; width: 50px; }
.works { margin: 35px 0 0 -10px; overflow: hidden; }
.works__list { float: left; margin-left: 10px; padding-bottom: 15px; width: 146px; }
.works__list img { border: 1px solid #f9a33d; margin-bottom: 5px; }
.works p { line-height: 1.5; margin: 0; }
.works__ttl { font-size: 13px; word-break: break-all; }
.works__ttl a { color: #f9a33d; }
.works__copyright { color: #B5B5B5; word-break: break-all; }
.contents .signing { text-align: right; }
.contents .txt-supplement { margin: 0 80px 2em; }
.contents .txt-attention { color: #F00; }

/* ----------------------------------------------
	5.フッター
---------------------------------------------- */
.sponsor { background: #fff; padding: 10px 14px 13px; }
.sponsor__ttl, .sponsor__bnrs, .sponsor__bnrs li { display: inline-block; vertical-align: bottom; }
.sponsor__bnrs li { margin-right: 30px; }

.footer { background-color: #fcf4eb; border-top: 4px solid #fcf4eb; position: relative; }
.footer li { display: inline-block; }
.footer a { color: #f9a33d; }
.footer__nav { padding: 15px 14px 5px; }
.footer__nav li { padding-right: 1.5em; }
.footer__nav li span { color: #aaa; }
.footer__copyright { position: absolute; right: 14px; top: 15px; }
.footer__copyright li { height: 26px; }
.footer__bnr { padding: 0 14px 17px; }
.footer__bnr ul { font-size: 0; }
.footer__bnr li { font-size: 13px; padding-right: 10px; }
.footer__bnr img { border: 1px solid #e6ebee; }