@charset "UTF-8";
/* ============================== 共通 */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
.icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; }

/* ========================================== Single-colored icons can be modified like so: .icon_name { font-size: 32px; color: red; } ========================================== */
.icon_make { width: 3.3784877232142856em; fill: #E50615; }

.icon_oreilly { fill: #e6142d; width: 5.828125em; }

.icon_plus { width: 0.7857142857142857em; }

.icon_minus { width: 0.7857142857142857em; }

.icon_search { width: 0.9285714285714285em; }

.icon_close { width: 0.7857142857142857em; }

.icon_twitter { width: 0.9285714285714285em; }

.icon_facebook { width: 0.5881428571428571em; }

.icon_menu { width: 0.8571428571428571em; }

.icon_instagram { width: 0.8571428571428571em; }

.icon_arrow-down { width: 0.42857142857142855em; }

.icon_arrow-right { width: 0.9642857142857142em; }

/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== reset-css */
body { font-family: "Noto Sans", "Noto Sans Japanese", "Noto Sans CJK JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 14px; color: #2A2A2A; line-height: 1.85714; letter-spacing: 0.0625rem; }

@media screen and (min-width: 1024px) { body { font-size: 1em; line-height: 2; } }

a, a:visited { color: #00B1FF; text-decoration: none; }

a:hover, a:focus { opacity: 0.8; }

a.disabled { color: #A1A1A1; pointer-events: none; }

::selection { background: #b3d4fc; text-shadow: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

:focus { outline: none; }

ul, ol, dl { margin: 0; padding: 0; }

dd { margin: 0; }

/* ============================== common */
/* ============================== mv__common */
.mv { position: relative; left: 0; width: 100%; }

@media screen and (max-width: 1023px) { .mv__common { padding-bottom: 30px; margin-bottom: 10px; } }

@media screen and (min-width: 1024px) { .mv__common { margin-bottom: 50px; } }

.mv__common .mv__bg { position: relative; width: 100%; height: 33.333vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: contain; background-repeat: no-repeat; background-position: center center; }

.mv__common .mv__bg::after { position: absolute; top: 0; left: 0; display: block; content: " "; width: 100%; height: 41.667vw; background-repeat: no-repeat; background-position: left top; background-size: contain; }

@media screen and (max-width: 1023px) { .mv__common .mv__bg { background-position-x: 33.333vw; background-size: auto 41.667vw; }
  .mv__common .mv__bg::after { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/hero_sp.svg"); } }

@media screen and (min-width: 1024px) { .mv__common .mv__bg { max-width: 1140px; max-height: 240px; background-position-x: 49.12281vw; height: 21.053vw; }
  .mv__common .mv__bg::after { height: 240px; background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/hero.svg"); } }

@media screen and (min-width: 1140px) { .mv__common .mv__bg { background-position-x: 560px; } }

.mv__common h1 { position: absolute; z-index: 1; display: inline-block; left: 0; bottom: -30px; height: 60px; min-width: 80.55vw; margin: 0; padding: 20px; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600; font-size: 1.25rem; color: #ffffff; letter-spacing: 0.5px; line-height: 1; }

@media screen and (min-width: 1024px) { .mv__common h1 { display: table; top: 0; bottom: 0; height: 100%; min-width: auto; max-width: 370px; width: 32.456vw; text-align: right; white-space: normal; padding: 0; font-size: 2.25rem; letter-spacing: 0.9px; line-height: 1.5; }
  .mv__common h1 span { display: table-cell; vertical-align: middle; } }

@media screen and (min-width: 1024px) { body.mft2020.for_sponsors .mv__common h1 { padding: 0 55px 0 50px; } }

/* ============================== block */
body.mft2020 { padding-top: 0; background-color: #fff; word-wrap: break-word; }

@media screen and (max-width: 1023px) { body.mft2020 { padding: 64px 0 0; } }

ul.no-bullet { list-style: none; }

small { color: #999999; font-size: 0.5rem; line-height: 1.4; }

@media screen and (min-width: 1024px) { small { font-size: 0.75rem; } }

.text__medium { font-size: 0.8125rem; line-height: 1.84615; }

@media screen and (min-width: 1024px) { .text__medium { font-size: 0.875rem; line-height: 2.285718; } }

strong { font-weight: 700; }

.text__red { color: #E50113; }

article, aside { margin: 0 20px; }

@media screen and (min-width: 1024px) { article, aside { max-width: 1180px; width: auto; padding: 0 20px; margin: 0 auto; } }

article h2, aside h2 { margin: 0 0 30px; padding: 30px 0 0; font-size: 1.3125rem; font-weight: 600; line-height: 1.42857; }

@media screen and (min-width: 1024px) { article h2, aside h2 { padding: 100px 0 0; margin-bottom: 50px; font-size: 2.875rem; line-height: 1.47826; } }

article h3, aside h3 { margin: 30px 0; font-size: 1.125rem; font-weight: 400; line-height: 1.444445; }

@media screen and (min-width: 1024px) { article h3, aside h3 { margin: 50px 0; font-size: 2.375rem; line-height: 1.473685; } }

article h3:not(:first-child), aside h3:not(:first-child) { padding-top: 30px; border-top: solid 5px #E4EAEE; }

@media screen and (min-width: 1024px) { article h3:not(:first-child), aside h3:not(:first-child) { padding-top: 50px; } }

article h3.h3__first, aside h3.h3__first { border-top: none; padding-top: 0; }

@media screen and (min-width: 1024px) { article h3.h3__first, aside h3.h3__first { padding-top: 0; } }

article h4, aside h4 { margin: 40px 0 20px; font-size: 1rem; font-weight: 600; line-height: 1.625; }

@media screen and (min-width: 1024px) { article h4, aside h4 { font-size: 1.125rem; line-height: 1.888887; } }

article h3 + h4, aside h3 + h4 { border-top: none; padding-top: 0; }

article h5, aside h5 { margin: 30px 0 20px; font-size: 0.875rem; font-weight: 600; }

@media screen and (min-width: 1024px) { article h5, aside h5 { font-size: 1.5rem; } }

article h6, aside h6 { margin: 30px 0 10px; font-size: 0.875rem; font-weight: 600; }

@media screen and (min-width: 1024px) { article h6, aside h6 { font-size: 1rem; } }

article nav, aside nav { margin: 0 0 50px; }

article nav ul li, aside nav ul li { margin: 0; border-bottom: solid 1px #E1E1E1; }

article nav ul li a, aside nav ul li a { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 30px; font-size: 0.875rem; letter-spacing: 1px; line-height: 14px; }

@media screen and (min-width: 1024px) { article nav, aside nav { margin: 0 0 100px; }
  article nav ul, aside nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: solid 1px #E1E1E1; }
  article nav ul li, aside nav ul li { margin: 0 50px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; }
  article nav ul li a, aside nav ul li a { margin-bottom: 40px; padding: 16px; height: 48px; font-size: 1rem; line-height: 16px; } }

article table, aside table { -webkit-box-sizing: border-box; box-sizing: border-box; }

article table tr, aside table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; border-top: solid 1px #D7DBDD; }

article table tr:last-child, aside table tr:last-child { border-bottom: solid 1px #D7DBDD; }

@media screen and (min-width: 1024px) { article table tr, aside table tr { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

article table tr th, article table tr td, aside table tr th, aside table tr td { font-size: 0.875rem; letter-spacing: 1px; line-height: 26px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 1024px) { article table tr th, article table tr td, aside table tr th, aside table tr td { vertical-align: top; font-size: 1rem; line-height: 32px; }
  article table tr th p, article table tr td p, aside table tr th p, aside table tr td p { font-size: 1rem; line-height: 32px; } }

article table tr th, aside table tr th { padding: 20px 15px 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; background-color: #EEF2F4; }

@media screen and (min-width: 1024px) { article table tr th, aside table tr th { line-height: 1.75; } }

article table tr td, aside table tr td { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 1024px) { article table tr td, aside table tr td { line-height: 2.125; } }

article table:not(.callformakers__table), aside table:not(.callformakers__table) { display: block; }

article table:not(.callformakers__table) tbody, aside table:not(.callformakers__table) tbody { display: block; }

article table:not(.callformakers__table) tr, aside table:not(.callformakers__table) tr { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (min-width: 1024px) { article table:not(.callformakers__table) tr, aside table:not(.callformakers__table) tr { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

article table:not(.callformakers__table) tr th, aside table:not(.callformakers__table) tr th { display: block; width: 100%; text-align: center; }

@media screen and (max-width: 1023px) { article table:not(.callformakers__table) tr th, aside table:not(.callformakers__table) tr th { border-left: solid 1px #D7DBDD; border-right: solid 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { article table:not(.callformakers__table) tr th, aside table:not(.callformakers__table) tr th { width: 175px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

article table:not(.callformakers__table) tr td, aside table:not(.callformakers__table) tr td { display: block; width: 100%; }

@media screen and (max-width: 1023px) { article table:not(.callformakers__table) tr td, aside table:not(.callformakers__table) tr td { border-left: solid 1px #D7DBDD; border-right: solid 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { article table:not(.callformakers__table) tr td, aside table:not(.callformakers__table) tr td { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } }

article table:not(.callformakers__table) tr th:first-child, article table:not(.callformakers__table) tr td:first-child, aside table:not(.callformakers__table) tr th:first-child, aside table:not(.callformakers__table) tr td:first-child { border-left: solid 1px #D7DBDD; }

article table:not(.callformakers__table) tr th:last-child, article table:not(.callformakers__table) tr td:last-child, aside table:not(.callformakers__table) tr th:last-child, aside table:not(.callformakers__table) tr td:last-child { border-right: solid 1px #D7DBDD; }

@media screen and (min-width: 1024px) { article #tickets table tr th, aside #tickets table tr th { display: block; } }

article img, article iframe, article table, aside img, aside iframe, aside table { margin: 0; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { article img, article iframe, article table, aside img, aside iframe, aside table { width: 100%; } }

@media screen and (min-width: 1024px) { article img, article iframe, article table, aside img, aside iframe, aside table { width: calc(100% - 40px); } }

@media screen and (min-width: 1280px) { article img, article iframe, article table, aside img, aside iframe, aside table { width: 1140px; } }

@media screen and (max-width: 1023px) { article iframe, aside iframe { height: 55.35vw; } }

@media screen and (min-width: 1024px) { article iframe, aside iframe { width: 594px; height: 334px; } }

@media screen and (min-width: 1220px) { article iframe, aside iframe { width: 750px; height: 400px; } }

@media screen and (max-width: 1023px) { article table tbody, aside table tbody { width: calc(100vw - 42px); } }

@media screen and (min-width: 1024px) { article table tbody, aside table tbody { width: calc(100% - 42px); } }

@media screen and (min-width: 1280px) { article table tbody, aside table tbody { width: 1138px; } }

article p, aside p { margin: 0; }

article p + p, article p + p.two-columns, article p.two-columns + p, article img + p, article iframe + p, aside p + p, aside p + p.two-columns, aside p.two-columns + p, aside img + p, aside iframe + p { margin-top: 20px; }

@media screen and (min-width: 1024px) { article p + p, article p + p.two-columns, article p.two-columns + p, article img + p, article iframe + p, aside p + p, aside p + p.two-columns, aside p.two-columns + p, aside img + p, aside iframe + p { margin-top: 40px; } }

article ul:not(.no-bullet), article ol, aside ul:not(.no-bullet), aside ol { margin: 10px 0 0; padding-left: 30px; }

article ul:not(.no-bullet) + p, article ol + p, aside ul:not(.no-bullet) + p, aside ol + p { margin-top: 30px; }

article ul:not(.no-bullet), aside ul:not(.no-bullet) { list-style: none; padding-left: 19px; }

article ul:not(.no-bullet) li::before, aside ul:not(.no-bullet) li::before { content: ' '; display: block; position: absolute; width: 8px; height: 8px; margin: 9px 3px 3px -14px; border-radius: 50%; background: #E3E8EB; }

@media screen and (min-width: 1024px) { article ul:not(.no-bullet) li::before, aside ul:not(.no-bullet) li::before { margin-top: 13px; } }

article p.sup, aside p.sup { margin-top: 10px; }

article.article__detail .two-columns, aside.article__detail .two-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (min-width: 1024px) { article.article__detail .two-columns, aside.article__detail .two-columns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

article.article__detail .two-columns > img, aside.article__detail .two-columns > img { width: 100%; height: auto; }

article.article__detail .two-columns > img:not(:last-child), aside.article__detail .two-columns > img:not(:last-child) { margin-bottom: 20px; }

@media screen and (min-width: 1024px) { article.article__detail .two-columns > img, aside.article__detail .two-columns > img { width: 360px; height: 240px; } }

article .square-btn, aside .square-btn { margin: 20px 0; }

.sup { color: #999999; }

/* ============================== 個別対応 */
@media screen and (min-width: 1024px) { body.mft2020.for_thefirst article.article__detail .two-columns > img, body.mft2020.for_thefirst aside.article__detail .two-columns > img { height: 200px; } }

/* ============================== element */
.svgicons { overflow: hidden; display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; }

.svgicons img { font-size: 0; text-indent: 100%; white-space: nowrap; width: 100%; height: 100%; margin: 0; padding: 0; }

.svglogos img { overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; width: 100%; height: 100%; margin: 0; padding: 0; }

.square-btn, a.square-btn { display: block; position: relative; width: 100%; height: 55px; margin: 0; padding: 8px 20px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.88px; line-height: 40px; background: #009FE9; color: #ffffff; text-align: center; border: none; }

@media screen and (min-width: 1024px) { .square-btn, a.square-btn { width: 555px; max-width: 570px; height: 70px; margin: 0 auto; padding: 15px 40px 15px; font-size: 1rem; } }

@media screen and (min-width: 1024px) { .square-btn.square-btn__mini, a.square-btn.square-btn__mini { width: 360px; } }

@media screen and (max-width: 1023px) { .square-btn.square-btn_twolines, a.square-btn.square-btn_twolines { line-height: 1.53846; } }

@media screen and (min-width: 1024px) { .square-btn.square-btn_twolinesPC, a.square-btn.square-btn_twolinesPC { padding: 11px 40px; line-height: 1.53846; }
  .square-btn.square-btn_twolinesPC::before, a.square-btn.square-btn_twolinesPC::before { margin: 12px 0; } }

.square-btn::before, a.square-btn::before { content: ' '; display: block; position: absolute; width: 21px; height: 21px; margin: 8px 0; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzEgMzIiPjx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMwLjg1NyAxNS45NDZjMCAwLjE2MS0wLjA3MSAwLjMyMS0wLjE3OSAwLjQyOWwtNi44NTcgNi4zMjFjLTAuMTc5IDAuMTYxLTAuNDExIDAuMTk2LTAuNjI1IDAuMTA3LTAuMTk2LTAuMDg5LTAuMzM5LTAuMjg2LTAuMzM5LTAuNTE4di00aC0yMi4yODZjLTAuMzIxIDAtMC41NzEtMC4yNS0wLjU3MS0wLjU3MXYtMy40MjljMC0wLjMyMSAwLjI1LTAuNTcxIDAuNTcxLTAuNTcxaDIyLjI4NnYtNGMwLTAuMjMyIDAuMTI1LTAuNDI5IDAuMzM5LTAuNTE4czAuNDQ2LTAuMDU0IDAuNjI1IDAuMDg5bDYuODU3IDYuMjVjMC4xMDcgMC4xMDcgMC4xNzkgMC4yNSAwLjE3OSAwLjQxMXYweiI+PC9wYXRoPjwvc3ZnPg==") no-repeat 50% 50%; background-size: 21px, 21px; }

.square-btn.square-btn_download::before, a.square-btn.square-btn_download::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE5IDIwIj4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS43NTY1OTY2LDYuODc2MDMzMDYgTDExLjI0MzQwMTgsNi44NzYwMzMwNiBMMTEuMjQzNDAxOCwwIEw2Ljc1NjU5ODI0LDAgTDYuNzU2NTk4MjQsNi44NzYwMzMwNiBMMi4yNDM0MDE3Niw2Ljg3NjAzMzA2IEw4Ljk5OTk5ODMxLDE0LjkwNzAyMzEgTDE1Ljc1NjU5NjYsNi44NzYwMzMwNiBaIE0xNS43NTY1OTY2LDE0LjkwNzAyMzEgTDE1Ljc1NjU5NjYsMTcuMTkwMDgyNiBMMi4yNDM0MDE3NiwxNy4xOTAwODI2IEwyLjI0MzQwMTc2LDE0LjkwNzAyMzEgTDAsMTQuOTA3MDIzMSBMMCwxOS41IEwxOCwxOS41IEwxOCwxNC45MDcwMjMxIEwxNS43NTY1OTY2LDE0LjkwNzAyMzEgWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+Cjwvc3ZnPgo=") no-repeat 50% 50%; }

.square-btn.disabled, a.square-btn.disabled { background: #EEF2F4; }

.square-btn.disabled::before, a.square-btn.disabled::before { display: none; }

/* search */
.header__search.form_hide input[type=text] { display: none; }

/* ============================== article.article__detail */
article.article__detail { background: #ffffff; margin: 0; }

article.article__detail section { margin: 0 auto; }

@media screen and (min-width: 1024px) { article.article__detail section { max-width: 1164px; } }

article.article__detail .article__detail__block { position: relative; margin: 0; }

article.article__detail .article__detail__block::after { display: block; content: ' '; border-bottom: solid 5px #E4EAEE; }

@media screen and (max-width: 1023px) { article.article__detail .article__detail__block::after { margin: 0 0 40px; } }

@media screen and (min-width: 1024px) { article.article__detail .article__detail__block::after { margin: 0 0 80px; } }

article.article__detail .article__detail__block:last-child::after { display: none; }

article.article__detail .article__detail__inner { position: relative; }

@media screen and (max-width: 1023px) { article.article__detail .article__detail__inner { padding: 0; margin-bottom: 40px; } }

@media screen and (min-width: 1024px) { article.article__detail .article__detail__inner { margin-top: 0; margin-left: 350px; padding: 0 0 80px; } }

@media screen and (min-width: 1140px) { article.article__detail .article__detail__inner { margin-left: calc(50vw - 570px + 350px); } }

@media screen and (min-width: 1220px) { article.article__detail .article__detail__inner { margin-left: 390px; } }

article.article__detail .article__detail__inner + h4 { height: 84px; }

article.article__detail .article__detail__inner + h4::before { display: block; content: ' '; height: 0; width: 100%; margin: -10px 0 30px; border-top: dashed 1px #D7DBDD; }

@media screen and (min-width: 1024px) { article.article__detail .article__detail__inner + h4::before { margin: -40px 0 50px; } }

@media screen and (min-width: 1024px) { article.article__detail h4 + .article__detail__inner { margin-top: -53px; padding-bottom: 50px; } }

article.article__detail nav.pagenav__subsub { margin: 0; }

@media screen and (min-width: 1024px) { article.article__detail nav.pagenav__subsub { position: absolute; width: 328px; }
  article.article__detail nav.pagenav__subsub ul { width: 263px; }
  article.article__detail nav.pagenav__subsub.sticky { position: fixed; top: 30px; } }

@media screen and (max-width: 1023px) { article.article__detail nav.pagenav__subsub + h4::before { display: block; content: ' '; height: 0; width: 100%; margin: -40px 0 30px; border-top: dashed 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { article.article__detail nav.pagenav__subsub + h4 { padding-top: 100px; height: 34px; } }

article.article__detail h3 { position: relative; margin: 0; font-weight: 600; font-size: 1.25rem; letter-spacing: 1px; line-height: 1.5; }

@media screen and (max-width: 1023px) { article.article__detail h3 { padding: 0 0 30px; } }

@media screen and (min-width: 1024px) { article.article__detail h3 { left: 0; font-size: 1.875rem; line-height: 1.5; } }

article.article__detail h4.accordion-item { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.875rem; letter-spacing: 1px; line-height: 14px; }

@media screen and (max-width: 1023px) { article.article__detail h4.accordion-item { margin: 0 -20px; padding: 25px 104px 25px 30px; background: #EEF2F4; border-top: none; cursor: pointer; }
  article.article__detail h4.accordion-item:hover, article.article__detail h4.accordion-item:focus { background: #dfe4e6; } }

@media screen and (min-width: 1024px) { article.article__detail h4.accordion-item { margin: 0 0 30px; padding: 0; font-size: 1.5rem; line-height: 1.333334; } }

article.article__detail p { max-width: none; }

@media screen and (min-width: 1024px) { article.article__detail img { width: 100%; } }

@media screen and (min-width: 1024px) { article.article__detail table, article.article__detail table tbody { width: auto; } }

@media screen and (min-width: 1024px) { article.article__detail a.square-btn { margin-left: 0; } }

article.article__detail p > a.square-btn { margin: 20px 0 30px; }

@media screen and (min-width: 1024px) { article.article__detail p > a.square-btn { margin: 20px 0 40px; } }

article.article__detail table + p > a.square-btn { margin-top: 50px; }

/* ============================== accordion */
.accordion-item span.accordion-item__icon { color: #00B1FF; }

@media screen and (max-width: 1023px) { .accordion-item { position: relative; }
  .accordion-item span.accordion-item__icon { position: absolute; top: 0; right: 30px; width: 14px; height: 100%; }
  .accordion-item span.accordion-item__icon svg.svgicons { position: relative; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 14px; height: 14px; }
  .accordion-item.accordion-item_close svg.svgicons.icon-plus { display: inherit; }
  .accordion-item.accordion-item_close svg.svgicons.icon-minus { display: none; }
  .accordion-item.accordion-item_open svg.svgicons.icon-plus { display: none; }
  .accordion-item.accordion-item_open svg.svgicons.icon-minus { display: inherit; } }

@media screen and (min-width: 1024px) { .accordion-item svg.svgicons.icon-plus, .accordion-item svg.svgicons.icon-minus { display: none; } }

/* ============================== page navigation */
article .pagenav__main .pagenav__sub-item { display: none; }

@media screen and (max-width: 1023px) { article .pagenav__main .pagenav__item.accordion-item a { width: auto; margin-right: 53px; }
  article .pagenav__main .pagenav__sub-item { margin-left: 30px; }
  article .pagenav__main .pagenav__sub-item.accordion-target_open { display: list-item; } }

@media screen and (max-width: 1023px) { article .pagenav__sub { margin: 0 0 40px; }
  article .pagenav__sub ul li a { padding: 16px 0; } }

@media screen and (min-width: 1024px) { article .pagenav__sub { margin-bottom: 50px; }
  article .pagenav__sub ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-bottom: none; }
  article .pagenav__sub ul li { margin: 0 0 0 40px; }
  article .pagenav__sub ul li a { margin: 0; padding: 0; height: 36px; line-height: 36px; }
  article .pagenav__sub ul li a:hover::after, article .pagenav__sub ul li a:focus::after { content: ' '; display: block; margin-top: -2px; width: 100%; height: 2px; font-size: 0; background-color: #00B1FF; border-radius: 1px; } }

article .pagenav__subsub ul { margin-top: 55px; border-bottom: none; }

article .pagenav__subsub ul li { margin: 0; width: 100%; border-top: solid 1px #D7DBDD; border-left: solid 1px #D7DBDD; border-right: solid 1px #D7DBDD; }

article .pagenav__subsub ul li:last-child { border-bottom: solid 1px #D7DBDD; }

article .pagenav__subsub ul li a { display: block; margin: 0; padding: 22px; width: 100%; height: auto; font-size: 0.875rem; letter-spacing: 1px; line-height: 14px; }

article .pagenav__subsub ul li a:hover { background: #F6F6F6; }

article .pagenav__subsub ul li a:hover::after, article .pagenav__subsub ul li a:focus::after { display: none; }

/* ============================== visibility helper classes */
@media screen and (max-width: 1023px) { .onlyPC { display: none !important; }
  .onlyPCSmall:not(.onlySP) { display: none !important; } }

@media screen and (min-width: 1024px) { .onlySP:not(.onlyPCSmall) { display: none !important; } }

@media screen and (min-width: 1132px) { .onlyPCSmall { display: none !important; }
  .onlySP { display: none !important; } }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.clearText { overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; }

/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== header-search */
.header__search input[type=text] { width: 120%; height: 22px; padding: 0; font-size: 1rem; border: 0; background: transparent; -webkit-transform: scale(0.8125); transform: scale(0.8125); -webkit-transform-origin: left top; transform-origin: left top; }

/* ============================== header-global */
.header-global { background-color: #EEF2F4; }

.header-global .header-global__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1140px; margin: 0 20px; }

@media screen and (min-width: 1280px) { .header-global .header-global__inner { margin: 0 auto; } }

.header-global ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 50px; }

.header-global ul.header-sns { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.header-global ul.header-sns li { height: auto; padding: 0; margin: 3px 0; }

.header-global li { height: 20px; margin: 15px 38px 15px 0; }

.header-global li:last-child { margin-right: 0; }

.header-global a { display: block; font-size: 0.875rem; font-weight: 700; line-height: 20px; letter-spacing: 0.125rem; }

.header-global .header__search { position: relative; overflow: hidden; width: 60px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 15px 20px; line-height: 20px; -webkit-transition: width 0.2s linear, background-color 0.2s linear; transition: width 0.2s linear, background-color 0.2s linear; background-color: transparent; }

.header-global .header__search .svgicons { position: absolute; top: 0; width: 18px; height: 18px; padding: 16px 0; color: #00B1FF; }

.header-global .header__search form { overflow: hidden; display: inline-block; width: 0; height: 20px; opacity: 0; -webkit-transition: opacity 0.2s linear, width 0.2s linear; transition: opacity 0.2s linear, width 0.2s linear; }

.header-global .header__search input[type=text] { width: 220px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.8125rem; line-height: 1.384615; -webkit-transform: scale(1); transform: scale(1); }

.header-global .header__search:not(.form_hide) { width: 280px; background-color: #ffffff; }

.header-global .header__search:not(.form_hide) form { width: 220px; padding-left: 20px; font-size: 0; opacity: 1; }

.header-global .header-sns li a { color: #AAB3B7; }

/* ============================== header__logo */
.header__logo { width: 188px; height: 32px; margin: 16px; line-height: 30px; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

@media screen and (min-width: 1024px) { .header__logo { width: 493px; height: 85px; margin: 38px 0 0 34px; } }

.header__logo a { display: block; width: 100%; height: 100%; background: url("/wp-content/themes/makerfairetokyo/mft2020/img/logo.svg") no-repeat center center; background-size: contain; }

.header__logo a img { width: 100%; height: 100%; }

/* ============================== header-menu-pc */
.header-menu-pc { position: relative; height: 286px; max-width: 1140px; margin: 0 20px 20px; }

@media screen and (min-width: 1132px) { .header-menu-pc { margin: 0 auto; } }

.header-menu-pc p.header__logo { position: absolute; width: 375px; height: 64px; padding: 30px 0 0; margin: 0; line-height: 64px; }

.header-menu-pc nav.header__nav ul.header-menu__nav_sub li a:hover::after, .header-menu-pc nav.header__nav ul.header-menu__nav_sub li a:focus::after, .header-menu-pc nav.header__nav ul.header-menu__nav_other li a:hover::after, .header-menu-pc nav.header__nav ul.header-menu__nav_other li a:focus::after { content: ' '; display: block; width: 100%; height: 4px; margin-top: -4px; font-size: 0; background-color: #E1E1E1; border-radius: 2px; }

.header-menu-pc nav.header__nav ul.header-menu__nav_main li a:hover::after, .header-menu-pc nav.header__nav ul.header-menu__nav_main li a:focus::after { content: ' '; display: block; width: 100%; height: 4px; font-size: 0; background-color: #00B1FF; border-radius: 2px; }

@media screen and (min-width: 1024px) { nav.header__nav .header__nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  nav.header__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

@media screen and (min-width: 1024px) and (max-width: 1023px) { nav.header__nav ul { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } }

@media screen and (min-width: 1024px) { nav.header__nav ul li a { display: block; height: 60px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.8125rem; text-align: center; line-height: 60px; color: #2A2A2A; }
  nav.header__nav ul li a.disabled { color: #A1A1A1; pointer-events: none; }
  nav.header__nav ul.header-menu__nav_sub, nav.header__nav ul.header-menu__nav_other { margin: 30px 0 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; }
  nav.header__nav ul.header-menu__nav_sub li a, nav.header__nav ul.header-menu__nav_other li a { height: 60px; padding: 0; margin: 0 30px 0 0; font-size: 0.9375rem; line-height: 60px; }
  nav.header__nav ul.header-menu__nav_sub li.item_twolines a, nav.header__nav ul.header-menu__nav_other li.item_twolines a { padding-top: 26px; line-height: 19px; }
  nav.header__nav ul.header-menu__nav_sub li.item_twolines a br.onlySP, nav.header__nav ul.header-menu__nav_other li.item_twolines a br.onlySP { display: inline !important; }
  nav.header__nav ul.header-menu__nav_sub li.item_twolines a:hover::after, nav.header__nav ul.header-menu__nav_sub li.item_twolines a:focus::after, nav.header__nav ul.header-menu__nav_other li.item_twolines a:hover::after, nav.header__nav ul.header-menu__nav_other li.item_twolines a:focus::after { margin-top: 6px; }
  nav.header__nav ul.header-menu__nav_sub li:last-child a, nav.header__nav ul.header-menu__nav_other li:last-child a { margin-right: 0; }
  nav.header__nav ul.header-menu__nav_main { margin: 55px 0 27px; }
  nav.header__nav ul.header-menu__nav_main li a { padding: 0; margin: 0 30px 0 0; font-size: 1.3125rem; line-height: 1; text-align: left; color: #00B1FF; }
  nav.header__nav ul.header-menu__nav_main li a.disabled { color: #A1A1A1; }
  nav.header__nav ul.header-menu__nav_main li a span { display: block; }
  nav.header__nav ul.header-menu__nav_main li a span.text_en { margin-top: 18px; margin-bottom: 24px; font-family: "Roboto", sans-serif; font-size: 1rem; line-height: 1; }
  nav.header__nav ul.header-menu__nav_main li.item__media a { margin-right: 0; }
  nav.header__nav .header-menu__buy-ticket { margin: 50px 0 42px; }
  nav.header__nav .header-menu__buy-ticket a { display: block; width: 220px; height: 73px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; line-height: 73px; text-align: center; color: #ffffff; background: #F9665B; } }

@media screen and (min-width: 1132px) { nav.header__nav ul.header-menu__nav_sub li.item_twolines a { padding-top: 0; line-height: 60px; }
  nav.header__nav ul.header-menu__nav_sub li.item_twolines a br.onlySP { display: none !important; }
  nav.header__nav ul.header-menu__nav_sub li.item_twolines a:hover::after, nav.header__nav ul.header-menu__nav_sub li.item_twolines a:focus::after { margin-top: -20px; }
  nav.header__nav ul.header-menu__nav_main li a { margin-right: 50px; }
  nav.header__nav ul.header-menu__nav_main li.item__media a { margin-right: 0; } }

/* ============================== header-menu */
.header-menu { position: fixed; top: 0; z-index: 999; background-color: transparent; -webkit-transition: height 0.2s linear, background-color 0.2s linear; transition: height 0.2s linear, background-color 0.2s linear; /* show/hide menu transition */ }

@media screen and (max-width: 1023px) { .header-menu { height: 100vh; width: 100%; } }

@media screen and (min-width: 1024px) { .header-menu { right: 20px; height: 183px; max-width: 1140px; margin: 0 auto; } }

@media screen and (min-width: 1280px) { .header-menu { margin: 0 auto; } }

.header-menu .header-menu__inner { position: absolute; top: 0; -webkit-transition: top 0.2s linear; transition: top 0.2s linear; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .header-menu .header-menu__inner { z-index: 999; width: 100%; height: 64px; } }

@media screen and (min-width: 1024px) { .header-menu .header-menu__inner { right: -6px; width: 100px; height: 318px; } }

@media screen and (min-width: 1280px) { .header-menu .header-menu__inner { margin-right: calc(50vw - 640px); } }

.header-menu .header-menu__btn { position: absolute; z-index: 1; top: 0; right: 0; width: 80px; height: 80px; padding: 28px 22px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .header-menu .header-menu__btn { margin: 8px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0.6); transform: scale(0.6); } }

@media screen and (min-width: 1024px) { .header-menu .header-menu__btn { right: 7px; } }

.header-menu .header__to-top_icon, .header-menu .header__to-top_icon_over { position: absolute; display: block; -webkit-transition: opacity 0.1s linear; transition: opacity 0.1s linear; }

.header-menu .header__to-top_icon img, .header-menu .header__to-top_icon_over img { width: 36px; height: 74px; }

@media screen and (min-width: 1024px) { .header-menu .header__to-top_icon img, .header-menu .header__to-top_icon_over img { width: 80px; height: 167px; } }

.header-menu .header__to-top_icon_over { opacity: 0; }

.header-menu .header__to-top { position: absolute; top: 76px; right: 14px; width: 36px; height: 89px; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; z-index: 1; }

@media screen and (min-width: 1024px) { .header-menu .header__to-top { top: 80px; right: 0; width: 96px; height: 238px; } }

.header-menu .header__to-top a { display: block; width: 100%; height: 100%; background: url("/wp-content/themes/makerfairetokyo/mft2020/img/tokyo.svg") no-repeat center center; background-size: contain; }

.header-menu .header__to-top a.hover { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/tokyo_ov.svg"); }

.header-menu nav.header__nav { -webkit-transition: top 0.2s linear; transition: top 0.2s linear; }

@media screen and (max-width: 1023px) { .header-menu nav.header__nav { position: relative; width: 100vw; overflow-x: hidden; }
  .header-menu nav.header__nav ul { background: #ffffff; }
  .header-menu nav.header__nav .header-menu__buy-ticket { margin: 0; }
  .header-menu nav.header__nav .header-menu__buy-ticket a { display: block; width: 100%; height: 60px; font-size: 0.8125rem; line-height: 60px; text-align: center; background: #F9665B; color: #ffffff; }
  .header-menu nav.header__nav .header-sns { margin: 20px 20px 0; background: transparent; }
  .header-menu nav.header__nav .header-sns li a { color: #AAB3B7; opacity: 0.7; } }

@media screen and (min-width: 1024px) { .header-menu nav.header__nav { position: absolute; top: 0; right: -20px; width: 100vw; height: 438px; background: #ffffff; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); }
  .header-menu nav.header__nav .header__nav__inner { max-width: 984px; margin: 0 auto; }
  .header-menu nav.header__nav .header-menu__nav_main { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 80px 0 0; }
  .header-menu nav.header__nav .header-menu__nav_main li a { height: 21px; margin-right: 60px; color: #2A2A2A; }
  .header-menu nav.header__nav .header-menu__nav_sub { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 50px 0 0; }
  .header-menu nav.header__nav .header-menu__nav_sub li a { height: 16px; margin-right: 40px; font-size: 1rem; line-height: 1; }
  .header-menu nav.header__nav .header-menu__nav_other { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 50px 0 0; }
  .header-menu nav.header__nav .header-menu__nav_other li a { height: 16px; margin-right: 40px; font-size: 1rem; line-height: 1; }
  .header-menu nav.header__nav .header__search { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; height: 53px; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 640px; margin: 50px 0 0; padding: 17px 15px 16px; }
  .header-menu nav.header__nav .header__search input[type=text] { height: 27px; }
  .header-menu nav.header__nav .header__search .svgicons { height: 20px; width: 20px; }
  .header-menu nav.header__nav .header-menu__buy-ticket { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin: 50px auto 0 20px; }
  .header-menu nav.header__nav .header-menu__buy-ticket a { height: 53px; line-height: 53px; }
  .header-menu nav.header__nav .header-sns { display: none; } }

@media screen and (min-width: 1280px) { .header-menu nav.header__nav .header__nav__inner { max-width: 1140px; }
  .header-menu nav.header__nav .header-menu__nav_main li a { margin-right: 90px; }
  .header-menu nav.header__nav .header-menu__nav_sub li a, .header-menu nav.header__nav .header-menu__nav_other li a { margin-right: 60px; }
  .header-menu nav.header__nav .header__search { width: 720px; }
  .header-menu nav.header__nav .header-menu__buy-ticket { margin: 50px 140px 0 0; } }

.header-menu nav.header__nav ul.header-menu__nav_main li .text_en, .header-menu nav.header__nav ul.header-menu__nav_sub li .text_en, .header-menu nav.header__nav ul.header-menu__nav_other li .text_en { display: none; }

@media screen and (max-width: 1023px) { .header-menu nav.header__nav ul.header-menu__nav_main, .header-menu nav.header__nav ul.header-menu__nav_sub, .header-menu nav.header__nav ul.header-menu__nav_other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 1px); overflow-x: hidden; }
  .header-menu nav.header__nav ul.header-menu__nav_main li, .header-menu nav.header__nav ul.header-menu__nav_sub li, .header-menu nav.header__nav ul.header-menu__nav_other li { display: table; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; border-bottom: solid 1px #E1E1E1; border-right: solid 1px #E1E1E1; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header-menu nav.header__nav ul.header-menu__nav_main li a, .header-menu nav.header__nav ul.header-menu__nav_sub li a, .header-menu nav.header__nav ul.header-menu__nav_other li a { display: table-cell; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.8125rem; line-height: 18px; letter-spacing: 1px; text-align: center; color: #2A2A2A; }
  .header-menu nav.header__nav ul.header-menu__nav_main li a.disabled, .header-menu nav.header__nav ul.header-menu__nav_sub li a.disabled, .header-menu nav.header__nav ul.header-menu__nav_other li a.disabled { color: #A1A1A1; }
  .header-menu nav.header__nav ul.header-menu__nav_main li .text_en, .header-menu nav.header__nav ul.header-menu__nav_sub li .text_en, .header-menu nav.header__nav ul.header-menu__nav_other li .text_en { display: none; } }

.header-menu .header__search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F6F6F6; padding: 16px 24px; }

.header-menu .header__search form { overflow: hidden; -ms-flex-preferred-size: calc(100% - 15px); flex-basis: calc(100% - 15px); width: calc(100% - 15px); -ms-flex-negative: 0; flex-shrink: 0; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; }

.header-menu .header__search input[type=text] { width: 120%; height: 22px; padding: 0; font-size: 1rem; border: 0; background: transparent; -webkit-transform: scale(0.8125); transform: scale(0.8125); -webkit-transform-origin: left top; transform-origin: left top; }

.header-menu .header__search .svgicons { -ms-flex-preferred-size: 16px; flex-basis: 16px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; height: 16px; color: #00B1FF; }

@media screen and (max-width: 1023px) { .header-menu.headroom--top:not(.header-menu_open) .header-menu__inner .header__logo { opacity: 1; pointer-events: initial; }
  .header-menu.headroom--top:not(.header-menu_open) .header-menu__inner .header__to-top { opacity: 0; pointer-events: none; } }

@media screen and (min-width: 1024px) { .header-menu.headroom--top:not(.header-menu_open) .header-menu__inner { top: -400px; } }

.header-menu.headroom--pinned { position: fixed; }

@media screen and (min-width: 1024px) { .header-menu.headroom--not-top.headroom--unpinned:not(.header-menu_open) .header-menu__inner { top: -400px; } }

.header-menu .header-menu__btn .svgicons { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

@media screen and (max-width: 1023px) { .header-menu:not(.header-menu_open) { height: 64px; pointer-events: none; }
  .header-menu:not(.header-menu_open) .header-menu__inner { background: transparent; pointer-events: none; }
  .header-menu:not(.header-menu_open) .header-menu__inner .header__logo { opacity: 0; }
  .header-menu:not(.header-menu_open) .header-menu__inner .header-menu__btn { pointer-events: initial; }
  .header-menu:not(.header-menu_open) .header__to-top { pointer-events: initial; }
  .header-menu:not(.header-menu_open) nav { top: -100vh; } }

@media screen and (min-width: 1024px) { .header-menu:not(.header-menu_open) { height: 318px; }
  .header-menu:not(.header-menu_open) nav { top: -478px; } }

@media screen and (max-width: 1023px) { .header-menu.header-menu_open { height: 100vh; overflow-y: scroll; background: #F6F6F6; }
  .header-menu.header-menu_open .header-menu__inner { position: fixed; background: #ffffff; }
  .header-menu.header-menu_open .header-menu__inner .header__to-top { opacity: 0; pointer-events: none; } }

@media screen and (max-width: 1023px) and (max-width: 1023px) { .header-menu.header-menu_open nav { top: 64px; } }

@media screen and (max-width: 1023px) and (min-width: 1024px) { .header-menu.header-menu_open nav { top: 318px; } }

@media screen and (min-width: 1024px) { .header-menu.header-menu_open { background-color: #ffffff; } }

.icon_menu { position: relative; display: inline-block; width: 36px; height: 24px; cursor: pointer; }

.icon_menu .menu-line { top: 10px; }

.icon_menu .menu-inner::after, .icon_menu .menu-inner::before { content: ""; }

.icon_menu .menu-line, .icon_menu .menu-inner::after, .icon_menu .menu-inner::before { position: absolute; display: block; width: 100%; height: 4px; -webkit-transition: .15s ease-out; transition: .15s ease-out; background-color: #000; }

.icon_menu .menu-inner::after { top: 20px; width: 70%; }

.header-menu__btn.hover .menu-line, .header-menu_open .icon_menu .menu-line { width: 0; opacity: 0; -webkit-transform: translateX(20px) rotate(90deg); transform: translateX(20px) rotate(90deg); }

.header-menu__btn.hover .menu-inner::before, .header-menu_open .icon_menu .menu-inner::before { width: 35.34px; -webkit-transform: translateY(10px) translateX(0px) rotate(-150deg); transform: translateY(10px) translateX(0px) rotate(-150deg); }

.header-menu__btn.hover .menu-inner::after, .header-menu_open .icon_menu .menu-inner::after { width: 35.34px; -webkit-transform: translateY(-10px) translateX(0px) rotate(150deg); transform: translateY(-10px) translateX(0px) rotate(150deg); }

/* ============================== menu-highlight */
body.about .header-menu-pc .item__about a::after, body.makers2018 .header-menu-pc .item__makers a::after, body.program .header-menu-pc .item__program a::after, body.sponsors .header-menu-pc .item__sponsors a::after, body.media .header-menu-pc .item__media a::after { content: ' '; display: block; width: 100%; height: 4px; font-size: 0; background-color: #46D1FF; border-radius: 2px; }

body.callformakers .header-menu-pc .item__for-makers a::after, body.for_educator .header-menu-pc .item__for-educator a::after, body.for_press .header-menu-pc .item__for-press a::after, body.for_sponsors .header-menu-pc .item__for-sponsors a::after, body.for_thefirst .header-menu-pc .item__for-thefirst a::after { content: ' '; display: block; width: 100%; height: 4px; margin-top: -4px; font-size: 0; background-color: #E1E1E1; border-radius: 2px; }

body.callformakers .header-menu-pc .item__for-makers.item_twolines a::after, body.for_educator .header-menu-pc .item__for-educator.item_twolines a::after, body.for_press .header-menu-pc .item__for-press.item_twolines a::after, body.for_sponsors .header-menu-pc .item__for-sponsors.item_twolines a::after, body.for_thefirst .header-menu-pc .item__for-thefirst.item_twolines a::after { margin-top: 6px; }

@media screen and (min-width: 1132px) { body.callformakers .header-menu-pc .item__for-makers.item_twolines a::after, body.for_educator .header-menu-pc .item__for-educator.item_twolines a::after, body.for_press .header-menu-pc .item__for-press.item_twolines a::after, body.for_sponsors .header-menu-pc .item__for-sponsors.item_twolines a::after, body.for_thefirst .header-menu-pc .item__for-thefirst.item_twolines a::after { margin-top: -20px; } }

/* ============================== sns */
.header-sns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.header-sns li.sns__item a, .header-sns li.sns__item_newsletter a { display: block; padding: 10px; width: 44px; height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-sns li.sns__item a .svgicons, .header-sns li.sns__item_newsletter a .svgicons { width: 24px; height: 24px; opacity: 0.7; }

/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== その他 */
aside.misc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 1140px; margin: 0 20px; padding: 100px 0 50px; }

@media screen and (min-width: 1280px) { aside.misc { margin: 0 auto; } }

aside.misc > div { -ms-flex-preferred-size: 360px; flex-basis: 360px; margin-right: 30px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

aside.misc > div h3 { font-family: "Roboto", sans-serif; font-size: 1.125rem; line-height: 1.38889; margin: 0 0 20px; }

aside.misc > div.misc_twitter { -ms-flex-negative: 1; flex-shrink: 1; }

aside.misc > div.misc_twitter .misc__inner { border-radius: 4px; border: solid 1px #EEF2F4; }

aside.misc > div.misc_past-events { margin-right: 0; -ms-flex-negative: 1; flex-shrink: 1; }

aside.misc > div.misc_instagram { margin-right: 0; -ms-flex-negative: 1; flex-shrink: 1; }

aside.misc > div.misc_instagram .misc__inner { overflow-y: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 414px; margin-bottom: 20px; border-radius: 4px; border: solid 1px #EEF2F4; }

aside.misc > div.misc_instagram .misc__inner a { display: block; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 5px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

aside.misc > div.misc_instagram .misc__inner a img { width: 100%; height: auto; }

aside.misc > div.misc_instagram p.sup { margin: 0; }

/* ============================== SNSボタン */
aside.footer-sns { margin: 40px 20px 70px; }

@media screen and (min-width: 1024px) { aside.footer-sns { margin: 50px auto 70px; } }

aside.footer-sns ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; }

@media screen and (min-width: 1024px) { aside.footer-sns ul { margin: 0 auto; width: 200px; } }

aside.footer-sns ul li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; height: 44px; width: 44px; text-align: center; }

@media screen and (min-width: 1024px) { aside.footer-sns ul li { height: 24px; width: 24px; } }

aside.footer-sns ul li a { display: block; margin: 0 auto; height: 100%; width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 0; color: #AAB3B7; }

@media screen and (max-width: 1023px) { aside.footer-sns ul li a { opacity: 0.7; } }

@media screen and (min-width: 1024px) { aside.footer-sns ul li a { padding: 0; } }

aside.footer-sns ul li a .svgicons { width: 24px; height: 24px; }

/* ============================== to-page-top */
#to-page-top { position: fixed; bottom: -50px; width: 100%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; pointer-events: none; }

#to-page-top.headroom--unpinned { bottom: -50px; }

#to-page-top.headroom--pinned { bottom: 13px; }

#to-page-top.headroom--top { bottom: -50px; }

#to-page-top.headroom--bottom { bottom: 13px; }

@media screen and (min-width: 1024px) { #to-page-top.headroom--bottom { bottom: 235px; } }

#to-page-top .to-page-top__inner { max-width: 1140px; margin: 0 20px; text-align: right; }

@media screen and (min-width: 1024px) { #to-page-top .to-page-top__inner { margin: 0 20px; } }

@media screen and (min-width: 1280px) { #to-page-top .to-page-top__inner { margin: 0 auto; } }

#to-page-top a { font-family: "Roboto", sans-serif; pointer-events: initial; }

/* ============================== footer */
footer { background: #EEF2F4; padding: 20px 0 30px; }

@media screen and (min-width: 1024px) { footer { padding: 0; width: 100%; height: 165px; }
  footer .footer__inner { position: relative; max-width: 1140px; margin: 0 20px; } }

@media screen and (min-width: 1280px) { footer .footer__inner { margin: 0 auto; } }

@media screen and (min-width: 1024px) { footer nav { position: absolute; top: 74px; width: 100%; } }

footer nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

@media screen and (max-width: 1023px) { footer nav ul { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } }

@media screen and (min-width: 1024px) { footer nav ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; } }

@media screen and (max-width: 1023px) { footer nav ul li { -ms-flex-preferred-size: 50%; flex-basis: 50%; } }

@media screen and (min-width: 1024px) { footer nav ul li { margin-bottom: 15px; } }

footer nav ul li a { display: block; padding: 0; height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.75rem; line-height: 44px; letter-spacing: 0.86px; text-align: center; }

@media screen and (max-width: 1023px) { footer nav ul li a { font-weight: 600; } }

@media screen and (min-width: 1024px) { footer nav ul li a { padding: 0 0 0 43px; height: 18px; line-height: 1.5; letter-spacing: 1px; } }

footer nav ul li a, footer nav ul li a:visited { color: #2A2A2A; }

footer .footer__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

footer .footer__logo .footer__logo__item a { display: block; font-size: 0; }

@media screen and (max-width: 1023px) { footer .footer__logo { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 33px; width: 100%; max-width: 320px; margin: 28px auto 19px; }
  footer .footer__logo .footer__logo__item a { line-height: 20px; }
  footer .footer__logo .footer__logo__item .svglogos { height: 33px; }
  footer .footer__logo .footer__logo__item .svglogos.icon_make { width: 109px; }
  footer .footer__logo .footer__logo__item .svglogos.icon_oreilly { width: 189px; } }

@media screen and (max-width: 320px) { footer .footer__logo { max-width: 310px; } }

@media screen and (min-width: 1024px) { footer .footer__logo { position: absolute; top: 40px; }
  footer .footer__logo .footer__logo__item a { line-height: 35px; }
  footer .footer__logo .footer__logo__item .svglogos { height: 35px; }
  footer .footer__logo .footer__logo__item .svglogos.icon_make { width: 117px; margin-right: 25px; }
  footer .footer__logo .footer__logo__item .svglogos.icon_oreilly { width: 204px; } }

footer small { display: block; color: #2A2A2A; line-height: 2; }

@media screen and (max-width: 1023px) { footer small { margin: 0 20px; } }

@media screen and (min-width: 1024px) { footer small { position: absolute; text-align: left; line-height: 21px; } }

footer .footer__copyright { line-height: 2; letter-spacing: 0.71px; color: #464646; }

@media screen and (min-width: 1024px) { footer .footer__copyright { top: 84px; font-size: 0.75rem; line-height: 21px; color: #797979; } }

/* ============================== main visual */
body.mft2020.about .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/about/main.jpg"); }

body.mft2020.callformakers .mv .mv__bg, body.mft2020.makers .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/callformakers/main.jpg"); }

body.mft2020.for_educator .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/for_educator/main.jpg"); }

body.mft2020.for_press .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/for_press/main.jpg"); }

body.mft2020.for_sponsors .mv .mv__bg, body.mft2020.sponsors_updates .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/for_sponsors/main.jpg"); }

body.mft2020.for_thefirst .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/for_thefirst/main.jpg"); }

body.mft2020.media .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/media/main.jpg"); }

body.mft2020.sponsors .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/sponsors/main.jpg"); }

body.mft2020.program .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/program/main.jpg"); }

body.mft2020.program .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/program/main.jpg"); }

body.makers_mft2020 .mv .mv__bg { background-image: url("/wp-content/themes/makerfairetokyo/mft2020/img/makers/main.jpg"); }

/* ============================== プレサイト */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== pre */
body.mft2020.pre { padding: 0; /* ============================== mainvisual */ /* ============================== linkarea */ /* ============================== article */ /* ============================== aside */ /* ============================== footer.linkarea */ }

body.mft2020.pre .text__red { color: #E50113; }

body.mft2020.pre #mainvisual { position: relative; width: 100%; height: calc(100vh - 326px); background: #00B1FF; }

@media screen and (max-width: 1023px) { body.mft2020.pre #mainvisual { margin-bottom: 416px; } }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual { height: 100vh; } }

body.mft2020.pre #mainvisual p { margin: 0; padding: 0; }

body.mft2020.pre #mainvisual .image { overflow: hidden; width: 100%; height: calc(100vh - 180px); margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .image { height: calc(100vh - 150px); } }

body.mft2020.pre #mainvisual .image li { width: 100%; height: calc(100vh - 180px); }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .image li { height: calc(100vh - 150px); } }

body.mft2020.pre #mainvisual .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

body.mft2020.pre #mainvisual .content { position: absolute; top: 0; width: 100%; height: calc(100vh + 90px); -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; z-index: 1; border-bottom: solid 270px #00B1FF; }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .content { height: 100vh; border-bottom: solid 150px #00B1FF; } }

body.mft2020.pre #mainvisual .content h1 { position: absolute; top: 20px; width: 100%; height: 15.27vw; padding: 0 20px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 30px; z-index: 1; }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .content h1 { width: 41.64vw; max-width: 640px; height: 7.11vw; max-height: 109px; margin: 0; } }

@media screen and (min-width: 1281px) { body.mft2020.pre #mainvisual .content h1 { width: 44.44vw; height: 7.57vw; } }

body.mft2020.pre #mainvisual .content h1 svg { width: 100%; height: 100%; background: #fff; }

body.mft2020.pre #mainvisual .content .lead { position: absolute; bottom: -74px; left: 20px; height: 56px; width: calc(100% - 40px); max-width: 556px; background: url("../img/pre/copy.svg") no-repeat left center; background-size: contain; }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .content .lead { bottom: -150px; left: 26px; width: calc(50% - 26px); height: 150px; } }

body.mft2020.pre #mainvisual .content .date_place { position: absolute; bottom: -176px; right: 0; width: calc(100% - 20px); height: 84px; padding: 42px 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #E50113; }

@media screen and (max-width: 1023px) { body.mft2020.pre #mainvisual .content .date_place { background: #E50113 url("../img/pre/date_sp.svg") no-repeat left center; background-size: 340px 84px; } }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .content .date_place { bottom: -33.5px; width: 47.7%; height: 67px; padding: 0; margin: 0; background: #E50113 url("../img/pre/date.svg") no-repeat right center; background-size: contain; } }

@media screen and (min-width: 1281px) { body.mft2020.pre #mainvisual .content .date_place { max-width: 689px; } }

body.mft2020.pre #mainvisual .content .description { position: absolute; bottom: -270px; width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { body.mft2020.pre #mainvisual .content .description { height: 94px; background: #00B1FF; } }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .content .description { width: 47.7%; bottom: -108.5px; right: 0; padding: 0 20px 0 0; } }

@media screen and (min-width: 1281px) { body.mft2020.pre #mainvisual .content .description { max-width: 689px; } }

body.mft2020.pre #mainvisual .content .description .japanese { font-weight: 600; font-size: 0.75rem; letter-spacing: 0.75px; line-height: 18px; }

@media screen and (max-width: 1023px) { body.mft2020.pre #mainvisual .content .description .japanese { padding-top: 15px; } }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .content .description .japanese { font-size: 0.9375rem; letter-spacing: 0.94px; line-height: 16px; } }

body.mft2020.pre #mainvisual .content .description .english { margin: 5px 0 0; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 0.75rem; letter-spacing: 0; line-height: 18px; }

@media screen and (min-width: 1024px) { body.mft2020.pre #mainvisual .content .description .english { margin: 6px 0 0; font-size: 0.9375rem; letter-spacing: 0.94px; line-height: 22.5px; } }

body.mft2020.pre .linkarea { position: relative; background: #EEF2F4; padding: 10px 20px; }

@media screen and (min-width: 1024px) { body.mft2020.pre .linkarea { padding: 36px 100px 32px; } }

body.mft2020.pre .linkarea .no-bullet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

@media screen and (max-width: 1023px) { body.mft2020.pre .linkarea .no-bullet { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

body.mft2020.pre .linkarea .no-bullet.onlyPC { position: absolute; top: 36px; right: 100px; }

body.mft2020.pre .linkarea .no-bullet.onlyPC li { margin-left: 50px; }

body.mft2020.pre .linkarea .no-bullet.onlyPC li a { opacity: 0.8; font-size: 0.875rem; letter-spacing: 0; line-height: 14px; }

@media screen and (min-width: 1024px) { body.mft2020.pre .linkarea .sns__item, body.mft2020.pre .linkarea .sns__item_newsletter { margin-right: 30px; } }

body.mft2020.pre .linkarea .sns__item a, body.mft2020.pre .linkarea .sns__item_newsletter a { display: block; color: #AAB3B7; width: 44px; height: 44px; }

@media screen and (min-width: 1024px) { body.mft2020.pre .linkarea .sns__item a, body.mft2020.pre .linkarea .sns__item_newsletter a { width: 32px; height: 32px; } }

body.mft2020.pre .linkarea .sns__item a .svgicons, body.mft2020.pre .linkarea .sns__item_newsletter a .svgicons { width: 24px; height: 24px; margin: 10px; }

@media screen and (min-width: 1024px) { body.mft2020.pre .linkarea .sns__item a .svgicons, body.mft2020.pre .linkarea .sns__item_newsletter a .svgicons { margin: 0; width: 32px; height: 32px; } }

@media screen and (min-width: 1024px) { body.mft2020.pre article { padding: 0; max-width: 1440px; } }

body.mft2020.pre article section { position: relative; }

@media screen and (max-width: 1023px) { body.mft2020.pre article section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media screen and (min-width: 1024px) { body.mft2020.pre article section { min-height: 440px; overflow: hidden; } }

body.mft2020.pre article section h2 { margin: 40px 0 20px; padding: 0; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 1.875rem; letter-spacing: 0; line-height: 30px; color: #00B1FF; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section h2 { margin-top: 0; font-size: 2.125rem; letter-spacing: 0; line-height: 34px; } }

body.mft2020.pre article section p { margin: 0; }

body.mft2020.pre article section .content { z-index: 1; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section .content { padding: 60px 0; } }

body.mft2020.pre article section .japanese { font-size: 0.875rem; letter-spacing: 1px; line-height: 28px; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section .japanese { font-size: 1rem; line-height: 32px; } }

body.mft2020.pre article section .english { font-size: 0.75rem; letter-spacing: 0.5px; line-height: 24px; }

body.mft2020.pre article section .sup { font-weight: 600; font-size: 0.875rem; color: #999999; letter-spacing: 0.88px; line-height: 21px; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section .sup { font-size: 1rem; letter-spacing: 1px; line-height: 16px; } }

body.mft2020.pre article section .button { position: relative; display: block; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 16px; background: #00B1FF; color: #ffffff; cursor: pointer; -webkit-transition: 0.15s ease-out; transition: 0.15s ease-out; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section .button { max-width: 390px; } }

body.mft2020.pre article section .button:hover { background: #2EB6F5; }

body.mft2020.pre article section .button .button__lead { display: inline-block; margin-bottom: 12px; font-size: 0.75rem; letter-spacing: 0.5px; line-height: 12px; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section .button .button__lead { margin-bottom: 15px; font-size: 0.875rem; letter-spacing: 0.88px; line-height: 16px; } }

body.mft2020.pre article section .button .button__label { font-weight: 600; font-size: 0.875rem; letter-spacing: 0.88px; line-height: 16px; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section .button .button__label { font-size: 1rem; letter-spacing: 1px; } }

body.mft2020.pre article section .button .svgicons.arrow { position: absolute; right: 20px; width: 26px; height: 16px; -webkit-transition: 0.15s ease-out; transition: 0.15s ease-out; }

body.mft2020.pre article section .button:hover .svgicons.arrow { right: 10px; }

body.mft2020.pre article section .button + .button { margin-top: 10px; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section .button + .button { margin-top: 30px; } }

body.mft2020.pre article section .image { overflow: hidden; z-index: -1; pointer-events: none; }

@media screen and (max-width: 1023px) { body.mft2020.pre article section .image { margin: 30px -20px 0; } }

@media screen and (min-width: 1024px) { body.mft2020.pre article section .image { position: absolute; top: 0; width: calc(50% + 100px); height: 100%; }
  body.mft2020.pre article section .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } }

body.mft2020.pre article section.callformakers .japanese { margin-bottom: 5px; }

body.mft2020.pre article section.callformakers .english { margin-bottom: 20px; }

body.mft2020.pre article section.callformakers .button { padding: 15px 20px; }

@media screen and (min-width: 1024px) { body.mft2020.pre article section.callformakers .content { margin-right: calc(50% + 63px); margin-left: 100px; }
  body.mft2020.pre article section.callformakers .japanese { margin-bottom: 10px; }
  body.mft2020.pre article section.callformakers .english { margin-bottom: 30px; }
  body.mft2020.pre article section.callformakers .image { left: 50%; } }

body.mft2020.pre article section.callforsponsorandpartners .japanese { margin-bottom: 20px; }

body.mft2020.pre article section.callforsponsorandpartners .sup { margin-bottom: 20px; }

body.mft2020.pre article section.callforsponsorandpartners .button { height: 46px; }

@media screen and (max-width: 320px) { body.mft2020.pre article section.callforsponsorandpartners .button .button__label { font-size: 0.75rem; } }

@media screen and (min-width: 1024px) { body.mft2020.pre article section.callforsponsorandpartners .content { margin-left: calc(50% + 63px); margin-right: 100px; }
  body.mft2020.pre article section.callforsponsorandpartners .japanese { margin-bottom: 30px; }
  body.mft2020.pre article section.callforsponsorandpartners .sup { margin-bottom: 30px; }
  body.mft2020.pre article section.callforsponsorandpartners .btn__sponsors { margin-bottom: 30px; }
  body.mft2020.pre article section.callforsponsorandpartners .image { left: -100px; } }

body.mft2020.pre aside { margin: 0; background: #EEF2F4; }

@media screen and (min-width: 1024px) { body.mft2020.pre aside { max-width: none; padding: 0 0 82px; } }

body.mft2020.pre aside h2 { padding-top: 50px; margin-bottom: 12px; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 1.875rem; color: #00B1FF; letter-spacing: 0; line-height: 30px; text-align: center; }

@media screen and (min-width: 1024px) { body.mft2020.pre aside h2 { padding-top: 100px; margin-bottom: 14px; font-size: 2.125rem; line-height: 34px; } }

body.mft2020.pre aside p { font-family: "Roboto", sans-serif; font-size: 0.875rem; letter-spacing: 0; line-height: 14px; text-align: center; margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mft2020.pre aside p { margin-bottom: 60px; font-size: 0.9375rem; line-height: 15px; } }

body.mft2020.pre aside ul.gallery li { height: 160px; margin: 0 5px; }

@media screen and (min-width: 1024px) { body.mft2020.pre aside ul.gallery li { height: 420px; } }

body.mft2020.pre aside ul.gallery li img { width: auto; height: 160px; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

@media screen and (min-width: 1024px) { body.mft2020.pre aside ul.gallery li img { height: 420px; } }

body.mft2020.pre aside .indicator { height: 2px; width: 100%; margin: 30px 0 0; background: rgba(0, 0, 0, 0.05); }

body.mft2020.pre aside .indicator .indicator__inner { width: 0; height: 100%; background: #00B1FF; }

body.mft2020.pre aside .indicator.animation .indicator__inner { -webkit-transition: 5s linear; transition: 5s linear; width: 100%; }

@media screen and (min-width: 1024px) { body.mft2020.pre aside .indicator { width: 690px; margin: 56px auto 0; } }

body.mft2020.pre footer.linkarea { padding: 30px 0; background: #ffffff; }

body.mft2020.pre footer.linkarea .no-bullet { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

body.mft2020.pre footer.linkarea .no-bullet li { text-align: center; }

body.mft2020.pre footer.linkarea .no-bullet li a { display: block; height: 44px; line-height: 44px; font-size: 0.875rem; font-weight: normal; }

/* ============================== TOP */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== home */
body.mft2020.home { /* ============================== mainvisual */ /* ============================== header-menu */ /* ============================== article */ /* ============================== article.top */ /* ============================== article.feature */ /* ============================== article.abstract */ /* ============================== article.news */ /* ============================== article.sponsors */ /* ============================== article.newsletter */ }

@media screen and (max-width: 1023px) { body.mft2020.home { padding: 0; } }

body.mft2020.home #mainvisual { position: relative; width: 100%; height: calc(100vh - 217px); background: #009FE9; }

@media screen and (max-width: 1023px) { body.mft2020.home #mainvisual { padding-bottom: 217px; } }

@media screen and (min-width: 1024px) { body.mft2020.home #mainvisual { height: calc(100vh - 50px); } }

body.mft2020.home #mainvisual p { margin: 0; padding: 0; }

body.mft2020.home #mainvisual .image { overflow: hidden; width: 100vw; height: calc(100vh - 217px); margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 1024px) { body.mft2020.home #mainvisual .image { height: calc(100vh - 220px); } }

body.mft2020.home #mainvisual .image li { width: 100vw; height: calc(100vh - 217px); }

@media screen and (min-width: 1024px) { body.mft2020.home #mainvisual .image li { height: calc(100vh - 220px); } }

body.mft2020.home #mainvisual .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

body.mft2020.home #mainvisual .content { position: absolute; top: 0; width: 100%; height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; z-index: 1; }

@media screen and (min-width: 1024px) { body.mft2020.home #mainvisual .content { top: 0; height: calc(100vh - 50px); border-bottom: solid 170px #009FE9; } }

body.mft2020.home #mainvisual .content .content__inner { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { body.mft2020.home #mainvisual .content .content__inner { position: absolute; bottom: 69px; padding: 0 20px; width: 100%; } }

@media screen and (min-width: 1024px) { body.mft2020.home #mainvisual .content .content__inner { position: relative; margin: calc(100vh - 270px) auto 0; height: 220px; width: 100%; max-width: 1140px; } }

body.mft2020.home #mainvisual .content h1 { width: 88.88vw; height: 15.27vw; max-width: 526px; max-height: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 30px; z-index: 1; margin: 0; }

@media screen and (min-width: 1024px) { body.mft2020.home #mainvisual .content h1 { width: 526px; height: 90px; } }

body.mft2020.home #mainvisual .content h1 svg { width: 100%; height: 100%; background: #fff; }

body.mft2020.home #mainvisual .content .date_place { margin: 15px 0 0; height: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { body.mft2020.home #mainvisual .content .date_place { background: url("../img/top/date_sp.svg") no-repeat left top; background-size: 319px 70px; } }

@media screen and (min-width: 1024px) { body.mft2020.home #mainvisual .content .date_place { width: 659px; height: 40px; margin-top: 20px; background: url("../img/top/date.svg") no-repeat left center; background-size: contain; } }

body.mft2020.home #mainvisual .content .date_place-en { margin: 15px 0 0; font-family: "Roboto", sans-serif; font-size: 0.8125rem; letter-spacing: 0; line-height: 1.5; color: #ffffff; }

@media screen and (min-width: 1024px) { body.mft2020.home #mainvisual .content .date_place-en { margin-top: 20px; font-size: 1rem; letter-spacing: 1px; line-height: 1; } }

body.mft2020.home #mainvisual .content aside { position: absolute; left: 0; bottom: 19px; margin: 0; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

body.mft2020.home #mainvisual .content aside a { color: #ffffff; }

body.mft2020.home .header-menu-pc { width: 100%; height: 165px; max-width: none; z-index: 10; }

body.mft2020.home .header-menu-pc .header__logo { display: none; }

body.mft2020.home .header-menu-pc nav.header__nav { position: relative; height: 165px; max-width: 1140px; margin: 0 auto; }

body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub { position: absolute; bottom: 195px; right: 0; width: 284px; padding: 39px 0 11px 40px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; }

body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub li { font-size: 1rem; line-height: 1; margin: 0 0 30px; }

body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub li a { position: relative; display: inline-block; height: auto; line-height: 1; text-align: left; }

body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub li a:hover, body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub li a:focus { opacity: 1.0; color: #46D1FF; }

body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub li a:hover::after, body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub li a:focus::after { display: none; }

body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub li.item_twolines a { padding-top: 0; line-height: 1.5; }

body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_sub li.item_twolines a br.onlySP { display: none !important; }

body.mft2020.home .header-menu-pc nav.header__nav ul.header-menu__nav_main { position: absolute; width: 100%; top: 0; }

body.mft2020.home .header-menu-pc nav.header__nav .header-menu__buy-ticket { position: absolute; top: 0; right: 0; }

@media screen and (max-width: 1023px) { body.mft2020.home .header-menu.headroom--top:not(.header-menu_open) .header-menu__inner .header__logo { opacity: 0; pointer-events: none; } }

body.mft2020.home article { position: relative; }

@media screen and (min-width: 1024px) { body.mft2020.home article h2 { font-size: 2.125rem; } }

body.mft2020.home article .square-btn { margin: 0; }

@media screen and (min-width: 1024px) { body.mft2020.home article .square-btn { margin: 0 auto; } }

body.mft2020.home article.top { margin: 226px 0 0; width: calc(100vw - 40px); max-width: 320px; height: 150px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.top { width: calc(50% + 120px); max-width: none; height: 260px; } }

body.mft2020.home article.top p { margin: 0; padding-left: 20px; font-weight: 700; opacity: 0.8; color: #FFFFFF; }

@media screen and (min-width: 1280px) { body.mft2020.home article.top p { width: 690px; margin: 0 0 0 auto; padding-left: 0; } }

body.mft2020.home article.top p.top__title { padding-top: 26px; padding-bottom: 7px; opacity: 1; font-size: 1rem; line-height: 1.375; letter-spacing: 1.14px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.top p.top__title { padding-top: 46px; line-height: 1.357143; font-size: 1.75rem; } }

body.mft2020.home article.top p.top__date { font-size: 2rem; line-height: 1.03125; }

@media screen and (min-width: 1024px) { body.mft2020.home article.top p.top__date { font-size: 3.25rem; line-height: 1.365385; } }

body.mft2020.home article.top p.top__date span:not(.top__date-minus) { font-size: 1rem; font-weight: 500; }

@media screen and (min-width: 1024px) { body.mft2020.home article.top p.top__date span:not(.top__date-minus) { font-size: 1.5rem; } }

body.mft2020.home article.top p.top__date span.top__date-minus { margin: 0 5px; font-size: 2.375rem; line-height: 0.86842; font-weight: 500; }

@media screen and (min-width: 1024px) { body.mft2020.home article.top p.top__date span.top__date-minus { font-size: 3.625rem; } }

body.mft2020.home article.top p.top__weekday { line-height: 1.42857; letter-spacing: 1.17px; }

@media screen and (max-width: 1023px) { body.mft2020.home article.top p.top__weekday { position: absolute; top: 66px; left: 220px; width: auto; font-size: 0.875rem; } }

@media screen and (max-width: 320px) { body.mft2020.home article.top p.top__weekday { top: 54px; } }

@media screen and (min-width: 1024px) { body.mft2020.home article.top p.top__weekday { position: relative; top: -47px; padding-left: 344px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; line-height: 1.291665; } }

body.mft2020.home article.top p.top__place { padding-top: 11px; font-size: 1rem; line-height: 1.375; letter-spacing: 2.29px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.top p.top__place { position: relative; top: -35px; font-size: 1.75rem; } }

body.mft2020.home article.feature { z-index: 1; margin: 0; }

body.mft2020.home article.feature p { margin: 0 20px; }

@media screen and (min-width: 1280px) { body.mft2020.home article.feature p { margin: 0 auto; } }

@media screen and (min-width: 1024px) { body.mft2020.home article.feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 1140px; margin: 0 20px; }
  body.mft2020.home article.feature .feature__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } }

@media screen and (min-width: 1280px) { body.mft2020.home article.feature { margin: 0 auto; } }

body.mft2020.home article.feature .feature__item { position: relative; }

body.mft2020.home article.feature img { margin: 0; width: 100%; height: auto; }

body.mft2020.home article.feature .feature__item__sup, body.mft2020.home article.feature .feature__item__text { position: absolute; font-weight: 600; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

@media screen and (min-width: 1024px) { body.mft2020.home article.feature .feature__item__sup, body.mft2020.home article.feature .feature__item__text { left: 40px; } }

@media screen and (max-width: 1023px) { body.mft2020.home article.feature .feature__item__sup { top: 20px; font-size: 0.875rem; letter-spacing: 1px; }
  body.mft2020.home article.feature .feature__item__text { top: 46px; font-size: 1.125rem; letter-spacing: 0.86px; }
  body.mft2020.home article.feature .feature__item__text-oneline { top: 30px; } }

@media screen and (max-width: 320px) { body.mft2020.home article.feature .feature__item__text { font-size: 1rem; } }

@media screen and (min-width: 1024px) { body.mft2020.home article.feature .feature__item__sup { top: 40px; font-size: 1rem; line-height: 1.5; letter-spacing: 1px; }
  body.mft2020.home article.feature .feature__item__text { top: 70px; font-size: 1.5rem; line-height: 1.5; letter-spacing: 1.14px; } }

body.mft2020.home article.feature .square-btn { margin: 0; width: 100%; border-bottom: solid 1px #D7DBDD; background-color: #ffffff; color: #009FE9; }

body.mft2020.home article.feature .square-btn::before { background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzEgMzIiPjx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+PHBhdGggZmlsbD0iIzAwQjFGRiIgZD0iTTMwLjg1NyAxNS45NDZjMCAwLjE2MS0wLjA3MSAwLjMyMS0wLjE3OSAwLjQyOWwtNi44NTcgNi4zMjFjLTAuMTc5IDAuMTYxLTAuNDExIDAuMTk2LTAuNjI1IDAuMTA3LTAuMTk2LTAuMDg5LTAuMzM5LTAuMjg2LTAuMzM5LTAuNTE4di00aC0yMi4yODZjLTAuMzIxIDAtMC41NzEtMC4yNS0wLjU3MS0wLjU3MXYtMy40MjljMC0wLjMyMSAwLjI1LTAuNTcxIDAuNTcxLTAuNTcxaDIyLjI4NnYtNGMwLTAuMjMyIDAuMTI1LTAuNDI5IDAuMzM5LTAuNTE4czAuNDQ2LTAuMDU0IDAuNjI1IDAuMDg5bDYuODU3IDYuMjVjMC4xMDcgMC4xMDcgMC4xNzkgMC4yNSAwLjE3OSAwLjQxMXYweiI+PC9wYXRoPjwvc3ZnPg==") no-repeat 50% 50%; background-size: 21px, 21px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.feature .square-btn { border: solid 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { body.mft2020.home article.feature a:hover .square-btn, body.mft2020.home article.feature a:focus .square-btn { border-color: #009FE9; background-color: #009FE9; color: #ffffff; }
  body.mft2020.home article.feature a:hover .square-btn::before, body.mft2020.home article.feature a:focus .square-btn::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzEgMzIiPjx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMwLjg1NyAxNS45NDZjMCAwLjE2MS0wLjA3MSAwLjMyMS0wLjE3OSAwLjQyOWwtNi44NTcgNi4zMjFjLTAuMTc5IDAuMTYxLTAuNDExIDAuMTk2LTAuNjI1IDAuMTA3LTAuMTk2LTAuMDg5LTAuMzM5LTAuMjg2LTAuMzM5LTAuNTE4di00aC0yMi4yODZjLTAuMzIxIDAtMC41NzEtMC4yNS0wLjU3MS0wLjU3MXYtMy40MjljMC0wLjMyMSAwLjI1LTAuNTcxIDAuNTcxLTAuNTcxaDIyLjI4NnYtNGMwLTAuMjMyIDAuMTI1LTAuNDI5IDAuMzM5LTAuNTE4czAuNDQ2LTAuMDU0IDAuNjI1IDAuMDg5bDYuODU3IDYuMjVjMC4xMDcgMC4xMDcgMC4xNzkgMC4yNSAwLjE3OSAwLjQxMXYweiI+PC9wYXRoPjwvc3ZnPg=="); } }

body.mft2020.home article.abstract { width: 100%; max-width: none; margin: 0; z-index: 0; background-color: #EEF2F4; border-bottom: solid 1px #D7DBDD; }

@media screen and (min-width: 1024px) { body.mft2020.home article.abstract { width: 100%; min-height: 506px; margin-top: -40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  body.mft2020.home article.abstract .abstract__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1140px; margin: 0 20px; } }

@media screen and (min-width: 1024px) and (min-width: 1280px) { body.mft2020.home article.abstract .abstract__inner { margin: 0 auto; } }

body.mft2020.home article.abstract h2 { margin-left: 20px; margin-right: 20px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.abstract h2 { max-width: 1140px; letter-spacing: 1.05px; } }

@media screen and (min-width: 1280px) { body.mft2020.home article.abstract h2 { margin-left: auto; margin-right: auto; } }

@media screen and (max-width: 1023px) { body.mft2020.home article.abstract .abstract__column { margin: 0 20px; padding: 30px 0; }
  body.mft2020.home article.abstract .abstract__column:not(:first-child) { border-top: solid 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { body.mft2020.home article.abstract .abstract__column { margin-bottom: 50px; } }

body.mft2020.home article.abstract h3 { margin: 0; padding: 0 0 10px; font-size: 0.875rem; font-weight: 500; line-height: 1.714289; color: #A1A1A1; }

@media screen and (min-width: 1024px) { body.mft2020.home article.abstract h3 { padding-bottom: 21px; font-size: 1.125rem; line-height: 1.5; } }

body.mft2020.home article.abstract p { margin: 0; padding: 0 0 10px; font-size: 1rem; line-height: 1.75; }

@media screen and (min-width: 1024px) { body.mft2020.home article.abstract p { font-size: 1.3125rem; line-height: 1.809526; } }

body.mft2020.home article.abstract p.sup { padding: 0; font-size: 0.75rem; line-height: 1.5; color: #A1A1A1; }

@media screen and (min-width: 1024px) { body.mft2020.home article.abstract p.sup { font-size: 1rem; line-height: 1.75; } }

body.mft2020.home article.abstract .abstract__column_important { background: #ffffff; border: none; padding: 20px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.abstract .abstract__column_important { font-size: 1.125rem; padding: 30px; } }

body.mft2020.home article.abstract .abstract__column_important h3 { font-size: inherit; font-weight: 600; color: inherit; }

body.mft2020.home article.abstract .abstract__column_important h3:not(:first-child) { margin-top: 20px; padding-top: 30px; border-top-width: 1px; }

body.mft2020.home article.abstract .abstract__column_important p { font-size: inherit; }

body.mft2020.home article.news .news__inner { width: 100%; }

body.mft2020.home article.news .news__inner .news__item__gutter { width: 20px; }

@media screen and (min-width: 1280px) { body.mft2020.home article.news .news__inner .news__item__gutter { width: 30px; } }

body.mft2020.home article.news .news__inner .news__item { width: calc(50% - 10px); margin: 0 0 30px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.news .news__inner .news__item { width: 308px; } }

@media screen and (min-width: 1280px) { body.mft2020.home article.news .news__inner .news__item { width: 360px; } }

body.mft2020.home article.news .news__inner .news__item a { color: #2A2A2A; }

body.mft2020.home article.news .news__inner .news__item a:hover .news__item__inner, body.mft2020.home article.news .news__inner .news__item a:focus .news__item__inner { opacity: 0.8; }

body.mft2020.home article.news .news__inner .news__item h3 { margin: 10px 0 8px; padding: 0; font-size: 0.875rem; line-height: 1.5; border: none; color: #00B1FF; }

@media screen and (min-width: 1024px) { body.mft2020.home article.news .news__inner .news__item h3 { margin: 20px 0 10px; font-size: 1rem; } }

body.mft2020.home article.news .news__inner .news__item .news__item__text { margin: 0; font-size: 0.75rem; line-height: 1.5; }

@media screen and (min-width: 1024px) { body.mft2020.home article.news .news__inner .news__item .news__item__text { font-size: 1.125rem; line-height: 1.555556; } }

body.mft2020.home article.news .news__inner .news__item .news__item__image img { margin: 0; width: 100%; height: auto; }

body.mft2020.home article.sponsors > .sponsors__inner { position: relative; overflow-x: hidden; }

body.mft2020.home article.sponsors > .sponsors__inner .sponsors__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: -30px; max-width: 1170px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.sponsors > .sponsors__inner .sponsors__inner { margin-right: -30px; } }

body.mft2020.home article.sponsors h3 { font-family: "Roboto", sans-serif; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; margin: 50px 0 18px; padding: 0; font-size: 1.125rem; border: 0; }

body.mft2020.home article.sponsors .sponsors__item { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; margin-right: 30px; margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.sponsors .sponsors__item { margin-right: 30px; margin-bottom: 30px; } }

body.mft2020.home article.sponsors .sponsors__item a { display: block; }

body.mft2020.home article.sponsors .sponsors__item img { margin: 0; width: 100%; height: auto; }

body.mft2020.home article.sponsors .sponsors__inner_1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

body.mft2020.home article.sponsors .sponsors__inner_1 .sponsors__item { -ms-flex-preferred-size: 135px; flex-basis: 135px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.sponsors .sponsors__inner_1 .sponsors__item { -ms-flex-preferred-size: 360px; flex-basis: 360px; } }

body.mft2020.home article.sponsors .sponsors__inner_2 .sponsors__item { -ms-flex-preferred-size: 135px; flex-basis: 135px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.sponsors .sponsors__inner_2 .sponsors__item { -ms-flex-preferred-size: 262px; flex-basis: 262px; } }

body.mft2020.home article.sponsors .sponsors__inner_3 .sponsors__item { -ms-flex-preferred-size: 80px; flex-basis: 80px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.sponsors .sponsors__inner_3 .sponsors__item { -ms-flex-preferred-size: 204px; flex-basis: 204px; } }

body.mft2020.home article.sponsors .sponsors__inner_4 .sponsors__item { -ms-flex-preferred-size: 80px; flex-basis: 80px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.sponsors .sponsors__inner_4 .sponsors__item { -ms-flex-preferred-size: 165px; flex-basis: 165px; } }

body.mft2020.home article.sponsors .sponsors__inner_5 .sponsors__item { -ms-flex-preferred-size: 80px; flex-basis: 80px; }

@media screen and (min-width: 1024px) { body.mft2020.home article.sponsors .sponsors__inner_5 .sponsors__item { -ms-flex-preferred-size: 137px; flex-basis: 137px; } }

body.mft2020.home article.sponsors .sponsors__inner_6 { display: none; }

body.mft2020.home article.sponsors p { margin-top: 20px; }

@media screen and (max-width: 1023px) { body.mft2020.home article.sponsors p { margin: 0 0 40px; } }

@media screen and (max-width: 1023px) { body.mft2020.home article.abstract + article.sponsors { margin-top: 40px; } }

@media screen and (min-width: 1024px) { body.mft2020.home article.newsletter h2 { font-size: 1.875rem; line-height: 1.5; } }

@media screen and (max-width: 1023px) { body.mft2020.home article.newsletter p { margin: 0 0 40px; } }

/* show/hide menu transition */
@media screen and (max-width: 1023px) { body.mft2018.home .header-menu:not(.header-menu_open):not(.headroom--not-top) { overflow-y: visible; }
  body.mft2018.home .header-menu:not(.header-menu_open):not(.headroom--not-top) .header-menu__inner { background-color: transparent; border-bottom-color: transparent; }
  body.mft2018.home .header-menu:not(.header-menu_open):not(.headroom--not-top) .header-menu__inner h1 { margin: 125px auto 0; padding: 1.69% 1.328%; width: calc(100vw - 80px); height: auto; background: #ffffff; } }

/* ============================== 出展者情報 */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== 出展者一覧 */
body.makers_mft2020 { /* ============================== 一覧／紹介共通 */ }

@media screen and (min-width: 1024px) { body.makers_mft2020 article.menu { padding: 0 30px; margin: 60px 0 100px; max-width: none; } }

@media screen and (min-width: 1280px) { body.makers_mft2020 article.menu { padding: 0; } }

body.makers_mft2020 article.menu section { margin: 0 auto; }

@media screen and (min-width: 1024px) { body.makers_mft2020 article.menu section { max-width: 1140px; } }

@media screen and (max-width: 1023px) { body.makers_mft2020 article.menu nav.makernav__main { margin: 0; }
  body.makers_mft2020 article.menu nav.makernav__main form { position: relative; }
  body.makers_mft2020 article.menu nav.makernav__main form select { display: block; width: 100%; height: 50px; margin: 15px 0 40px; padding: 8px 20px; background: #FAFAFA; border: none; border-radius: 0; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1rem; }
  body.makers_mft2020 article.menu nav.makernav__main form::after { content: ' '; position: absolute; display: block; right: 13px; top: 18px; width: 14px; height: 14px; margin: 0; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTIgOCI+CiAgPHBhdGggZmlsbD0iIzMxQTlFMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNjA3MTQyOSwxMS42Nzg1NzE0IEMxMy42Nzg1NzE0LDExLjc1MDAwMDUgMTMuNzE0Mjg1NywxMS44NTcxNDIyIDEzLjcxNDI4NTcsMTIgQzEzLjcxNDI4NTcsMTIuMTY2NjY3NCAxMy42NTQ3NjM0LDEyLjMwMzU3MSAxMy41MzU3MTQzLDEyLjQxMDcxNDMgQzEzLjQxNjY2NTEsMTIuNTE3ODU3NyAxMy4yNzM4MTAzLDEyLjU3MTQyODYgMTMuMTA3MTQyOSwxMi41NzE0Mjg2IEwyLjg5Mjg1NzE0LDEyLjU3MTQyODYgQzIuNzI2MTg5NzEsMTIuNTcxNDI4NiAyLjU4MzMzMzk0LDEyLjUxNzg1NzcgMi40NjQyODU3MSwxMi40MTA3MTQzIEMyLjM0NTIzNzUxLDEyLjMwMzU3MSAyLjI4NTcxNDI5LDEyLjE2NjY2NzQgMi4yODU3MTQyOSwxMiBDMi4yODU3MTQyOSwxMS44ODA5NTE4IDIuMzIxNDI4MjEsMTEuNzg1NzE0NyAyLjM5Mjg1NzE0LDExLjcxNDI4NTcgTDIuNDY0Mjg1NzEsMTEuNjA3MTQyOSBMNy4zMjE0Mjg1Nyw2LjAzNTcxNDI5IEM3LjUzNTcxNDI5LDUuODIxNDI4NTcgNy43NjE5MDQsNS43MTQyODU3MSA4LDUuNzE0Mjg1NzEgQzguMjM4MDk2LDUuNzE0Mjg1NzEgOC40NjQyODU3MSw1LjgyMTQyODU3IDguNjc4NTcxNDMsNi4wMzU3MTQyOSBMMTMuNTM1NzE0MywxMS42MDcxNDI5IEwxMy42MDcxNDI5LDExLjY3ODU3MTQgWiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCA3IDYuNjQzKSIvPgo8L3N2Zz4K") no-repeat 50% 50%; background-size: 14px 14px; pointer-events: none; }
  body.makers_mft2020 article.menu nav.makernav__main dl dt { font-size: 1rem; font-weight: 600; line-height: 1; } }

@media screen and (min-width: 1024px) { body.makers_mft2020 article.menu nav.makernav__main { max-width: none; margin: 0; }
  body.makers_mft2020 article.menu nav.makernav__main ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: none; }
  body.makers_mft2020 article.menu nav.makernav__main ul li { display: block; margin: 0 0 20px; height: 26px; line-height: 2; }
  body.makers_mft2020 article.menu nav.makernav__main ul li:not(:last-child)::after { display: inline-block; margin: 0 15px; content: '|'; color: rgba(0, 0, 0, 0.2); }
  body.makers_mft2020 article.menu nav.makernav__main ul li a { display: inline-block; padding: 0; margin: 0; width: auto; height: auto; line-height: 2; text-decoration: none; }
  body.makers_mft2020 article.menu nav.makernav__main ul li a:hover::after, body.makers_mft2020 article.menu nav.makernav__main ul li a:focus::after { margin-top: -6px; }
  body.makers_mft2020 article.menu nav.makernav__main dl dt { font-size: 1.125rem; font-weight: 600; margin-bottom: 30px; }
  body.makers_mft2020 article.menu nav.makernav__main dl.makernav__category { margin-top: 50px; padding: 50px 0; border-top: dashed 1px #D7DBDD; }
  body.makers_mft2020 article.menu nav.makernav__main dl.makernav__category dt { font-size: 1.125rem; font-weight: 600; margin: 0; }
  body.makers_mft2020 article.menu nav.makernav__main dl.makernav__category dt .svgicons { color: #00B1FF; width: 20px; height: 20px; margin-top: -5px; margin-left: 12px; }
  body.makers_mft2020 article.menu nav.makernav__main dl.makernav__category dt .icon-minus { display: none; }
  body.makers_mft2020 article.menu nav.makernav__main dl.makernav__category dt.open .icon-plus { display: none; }
  body.makers_mft2020 article.menu nav.makernav__main dl.makernav__category dt.open .icon-minus { display: inline; }
  body.makers_mft2020 article.menu nav.makernav__main dl.makernav__category ul { margin-top: 30px; } }

body.makers_mft2020 article.menu .makernav__outer { border-bottom: solid 5px #E4EAEE; }

@media screen and (min-width: 1024px) { body.makers_mft2020 article.common + article.menu { padding: 60px 30px 150px; } }

@media screen and (min-width: 1280px) { body.makers_mft2020 article.common + article.menu { padding: 60px 0 150px; } }

body.makers_mft2020 article.common + article.menu .makernav__outer { border-bottom: none; }

@media screen and (max-width: 1023px) { body.makers_mft2020 article.common + article.menu .makernav__outer { margin-top: 40px; margin-bottom: 100px; padding-top: 40px; border-top: solid 5px #E4EAEE; } }

@media screen and (min-width: 1024px) { body.makers_mft2020 article.common + article.menu nav.makernav__main dl.makernav__category { border-bottom: dashed 1px #D7DBDD; } }

body.makers_mft2020.archive { /* ============================== 一覧 */ }

body.makers_mft2020.archive article section { margin-bottom: 35px; }

body.makers_mft2020.archive article h3 { margin: 40px 0; padding: 0; font-size: 1.25rem; font-weight: 600; line-height: 1.5; letter-spacing: 1px; }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article h3 { margin: 80px 0 50px; font-size: 1.875rem; letter-spacing: 0.79px; } }

body.makers_mft2020.archive article h3:not(:first-child) { margin-bottom: 10px; border-width: 1px; border-color: #A1A1A1; }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article ul.makers { margin: 40px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (min-width: 1280px) { body.makers_mft2020.archive article ul.makers { width: auto; } }

body.makers_mft2020.archive article ul.makers li.maker a:hover { opacity: 0.8; }

body.makers_mft2020.archive article ul.makers li.maker .maker__image img { width: 100%; height: calc(60vw - 40px); -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

@media screen and (max-width: 1023px) { body.makers_mft2020.archive article ul.makers li.maker { padding: 0 0 40px; } }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article ul.makers li.maker { margin-bottom: 50px; max-width: 360px; width: calc((100% - 61px) / 3); }
  body.makers_mft2020.archive article ul.makers li.maker:not(:nth-child(3n)) { margin-right: 30px; }
  body.makers_mft2020.archive article ul.makers li.maker .maker__image img { width: 100%; max-width: 360px; height: calc(18.495vw - 22px); max-height: 200px; } }

body.makers_mft2020.archive article ul.makers li.maker > a { display: block; height: 100%; text-decoration: none; }

body.makers_mft2020.archive article ul.makers li.maker .maker__name { margin: 15px 0; font-size: 1rem; font-weight: 600; line-height: 1.6875; letter-spacing: 0.89px; color: #2A2A2A; }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article ul.makers li.maker .maker__name { margin-top: 20px; font-size: 1.125rem; line-height: 1.5; letter-spacing: 1px; } }

body.makers_mft2020.archive article ul.makers li.maker .maker__title { margin: 10px 0 0; font-size: 0.75rem; line-height: 1.75; letter-spacing: 0.86px; color: #2A2A2A; }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article ul.makers li.maker .maker__title { margin-top: 15px; font-size: 0.875rem; line-height: 1.85714; letter-spacing: 1px; } }

body.makers_mft2020.archive article ul.makers li.maker .maker__genre { font-size: 0.75rem; line-height: 1; }

body.makers_mft2020.archive article ul.makers li.maker .maker__genre li { margin: 15px 0 0; display: inline-block; }

body.makers_mft2020.archive article ul.makers li.maker .maker__genre li:not(:last-child)::after { display: inline-block; margin: 0 10px; content: '/'; color: #A1A1A1; }

body.makers_mft2020.archive article ul.makers li.maker .maker__booth { display: inline-block; margin: 15px 0 0; padding: 0 10px; font-size: 0.875rem; line-height: 26px; height: 28px; background: #ffffff; border: solid 1px #00B1FF; -webkit-box-sizing: border-box; box-sizing: border-box; }

body.makers_mft2020.archive article ul.makers li.maker .maker__booth li { display: inline-block; }

body.makers_mft2020.archive article ul.makers li.maker .maker__booth li.maker__booth__initial::after { display: inline-block; margin: 0 10px; content: '/'; }

@media screen and (max-width: 1023px) { body.makers_mft2020.archive article.menu { margin-top: 40px; } }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article.menu { margin-top: 70px; } }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article.menu nav.makernav__main { margin-bottom: 50px; } }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article.common { padding: 0 30px; }
  body.makers_mft2020.archive article.common article.article__detail { padding: 0; } }

@media screen and (max-width: 1023px) { body.makers_mft2020.archive article.common section { margin-bottom: 60px; } }

@media screen and (min-width: 1024px) { body.makers_mft2020.archive article.common section { max-width: 1140px; margin-bottom: 0; } }

body.makers_mft2020.single { /* ============================== 紹介 */ }

@media screen and (min-width: 1024px) { body.makers_mft2020.single .mv { display: none; } }

body.makers_mft2020.single article h3:not(:first-child) { border: none; }

@media screen and (max-width: 1023px) { body.makers_mft2020.single article.article__detail { margin: 30px 0; } }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article.article__detail { max-width: 750px; margin: 80px auto 0; } }

@media screen and (max-width: 1023px) { body.makers_mft2020.single article section { margin-bottom: 40px; } }

body.makers_mft2020.single article .maker__category li { display: inline-block; margin: 0 10px 0 0; padding: 0 10px; line-height: 28px; height: 28px; background: #F6F6F6; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__category li { height: 30px; line-height: 30px; } }

body.makers_mft2020.single article .maker__category li a { font-size: 0.75rem; line-height: 1; text-decoration: none; color: #31A9E2; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__category li a { font-size: 1rem; } }

body.makers_mft2020.single article .maker__name { margin: 10px 0; padding: 0; font-size: 1.5rem; font-weight: 400; line-height: 1.5; letter-spacing: 1px; color: #284345; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__name { margin-top: 20px; font-size: 2.5rem; letter-spacing: 1.11px; color: #2A2A2A; } }

body.makers_mft2020.single article .maker__name_en { margin: 10px 0 15px; font-size: 0.8125rem; line-height: 1.46154; color: #284345; letter-spacing: 0; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__name_en { margin-bottom: 20px; font-size: 1.25rem; line-height: 1.5; color: #2A2A2A; } }

body.makers_mft2020.single article .maker__genre { font-size: 0.875rem; line-height: 2; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__genre { font-size: 1rem; line-height: 1.875; } }

body.makers_mft2020.single article .maker__genre li { margin: 0; display: inline-block; color: #31A9E2; }

body.makers_mft2020.single article .maker__genre li:not(:last-child)::after { display: inline-block; margin: 0 10px; content: '/'; color: #A1A1A1; }

body.makers_mft2020.single article .maker__booth { display: inline-block; margin: 20px 0 0; padding: 0 9.5px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.875rem; line-height: 2; background: #ffffff; border: solid 1px #31A9E2; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__booth { font-size: 1rem; line-height: 1.875; } }

body.makers_mft2020.single article .maker__booth li { display: inline-block; color: #31A9E2; }

body.makers_mft2020.single article .maker__booth li.maker__booth__initial::after { display: inline-block; margin: 0 10px; content: '/'; }

body.makers_mft2020.single article .maker { margin: 40px 0 0; border-top: solid 5px #E4EAEE; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker { margin: 60px 0 0; border-top-width: 10px; } }

@media screen and (max-width: 1023px) { body.makers_mft2020.single article .maker__title { margin: 35px 0 30px; } }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__title { margin: 60px 0 40px; } }

body.makers_mft2020.single article .maker__title_ja { margin: 0 0 5px; font-size: 1.25rem; font-weight: 600; line-height: 1.5; letter-spacing: 1px; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__title_ja { margin-bottom: 10px; font-size: 1.875rem; } }

body.makers_mft2020.single article .maker__title_en { margin: 5px 0 0; font-size: 0.875rem; line-height: 1.85714; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__title_en { margin-top: 10px; font-size: 1rem; line-height: 1.25; } }

body.makers_mft2020.single article .maker__image { margin: 0 0 30px; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__image { margin: 0 0 40px; } }

body.makers_mft2020.single article .maker__description { margin: 0 0 40px; font-size: 0.875rem; line-height: 1.85714; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__description { margin: 0 0 40px; font-size: 1rem; line-height: 2; } }

body.makers_mft2020.single article .maker__description h4 { border: none; }

body.makers_mft2020.single article .maker__description p { margin: 30px 0; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__description p { margin: 40px 0; } }

body.makers_mft2020.single article h5.maker__profile { margin: 40px 0 30px; padding: 35px 0 0; font-size: 1.25rem; line-height: 1.5; border-top: solid 5px #E4EAEE; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article h5.maker__profile { margin-top: 80px; padding-top: 60px; font-size: 1.875rem; border-top-width: 10px; } }

body.makers_mft2020.single article .maker__profile__body { margin: 0 0 40px; font-size: 0.875rem; line-height: 1.85714; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__profile__body { margin-bottom: 30px; font-size: 1rem; line-height: 2; } }

body.makers_mft2020.single article .maker__sns { margin: 40px 0 0; font-size: 0.875rem; line-height: 1.85714; }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article .maker__sns { margin-top: 30px; font-size: 1rem; line-height: 2; } }

@media screen and (max-width: 320px) { body.makers_mft2020.single article .twitter-tweet { margin-left: -10px; } }

@media screen and (min-width: 1024px) { body.makers_mft2020.single article :not(.twitter-tweet) > iframe { width: 756px; height: 425.25px; } }

/* ============================== 出展申し込み */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== callformakers */
body.mft2020.callformakers { /* ============================== article */ /* ============================== timeline */ /* ============================== table */ /* ============================== guideline, faq */ /* ============================== accordion */ /* ============================== entryform */ /* ============================== download */ /* ============================== entryform */ }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article { margin: 0; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article .pagenav__sub { margin: 0 20px 40px; } }

body.mft2020.callformakers article .features { padding-top: 53px; max-width: 1164px; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers article .features { margin: 0 auto 40px; } }

@media screen and (min-width: 1024px) and (max-width: 1204px) { body.mft2020.callformakers article .features { margin: 0 -10px 40px; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article .features { margin: 0 -10px 0; } }

@media screen and (min-width: 1280px) { body.mft2020.callformakers article .features { margin: 0 auto 40px; } }

body.mft2020.callformakers article section.feature { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 117px 30px 30px; margin-bottom: 73px; background: #ffffff; }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article section.feature img.feature__img { display: block; width: 113px; height: 150px; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers article section.feature { padding: 60px; margin-bottom: 80px; min-height: 392px; } }

body.mft2020.callformakers article section.feature h2 { position: absolute; width: 146px; height: 146px; }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article section.feature h2 { top: -53px; left: 50%; margin-left: -120px; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers article section.feature h2 { top: -50px; left: -50px; width: 250px; height: 250px; } }

body.mft2020.callformakers article section.feature h2 img { display: inherit; position: inherit; height: 100%; width: auto; margin: 0; }

body.mft2020.callformakers article section.feature img.feature__img { position: absolute; display: block; width: 113px; height: 150px; }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article section.feature img.feature__img { top: -43px; left: 50%; margin-left: -15px; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers article section.feature img.feature__img { top: 100px; left: 40px; width: 226px; height: 300px; } }

body.mft2020.callformakers article section.feature p { margin: 0 0 20px; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers article section.feature p { margin: 0 0 60px 246px; } }

body.mft2020.callformakers article section.feature p.feature__lead { font-weight: 600; font-size: 1.125rem; color: #00B1FF; letter-spacing: 1px; line-height: 27px; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers article section.feature p.feature__lead { margin-bottom: 40px; font-size: 1.875rem; letter-spacing: 2px; line-height: 45px; white-space: nowrap; } }

@media screen and (min-width: 1024px) and (max-width: 1124px) { body.mft2020.callformakers article section.feature p.feature__lead { white-space: normal; } }

body.mft2020.callformakers article section.feature p.feature__photos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 0; padding: 0; }

body.mft2020.callformakers article section.feature p.feature__photos img { display: block; width: 100%; height: auto; }

body.mft2020.callformakers article section.feature p.feature__photos img:not(:last-child) { margin-bottom: 20px; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers article section.feature p.feature__photos { margin-left: 246px; width: calc(100% - 306px); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-height: 253px; }
  body.mft2020.callformakers article section.feature p.feature__photos img { width: calc(50% - 19px); height: 100%; } }

body.mft2020.callformakers article section.feature.feature__2 { margin-bottom: 40px; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers article section.feature.feature__2 { margin-bottom: 80px; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article.article__detail h3 { padding: 0 20px 30px; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article.article__detail .article__detail__block::after { margin: 0 20px 40px; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers article.article__detail .article__detail__inner { padding: 0 20px; } }

body.mft2020.callformakers dl.timeline__item dt { display: inline-block; width: 100%; margin: 0 0 10px; padding: 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600; font-size: 0.875rem; letter-spacing: 1px; line-height: 1; text-align: center; border: solid 1px #E1E1E1; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers dl.timeline__item dt { width: 380px; margin: 0 0 20px; padding: 19px 20px; font-size: 1.125rem; letter-spacing: 1px; } }

body.mft2020.callformakers dl.timeline__item dt:last-child { margin-bottom: 0; }

body.mft2020.callformakers dl.timeline__item dd { margin: 0 0 20px; }

body.mft2020.callformakers dl.timeline__item dd p { margin: 0; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers dl.timeline__item dd p { font-size: 1rem; line-height: 32px; } }

body.mft2020.callformakers dl.timeline__item dd .icon { display: block; width: 21px; height: 21px; margin: 20px auto; color: #E3E8EB; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers dl.timeline__item dd .icon { margin-left: 175px; width: 30px; height: 30px; } }

body.mft2020.callformakers dl.timeline__item dd .icon svg.svgicons { display: block; width: 100%; height: 100%; }

body.mft2020.callformakers table.callformakers__table { width: 100%; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers table.callformakers__table { margin-top: 40px; min-width: 594px; display: table; overflow-x: scroll; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers table.callformakers__table tr { display: table-row; } }

body.mft2020.callformakers table.callformakers__table tr td, body.mft2020.callformakers table.callformakers__table tr th { text-align: center; border-right: solid 1px #D7DBDD; -webkit-box-sizing: border-box; box-sizing: border-box; }

body.mft2020.callformakers table.callformakers__table tr td:first-child, body.mft2020.callformakers table.callformakers__table tr th:first-child { border-left: solid 1px #D7DBDD; }

body.mft2020.callformakers table.callformakers__table tr td:last-child, body.mft2020.callformakers table.callformakers__table tr th:last-child { border-right: solid 1px #D7DBDD; }

@media screen and (max-width: 1023px) { body.mft2020.callformakers table.callformakers__table tr td, body.mft2020.callformakers table.callformakers__table tr th { font-size: 0.75rem; letter-spacing: 1px; border-left: solid 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers table.callformakers__table tr td, body.mft2020.callformakers table.callformakers__table tr th { display: table-cell; vertical-align: middle; min-width: 139px; max-width: 219px; padding: 15px 0; font-size: 0.875rem; letter-spacing: 1px; }
  body.mft2020.callformakers table.callformakers__table tr td[colspan="2"], body.mft2020.callformakers table.callformakers__table tr th[colspan="2"] { min-width: 312px; }
  body.mft2020.callformakers table.callformakers__table tr td[colspan="3"], body.mft2020.callformakers table.callformakers__table tr th[colspan="3"] { min-width: 483px; } }

@media screen and (min-width: 1280px) { body.mft2020.callformakers table.callformakers__table tr td, body.mft2020.callformakers table.callformakers__table tr th { min-width: 176px; }
  body.mft2020.callformakers table.callformakers__table tr td[colspan="2"], body.mft2020.callformakers table.callformakers__table tr th[colspan="2"] { width: 54.23%; }
  body.mft2020.callformakers table.callformakers__table tr td[colspan="3"], body.mft2020.callformakers table.callformakers__table tr th[colspan="3"] { width: 81.35%; } }

body.mft2020.callformakers table.callformakers__table tr th { background: #EEF2F4; text-align: center; font-weight: 600; }

@media screen and (max-width: 1023px) { body.mft2020.callformakers table.callformakers__table tr th { padding: 14px; line-height: 12px; border-bottom: solid 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers table.callformakers__table tr th { padding-right: 0; line-height: 14px; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers table.callformakers__table tr td { padding: 11px 0; line-height: 18px; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers table.callformakers__table tr td { line-height: 21px; }
  body.mft2020.callformakers table.callformakers__table tr td.callformakers__table_multicell { vertical-align: top; padding: 0; line-height: 28px; }
  body.mft2020.callformakers table.callformakers__table tr td.callformakers__table_multicell .callformakers__table_multicell-single { line-height: 56px; white-space: nowrap; padding-left: 0; padding-right: 0; } }

@media screen and (min-width: 1024px) and (max-width: 1204px) { body.mft2020.callformakers table.callformakers__table tr td.callformakers__table_multicell .callformakers__table_multicell-single { white-space: normal; padding-top: 24px; line-height: 28px; } }

body.mft2020.callformakers table.callformakers__table tr td p { width: 100%; margin: 0; padding: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: inherit; letter-spacing: inherit; line-height: inherit; }

@media screen and (max-width: 1023px) { body.mft2020.callformakers table.callformakers__table tr td p:first-child { padding-top: 0; }
  body.mft2020.callformakers table.callformakers__table tr td p:last-child { padding-bottom: 0; } }

body.mft2020.callformakers table.callformakers__table tr td p + p { border-top: solid 1px #D7DBDD; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers table.callformakers__table tr:first-child th:first-child { -ms-flex-preferred-size: 111px; flex-basis: 111px; min-width: 111px; } }

@media screen and (min-width: 1280px) { body.mft2020.callformakers table.callformakers__table tr:first-child th:first-child { -ms-flex-preferred-size: 140px; flex-basis: 140px; min-width: 140px; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers table.callformakers__table tr:not(:first-child) th { -ms-flex-preferred-size: 111px; flex-basis: 111px; min-width: 111px; } }

@media screen and (min-width: 1280px) { body.mft2020.callformakers table.callformakers__table tr:not(:first-child) th { -ms-flex-preferred-size: 140px; flex-basis: 140px; min-width: 140px; } }

body.mft2020.callformakers .callformakers__table__outer nav { margin-bottom: 20px; }

body.mft2020.callformakers .callformakers__table__outer nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; }

body.mft2020.callformakers .callformakers__table__outer nav ul li { width: 33%; height: 54px; border-bottom: none; }

body.mft2020.callformakers .callformakers__table__outer nav ul li a { display: table; height: 100%; width: 100%; padding: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.8125rem; letter-spacing: 1px; line-height: 20px; text-align: center; text-decoration: none; vertical-align: middle; border-bottom: solid 2px transparent; }

body.mft2020.callformakers .callformakers__table__outer nav ul li a.current, body.mft2020.callformakers .callformakers__table__outer nav ul li a:hover, body.mft2020.callformakers .callformakers__table__outer nav ul li a:focus { border-bottom: solid 2px #00B1FF; }

body.mft2020.callformakers .callformakers__table__outer nav ul li a span { display: table-cell; vertical-align: middle; }

@media screen and (max-width: 1023px) { body.mft2020.callformakers #faq { margin-bottom: 0; border-bottom: none; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers #faq { margin-top: 100px; }
  body.mft2020.callformakers #faq .article__detail__inner { padding-bottom: 0; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers #faq h3 { padding-bottom: 40px; } }

body.mft2020.callformakers #faq h4 { border: none; padding: 0; margin: 20px 0; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers #faq h4 { margin-top: 50px; } }

body.mft2020.callformakers dt.faq__item__title { position: relative; font-size: 0.875rem; letter-spacing: 1px; line-height: 21px; cursor: pointer; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers dt.faq__item__title { font-weight: 600; font-size: 1rem; line-height: 16px; } }

body.mft2020.callformakers dt.faq__item__title::before { content: 'Q. '; display: block; position: absolute; margin-left: -22px; font-family: "Noto Sans", "Noto Sans Japanese", "Noto Sans CJK JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; color: #797979; }

body.mft2020.callformakers dt.faq__item__title + dd { font-size: 13px; letter-spacing: 1px; line-height: 26px; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers dt.faq__item__title + dd { font-size: 1rem; line-height: 32px; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers h4.guidelines__title, body.mft2020.callformakers dt.faq__item__title { width: 100vw; margin: 0 0 1px -20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #EEF2F4; }
  body.mft2020.callformakers h4.guidelines__title:hover, body.mft2020.callformakers dt.faq__item__title:hover { background-color: #dfe4e6; }
  body.mft2020.callformakers h4.guidelines__title { padding: 21px 58px 21px 20px; }
  body.mft2020.callformakers h5, body.mft2020.callformakers h6 { font-size: 0.8125rem; line-height: 13px; margin: 0 0 10px; }
  body.mft2020.callformakers ul + h5, body.mft2020.callformakers ul + h6 { margin-top: 25px; }
  body.mft2020.callformakers p + ul { margin-top: 0; }
  body.mft2020.callformakers dt.faq__item__title { padding: 22px 64px 21px 42px; }
  body.mft2020.callformakers .accordion-target:not(.pagenav__sub-item) { display: none; }
  body.mft2020.callformakers .accordion-target:not(.pagenav__sub-item).accordion-target_open { display: block; margin: 25px 0; }
  body.mft2020.callformakers .accordion-target:not(.pagenav__sub-item) > p { font-size: 0.8125rem; line-height: 2; margin: 0 0 25px; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers .accordion-target:not(.pagenav__sub-item) { padding-bottom: 50px; margin-bottom: 50px; border-bottom: dashed 1px #D7DBDD; }
  body.mft2020.callformakers .accordion-target:not(.pagenav__sub-item):last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
  body.mft2020.callformakers .accordion-target:not(.pagenav__sub-item) p { font-size: 1rem; letter-spacing: 1px; line-height: 2; }
  body.mft2020.callformakers .accordion-target:not(.pagenav__sub-item) p:last-child { margin-bottom: 0; }
  body.mft2020.callformakers .accordion-target + h4.guidelines__title { margin: 50px 0; }
  body.mft2020.callformakers .accordion-target > h5 { margin: 30px 0 20px; font-size: 1rem; line-height: 1; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers #faq dl { border-top: dashed 1px #D7DBDD; padding: 30px 0; }
  body.mft2020.callformakers #faq dl:last-child { border-bottom: dashed 1px #D7DBDD; }
  body.mft2020.callformakers #faq dl + h4 { margin-top: 0; margin-bottom: 30px; padding-top: 50px; border-top: dashed 1px #D7DBDD; }
  body.mft2020.callformakers #faq dt.faq__item__title.accordion-item { position: relative; padding: 16px 46px 16px 29px; }
  body.mft2020.callformakers #faq dt.faq__item__title.accordion-item span.accordion-item__icon { position: absolute; top: 12px; right: 22px; font-size: 1.5rem; }
  body.mft2020.callformakers #faq dt.faq__item__title.accordion-item.accordion-item_close svg.svgicons.icon-plus { display: inherit; }
  body.mft2020.callformakers #faq dt.faq__item__title.accordion-item.accordion-item_close svg.svgicons.icon-minus { display: none; }
  body.mft2020.callformakers #faq dt.faq__item__title.accordion-item.accordion-item_open svg.svgicons.icon-plus { display: none; }
  body.mft2020.callformakers #faq dt.faq__item__title.accordion-item.accordion-item_open svg.svgicons.icon-minus { display: inherit; }
  body.mft2020.callformakers #faq dt.faq__item__title.accordion-item + dd.accordion-target { display: none; }
  body.mft2020.callformakers #faq dt.faq__item__title.accordion-item + dd.accordion-target.accordion-target_open { display: block; margin: 10px 0 0; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers #entryform { margin-top: 100px; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers #entryform .article__detail__inner { padding: 0 20px; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers div.entryform { width: 570px; } }

body.mft2020.callformakers div.entryform p { margin: 20px 0 30px; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers div.entryform p { margin-bottom: 50px; } }

body.mft2020.callformakers div.entryform .feature__item { position: relative; margin-bottom: 20px; }

body.mft2020.callformakers div.entryform .feature__item a { display: block; }

body.mft2020.callformakers div.entryform img { margin: 0; width: 100%; height: auto; }

body.mft2020.callformakers div.entryform .feature__item__sup, body.mft2020.callformakers div.entryform .feature__item__text { position: absolute; margin: 0; font-weight: 600; color: #ffffff; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers div.entryform .feature__item__sup, body.mft2020.callformakers div.entryform .feature__item__text { left: 40px; } }

@media screen and (max-width: 1023px) { body.mft2020.callformakers div.entryform .feature__item__sup { top: 20px; left: 20px; font-size: 0.875rem; line-height: 1; letter-spacing: 1px; }
  body.mft2020.callformakers div.entryform .feature__item__text { top: 46px; left: 20px; font-size: 1.125rem; line-height: 1; letter-spacing: 0.86px; } }

@media screen and (max-width: 320px) { body.mft2020.callformakers div.entryform .feature__item__sup { font-size: 0.75rem; }
  body.mft2020.callformakers div.entryform .feature__item__text { font-size: 1rem; } }

@media screen and (min-width: 1024px) { body.mft2020.callformakers div.entryform .feature__item__sup { top: 40px; font-size: 1rem; line-height: 1.5; letter-spacing: 1px; }
  body.mft2020.callformakers div.entryform .feature__item__text { top: 70px; font-size: 1.5rem; line-height: 1.5; letter-spacing: 1.14px; } }

body.mft2020.callformakers div.entryform .square-btn { margin: 0; width: 100%; border: solid 1px #D7DBDD; background-color: #ffffff; color: #00B1FF; }

body.mft2020.callformakers div.entryform .square-btn::before { margin: 9px 0 7px; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzEgMzIiPjx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+PHBhdGggZmlsbD0iIzAwQjFGRiIgZD0iTTMwLjg1NyAxNS45NDZjMCAwLjE2MS0wLjA3MSAwLjMyMS0wLjE3OSAwLjQyOWwtNi44NTcgNi4zMjFjLTAuMTc5IDAuMTYxLTAuNDExIDAuMTk2LTAuNjI1IDAuMTA3LTAuMTk2LTAuMDg5LTAuMzM5LTAuMjg2LTAuMzM5LTAuNTE4di00aC0yMi4yODZjLTAuMzIxIDAtMC41NzEtMC4yNS0wLjU3MS0wLjU3MXYtMy40MjljMC0wLjMyMSAwLjI1LTAuNTcxIDAuNTcxLTAuNTcxaDIyLjI4NnYtNGMwLTAuMjMyIDAuMTI1LTAuNDI5IDAuMzM5LTAuNTE4czAuNDQ2LTAuMDU0IDAuNjI1IDAuMDg5bDYuODU3IDYuMjVjMC4xMDcgMC4xMDcgMC4xNzkgMC4yNSAwLjE3OSAwLjQxMXYweiI+PC9wYXRoPjwvc3ZnPg==") no-repeat 50% 50%; background-size: 21px, 21px; }

body.mft2020.callformakers div.entryform .square-btn.disabled { color: #2A2A2A; }

@media screen and (min-width: 1024px) { body.mft2020.callformakers div.entryform a:hover .square-btn, body.mft2020.callformakers div.entryform a:focus .square-btn { border-color: #00B1FF; background-color: #00B1FF; color: #ffffff; }
  body.mft2020.callformakers div.entryform a:hover .square-btn::before, body.mft2020.callformakers div.entryform a:focus .square-btn::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzEgMzIiPjx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMwLjg1NyAxNS45NDZjMCAwLjE2MS0wLjA3MSAwLjMyMS0wLjE3OSAwLjQyOWwtNi44NTcgNi4zMjFjLTAuMTc5IDAuMTYxLTAuNDExIDAuMTk2LTAuNjI1IDAuMTA3LTAuMTk2LTAuMDg5LTAuMzM5LTAuMjg2LTAuMzM5LTAuNTE4di00aC0yMi4yODZjLTAuMzIxIDAtMC41NzEtMC4yNS0wLjU3MS0wLjU3MXYtMy40MjljMC0wLjMyMSAwLjI1LTAuNTcxIDAuNTcxLTAuNTcxaDIyLjI4NnYtNGMwLTAuMjMyIDAuMTI1LTAuNDI5IDAuMzM5LTAuNTE4czAuNDQ2LTAuMDU0IDAuNjI1IDAuMDg5bDYuODU3IDYuMjVjMC4xMDcgMC4xMDcgMC4xNzkgMC4yNSAwLjE3OSAwLjQxMXYweiI+PC9wYXRoPjwvc3ZnPg=="); }
  body.mft2020.callformakers div.entryform a:hover .square-btn.disabled, body.mft2020.callformakers div.entryform a:focus .square-btn.disabled { border-color: #D7DBDD; color: #2A2A2A; background: #ffffff; } }

body.mft2020.callformakers h4#downloads { border-top: dashed 1px #D7DBDD; }

body.mft2020.callformakers .footer__visual { background: #ffffff; }

/* ============================== プログラム */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== プログラム共通 */
body.program .program-tab { position: relative; background: #ffffff; z-index: 1; }

@media screen and (max-width: 1023px) { body.program .program-tab { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); overflow-x: hidden; } }

@media screen and (min-width: 1024px) { body.program .program-tab { width: calc(100% - 40px); padding: 0 20px; } }

body.program .program-tab.sticky { position: fixed; top: 0; }

@media screen and (max-width: 1023px) { body.program .program-tab.sticky { left: 0; width: 100%; margin: 0; } }

@media screen and (min-width: 1024px) { body.program .program-tab.sticky { max-width: 1140px; width: calc(100% - 40px); padding: 0 20px; margin: 0 auto; } }

body.program .program-tab ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: none; }

body.program .program-tab ul li { text-align: center; color: #00A9EC; cursor: pointer; }

@media screen and (min-width: 1024px) { body.program .program-tab ul li { margin: 0; }
  body.program .program-tab ul li:hover { background: #EEF2F4; } }

body.program .program-tab ul.tab__main { margin-bottom: 9px; }

@media screen and (min-width: 1024px) { body.program .program-tab ul.tab__main { margin-bottom: 25px; } }

body.program .program-tab ul.tab__main li { -ms-flex-preferred-size: 50%; flex-basis: 50%; font-weight: 600; font-size: 1.125rem; letter-spacing: 0.47px; line-height: 70px; border-top: solid 1px #D7DBDD; border-bottom: solid 1px #D7DBDD; }

body.program .program-tab ul.tab__main li.tab__item__selected { border-bottom-color: #009FE9; }

body.program .program-tab ul.tab__main li:last-child { border-left: solid 1px #D7DBDD; }

@media screen and (min-width: 1024px) { body.program .program-tab ul.tab__main li:last-child { border-right: solid 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { body.program .program-tab ul.tab__main li { font-size: 1.875rem; letter-spacing: 0.79px; line-height: 80px; }
  body.program .program-tab ul.tab__main li:first-child { border-left: solid 1px #D7DBDD; } }

body.program .program-tab ul.tab__sub li { -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; padding: 11px 0; font-size: 0.75rem; letter-spacing: 0.75px; line-height: 1.5; border-bottom: solid 2px #E4EAEE; }

body.program .program-tab ul.tab__sub li span { display: inline-block; }

body.program .program-tab ul.tab__sub li.tab__item__selected { border-bottom: solid 2px #009FE9; }

@media screen and (min-width: 1024px) { body.program .program-tab ul.tab__sub li { padding: 25px; font-size: 1rem; letter-spacing: 1px; -ms-flex-preferred-size: calc(33.3% - 30px); flex-basis: calc(33.3% - 30px); } }

body.program .article__lead .sup { font-size: 0.875rem; }

body.program .article__lead .btn__programguide { margin-bottom: 40px; }

@media screen and (min-width: 1024px) { body.program .article__lead { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 70px 0; }
  body.program .article__lead .btn__programguide { margin: 0 0 0 30px; }
  body.program .article__lead .btn__programguide a { margin: 0; padding: 25px 40px; height: 95px; } }

body.program .article__detail__block { margin: 0; }

@media screen and (min-width: 1024px) { body.program article table { width: 100%; } }

@media screen and (min-width: 1024px) { body.program article table tbody { width: 100%; } }

body.program article table tr { margin-bottom: 30px; border-bottom: solid 1px #D7DBDD; }

@media screen and (min-width: 1024px) { body.program article table tr { margin-bottom: 40px; } }

body.program article table th { font-size: 1rem; font-weight: 600; letter-spacing: 1.14px; }

@media screen and (min-width: 1024px) { body.program article table th { -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
  body.program article table th .program__item__time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 88px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  body.program article table th .program__item__time span { display: block; font-size: 1.125rem; line-height: 1; }
  body.program article table th .program__item__time .span_separator { overflow: hidden; background: #515252; width: 2px; height: 20px; margin: 20px auto; text-align: -9999px; } }

body.program article table td h4 { margin: 0 0 20px; }

@media screen and (min-width: 1024px) { body.program article table td { position: relative; width: calc(100% - 175px); } }

@media screen and (min-width: 1024px) { body.program article table .live_report th .program__item__time { margin: 0; } }

body.program .program__item__title { line-height: 1.5; }

@media screen and (min-width: 1024px) { body.program .program__item__title { width: calc(100% - 170px); } }

body.program .program__item__name { line-height: 1.5; letter-spacing: 0.68px; color: #848484; }

body.program .program__item__link, body.program .program__item__link a { color: #00A9EC; }

body.program .program__item__link { line-height: 1.25rem; letter-spacing: 0.88px; }

@media screen and (min-width: 1024px) { body.program .program__item__link { position: absolute; top: 20px; right: 20px; margin-top: 0; } }

body.program .program__item__images { margin-bottom: 20px; }

@media screen and (min-width: 1024px) { body.program .program__item__images { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; }
  body.program .program__item__images .program__item__image { width: 50%; margin: 0 auto; }
  body.program .program__item__images.program__item__image_two { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  body.program .program__item__images.program__item__image_two .program__item__image { width: calc(50% - 15px); }
  body.program .program__item__images p + p { margin-top: 0; } }

body.program .program__item__image img { width: 100%; }

body.program .program__item__accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

body.program .program__item__accordion .accordion__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; overflow: hidden; -webkit-transition: height 250ms ease-out; transition: height 250ms ease-out; }

body.program .program__item__accordion .accordion__content__inner { padding-top: 20px; }

body.program .program__item__accordion .accordion__button { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 20px 0; line-height: 1.25rem; letter-spacing: 0.88px; text-align: center; color: #00B1FF; cursor: pointer; }

body.program .program__item__accordion .accordion__button .svgicons { display: inline-block; margin-right: 5px; }

body.program .program__item__accordion .accordion__button:not(.accordion__open) .accordion__button__open { display: none; }

body.program .program__item__accordion .accordion__button:not(.accordion__open) + .accordion__content { visibility: hidden; }

body.program .program__item__accordion .accordion__button.accordion__open .accordion__button__close { display: none; }

/* ============================== スポンサー */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== sponsors */
body.mft2020.sponsors { /* ============================== article */ }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article { overflow-x: hidden; } }

body.mft2020.sponsors article h3 { font-family: "Roboto", sans-serif; padding-top: 40px; border-top: solid 5px #E4EAEE; }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article h3 { font-size: 2.125rem; letter-spacing: 0.89px; margin-bottom: 50px; padding-top: 80px; } }

body.mft2020.sponsors article nav + h3 { padding-top: 0; border-top: none; }

@media screen and (max-width: 1023px) { body.mft2020.sponsors article .sponsors__inner { margin: 0 0 30px; } }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1170px; margin: 0 -30px 30px 0; } }

body.mft2020.sponsors article .sponsors__inner:last-child { border-bottom: none; }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__inner:last-child { margin-bottom: 0; } }

body.mft2020.sponsors article .sponsors__item { margin-bottom: 40px; }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__item { margin-right: 30px; -ms-flex-preferred-size: 308px; flex-basis: 308px; margin-bottom: 50px; } }

@media screen and (min-width: 1280px) { body.mft2020.sponsors article .sponsors__item { -ms-flex-preferred-size: 360px; flex-basis: 360px; } }

body.mft2020.sponsors article .sponsors__item img { display: block; margin: 0 auto; width: 100%; }

body.mft2020.sponsors article .sponsors__item h4 { margin: 15px 0 4px; padding: 0; font-size: 1.125rem; font-weight: 400; letter-spacing: 0.86px; line-height: 1.75; border-top: none; }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__item h4 { margin: 26px 0 5px; line-height: 1.61905; letter-spacing: 1px; } }

body.mft2020.sponsors article .sponsors__item h4 a { color: #2A2A2A; }

body.mft2020.sponsors article .sponsors__item p { margin: 0 0 10px; }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__item p { margin: 0 0 20px; } }

body.mft2020.sponsors article .sponsors__item .sponsors__item__title-en { font-family: "Roboto", sans-serif; margin-bottom: 15px; font-size: 0.8125rem; line-height: 1.76923; letter-spacing: 0; }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__item .sponsors__item__title-en { font-size: 0.875rem; line-height: 1.57143; } }

body.mft2020.sponsors article .sponsors__item .sponsors__item__content { font-size: 0.75rem; line-height: 1.75; letter-spacing: 0.86px; margin-bottom: 15px; }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__item .sponsors__item__content { font-size: 0.875rem; line-height: 1.85714; letter-spacing: 1px; } }

body.mft2020.sponsors article .sponsors__item .sponsors__item__makers-url { font-size: 1rem; line-height: 1; letter-spacing: 0; }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__item .sponsors__item__makers-url { font-size: 1.125rem; line-height: 1.5; } }

@media screen and (max-width: 1023px) { body.mft2020.sponsors article .sponsors__inner_3 img, body.mft2020.sponsors article .sponsors__inner_4 img, body.mft2020.sponsors article .sponsors__inner_5 img { width: 82.5%; } }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__inner_3 img, body.mft2020.sponsors article .sponsors__inner_4 img, body.mft2020.sponsors article .sponsors__inner_5 img { width: 288px; } }

@media screen and (max-width: 1023px) { body.mft2020.sponsors article .sponsors__inner_6, body.mft2020.sponsors article .sponsors__inner_7 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media screen and (max-width: 1023px) { body.mft2020.sponsors article .sponsors__inner_6 .sponsors__item, body.mft2020.sponsors article .sponsors__inner_7 .sponsors__item { width: calc(50% - 10px); margin-bottom: 20px; } }

@media screen and (min-width: 1024px) { body.mft2020.sponsors article .sponsors__inner_6 .sponsors__item, body.mft2020.sponsors article .sponsors__inner_7 .sponsors__item { -ms-flex-preferred-size: 172px; flex-basis: 172px; margin-right: 30px; margin-bottom: 30px; } }

@media screen and (min-width: 1280px) { body.mft2020.sponsors article .sponsors__inner_6 .sponsors__item, body.mft2020.sponsors article .sponsors__inner_7 .sponsors__item { -ms-flex-preferred-size: 204px; flex-basis: 204px; } }

body.mft2020.sponsors article .sponsors__inner_6 img, body.mft2020.sponsors article .sponsors__inner_7 img { margin: 0; width: 100%; }

/* ============================== メディア掲載 */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== メディア掲載 */
@media screen and (max-width: 1023px) { body.mft2020.media article.article__detail .article__detail__block, body.mft2020.media aside.article__detail .article__detail__block { margin-top: 40px; }
  body.mft2020.media article.article__detail nav.pagenav__subsub h3, body.mft2020.media aside.article__detail nav.pagenav__subsub h3 { padding-bottom: 0; }
  body.mft2020.media article.article__detail nav.pagenav__subsub + h4::before, body.mft2020.media aside.article__detail nav.pagenav__subsub + h4::before { display: none; } }

@media screen and (min-width: 1024px) { body.mft2020.media article table:not(.callformakers__table) tr th, body.mft2020.media aside table:not(.callformakers__table) tr th { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  body.mft2020.media article table:not(.callformakers__table) tr th span, body.mft2020.media aside table:not(.callformakers__table) tr th span { text-align: left; } }

/* ============================== 教育機関の方へ */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== for_educator */
body.mft2020.for_educator article .books { margin-top: 30px; }

body.mft2020.for_educator article .books .books__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 30px; }

@media screen and (max-width: 1023px) { body.mft2020.for_educator article .books .books__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: dashed 1px #D7DBDD; } }

@media screen and (min-width: 1024px) { body.mft2020.for_educator article .books .books__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 0 50px; } }

body.mft2020.for_educator article .books .books__item__image { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; margin-bottom: 0; }

@media screen and (max-width: 1023px) { body.mft2020.for_educator article .books .books__item__image { width: 40%; margin: 30px auto 0; } }

@media screen and (min-width: 1024px) { body.mft2020.for_educator article .books .books__item__image { width: 195px; padding-right: 30px; } }

body.mft2020.for_educator article .books .books__item__image img { display: block; height: auto; width: 100%; margin: 0 auto; }

body.mft2020.for_educator article .books .books__item__text { margin-top: 0; margin-bottom: 15px; font-size: 0.9375rem; line-height: 1.5; }

@media screen and (max-width: 1023px) { body.mft2020.for_educator article .books .books__item__text { margin-top: 20px; } }

@media screen and (min-width: 1024px) { body.mft2020.for_educator article .books .books__item__text { margin-bottom: 30px; width: 555px; font-size: 1.125rem; line-height: 2; } }

body.mft2020.for_educator article .books .books__item__text .svgicons { margin-left: 5px; }

body.mft2020.for_educator article .books .books__item__author { font-size: 0.8125rem; line-height: 2; }

@media screen and (min-width: 1024px) { body.mft2020.for_educator article .books .books__item__author { font-size: 1rem; } }

body.mft2020.for_educator article table { margin-top: 30px; }

/* ============================== スポンサーをご検討の方へ */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== for_educator */
@media screen and (min-width: 1024px) { body.mft2020.for_sponsors .mv__common h1 { padding-bottom: 50px; padding-left: 60px; } }

@media screen and (max-width: 1023px) { body.mft2020.for_sponsors .mv__common h1 { font-size: 1.125rem; } }

/* ============================== お問い合わせ */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== inquiry */
body.mft2020.inquiry { overflow-x: hidden; /* ============================== reset mainvisual */ }

body.mft2020.inquiry .mv__common { position: static; padding: 0; margin: 0; height: 60px; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry .mv__common { height: 160px; } }

body.mft2020.inquiry .mv__common .mv__bg { background: none; height: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

body.mft2020.inquiry .mv__common .mv__bg::after { display: none; }

body.mft2020.inquiry .mv__common h1 { position: initial; height: 20px; width: 100%; margin: 40px 20px 0; padding: 0; color: #2A2A2A; background: none; text-align: left; }

@media screen and (max-width: 1023px) { body.mft2020.inquiry .mv__common h1 { line-height: 1; } }

@media screen and (min-width: 1024px) { body.mft2020.inquiry .mv__common h1 { margin: 20px 0 80px; } }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article section { padding: 0 98px; } }

body.mft2020.inquiry article .required { color: #E50113; }

body.mft2020.inquiry article .lead__required { position: relative; top: -20px; bottom: 0; margin: 0; font-size: 0.6875rem; letter-spacing: 0.71px; text-align: right; line-height: 20px; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article .lead__required { top: -120px; font-size: 0.875rem; line-height: 28px; } }

body.mft2020.inquiry article h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0; margin: 30px 0 15px; font-size: 0.875rem; font-weight: 400; letter-spacing: 1px; line-height: 14px; border-top: none; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article h4 { position: absolute; width: 286px; margin: 0; padding: 8px 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; line-height: 32px; } }

body.mft2020.inquiry article p { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article p { margin-left: 306px; } }

body.mft2020.inquiry article .wpcf7 { margin: 0; }

body.mft2020.inquiry article .wpcf7-recaptcha { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article .wpcf7-recaptcha { margin-left: 306px; margin-bottom: 100px; }
  body.mft2020.inquiry article .wpcf7-recaptcha iframe { width: 100%; height: 100%; } }

body.mft2020.inquiry article .wpcf7-mail-sent-ok { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article .wpcf7-mail-sent-ok { margin: 0 0 60px 306px; width: auto; } }

body.mft2020.inquiry article .wpcf7-validation-errors { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article .wpcf7-validation-errors { margin: 0 0 60px 306px; width: auto; } }

body.mft2020.inquiry article input:not(.form__search__input), body.mft2020.inquiry article select, body.mft2020.inquiry article textarea { width: 100%; height: 48px; padding: 8px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; line-height: 18px; background-color: #FAFAFA; border: 0; border-radius: 0; }

body.mft2020.inquiry article input:not(.form__search__input):focus, body.mft2020.inquiry article select:focus, body.mft2020.inquiry article textarea:focus { border: solid 1px #00B1FF; }

body.mft2020.inquiry article textarea { height: 240px; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article textarea { height: 290px; } }

body.mft2020.inquiry article select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 8px 48px 8px 20px; white-space: nowrap; }

body.mft2020.inquiry article select::-ms-expand { display: none; }

body.mft2020.inquiry article .your-recipient::after { content: ' '; position: absolute; right: 18px; top: 0; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8cGF0aCBmaWxsPSIjMDA5RkU5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45MDYyNSwxMC4yMTg3NSBDMTEuOTY4NzUsMTAuMjgxMjUwNCAxMiwxMC4zNzQ5OTk0IDEyLDEwLjUgQzEyLDEwLjY0NTgzNCAxMS45NDc5MTgsMTAuNzY1NjI0NiAxMS44NDM3NSwxMC44NTkzNzUgQzExLjczOTU4MiwxMC45NTMxMjU1IDExLjYxNDU4NCwxMSAxMS40Njg3NSwxMSBMMi41MzEyNSwxMSBDMi4zODU0MTYsMTEgMi4yNjA0MTcyLDEwLjk1MzEyNTUgMi4xNTYyNSwxMC44NTkzNzUgQzIuMDUyMDgyODIsMTAuNzY1NjI0NiAyLDEwLjY0NTgzNCAyLDEwLjUgQzIsMTAuMzk1ODMyOCAyLjAzMTI0OTY4LDEwLjMxMjUwMDQgMi4wOTM3NSwxMC4yNSBMMi4xNTYyNSwxMC4xNTYyNSBMNi40MDYyNSw1LjI4MTI1IEM2LjU5Mzc1LDUuMDkzNzUgNi43OTE2NjYsNSA3LDUgQzcuMjA4MzM0LDUgNy40MDYyNSw1LjA5Mzc1IDcuNTkzNzUsNS4yODEyNSBMMTEuODQzNzUsMTAuMTU2MjUgTDExLjkwNjI1LDEwLjIxODc1IFoiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgNyA4KSIvPgo8L3N2Zz4K") no-repeat center center; background-size: cover; width: 14px; height: 14px; }

body.mft2020.inquiry article img.ajax-loader { position: relative; display: block; width: 16px; height: 16px; margin: -55px 20px 49px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 1024px) { body.mft2020.inquiry article img.ajax-loader { margin: -82px auto 66px 394px; } }

/* ============================== 英語版 */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== en */
body.mft2020.en { font-family: "Roboto", sans-serif; /* ============================== mainvisual */ /* ============================== header-menu */ /* ============================== article */ }

@media screen and (max-width: 1023px) { body.mft2020.en { padding: 0; } }

body.mft2020.en #mainvisual { position: relative; width: 100%; height: calc(100vh - 217px); background: #009FE9; }

@media screen and (max-width: 1023px) { body.mft2020.en #mainvisual { padding-bottom: 217px; } }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual { height: calc(100vh - 50px); } }

body.mft2020.en #mainvisual p { margin: 0; padding: 0; }

body.mft2020.en #mainvisual .image { overflow: hidden; width: 100vw; height: calc(100vh - 217px); margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual .image { height: calc(100vh - 183px); } }

body.mft2020.en #mainvisual .image li { width: 100vw; height: calc(100vh - 217px); }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual .image li { height: calc(100vh - 183px); } }

body.mft2020.en #mainvisual .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

body.mft2020.en #mainvisual .content { position: absolute; top: 0; width: 100%; height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; z-index: 1; }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual .content { top: 0; height: calc(100vh - 50px); border-bottom: solid 133px #009FE9; } }

body.mft2020.en #mainvisual .content .content__inner { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { body.mft2020.en #mainvisual .content .content__inner { position: absolute; bottom: 68px; padding: 0 10px; width: 100%; } }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual .content .content__inner { position: relative; margin: calc(100vh - 230px) auto 0; height: 180px; width: 100%; max-width: 1140px; } }

body.mft2020.en #mainvisual .content h1 { width: 88.88vw; height: 15.27vw; max-width: 526px; max-height: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 30px; z-index: 1; margin: 0; }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual .content h1 { width: 526px; height: 90px; } }

body.mft2020.en #mainvisual .content h1 svg { width: 100%; height: 100%; background: #fff; }

body.mft2020.en #mainvisual .content .date_place { margin: 10px 0 0; height: 53.12px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { body.mft2020.en #mainvisual .content .date_place { background: url("../img/en/date_sp.svg") no-repeat left top; background-size: 269.62px 53.12px; } }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual .content .date_place { width: 780.64px; max-width: calc(100vw - 330px); height: 38.54px; margin-top: 20px; background: url("../img/en/date.svg") no-repeat left center; background-size: contain; } }

@media screen and (max-width: 1023px) { body.mft2020.en #mainvisual .content .buy-ticket { margin-top: 11px; } }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual .content .buy-ticket { width: 270px; margin: -73px 0 0 auto; } }

body.mft2020.en #mainvisual .content .buy-ticket .square-btn { height: 44px; padding: 0; font-size: 1.25rem; line-height: 44px; background: #ffffff; color: #F9665B; }

body.mft2020.en #mainvisual .content .buy-ticket .square-btn::before { display: none; }

@media screen and (min-width: 1024px) { body.mft2020.en #mainvisual .content .buy-ticket .square-btn { width: 270px; height: 73px; line-height: 73px; } }

body.mft2020.en #mainvisual .content aside { position: absolute; left: 0; bottom: 19px; margin: 0; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

body.mft2020.en #mainvisual .content aside a { color: #ffffff; }

@media screen and (min-width: 1024px) { body.mft2020.en .header-menu .header-menu__nav_main { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; }
  body.mft2020.en .header-menu .header-menu__nav_main li { margin-top: 50px; }
  body.mft2020.en .header-menu .header-menu__nav_main li a { margin-right: 40px; font-size: 1.125rem; } }

@media screen and (min-width: 1280px) { body.mft2020.en .header-menu .header-menu__nav_main li a { font-size: 1.3125rem; } }

@media screen and (max-width: 1023px) { body.mft2020.en .header-menu.headroom--top:not(.header-menu_open) .header-menu__inner .header__logo { opacity: 0; pointer-events: none; } }

body.mft2020.en h2 { font-family: "Roboto", sans-serif; font-weight: 700; }

@media screen and (min-width: 1024px) { body.mft2020.en h2 { text-align: right; } }

body.mft2020.en article h3, body.mft2020.en article h4, body.mft2020.en article strong { font-weight: 600; }

@media screen and (min-width: 1024px) { body.mft2020.en article #tickets table tr th p.sup { font-size: 0.875rem; line-height: 1.714284; } }

/* ============================== 限定ページ */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
@media screen and (min-width: 1024px) { #protectedForm { width: 570px; margin: 0 auto; } }

#protectedForm form input[type="password"] { width: 100%; height: 55px; margin: 0; padding: 8px 20px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; line-height: 40px; background: transparent; border: solid 1px #00B1FF; border-radius: 0; color: #00B1FF; }

@media screen and (min-width: 1024px) { #protectedForm form input[type="password"] { max-width: 570px; height: 70px; margin: 40px 0; padding: 8px 20px; } }

#protectedForm form input[type="submit"] { display: block; position: relative; width: 100%; height: 55px; margin: 20px 0; padding: 8px 20px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.8125rem; line-height: 40px; background: #EEF2F4; text-align: center; border: none; }

@media screen and (min-width: 1024px) { #protectedForm form input[type="submit"] { max-width: 570px; height: 70px; margin: 0; padding: 15px 40px 15px; font-size: 1rem; } }

#protectedForm form input[type="submit"]::before { content: ' '; display: block; position: absolute; width: 18px; height: 18px; margin: 10px 0; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzEgMzIiPjx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+PHBhdGggZmlsbD0iIzAwQjFGRiIgZD0iTTMwLjg1NyAxNS45NDZjMCAwLjE2MS0wLjA3MSAwLjMyMS0wLjE3OSAwLjQyOWwtNi44NTcgNi4zMjFjLTAuMTc5IDAuMTYxLTAuNDExIDAuMTk2LTAuNjI1IDAuMTA3LTAuMTk2LTAuMDg5LTAuMzM5LTAuMjg2LTAuMzM5LTAuNTE4di00aC0yMi4yODZjLTAuMzIxIDAtMC41NzEtMC4yNS0wLjU3MS0wLjU3MXYtMy40MjljMC0wLjMyMSAwLjI1LTAuNTcxIDAuNTcxLTAuNTcxaDIyLjI4NnYtNGMwLTAuMjMyIDAuMTI1LTAuNDI5IDAuMzM5LTAuNTE4czAuNDQ2LTAuMDU0IDAuNjI1IDAuMDg5bDYuODU3IDYuMjVjMC4xMDcgMC4xMDcgMC4xNzkgMC4yNSAwLjE3OSAwLjQxMXYweiI+PC9wYXRoPjwvc3ZnPg==") no-repeat 50% 50%; background-size: 18px, 18px; }

@media screen and (min-width: 1024px) { #protectedForm form input[type="submit"]::before { width: 21px; height: 21px; margin: 8px 0; background-size: 21px, 21px; } }

body.limited .passwordLabel { margin: 20px 0; text-align: center; }

@media screen and (min-width: 1024px) { body.limited .passwordLabel { margin-bottom: 0; } }

@media screen and (min-width: 1024px) { body.limited .mv__common h1 { padding-bottom: 50px; padding-left: 60px; font-size: 1.625rem; } }

@media screen and (max-width: 1023px) { body.limited .mv__common h1 { font-size: 1rem; } }

body.limited article .article__detail h3 { margin-top: 30px; padding-top: 30px; }

@media screen and (min-width: 1024px) { body.limited article .article__detail h3 { margin: 50px 0; } }

/* ============================== print */
/* ========================================================================== Print styles ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }