@charset "UTF-8";
.gnav__main--wrap { transition: all .5s ease-out; }

.contents__news { margin-bottom: 5px; }
.contents__news a { display: block; padding: 0 10px; text-decoration: none; }
.contents__news p { font-weight: bold; margin: 10px 20px 0; }

/* ----------------------------------------------
	1.ブラウザ初期設定リセット
	2.共通箇所
	3.ヘッダー
	4.フッター
---------------------------------------------- */
/* ----------------------------------------------
	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.共通箇所
---------------------------------------------- */
html { font-size: 62.5%; }

body { font-size: 12px; font-size: 1.2rem; background: #fff; box-sizing: border-box; color: #433C3E; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana, sans-serif; line-height: 1.6; padding: 79px 0 0; position: relative; text-align: justify; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

p { font-size: 12px; font-size: 1.2rem; line-height: 1.6; }

a { color: #f9a33d; text-decoration: underline; }

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

img { height: auto; vertical-align: bottom; width: 100%; }

.under_des { padding-top: 1em; padding-bottom: 1em; text-align: right; }

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

.txt-attention { color: #F00; }

.catnav__catttl--list { background-color: #fdf2e5; padding: 0 0 1em; }
.catnav__catttl--list a { font-size: 14px; font-size: 1.4rem; background-image: url(../img/icon_circle.png); background-position: 5% center; background-repeat: no-repeat; background-size: 14px; color: #f9a33d; display: block; font-weight: bold; padding: 1em 0 1em 10%; text-decoration: none; }
.catnav__pagettl { margin: 2em 10%; }

.subnav { margin-bottom: 2em; }
.subnav ul { overflow: hidden; }
.subnav li { border-bottom: 1px solid #FFF; box-sizing: border-box; float: left; width: 50%; }
.subnav li:nth-child(2n) { border-left: 1px solid #FFF; }
.subnav a { background-color: #fdf2e5; display: table; font-weight: bold; text-decoration: none; width: 100%; }
.subnav span { display: table-cell; height: 5em; padding: 0 1em; text-align: center; vertical-align: middle; color: #f9a33d; }

.contents__heading { font-size: 14px; font-size: 1.4rem; background-color: #f1f5f8; color: #f9a33d; font-weight: bold; line-height: 1.1; padding: 5% 10%; }
.contents__heading span { background-image: url(../img/icon_circle.png); background-position: left top; background-repeat: no-repeat; background-size: 14px; display: block; padding-left: 20px; }
.contents__heading--simple { font-size: 14px; font-size: 1.4rem; color: #f9a33d; font-weight: bold; padding: 3% 10%; }
.contents__box { padding: 2em 0; }
.contents__box p { margin: 0 10% 2em; }
.contents__box p.wide { margin: 0 0 2em; }
.contents__description { padding: 0 0 2em; }
.contents__description--list { padding: 2em 10%; }
.contents__description--list:nth-child(odd) { background: #fafcfd; }
.contents__description--list:nth-child(even) { background: #f1f5f8; }
.contents__description--list dt { font-weight: bold; padding: 0 0 1em; }
.contents__detail-box { background-color: #feefe0; }
.contents__detail-box:nth-child(even) { background-color: #fcf4eb; }
.contents__detail-box h4 { color: #f9a33d; }
.contents__detail-box a { text-decoration: none; }
.contents__detail-box a p { color: #000; }
.contents__detail-box--inner { display: block; padding: 2em 10%; }
.contents__detail-ttl { font-size: 16px; font-size: 1.6rem; background-image: url(../img/icon_circle.png); background-position: left top; background-repeat: no-repeat; background-size: 14px; font-weight: bold; line-height: 1; margin-bottom: 1em; padding: 0 0 0 17px; }
.contents__detail-ttl.guardian { background-position: left 1em; }
.contents__detail-img { margin-top: 1em; overflow: hidden; }
.contents__detail-img li { float: left; margin-right: 1%; width: 49%; }
.contents__news { background: #fdf3cf; margin-top: 2em; padding: 0 10px 10px; position: relative; }
.contents__news a { padding: 0; }
.contents__news .news__wrap { background: #fff; height: auto; overflow: auto; }
.contents__news .news__wrap dl { padding: 10px; }
.contents__news .news__wrap dl a dd { text-decoration: underline; color: #000; }
.contents__news .news__wrap dd { padding-bottom: 15px; }
.contents__news .news__wrap dt, .contents__news .news__wrap dd, .contents__news .news__wrap p { margin: 0; padding: 0; }
.contents__news .news__wrap dt { color: #f9a33d; }
.contents__news .news__wrap dt.new:after { background-color: #f9a33d; color: #fff; display: inline-block; line-height: 1.5; padding: 0 .5em; }
.contents__news .news__wrap dd span { display: none; }
.contents__news .news__list { max-height: 25em; overflow: auto; padding: 10px 0; }
.contents__news .news__social { display: none; }
.contents__news .news__txt { display: none; }
.contents__news-more { width: 110px; bottom: 0; margin: 0 !important; padding: 0; position: absolute; right: 0; }
.contents__mov { margin: 5%; }
.contents__faq { padding: 0 0 2em; }
.contents__faq .txt-attention { display: block; margin: -2% 0 0; padding: 0 10% 5%; }
.contents__faq--list:nth-child(odd) dt { background-color: #f1f5f8; }
.contents__faq--list:nth-child(even) dt { background-color: #fafcfd; }
.contents__faq--list dt, .contents__faq--list dd { padding: 1em 10%; padding-left: 17%; padding-left: calc(10% + 25px); }
.contents__faq--list dt { background-image: url(../img/icon_q.png); background-position: 10% center; background-size: 20px; background-repeat: no-repeat; font-weight: bold; }
.contents__faq--list dd { background: url(../img/icon_a.png) 10% 1em no-repeat; background-size: 20px; }

.new:after { font-size: 10px; font-size: 1rem; background-color: #f9a33d; content: "NEW"; color: #fff; line-height: 1.2; margin-left: 10px; padding: 0 3px; vertical-align: middle; }

.button { background-color: #fdf2e5; color: #f9a33d; display: block; font-weight: bold; padding: 20px 0; text-align: center; text-decoration: none; }

.map_img { margin-bottom: 2em; }

/* ----------------------------------------------
	3.ヘッダー
---------------------------------------------- */
.header { background: #fff; border-bottom: 2px solid #f1f5f8; height: 77px; left: 0; position: fixed; top: 0; width: 100%; z-index: 10; }
.translated-ltr .header, .translated-rtl .header { top: 40px; }
.header h1 { width: 185px; float: left; }
.header:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; }

.gnav { font-size: 0px; font-size: 0rem; text-align: right; }
.gnav__btn { font-size: 14px; font-size: 1.4rem; width: 67px; border-right: 1px solid #fff; display: inline-block; }
.gnav__trg { font-size: 14px; font-size: 1.4rem; width: 67px; position: relative; z-index: 9; }
.gnav__main { font-size: 14px; font-size: 1.4rem; background: #fff; text-align: left; }
.gnav__main--wrap { overflow: auto; position: absolute; right: -100%; top: 0; width: 100%; z-index: 10; }
.gnav__main--wrap.opend { right: 0; }
.gnav__list:nth-child(odd) { background-color: #fbe1c7; }
.gnav__list:nth-child(odd) a { color: #fd8403; }
.gnav__list:nth-child(even) { background-color: #fdf3cf; }
.gnav__list:nth-child(even) a { color: #f9c100; }
.gnav__list a { display: block; font-weight: bold; text-decoration: none; }
.gnav__list--btn { display: block; font-weight: bold; height: 56px; line-height: 56px; padding-left: 2em; }
.gnav__list span { background-position: 90% center; background-repeat: no-repeat; background-size: 20px 10px; }
.gnav__list span.gnav__list--btn { background-image: url(../img/common/gnav__bg--open.png); }
.gnav__list span.gnav__list--btn.opened { background-image: url(../img/common/gnav__bg--close.png); }
.gnav__sublist { background: #fff; display: none; }
.gnav__sublist a { background-repeat: no-repeat; background-position: 3em 13px; background-size: 14px; display: block; height: 40px; line-height: 1.3; text-decoration: none; padding: 11px 0 0 4.5em; }
.gnav__language { font-size: 0; overflow: hidden; }
.gnav__language span, .gnav__language a { font-size: 14px; font-size: 1.4rem; display: block; float: left; height: 60px; padding: 24px 0 0; text-align: center; width: 50%; }
.gnav__language span { background-color: #0174b3; }
.gnav__language img { height: 12px; width: auto; }
.gnav .cover { background: #000; display: none; left: 0; position: fixed; opacity: .5; top: 0; width: 100%; z-index: 8; }
.gnav .cover.opend { display: block; }

/* ----------------------------------------------
	4.フッター
---------------------------------------------- */
.sponsor ul { text-align: center; margin-bottom: 5px; }
.sponsor-sponsors { font-size: 0; }
.sponsor-sponsors li { display: inline-block; font-size: 14px; width: 33%; }

.footer { background: #fcf4eb; }
.footer a { color: #f9a33d; }
.footer__twitter { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.footer__twitter li { width: 100%; }
.footer__twitter li a { background-color: #14BDDB; display: block; height: 80px; text-align: center; width: 100%; }
.footer__twitter img { height: 80px; width: auto; }
.footer__link { border-bottom: 1px solid #fff; color: #f9a33d; font-size: 0; padding: 20px 0; text-align: center; }
.footer__link li { font-size: 12px; font-size: 1.2rem; border-left: 1px solid #f9a33d; display: inline-block; line-height: 1.1; padding: 0 10px; }
.footer__link li:first-child { border-left: none; }
.footer__link li a, .footer__link li span { text-decoration: none; }
.footer__link li a.link_close:hover, .footer__link li span.link_close:hover { cursor: default; }
.footer__link li span { color: #ccc; }
.footer__link--none { opacity: .4; }
.footer__social { border-bottom: 1px solid #fff; box-sizing: border-box; height: 60px; padding-top: 20px; text-align: center; }
.footer__social li { display: inline-block; height: 20px; line-height: 1; width: 110px; }
.footer__social li:last-of-type { width: 90px; }
.footer__social li img { height: 20px; width: auto; }
.footer__copyright { padding: 2em 2em; }

#gotop { bottom: 10px; height: 50px; position: fixed; right: 10px; width: 50px; z-index: 9; }

#google_translate_element { border-bottom: 1px solid #fff; padding: 20px 0; text-align: center; }
#google_translate_element select { margin-bottom: 1em; width: 80%; }
#google_translate_element img { height: auto !important; width: auto !important; }

.works__box a { background: url(../img/ico_arrow.png) no-repeat 95% center; background-size: 9px 13px; display: block; padding: 3% 10%; text-decoration: none; }
.works__box li:nth-child(2n) a { background-color: #F7FAFB; }

.exhibition__cat { background: #c2ea66; }
.exhibition__head, .exhibition__more { background: #f9a33d; }
.exhibition__num p { color: #f9a33d; margin: 0; border: 5px solid #f9a33d; }
.exhibition__tag li.exhibition__tagdata1 { background: #fbe1c7; color: #f9a33d; }
.exhibition__body { border: 1px solid #f9a33d; }
.exhibition__corp-list a { color: #f9a33d; }

.exhibition-contents { background-color: #fff; background-position: 80px center; margin-bottom: 40px; padding-top: 0; padding-bottom: 0; }
.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 { margin: 5%; width: 90%; }
.exhibition__box p { margin: 0; }
.exhibition__head a { color: #fff; }
.exhibition__num { border-bottom: 1px solid #fff; background: #fff; float: left; text-align: center; width: 50%; }
.exhibition__num p { height: 29px; line-height: 29px; }
.exhibition__tag { float: right; overflow: hidden; width: 50%; }
.exhibition__tag li { background: #CACACA; border-bottom: 1px solid #fff; border-left: 1px solid #fff; box-sizing: border-box; color: #FFF; float: left; font-size: 10px; height: 20px; line-height: 20px; text-align: center; width: 50%; }
.exhibition__data { clear: both; color: #fff; padding: 10px 10px 0; }
.exhibition__booth-name { font-size: 16px; font-weight: bold; }
.exhibition__img { height: auto; margin-bottom: 10px; width: 278px; }
.exhibition__url { padding-bottom: 10px; font-size: 12px; }
.exhibition__copyright { color: #9F9F9F; font-size: 11px; line-height: 1; word-break: break-all; }
.exhibition__more { color: rgba(0, 0, 0, 0.2); font-weight: bold; line-height: 1; padding: 0 10px 10px; text-align: right; }
.exhibition__more span { color: #fff; }
.exhibition__more:after { content: " ▼"; }
.exhibition__more.opened:after { content: " ▲"; }
.exhibition__body { box-sizing: border-box; padding: 20px; width: 100%; }
.exhibition__copy { font-weight: bold; padding-bottom: 1em !important; }
.exhibition__detail { margin-bottom: 20px; }
.exhibition__corp-ttl { background: url(../img/ico_gray.png) left center no-repeat; font-weight: bold; line-height: 14px; margin-bottom: 10px; padding-left: 20px; }
.exhibition__corp-wrap { overflow: hidden; }
.exhibition__corp-list { box-sizing: border-box; }
.exhibition__corp-list span { display: block; line-height: 2; }
.exhibition__corp-img { border: 1px solid #E0E0E0; height: 50px; left: 0; position: absolute; top: 0; width: 50px; }
