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

/* ----------------------------------------------
	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-size-adjust: 100%; }

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

a { color: #433C3E; text-decoration: underline; }

strong { font-weight: bold; }

em { font-weight: bold; }

small { word-wrap: break-word; }

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 { padding: 0 0 1em; }
.catnav__catttl--list a { font-size: 14px; font-size: 1.4rem; background-position: 5% center; background-repeat: no-repeat; background-size: 14px; 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 { 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; }

.contents__heading { font-size: 14px; font-size: 1.4rem; background-color: #f1f5f8; font-weight: bold; line-height: 1.1; padding: 5% 10%; }
.contents__heading span { background-position: left top; background-repeat: no-repeat; background-size: 14px; display: block; padding-left: 20px; }
.contents__heading--simple { font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 5% 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%; text-align: left; }
.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--inner { display: block; padding: 2em 10%; }
.contents__detail-ttl { font-size: 16px; font-size: 1.6rem; 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-img { margin-top: 1em; overflow: hidden; }
.contents__detail-img li { float: left; margin-right: 1%; width: 49%; }

.button { display: block; font-weight: bold; padding: 20px 0; text-align: center; text-decoration: none; }
.button.close { background: #ccc !important; color: #fff !important; }

.a__close { color: #aaa; }

.close__txt { color: #f00; }

/* ----------------------------------------------
	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: #f1f5f8; }
.gnav__list:nth-child(even) { background-color: #fafcfd; }
.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(/2016/smt/en/img/common/gnav__bg--open.png); }
.gnav__list span.gnav__list--btn.opened { background-image: url(/2016/smt/en/img/common/gnav__bg--close.png); }
.gnav__list.menu-01 .gnav__list--btn, .gnav__list.menu-01 .gnav__sublist, .gnav__list.menu-01 a, .gnav__list.menu-05 .gnav__list--btn, .gnav__list.menu-05 .gnav__sublist, .gnav__list.menu-05 a { color: #fb317e; }
.gnav__list.menu-01 .opened, .gnav__list.menu-05 .opened { background-color: #ffeaf2; }
.gnav__list.menu-01 .gnav__sublist a, .gnav__list.menu-05 .gnav__sublist a { background-image: url(/2016/smt/en/img/about/icon_circle.png); }
.gnav__list.menu-02 .gnav__list--btn, .gnav__list.menu-02 .gnav__sublist, .gnav__list.menu-02 a { color: #09afd7; }
.gnav__list.menu-02 .opened { background-color: #ddf6fc; }
.gnav__list.menu-02 .gnav__sublist a { background-image: url(/2016/smt/en/img/ticket/icon_circle.png); }
.gnav__list.menu-03 .gnav__list--btn, .gnav__list.menu-03 .gnav__sublist, .gnav__list.menu-03 a { color: #a2e111; }
.gnav__list.menu-03 .opened { background-color: #f5fce5; }
.gnav__list.menu-03 .gnav__sublist a { background-image: url(/2016/smt/en/img/exhibition/icon_circle.png); }
.gnav__list.menu-04 .gnav__list--btn, .gnav__list.menu-04 .gnav__sublist, .gnav__list.menu-04 a { color: #f96868; }
.gnav__list.menu-04 .opened { background-color: #feeaeb; }
.gnav__list.menu-04 .gnav__sublist a { background-image: url(/2016/smt/en/img/main/icon_circle.png); }
.gnav__list.menu-06 .gnav__list--btn, .gnav__list.menu-06 .gnav__sublist, .gnav__list.menu-06 a { color: #fbc405; }
.gnav__list.menu-06 .opened { background-color: #fbf9ee; }
.gnav__list.menu-06 .gnav__sublist a { background-image: url(/2016/smt/en/img/creator/icon_circle.png); }
.gnav__list.menu-07 .gnav__list--btn, .gnav__list.menu-07 .gnav__sublist, .gnav__list.menu-07 a { color: #3fcb71; }
.gnav__list.menu-07 .opened { background-color: #f2ffe6; }
.gnav__list.menu-07 .gnav__sublist a { background-image: url(/2016/smt/en/img/stage/icon_circle.png); }
.gnav__list.menu-08 .gnav__list--btn, .gnav__list.menu-08 > .gnav__sublist, .gnav__list.menu-08 a { color: #ff8644; }
.gnav__list.menu-08 .opened { background-color: #ffeee5; }
.gnav__list.menu-08 .gnav__sublist a { background-image: url(/2016/smt/en/img/goods-food/icon_circle.png); }
.gnav__list.menu-09 .gnav__list--btn, .gnav__list.menu-09 .gnav__sublist, .gnav__list.menu-09 a { color: #506cc9; }
.gnav__list.menu-09 .opened { background-color: #eef1fc; }
.gnav__list.menu-09 .gnav__sublist a { background-image: url(/2016/smt/en/img/business/icon_circle.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.フッター
---------------------------------------------- */
.footer { background: #e7f5fd; }
.footer a { color: #0174b3; }
.footer .close { color: #B5B5B5; }
.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: #0174b3; font-size: 0; padding: 20px 0; text-align: center; }
.footer__link li { font-size: 12px; font-size: 1.2rem; border-left: 1px solid #0174b3; 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--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; }

.comingsoon_img { margin: 0px 10% 2em; }

/* ----------------------------------------------
	ニュース新着用タグ
---------------------------------------------- */
.tag_new { display: inline; color: #fff; background: #0174b3; padding: 0 4px; font-size: 12px; margin-left: 5px; line-height: 1em; }