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

/// *
$font17px: 1.0625rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font30px: 1.875rem;
$font36px: 2.25rem;
$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 { color: #E50615; }

.icon_oreilly { color: #e6142d; }

.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;
$font36px: 2.25rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== reset-css */
body { font-family: "Avenir Next", "Segoe UI", "Noto Sans", "Noto Sans Japanese", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif; font-size: 14px; color: #000; line-height: 1.85714; letter-spacing: 0.0625rem; }

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

@media only screen and (min-width: 980px) { body { padding-top: 0 !important; } }

a, a:visited { color: #31a9e2; text-decoration: none; }

a:hover, a:focus { color: rgba(49, 169, 226, 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; }

.border__dash { border: dashed 1px #d9d9d9; }

/* ============================== common */
/* ============================== block */
html, body { position: relative; width: 100%; overflow-x: hidden; }

body.mfk2021 { background-color: #fff; word-wrap: break-word; }

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

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

small { font-size: 0.5rem; letter-spacing: 1px; line-height: 20px; }

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

.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; } }

.textalign__right { text-align: right; }

strong { font-weight: 600; }

strong.red-normal { color: #E50615; font-weight: inherit; }

article, aside { margin: 0 30px; }

@media screen and (min-width: 1024px) { article, aside { max-width: 1920px; } }

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

article.common, aside.common { margin-top: 30px; }

@media screen and (min-width: 1024px) { article.common, aside.common { margin-top: 100px; } }

article.common a, article.common a:visited, aside.common a, aside.common a:visited { text-decoration: underline; }

article.common p + h2, article.common ul + h2, aside.common p + h2, aside.common ul + h2 { margin-top: 75px; }

@media screen and (min-width: 1024px) { article.common p + h2, article.common ul + h2, aside.common p + h2, aside.common ul + h2 { margin-top: 150px; } }

article.common .sup.annotation-mark, aside.common .sup.annotation-mark { position: relative; margin-left: 16px; font-size: 0.5rem; letter-spacing: 1px; line-height: 20px; }

@media screen and (min-width: 1024px) { article.common .sup.annotation-mark, aside.common .sup.annotation-mark { font-size: 0.875rem; line-height: 28px; } }

article.common .sup.annotation-mark::before, aside.common .sup.annotation-mark::before { content: '※'; position: absolute; margin-left: -16px; display: block; }

article.common p + p.sup.annotation-mark, aside.common p + p.sup.annotation-mark { margin-top: -20px; }

@media screen and (min-width: 1024px) { article.common p + p.sup.annotation-mark, aside.common p + p.sup.annotation-mark { margin-top: -30px; } }

article section, aside section { margin-bottom: 50px; }

@media screen and (min-width: 1024px) { article section, aside section { margin-bottom: 100px; }
  article section.common, aside section.common { max-width: 756px; margin-left: auto; margin-right: auto; } }

article h2, aside h2 { margin: 0 0 30px; font-size: 1.125rem; font-weight: 600; letter-spacing: 1px; line-height: 27px; color: #055073; }

@media screen and (min-width: 1024px) { article h2, aside h2 { margin-bottom: 40px; font-size: 1.875rem; letter-spacing: 2px; line-height: 45px; } }

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 h4, aside h4 { margin: 30px 0 20px; padding-top: 30px; font-size: 0.9375rem; font-weight: 500; line-height: 1.733333; border-top: solid 1px #d9d9d9; }

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

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

article h5, aside h5 { margin: 30px 0 20px; font-size: 0.8125rem; font-weight: 600; letter-spacing: 1px; line-height: 13px; }

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

article h6, aside h6 { margin: 30px 0 10px; font-size: 0.8125rem; 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 #d9d9d9; }

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 #d9d9d9; }
  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 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; }

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 #d9d9d9; }

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

@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.8125rem; letter-spacing: 1px; line-height: 26px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { article table tr th, article table tr td, aside table tr th, aside table tr td { display: block; } }

@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 0 5px; font-weight: 600; }

@media screen and (min-width: 1024px) { article table tr th, aside table tr th { -ms-flex-preferred-size: 204px; flex-basis: 204px; width: 204px; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 40px; padding-bottom: 20px; } }

article table tr td, aside table tr td { padding: 0 0 20px; }

@media screen and (max-width: 1023px) { article table tr td, aside table tr td { width: calc(100vw - 120px); max-width: 1164px; } }

@media screen and (min-width: 1024px) { article table tr td, aside table tr td { padding-top: 20px; width: 552px; } }

article table tr td a, article table tr td a:visited, aside table tr td a, aside table tr td a:visited { text-decoration: underline; }

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

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

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

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

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

article p, aside p { margin: 0 auto 30px; font-size: 0.8125rem; letter-spacing: 1px; line-height: 26px; }

@media screen and (min-width: 1024px) { article p, aside p { max-width: 756px; margin-bottom: 50px; font-size: 1.125rem; line-height: 36px; } }

article p.media, aside p.media { margin: 0 auto; }

@media screen and (min-width: 1024px) { article p.media iframe, aside p.media iframe { width: 756px; height: 428px; } }

article p.media + p.caption, aside p.media + p.caption { margin-top: 10px; }

@media screen and (min-width: 1024px) { article p.media + p.caption, aside p.media + p.caption { margin-top: 15px; } }

article p.media + :not(.caption), aside p.media + :not(.caption) { margin-top: 30px; }

@media screen and (min-width: 1024px) { article p.media + :not(.caption), aside p.media + :not(.caption) { margin-top: 50px; } }

article p.caption, aside p.caption { font-size: 0.75rem; letter-spacing: 1px; line-height: 24px; }

@media screen and (min-width: 1024px) { article p.caption, aside p.caption { font-size: 0.9375rem; line-height: 30px; } }

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

@media screen and (min-width: 1024px) { article p + p.two-columns, article img + p, article iframe + p, aside p + p.two-columns, 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: 19px; }

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; }

article ul:not(.no-bullet) li, aside ul:not(.no-bullet) li { position: relative; font-size: 0.8125rem; letter-spacing: 1px; line-height: 26px; }

@media screen and (min-width: 1024px) { article ul:not(.no-bullet) li, aside ul:not(.no-bullet) li { font-size: 1rem; line-height: 32px; } }

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

article p.sup, article span.sup, aside p.sup, aside span.sup { opacity: 0.7; font-size: 0.75rem; letter-spacing: 1px; line-height: 20px; }

@media screen and (min-width: 1024px) { article p.sup, article span.sup, aside p.sup, aside span.sup { font-size: 0.875rem; letter-spacing: 1px; line-height: 28px; } }

article .two-columns, aside .two-columns { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 1023px) { article .two-columns, aside .two-columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  article .two-columns > img:first-child, aside .two-columns > img:first-child { margin-bottom: 30px; } }

@media screen and (min-width: 1024px) { article .two-columns, aside .two-columns { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  article .two-columns > img, aside .two-columns > img { width: 348px; height: auto; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } }

article a.no_underline, aside a.no_underline { text-decoration: none; }

.sup { opacity: .7; }

/* ============================== 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; }

a .svgicons.icon-link_arrow, a .svgicons.icon-external_link_arrow { width: 14px; height: 14px; margin-left: 5px; margin-bottom: 4px; }

.svglogos { overflow: hidden; display: inline-block; stroke-width: 0; stroke: currentColor; fill: currentColor; }

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

/* ============================== Buttons */
.btn__white { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; border: none; background: #fff; }

.btn__white a { 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; width: 100%; height: calc(100% - 2px); padding-top: 2px; text-decoration: none !important; }

.btn__white span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -1px; pointer-events: none; }

.btn__white span .svgicons { width: 14px; height: 14px; }

.btn__white a, .btn__white a:hover, .btn__white a:focus, .btn__white a:visited, .btn__white span { color: #31A9E2; }

.btn__white:hover { background: #F6F6F6; }

.btn__blue { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; border: none; background: #31A9E2; color: #fff; }

.btn__blue a { 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; width: 100%; height: calc(100% - 2px); padding-top: 2px; text-decoration: none !important; }

.btn__blue span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -1px; pointer-events: none; }

.btn__blue span .svgicons { width: 14px; height: 14px; }

.btn__blue a, .btn__blue a:hover, .btn__blue a:focus, .btn__blue a:visited, .btn__blue span { color: #fff; }

.btn__blue:hover { background: #298FC0; }

.btn__red { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; border: none; background: #f76a6a; }

.btn__red a { 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; width: 100%; height: calc(100% - 2px); padding-top: 2px; text-decoration: none !important; }

.btn__red span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -1px; pointer-events: none; }

.btn__red span .svgicons { width: 14px; height: 14px; }

.btn__red a, .btn__red a:hover, .btn__red a:focus, .btn__red a:visited, .btn__red span { color: #fff; }

.btn__red:hover { background: #e54343; }

.btn__green { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; border: none; background: #15729E; }

.btn__green a { 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; width: 100%; height: calc(100% - 2px); padding-top: 2px; text-decoration: none !important; }

.btn__green span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -1px; pointer-events: none; }

.btn__green span .svgicons { width: 14px; height: 14px; }

.btn__green a, .btn__green a:hover, .btn__green a:focus, .btn__green a:visited, .btn__green span { color: #fff; }

.btn__green:hover { background: #075C85; }

.btn__small { width: 260px; height: 48px; margin: 0; font-size: 0.875rem; line-height: 16px; border-radius: 24px; }

@media screen and (max-width: 360px) { .btn__small { width: 100%; } }

@media screen and (min-width: 1024px) { .btn__small { width: 200px; height: 36px; font-size: 0.875rem; line-height: 16px; border-radius: 18px; } }

.btn__small a { margin-top: 1px; }

.btn__small span { right: 15px; }

.btn__middle { width: 260px; height: 48px; margin: 0; font-size: 0.875rem; line-height: 16px; border-radius: 24px; }

@media screen and (max-width: 360px) { .btn__middle { width: 100%; } }

@media screen and (min-width: 1024px) { .btn__middle { height: 44px; font-size: 1rem; line-height: 17px; border-radius: 22px; } }

.btn__middle a { margin-top: 1px; }

.btn__middle span { right: 15px; }

.btn__large { width: 260px; height: 48px; margin: 0; font-size: 0.875rem; line-height: 16px; border-radius: 24px; }

@media screen and (max-width: 360px) { .btn__large { width: 100%; } }

@media screen and (min-width: 1024px) { .btn__large { width: 348px; height: 54px; font-size: 1rem; line-height: 17px; border-radius: 26px; } }

.btn__large a { margin-top: 1px; }

.btn__large span { right: 15px; }

button.btn__large { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.btn__largest { width: 320px; height: 48px; margin: 0; font-size: 0.875rem; line-height: 14px; border-radius: 24px; }

@media screen and (max-width: 360px) { .btn__largest { width: calc(100% - 20px); max-width: 320px; } }

@media screen and (min-width: 1024px) { .btn__largest { width: 756px; height: 100px; font-size: 1.875rem; letter-spacing: 2px; line-height: 45px; border-radius: 50px; } }

.btn__largest a { margin-top: 1px; }

.btn__largest span { right: 10px; width: 28px; height: 28px; padding: 6px 5px 7px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius: 50% 50%; }

.btn__largest span .svgicons { color: #f76a6a; }

@media screen and (min-width: 1024px) { .btn__largest span { right: 27px; width: 46px; height: 46px; padding: 0 0 0 13px; }
  .btn__largest span .svgicons { width: 22px; height: 22px; margin-top: -3px; } }

.btn__largest.btn__green span .svgicons { color: #15729E; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: 0; margin-left: -1px; }

.btn__largest.btn__green a:hover + span .svgicons, .btn__largest.btn__green a:focus + span .svgicons { color: #075C85; }

.btn__largest.btn__white { border: solid 1px #31A9E2; }

.btn__largest.btn__white span .svgicons { color: #31A9E2; }

.btn__largest.btn__white a:hover + span, .btn__largest.btn__white a:focus + span { background: #F6F6F6; }

.btn__largest.btn__white a:hover + span .svgicons, .btn__largest.btn__white a:focus + span .svgicons { color: #31A9E2; }

.btn-disable { background-color: #A1A1A1; }

.btn-disable a { pointer-events: none; }

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

/* ============================== main visual */
.mv { overflow-x: hidden; }

.mv .mv__bg span.clearText { position: absolute; }

.mv.mv__common { position: relative; left: 0; width: 100%; background: #85D4F8; z-index: -1; }

@media screen and (max-width: 1023px) { .mv.mv__common { margin-top: -64px; } }

.mv.mv__common .mv__bg { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 1023px) { .mv.mv__common .mv__bg { background: url("/wp-content/themes/makerfairetokyo/mfk2021/img/common_main_sp.png") no-repeat center top; background-size: cover; width: 100vw; height: 61.1vw; } }

@media screen and (min-width: 1024px) { .mv.mv__common .mv__bg { background: url("/wp-content/themes/makerfairetokyo/mfk2021/img/common_main.png") no-repeat center top; background-size: cover; height: 32.29vw; } }

.mv.mv__common .mv__copy { margin-top: 26.389vw; height: 14.167vw; }

@media screen and (min-width: 1024px) { .mv.mv__common .mv__copy { margin-top: 15.34vw; height: 102px; } }

/* ============================== accordion */
.accordion-item span.accordion-item__icon { color: #31A9E2; }

@media screen and (max-width: 1023px) { .accordion-item { position: relative; }
  .accordion-item::after { content: ' '; position: absolute; display: block; width: 73px; height: 100%; top: 0; right: 0; background-size: 13px 16px; background-position: 50% 50%; background-repeat: no-repeat; }
  .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: 73px; }
  article .pagenav__main .pagenav__sub-item { margin-left: 30px; }
  article .pagenav__main .pagenav__sub-item.accordion-target_open { display: list-item; } }

@media screen and (min-width: 1024px) { article .pagenav__sub ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  article .pagenav__sub ul li { margin: 0 40px 0 0; } }

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

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

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

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; } }

@media screen and (min-width: 1024px) { .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;
$font36px: 2.25rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== header-global */
/* メニュー固定 */
@media screen and (max-width: 1023px) { html.menu_open, body.menu_open { overflow: hidden; } }

.header-global { background-color: #055073; }

.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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 1920px; height: 50px; margin: 0 30px; }

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

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

.header-global li:last-child { margin-left: auto; margin-right: 30px; }

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

.header-global aa:visited { color: #fff; }

.header-global .header__search { position: relative; overflow: hidden; width: 21px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 15px 0; 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: #fff; }

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

.header-global .header__search input[type=text] { width: 220px; height: 20px; padding: 0 0 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.8125rem; line-height: 1.384615; border: 0; background: transparent; }

.header-global .header__search:not(.form_hide) { width: 280px; padding: 15px 20px; background-color: #E1E1E1; }

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

/* ============================== 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: 18px 0 18px 50px; } }

@media screen and (min-width: 1024px) and (max-width: 1218px) { .header__logo { width: 300px; height: 51px; } }

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

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

/* ============================== nav.header__nav */
nav.header__nav ul.nav__main li a, nav.header__nav ul.nav__sub li a { position: relative; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; }

nav.header__nav ul.nav__main li a:hover, nav.header__nav ul.nav__sub li a:hover { color: rgba(0, 0, 0, 0.5); }

nav.header__nav ul.nav__main li a::before, nav.header__nav ul.nav__sub li a::before { position: relative; content: ""; display: inline-block; width: 11px; height: 11px; margin-left: -20px; margin-right: 9px; margin-bottom: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 3px #E50615; }

nav.header__nav ul.nav__sub li a::before { margin-bottom: 3px; border-color: #31A9E2; }

/* ============================== header-menu-pc */
.header-menu-pc { position: absolute; top: 50px; width: 100%; }

.header-menu-pc__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: 1920px; margin: 0 auto; }

.header-menu-pc__inner .header__logo { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }

.header-menu-pc__inner nav.header__nav { text-align: right; margin: 24px 44px 24px 0; }

.header-menu-pc__inner nav.header__nav ul li { display: inline-block; }

.header-menu-pc__inner nav.header__nav ul.nav__sub { display: inline-block; height: 33px; margin-left: auto; font-size: 0; font-weight: 600; letter-spacing: 1.5px; line-height: 33px; border-radius: 16.5px; background: #fff; white-space: nowrap; }

.header-menu-pc__inner nav.header__nav ul.nav__sub li { height: 100%; }

.header-menu-pc__inner nav.header__nav ul.nav__sub li a { display: inline-block; margin: 0 10px; padding: 0; height: 100%; font-size: 0.8125rem; }

.header-menu-pc__inner nav.header__nav ul.nav__sub li a::before { display: none; }

.header-menu-pc__inner nav.header__nav ul.nav__sub li:not(:first-child)::before { content: ""; width: 0; height: 14px; margin-bottom: -3px; display: inline-block; border-left: solid 1px rgba(0, 0, 0, 0.2); }

.header-menu-pc__inner nav.header__nav ul.nav__sub li:first-child a { margin-left: 15px; }

.header-menu-pc__inner nav.header__nav ul.nav__sub li:last-child a { margin-right: 15px; }

.header-menu-pc__inner nav.header__nav ul.nav__main { margin-top: 20px; }

.header-menu-pc__inner nav.header__nav ul.nav__main li a { font-weight: 600; font-size: 1.125rem; letter-spacing: 1px; line-height: 18px; }

.header-menu-pc__inner nav.header__nav ul.nav__main li a::before { margin-bottom: 1px; }

.header-menu-pc__inner nav.header__nav ul.nav__main li:first-child { margin-right: 8px; }

.header-menu-pc__inner nav.header__nav ul.nav__main li:not(:first-child) { margin-left: 33px; }

/* ============================== 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: 1920px; margin: 0 auto; } }

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

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

.header-menu .header-menu__inner { position: absolute; top: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background-color: #fff; -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: 20px; width: 100px; height: 257px; } }

.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: 10px; } }

.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: 74px; -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: 10px; width: 80px; height: 167px; } }

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

.header-menu .header__to-top a:hover, .header-menu .header__to-top a:focus { background-image: url("/wp-content/themes/makerfairetokyo/mfk2021/img/kyoto_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; } }

@media screen and (min-width: 1024px) { .header-menu nav.header__nav { position: absolute; top: 68px; right: 20px; width: 325px; padding-left: 60px; } }

.header-menu nav.header__nav ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem; font-weight: 600; line-height: 18px; letter-spacing: 0.5px; }

@media screen and (max-width: 1023px) { .header-menu nav.header__nav ul li a { width: 100%; height: 60px; padding-left: 45px; padding-right: 45px; } }

@media screen and (min-width: 1024px) { .header-menu nav.header__nav ul li a { height: 58px; } }

@media screen and (max-width: 1023px) { .header-menu nav.header__nav ul.nav__main { margin-top: 20px; } }

@media screen and (min-width: 1024px) { .header-menu nav.header__nav ul.nav__main { margin-bottom: 5px; } }

.header-menu nav.header__nav ul.nav__sub li a { font-size: 0.8125rem; line-height: 14px; letter-spacing: 1.62px; }

@media screen and (max-width: 1023px) { .header-menu nav.header__nav ul.nav__sub li a { height: 56px; } }

@media screen and (min-width: 1024px) { .header-menu nav.header__nav ul.nav__sub li a { height: 44px; } }

.header-menu nav.header__nav ul.nav__other { margin-top: 20px; margin-bottom: 88px; 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: center; -ms-flex-pack: center; justify-content: center; overflow-x: hidden; }

.header-menu nav.header__nav ul.nav__other li { background: #F6F6F6; margin: 0; }

.header-menu nav.header__nav ul.nav__other li a { width: 33.34vw; height: 48px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 0.75rem; line-height: 12px; letter-spacing: 0; color: #000; }

.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: #31A9E2; }

@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; }

.header-menu.headroom--not-top .header__textlink { opacity: 0; pointer-events: none; }

.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-menu__inner .header__textlink { pointer-events: initial; }
  .header-menu:not(.header-menu_open) .header__to-top { pointer-events: initial; } }

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

.header-menu:not(.header-menu_open) nav { top: -9999px; }

.header-menu.header-menu_open { background-color: #fff; }

@media screen and (max-width: 1023px) { .header-menu.header-menu_open { height: 100vh; overflow-y: scroll; }
  .header-menu.header-menu_open .header-menu__inner { position: fixed; }
  .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: 257px; } }

@media screen and (min-width: 1024px) { .header-menu.header-menu_open .header-menu__inner { width: 385px; height: 520px; } }

.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%; }

.icon_menu: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); }

.icon_menu: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); }

.icon_menu: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 .nav__main .item__about a, body.aboutmake .nav__main .item__aboutmake a, body.makers .nav__main .item__makers a, body.program .nav__main .item__program a, body.media .nav__main .item__media a, body.for_visitors .nav__main .item__for-visitors a, body.callformakers .nav__main .item__for-makers a { color: #E50615; }

body.about .nav__main .item__about a::before, body.aboutmake .nav__main .item__aboutmake a::before, body.makers .nav__main .item__makers a::before, body.program .nav__main .item__program a::before, body.media .nav__main .item__media a::before, body.for_visitors .nav__main .item__for-visitors a::before, body.callformakers .nav__main .item__for-makers a::before { background: #E50615; }

body.for_visitors .nav__sub .item__for-visitors a, body.callformakers .nav__sub .item__for-makers a, body.for_educators .nav__sub .item__for-educators a, body.for_press .nav__sub .item__for-press a, body.for_sponsors .nav__sub .item__for-sponsors a, body.sponsors .nav__sub .item__sponsors a { color: #E50615; }

body.for_visitors .nav__sub .item__for-visitors a::before, body.callformakers .nav__sub .item__for-makers a::before, body.for_educators .nav__sub .item__for-educators a::before, body.for_press .nav__sub .item__for-press a::before, body.for_sponsors .nav__sub .item__for-sponsors a::before, body.sponsors .nav__sub .item__sponsors a::before { background: #31A9E2; }

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

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== その他 */
aside.misc { padding: 0 0 100px; margin: 0; width: 100%; background: #fff; }

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

aside.misc .misc__outer { 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: center; -ms-flex-pack: center; justify-content: center; margin: 0 30px; }

aside.misc .misc_facebook, aside.misc .misc_twitter { -ms-flex-preferred-size: 430px; flex-basis: 430px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

aside.misc .misc_facebook h3, aside.misc .misc_twitter h3 { font-size: 1rem; line-height: 1.5; letter-spacing: 0.67px; font-weight: 600; margin: 0 0 18px; }

aside.misc .misc_twitter { margin-left: 30px; -ms-flex-negative: 1; flex-shrink: 1; }

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

/* ============================== SNSボタン */
aside.footer-sns { margin: 0; padding: 0 30px 70px; background: #fff; }

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

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; }

@media screen and (max-width: 1023px) { aside.footer-sns ul li a { color: #31a9e2; 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; -webkit-transition: bottom 0.2s linear; transition: bottom 0.2s linear; }

@media screen and (max-width: 1023px) { #to-page-top { right: 14px; bottom: -60px; } }

@media screen and (min-width: 1024px) { #to-page-top { right: 40px; bottom: -120px; } }

@media screen and (min-width: 1920px) { #to-page-top { right: calc(50vw - 920px); } }

#to-page-top a { display: block; width: 36px; height: 36px; color: #000; }

#to-page-top a .svgicons { width: 36px; height: 36px; }

@media screen and (min-width: 1024px) { #to-page-top a { width: 60px; height: 60px; }
  #to-page-top a .svgicons { width: 60px; height: 60px; } }

@media screen and (max-width: 1023px) { #to-page-top.headroom--unpinned { bottom: -60px; } }

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

@media screen and (max-width: 1023px) { #to-page-top.headroom--pinned, #to-page-top.headroom--bottom { bottom: 14px; } }

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

@media screen and (max-width: 1023px) { #to-page-top.headroom--top { bottom: -60px; } }

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

/* ============================== footer__visual */
.footer__visual { width: 100%; }

.footer__visual .footer__visual__inner { margin: 0 auto; width: 100%; max-width: 360px; height: 167px; background: url("/wp-content/themes/makerfairetokyo/mfk2021/img/footer_bg.jpg") no-repeat center top; background-size: cover; }

@media screen and (min-width: 1024px) { .footer__visual .footer__visual__inner { max-width: 1440px; height: 670px; } }

/* ============================== footer */
footer { background: #F6F6F6; padding: 40px 30px 30px; }

@media screen and (max-width: 1023px) { footer { padding: 40px 30px 30px; } }

@media screen and (min-width: 1024px) { footer { padding: 50px 0; width: 100%; }
  footer .footer__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: 1180px; margin: 0 30px; } }

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

@media screen and (min-width: 1024px) { footer nav.footer__nav:first-child { padding-right: 50px; border-right: solid 1px rgba(0, 0, 0, 0.2); }
  footer nav.footer__nav:nth-child(2) { margin-right: auto; padding-left: 50px; } }

footer nav.footer__nav .footer__nav__title { margin: 0 0 30px; color: #E50615; }

footer nav.footer__nav .footer__nav__title .svglogos { height: 16px; max-width: 100%; }

footer nav.footer__nav .footer__nav__title .logo-mfk2021 { height: 24px; width: 256px; }

footer nav.footer__nav .footer__nav__title .logo-makerfaire { width: 102.4px; }

@media screen and (min-width: 1024px) { footer nav.footer__nav .footer__nav__title .svglogos { height: 20px; }
  footer nav.footer__nav .footer__nav__title .logo-mfk2021 { height: 24px; width: 256px; }
  footer nav.footer__nav .footer__nav__title .logo-makerfaire { width: 128px; } }

footer nav.footer__nav ul { margin-bottom: 40px; }

footer nav.footer__nav ul li { font-size: 0.875rem; letter-spacing: 0.5px; line-height: 14px; }

@media screen and (min-width: 1024px) { footer nav.footer__nav ul li { padding-right: 0; font-size: 1rem; letter-spacing: 1px; line-height: 16px; } }

footer nav.footer__nav ul li:not(:last-child) { margin-bottom: 30px; }

footer nav.footer__nav-logos { max-width: 434px; }

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; }

@media screen and (min-width: 1024px) { footer .footer__logo { margin-left: auto; } }

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; max-width: 300px; margin-bottom: 21px; }
  footer .footer__logo .footer__logo__item a { line-height: 30px; }
  footer .footer__logo .footer__logo__item .svglogos { height: 8.6vw; max-height: 31px; }
  footer .footer__logo .footer__logo__item .svglogos.icon_make { width: 28vw; max-width: 101px; }
  footer .footer__logo .footer__logo__item .svglogos.icon_oreilly { width: 48.8vw; max-width: 176px; } }

@media screen and (min-width: 1024px) { footer .footer__logo { margin-bottom: 30px; }
  footer .footer__logo .footer__logo__item a { line-height: 35px; }
  footer .footer__logo .footer__logo__item .svglogos { height: 44px; }
  footer .footer__logo .footer__logo__item .svglogos.icon_make { width: 149px; margin-right: 30px; }
  footer .footer__logo .footer__logo__item .svglogos.icon_oreilly { width: 255px; } }

footer small { display: block; }

footer .footer__copyright { margin-bottom: 5px; }

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

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== home */
body.mfk2021.home { background: #85D4F8; /* ============================== header menu(PC) */ /* ============================== main visual */ /* ============================== big_btn */ /* ============================== article */ /* ============================== article.article__information */ /* ============================== section.feature */ /* ============================== article.sponsors */ /* ============================== aside.misc */ }

body.mfk2021.home .header-menu-pc { position: static; }

body.mfk2021.home .mv { left: 0; width: 100%; background: #fff; }

@media screen and (min-width: 1024px) { body.mfk2021.home .mv { 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-align: center; -ms-flex-align: center; align-items: center; } }

body.mfk2021.home .mv .mv__top { position: relative; }

@media screen and (max-width: 1023px) { body.mfk2021.home .mv .mv__top { margin: calc(44.44vw + 25px) 0 10px; width: 100%; height: 100vw; } }

@media screen and (min-width: 1024px) { body.mfk2021.home .mv .mv__top { width: 50%; height: 50vw; } }

body.mfk2021.home .mv .mv__content { position: relative; }

@media screen and (max-width: 1023px) { body.mfk2021.home .mv .mv__content { margin-top: calc(-144.44vw - 35px); width: 100%; } }

@media screen and (min-width: 1024px) { body.mfk2021.home .mv .mv__content { width: 50%; } }

body.mfk2021.home .mv .mv__copy { display: block; margin: 0 auto; }

@media screen and (max-width: 1023px) { body.mfk2021.home .mv .mv__copy { margin-top: 15px; margin-bottom: calc(100vw + 10px); width: 80.80833vw; height: 43.61111vw; } }

@media screen and (min-width: 1024px) { body.mfk2021.home .mv .mv__copy { width: 346px; height: 186.73px; } }

@media screen and (min-width: 1280px) { body.mfk2021.home .mv .mv__copy { width: 535px; height: 288.73px; } }

body.mfk2021.home .big-btn__outer { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 1023px) { body.mfk2021.home .big-btn__outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; width: 100vw; } }

@media screen and (min-width: 1024px) { body.mfk2021.home .big-btn__outer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px auto 34px; } }

body.mfk2021.home .big-btn__visitors, body.mfk2021.home .big-btn__makers { position: relative; }

@media screen and (max-width: 1023px) { body.mfk2021.home .big-btn__visitors, body.mfk2021.home .big-btn__makers { margin: 0; -ms-flex-preferred-size: 50vw; flex-basis: 50vw; height: 22.22vw; } }

@media screen and (min-width: 1024px) { body.mfk2021.home .big-btn__visitors, body.mfk2021.home .big-btn__makers { margin: 0 15px; } }

body.mfk2021.home .big-btn__visitors a, body.mfk2021.home .big-btn__makers a { overflow: hidden; display: block; text-indent: -9999px; background-size: cover; background-repeat: no-repeat; background-position: center top; }

@media screen and (max-width: 1023px) { body.mfk2021.home .big-btn__visitors a, body.mfk2021.home .big-btn__makers a { width: 100%; height: 22.22vw; } }

@media screen and (min-width: 1024px) { body.mfk2021.home .big-btn__visitors a, body.mfk2021.home .big-btn__makers a { margin: 0 auto; width: 297px; height: 64.57px; background-size: 297px 129.14px; }
  body.mfk2021.home .big-btn__visitors a:hover, body.mfk2021.home .big-btn__visitors a:focus, body.mfk2021.home .big-btn__makers a:hover, body.mfk2021.home .big-btn__makers a:focus { background-position: center -64.57px; } }

@media screen and (min-width: 1280px) { body.mfk2021.home .big-btn__visitors a, body.mfk2021.home .big-btn__makers a { width: 460px; height: 100px; background-size: 460px 200px; }
  body.mfk2021.home .big-btn__visitors a:hover, body.mfk2021.home .big-btn__visitors a:focus, body.mfk2021.home .big-btn__makers a:hover, body.mfk2021.home .big-btn__makers a:focus { background-position: center -100px; } }

@media screen and (min-width: 1024px) { body.mfk2021.home .big-btn__visitors a { background-image: url("/wp-content/themes/makerfairetokyo/mfk2021/img/top/btn_visitors.png"); margin-bottom: 25.828px; } }

@media screen and (min-width: 1280px) { body.mfk2021.home .big-btn__visitors a { margin-bottom: 40px; } }

@media screen and (max-width: 1023px) { body.mfk2021.home .big-btn__visitors a { background-image: url("/wp-content/themes/makerfairetokyo/mfk2021/img/top/btn_visitors.svg"); } }

@media screen and (min-width: 1024px) { body.mfk2021.home .big-btn__makers a { background-image: url("/wp-content/themes/makerfairetokyo/mfk2021/img/top/btn_makers.png"); } }

@media screen and (max-width: 1023px) { body.mfk2021.home .big-btn__makers a { background-image: url("/wp-content/themes/makerfairetokyo/mfk2021/img/top/btn_makers.svg"); } }

body.mfk2021.home .big-btn__makers-disable a { pointer-events: none; }

body.mfk2021.home .big-btn__makers-disable .big-btn__makers-text { position: absolute; display: inline-block; width: 100%; text-align: center; }

@media screen and (max-width: 1023px) { body.mfk2021.home .big-btn__makers-disable .big-btn__makers-text { bottom: 2vw; font-size: 0.75rem; line-height: 0.75rem; color: #fff; } }

@media screen and (min-width: 1024px) { body.mfk2021.home .big-btn__makers-disable .big-btn__makers-text { font-size: 0.875rem; } }

body.mfk2021.home article h2 { margin: 0 auto 30px; width: 264.19px; height: 18px; font-size: 0; line-height: 0; color: #E50615; }

@media screen and (min-width: 1024px) { body.mfk2021.home article h2 { margin-bottom: 50px; width: 455px; height: 31px; } }

body.mfk2021.home article h2 .svglogos { width: 100%; height: 100%; }

body.mfk2021.home article h2.title__introduction { margin-top: 40px; height: 40px; }

@media screen and (min-width: 1024px) { body.mfk2021.home article h2.title__introduction { margin-top: 80px; width: 530px; height: 80px; } }

body.mfk2021.home article p.lead { font-weight: 600; }

body.mfk2021.home article div.link-btns > * { margin: 0 auto; }

@media screen and (max-width: 1023px) { body.mfk2021.home article div.link-btns .link-btns__inner > * { margin: 0 auto 20px; } }

@media screen and (min-width: 1024px) { body.mfk2021.home article div.link-btns .link-btns__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  body.mfk2021.home article div.link-btns .link-btns__inner > * { margin: 0 30px; } }

@media screen and (max-width: 1023px) { body.mfk2021.home .btn__aboutmake { width: 246px; } }

body.mfk2021.home article.article__information { position: relative; width: 100%; margin: 0; padding: 40px 0; background: #F6F6F6; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information { max-width: initial; margin: 0 0 70px; padding: 80px 0; } }

body.mfk2021.home article.article__information section { margin: 0 30px; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information section { max-width: 756px; margin: 0 auto; } }

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

body.mfk2021.home article.article__information h2.title__information { margin: 0 auto; width: 134px; height: 16px; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information h2.title__information { width: 226px; height: 26px; margin-bottom: 60px; } }

body.mfk2021.home article.article__information .article__information__item { position: relative; border-bottom: 1px solid #d9d9d9; }

body.mfk2021.home article.article__information .article__information__item h3 { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 0 10px; font-size: 0.875rem; }

@media screen and (max-width: 1023px) { body.mfk2021.home article.article__information .article__information__item h3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information .article__information__item h3 { -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin: 20px 0; font-size: 1rem; line-height: 2; } }

body.mfk2021.home article.article__information .article__information__item h3 .article__information__title .svgicons { -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; }

body.mfk2021.home article.article__information .article__information__item h3.accordion-item_open .article__information__title .svgicons { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

body.mfk2021.home article.article__information .article__information__date { display: block; }

@media screen and (max-width: 1023px) { body.mfk2021.home article.article__information .article__information__date { width: 100%; line-height: 2.2857; } }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information .article__information__date { margin-right: 19px; } }

body.mfk2021.home article.article__information .article__information__title { position: relative; display: inline-block; margin-right: 26px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-weight: 600; }

@media screen and (max-width: 1023px) { body.mfk2021.home article.article__information .article__information__title { line-height: 1.75; } }

body.mfk2021.home article.article__information .article__information__title .svgicons { position: absolute; display: inline-block; top: 3px; right: -26px; color: #31a9e2; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information .article__information__title .svgicons { width: 20px; height: 20px; } }

body.mfk2021.home article.article__information .article__information__title.article__information__alert { margin-left: 21px; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information .article__information__title.article__information__alert { margin-left: 25px; } }

body.mfk2021.home article.article__information .article__information__title.article__information__alert::before { content: "\f071"; display: inline-block; margin-left: -21px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #E50615; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information .article__information__title.article__information__alert::before { margin-left: -25px; } }

body.mfk2021.home article.article__information .article__information__content { overflow: hidden; margin-bottom: 15px; font-size: 0.875rem; line-height: 0; opacity: 0; -webkit-transition: opacity 0.2s linear, line-height 0.2s linear 0.2s; transition: opacity 0.2s linear, line-height 0.2s linear 0.2s; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information .article__information__content { margin-bottom: 20px; } }

body.mfk2021.home article.article__information .article__information__content.accordion-target_open { height: auto; line-height: 1.75; opacity: 1; -webkit-transition: line-height 0.2s linear, opacity 0.2s linear 0.2s; transition: line-height 0.2s linear, opacity 0.2s linear 0.2s; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.article__information .article__information__content.accordion-target_open { margin-bottom: 20px; line-height: 2; } }

body.mfk2021.home section.features__outer { width: 100%; margin: 0; padding: 0 30px; }

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

@media screen and (min-width: 1024px) { body.mfk2021.home section.features__outer { max-width: 1920px; margin: 0; left: -30px; } }

body.mfk2021.home .features { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1164px; width: 100%; }

@media screen and (min-width: 1024px) { body.mfk2021.home .features { -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 auto 40px; } }

@media screen and (max-width: 1023px) { body.mfk2021.home .features { margin-bottom: 0; } }

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

body.mfk2021.home section.feature { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; margin-bottom: 20px; background: #fff; }

@media screen and (max-width: 1023px) { body.mfk2021.home section.feature:not(.feature__event-schedule) .btn { margin: 0 auto; }
  body.mfk2021.home section.feature:not(.feature__event-schedule) p:not(.btn) { margin: 0; width: 43.6vw; min-height: 156px; }
  body.mfk2021.home section.feature img { position: absolute; display: block; width: 31.39vw; height: auto; top: 90px; right: 0; } }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature { padding: 60px; margin-bottom: 5px; min-height: 219px; }
  body.mfk2021.home section.feature:not(.feature__event-schedule) { width: calc(50% - 2.5px); }
  body.mfk2021.home section.feature:not(.feature__event-schedule) p:not(.btn) { margin-left: 0; margin-bottom: 30px; font-size: 0.875rem; line-height: 28px; }
  body.mfk2021.home section.feature img.feature__img { position: absolute; top: 0; right: 0; width: 113px; height: auto; } }

body.mfk2021.home section.feature h2 { width: inherit; height: 40px; margin-bottom: 20px; }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature h2 { height: 62px; margin-left: 0; margin-bottom: 30px; } }

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

@media screen and (max-width: 1023px) { body.mfk2021.home section.feature.feature__event-schedule { padding-bottom: 10px; } }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature.feature__event-schedule { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } }

body.mfk2021.home section.feature.feature__event-schedule table { width: 100%; margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature.feature__event-schedule table { margin-bottom: 60px; }
  body.mfk2021.home section.feature.feature__event-schedule table tr:first-child { border-top: none; } }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature.feature__event-schedule th { min-width: 139px; width: 179px; -ms-flex-preferred-size: 179px; flex-basis: 179px; } }

@media screen and (max-width: 1023px) { body.mfk2021.home section.feature.feature__event-schedule td { width: calc(100vw - 120px); max-width: 1164px; } }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature.feature__event-schedule td { width: calc(100vw - 359px); min-width: 665px; max-width: 865px; } }

body.mfk2021.home section.feature.feature__event-schedule td p { margin: 20px 0 4px; }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature.feature__event-schedule td p { margin-bottom: 5px; } }

body.mfk2021.home section.feature.feature__event-schedule td li:not(:last-child) { margin-bottom: 15px; }

body.mfk2021.home section.feature.feature__event-schedule img.img__badge { display: block; width: 33.3%; max-width: 226px; height: auto; }

@media screen and (max-width: 1023px) { body.mfk2021.home section.feature.feature__event-schedule img.img__badge { margin: -50px 10px 0 0; } }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature.feature__event-schedule img.img__badge { position: absolute; margin: 0; top: 40px; right: 40px; } }

@media screen and (min-width: 1024px) and (max-width: 1218px) { body.mfk2021.home section.feature.feature__sponsorship h2 { margin-right: -60px; } }

@media screen and (max-width: 1023px) { body.mfk2021.home section.feature.feature__sponsorship h2 { width: 100%; max-width: 312px; height: auto; max-height: 48px; margin-left: 0; margin-right: inherit; }
  body.mfk2021.home section.feature.feature__sponsorship h2 img { width: 100%; height: auto; } }

body.mfk2021.home section.feature .attention { margin: 20px 0 0; padding: 13px 20px 7px 20px; font-size: 0.75rem; background: #F6F6F6; }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature .attention { font-size: 0.875rem; } }

body.mfk2021.home section.feature .attention strong { display: block; letter-spacing: 0.75px; line-height: 2; margin: 0 0 10px; }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature .attention strong { margin-bottom: 5px; } }

body.mfk2021.home section.feature .attention ul { margin: 0 0 20px; }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature .attention ul { margin-bottom: 15px; } }

body.mfk2021.home section.feature .attention ul li { font-size: 0.75rem; letter-spacing: 0.75px; line-height: 1.5; }

body.mfk2021.home section.feature .attention ul li:not(:last-child) { margin-bottom: 10px; }

@media screen and (min-width: 1024px) { body.mfk2021.home section.feature .attention ul li { font-size: 0.875rem; letter-spacing: 0.88px; line-height: 2; }
  body.mfk2021.home section.feature .attention ul li:not(:last-child) { margin-bottom: 0; } }

@media screen and (max-width: 1023px) { body.mfk2021.home section.feature .attention ul li::before { top: 5px; }
  body.mfk2021.home section.feature .attention ul li:not(:last-child) { margin-bottom: 10px; } }

body.mfk2021.home section.feature .attention a { text-decoration: none; }

body.mfk2021.home section.feature .attention a .svgicons.icon-external_link_arrow { margin-right: 5px; }

@media screen and (max-width: 1023px) { body.mfk2021.home section.feature .attention a .svgicons.icon-external_link_arrow { width: 10px; height: 10px; margin: 0 4px 2px; } }

body.mfk2021.home article.sponsors { background: #fff; margin: 0; padding: 50px 30px 75px; max-width: none; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.sponsors { padding: 100px 0 150px; } }

@media screen and (min-width: 1024px) and (max-width: 1218px) { body.mfk2021.home article.sponsors { padding: 100px 30px 150px; } }

body.mfk2021.home article.sponsors.sponsors-hidden { padding-bottom: 0; }

body.mfk2021.home article.sponsors h2 { margin: 0 auto 30px; width: 133px; height: 51px; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.sponsors h2 { margin: 0 auto 60px; width: 210px; height: 80px; } }

body.mfk2021.home article.sponsors h2 img { width: 100%; height: auto; }

body.mfk2021.home article.sponsors > .sponsors__outer { max-width: 1164px; margin: 0 auto; }

body.mfk2021.home article.sponsors .sponsors__inner { overflow: hidden; margin-right: -30px; 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: start; -ms-flex-pack: start; justify-content: flex-start; }

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

@media screen and (min-width: 1024px) and (max-width: 1218px) { body.mfk2021.home article.sponsors .sponsors__inner { width: 918px; margin-left: calc(50vw - 459px); } }

body.mfk2021.home article.sponsors h3 { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 0 30px; padding: 20px 0 15px; border-bottom: solid 1px #d9d9d9; font-weight: 600; font-size: 1rem; letter-spacing: 1px; line-height: 16px; color: #055073; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.sponsors h3 { margin: 0 0 60px; font-size: 1.5rem; line-height: 24px; padding: 40px 0 30px; } }

body.mfk2021.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.mfk2021.home article.sponsors .sponsors__item { margin-right: 60px; margin-bottom: 60px; } }

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

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

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

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

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

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

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

body.mfk2021.home article.sponsors .sponsors__inner_3 .sponsors__item, body.mfk2021.home article.sponsors .sponsors__inner_4 .sponsors__item, body.mfk2021.home article.sponsors .sponsors__inner_5 .sponsors__item { -ms-flex-preferred-size: 80px; flex-basis: 80px; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.sponsors .sponsors__inner_3 .sponsors__item, body.mfk2021.home article.sponsors .sponsors__inner_4 .sponsors__item, body.mfk2021.home article.sponsors .sponsors__inner_5 .sponsors__item { -ms-flex-preferred-size: 144px; flex-basis: 144px; } }

@media screen and (min-width: 1024px) and (max-width: 1218px) { body.mfk2021.home article.sponsors .sponsors__inner_3, body.mfk2021.home article.sponsors .sponsors__inner_4, body.mfk2021.home article.sponsors .sponsors__inner_5 { width: 1020px; margin-left: calc(50vw - 510px); } }

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

body.mfk2021.home article.sponsors p.btn { margin: 20px auto 0; }

@media screen and (min-width: 1024px) { body.mfk2021.home article.sponsors p.btn { margin: 40px auto 0; } }

body.mfk2021.home aside.misc, body.mfk2021.home aside.sns { max-width: none; }

body.mfk2021.home .footer__visual { background: #fff; }

/* ============================== 開催概要 */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== about */
body.mfk2021.about { /* ============================== article */ }

body.mfk2021.about article h3 { margin: 30px 0 15px; font-size: 0.9375rem; font-weight: 600; line-height: 2; letter-spacing: 0; }

@media screen and (min-width: 1024px) { body.mfk2021.about article h3 { font-size: 1.25rem; letter-spacing: 1px; line-height: 1.8; } }

body.mfk2021.about article .playguide { position: relative; }

body.mfk2021.about article p.border__dash { padding: 20px; margin-bottom: 20px; }

@media screen and (min-width: 1024px) { body.mfk2021.about article p.border__dash { padding: 20px 0 30px; margin-bottom: 0; border-left: none; border-right: none; border-bottom: none; }
  body.mfk2021.about article p.border__dash:first-child { border-top: none; } }

body.mfk2021.about article p.border__dash .btn__small { margin-top: 20px; }

body.mfk2021.about article img.img__badge { display: block; width: 226px; height: 226px; }

@media screen and (max-width: 1023px) { body.mfk2021.about article table td { width: auto; } }

body.mfk2021.about article table td p { margin: 20px 0 4px; }

@media screen and (min-width: 1024px) { body.mfk2021.about article table td p { margin-bottom: 5px; } }

body.mfk2021.about article table td ul:not(.sup) li:not(:last-child) { margin-bottom: 15px; }

body.mfk2021.about article table td img.img__badge { margin: 30px auto; }

@media screen and (min-width: 1024px) { body.mfk2021.about article table td img.img__badge { position: absolute; margin: 0; bottom: 24px; left: -79px; } }

body.mfk2021.about article #tickets img.img__badge { margin: 30px auto; }

@media screen and (min-width: 1024px) { body.mfk2021.about article #tickets img.img__badge { position: absolute; margin: 0; bottom: 57px; right: 0; } }

@media screen and (min-width: 1024px) { body.mfk2021.about article iframe { height: 460px; } }

body.mfk2021.about article .textalign__right { font-size: 0.875rem; letter-spacing: 1px; line-height: 14px; }

@media screen and (min-width: 1024px) { body.mfk2021.about article .textalign__right { margin: 30px 0; font-size: 1.125rem; line-height: 18px; } }

body.mfk2021.about article .access__detail { margin-bottom: 75px; }

@media screen and (min-width: 1024px) { body.mfk2021.about article .access__detail { margin-bottom: 150px; } }

body.mfk2021.about article .access__detail p { margin-bottom: 15px; }

@media screen and (min-width: 1024px) { body.mfk2021.about article .access__detail p { margin-bottom: 30px; } }

body.mfk2021.about article .access__detail p + ul { margin-top: -10px; }

body.mfk2021.about article .access__detail li:not(:last-child) { margin-bottom: 15px; }

@media screen and (min-width: 1024px) { body.mfk2021.about article .access__detail .access__label { font-size: 1rem; } }

body.mfk2021.about article ul.sup { font-size: 0.75rem; letter-spacing: 0.86px; line-height: 2; opacity: 1; }

@media screen and (min-width: 1024px) { body.mfk2021.about article ul.sup { font-size: 0.875rem; letter-spacing: 1px; } }

body.mfk2021.about article ul.sup li { position: relative; margin-left: 20px; }

body.mfk2021.about article ul.sup li::before { content: '※'; display: inline-block; position: absolute; top: 0; left: -20px; }

body.mfk2021.about .attention { margin: 20px 0 0; padding: 13px 20px 7px 20px; font-size: 0.75rem; background: #F6F6F6; }

@media screen and (min-width: 1024px) { body.mfk2021.about .attention { font-size: 0.875rem; } }

body.mfk2021.about .attention strong { display: block; letter-spacing: 0.75px; line-height: 2; margin: 0 0 10px; }

@media screen and (min-width: 1024px) { body.mfk2021.about .attention strong { margin-bottom: 5px; } }

body.mfk2021.about .attention ul { margin: 0 0 20px; }

@media screen and (min-width: 1024px) { body.mfk2021.about .attention ul { margin-bottom: 15px; } }

body.mfk2021.about .attention ul li { font-size: 0.75rem; letter-spacing: 0.75px; line-height: 1.5; }

body.mfk2021.about .attention ul li:not(:last-child) { margin-bottom: 10px; }

@media screen and (min-width: 1024px) { body.mfk2021.about .attention ul li { font-size: 0.875rem; letter-spacing: 0.88px; line-height: 2; }
  body.mfk2021.about .attention ul li:not(:last-child) { margin-bottom: 0; } }

@media screen and (max-width: 1023px) { body.mfk2021.about .attention ul li::before { top: 5px; } }

body.mfk2021.about .attention a { text-decoration: none; }

body.mfk2021.about .attention a .svgicons.icon-external_link_arrow { margin-right: 5px; }

@media screen and (max-width: 1023px) { body.mfk2021.about .attention a .svgicons.icon-external_link_arrow { width: 10px; height: 10px; margin: 0 4px 2px; } }

/* ============================== Maker Faireとは */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== about */
body.mfk2021.aboutmake { /* ============================== article */ }

body.mfk2021.aboutmake article section { margin-bottom: 75px; }

@media screen and (min-width: 1024px) { body.mfk2021.aboutmake article section { margin-bottom: 150px; } }

@media screen and (min-width: 1024px) { body.mfk2021.aboutmake article iframe { height: 460px; } }

@media screen and (min-width: 1024px) { body.mfk2021.aboutmake article .btn__middle { width: 246px; } }

/* ============================== 行ってみよう(Maker Faireの楽しみ方) */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== for_visitors */
body.mfk2021.for_visitors { /* ============================== main visual */ /* ============================== big_btn */ /* ============================== article */ }

body.mfk2021.for_visitors .mv.mv__common .mv__copy { margin-top: 19.72vw; width: 59.72vw; height: 25vw; }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors .mv.mv__common .mv__copy { margin-top: 12.639vw; width: 430px; height: 180px; } }

body.mfk2021.for_visitors .big-btn__outer, body.mfk2021.for_visitors .big-btn__outer_bottom { 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-pack: distribute; justify-content: space-around; }

@media screen and (max-width: 1023px) { body.mfk2021.for_visitors .big-btn__outer, body.mfk2021.for_visitors .big-btn__outer_bottom { height: 48px; width: 100vw; margin: 0 -30px; } }

@media screen and (max-width: 360px) { body.mfk2021.for_visitors .big-btn__outer, body.mfk2021.for_visitors .big-btn__outer_bottom { left: -30px; } }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors .big-btn__outer, body.mfk2021.for_visitors .big-btn__outer_bottom { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; height: 100px; } }

body.mfk2021.for_visitors .big-btn__outer.big-btn__hidden, body.mfk2021.for_visitors .big-btn__outer_bottom.big-btn__hidden { height: 0; }

@media screen and (max-width: 1023px) { body.mfk2021.for_visitors .big-btn__outer { margin-top: -10px; padding: 0 0 20px; } }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors .big-btn__outer { margin-top: -20px; padding: 0 0 80px; } }

body.mfk2021.for_visitors .big-btn__outer_bottom { margin-bottom: 80px; }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors .big-btn__outer_bottom { margin-bottom: 150px; } }

body.mfk2021.for_visitors article .features { margin: 0; }

@media screen and (max-width: 1023px) { body.mfk2021.for_visitors article .features { margin: 0 -30px 40px; } }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors article .features { margin: 0 auto 150px; } }

body.mfk2021.for_visitors article section.feature { margin: 0; border-top: 1px solid #d9d9d9; }

body.mfk2021.for_visitors article section.feature:first-child { border-top: none; }

@media screen and (max-width: 1023px) { body.mfk2021.for_visitors article section.feature { padding: 40px 0; }
  body.mfk2021.for_visitors article section.feature img.feature__img { display: block; width: 113px; height: 150px; } }

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

body.mfk2021.for_visitors article section.feature h2 { width: 100%; text-align: center; font-size: 1rem; line-height: 1; }

body.mfk2021.for_visitors article section.feature h2 span { display: inline-block; padding: 12px; border: 3px solid #31a9e2; color: #ED4E5C; }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors article section.feature h2 { font-size: 1.875rem; letter-spacing: 2px; line-height: 1.5; }
  body.mfk2021.for_visitors article section.feature h2 span { padding: 10px 20px; border-width: 4px; } }

body.mfk2021.for_visitors article section.feature p { margin: 0 30px 20px; }

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

body.mfk2021.for_visitors article section.feature p.feature__lead { margin: 0 0 20px; font-weight: 600; font-size: 1.25rem; color: #055073; line-height: 1.5; text-align: center; white-space: nowrap; }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors article section.feature p.feature__lead { margin: 0 auto 50px; font-size: 2.5rem; } }

body.mfk2021.for_visitors 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; margin: 0 30px; padding: 0; max-width: 1164px; }

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

@media screen and (max-width: 1023px) { body.mfk2021.for_visitors article section.feature p.feature__photos img:not(:last-child) { margin-bottom: 20px; } }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors article section.feature p.feature__photos { margin: 0 auto; -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; }
  body.mfk2021.for_visitors article section.feature p.feature__photos img { width: calc(50% - 19px); height: 100%; } }

@media screen and (max-width: 1023px) { body.mfk2021.for_visitors article section.feature .sup { font-size: 0.5rem; } }

body.mfk2021.for_visitors article section.feature__links { max-width: 1164px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px; margin: 0 auto 40px; border: solid 2px #31a9e2; border-radius: 10px; }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors article section.feature__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 60px 30px; margin-bottom: 150px; } }

body.mfk2021.for_visitors article section.feature__links h3 { margin: 0; font-weight: 600; line-height: 1.5; text-align: center; color: #055073; }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors article section.feature__links h3 { -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 1.875rem; letter-spacing: 2px; } }

body.mfk2021.for_visitors article section.feature__links .btn { margin: 30px auto 0; }

@media screen and (min-width: 1024px) { body.mfk2021.for_visitors article section.feature__links .btn { width: 348px; height: 54px; border-radius: 27px; margin: 60px 30px 0; font-size: 1.125rem; } }

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

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


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

body.makers article.menu { margin: 0; }

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

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

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

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

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

@media screen and (min-width: 1024px) { body.makers article.menu nav.makernav__main { max-width: none; margin: 0; }
  body.makers article.menu nav.makernav__main ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: none; }
  body.makers article.menu nav.makernav__main ul li { display: block; margin: 0 0 20px; height: 26px; line-height: 2; }
  body.makers article.menu nav.makernav__main ul li:not(:last-child)::after { display: inline-block; margin: 0 15px; content: '|'; color: #d9d9d9; }
  body.makers 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 article.menu nav.makernav__main ul li a:hover::after, body.makers article.menu nav.makernav__main ul li a:focus::after { margin-top: -6px; }
  body.makers article.menu nav.makernav__main dl dt { margin-bottom: 20px; }
  body.makers article.menu nav.makernav__main dl.makernav__category { margin-top: 40px; padding: 50px 0; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; }
  body.makers article.menu nav.makernav__main dl.makernav__category dt { font-size: 1.125rem; font-weight: 600; margin: 0; }
  body.makers article.menu nav.makernav__main dl.makernav__category dt .svgicons { color: #31a9e2; width: 20px; height: 20px; margin-top: -5px; }
  body.makers article.menu nav.makernav__main dl.makernav__category dt .icon-minus { display: none; }
  body.makers article.menu nav.makernav__main dl.makernav__category dt.open .icon-plus { display: none; }
  body.makers article.menu nav.makernav__main dl.makernav__category dt.open .icon-minus { display: inline; }
  body.makers article.menu nav.makernav__main dl.makernav__category ul { margin-top: 50px; } }

body.makers article.menu .makernav__outer { margin: 0; }

@media screen and (max-width: 1023px) { body.makers article.menu .makernav__outer { padding: 30px 30px 0; border-bottom: solid 1px #d9d9d9; } }

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

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

@media screen and (max-width: 1023px) { body.makers article.common + article.menu .makernav__outer { margin: 40px 0 75px; padding: 40px 30px 10px; border-top: solid 1px #d9d9d9; border-bottom: none; } }

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

@media screen and (max-width: 1023px) { body.makers.archive .mv.mv__common { margin-top: -60px; } }

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

body.makers.archive article h3 { margin: 40px 0 30px; font-size: 1.125rem; font-weight: 600; line-height: 1.5; color: #31a9e2; }

@media screen and (min-width: 1024px) { body.makers.archive article h3 { margin: 100px 0 40px; font-size: 1.875rem; } }

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

@media screen and (min-width: 1024px) { body.makers.archive article ul.makers { width: 984px; 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.archive article ul.makers { width: auto; } }

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

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

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

@media screen and (min-width: 1024px) { body.makers.archive article ul.makers li.maker { margin-bottom: 60px; width: 308px; }
  body.makers.archive article ul.makers li.maker:not(:nth-child(3n)) { margin-right: 30px; }
  body.makers.archive article ul.makers li.maker .maker__image img { width: 348px; height: 188px; } }

@media screen and (min-width: 1280px) { body.makers.archive article ul.makers li.maker { width: 348px; }
  body.makers.archive article ul.makers li.maker:not(:nth-child(3n)) { margin-right: 60px; } }

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

body.makers.archive article ul.makers li.maker .maker__name { margin: 15px 0 10px; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #000; }

@media screen and (min-width: 1024px) { body.makers.archive article ul.makers li.maker .maker__name { margin: 20px 0 10px; font-size: 1.125rem; } }

body.makers.archive article ul.makers li.maker .maker__title { margin: 10px 0 0; font-size: 0.75rem; line-height: 1.5; color: #000; }

@media screen and (min-width: 1024px) { body.makers.archive article ul.makers li.maker .maker__title { font-size: 0.875rem; } }

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

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

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

body.makers.archive article ul.makers li.maker .maker__booth { display: inline-block; margin: 10px 0 0; padding: 0 30px; font-size: 0.875rem; line-height: 2; background: #fff; border: solid 1px #31a9e2; }

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

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

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

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

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

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

body.makers.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.single article .maker__category li { height: 30px; line-height: 30px; } }

body.makers.single article .maker__category li a { font-size: 0.75rem; line-height: 1; text-decoration: none; }

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

body.makers.single article .maker__name { margin: 5px 0 3px; padding: 0; font-size: 1.5rem; font-weight: 600; line-height: 1.5; }

@media screen and (min-width: 1024px) { body.makers.single article .maker__name { margin: 6px 0; font-size: 2.25rem; line-height: 1.5; } }

body.makers.single article .maker__name_en { margin: 3px 0 10px; font-size: 0.8125rem; line-height: 1.46154; }

@media screen and (min-width: 1024px) { body.makers.single article .maker__name_en { margin: 6px 0 15px; font-size: 1.25rem; line-height: 1.5; } }

body.makers.single article .maker__genre { font-size: 0.75rem; line-height: 1.33333; }

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

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

@media screen and (min-width: 1024px) { body.makers.single article .maker__genre li { margin: 17px 0 0; } }

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

body.makers.single article .maker__booth { display: inline-block; margin: 10px 0 0; padding: 0 30px; font-size: 0.875rem; line-height: 2; background: #fff; border: solid 1px #31a9e2; }

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

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

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

body.makers.single article .maker { margin: 30px 0 0; border-top: solid 1px #d9d9d9; }

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

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

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

body.makers.single article .maker__title_ja { margin: 0 0 3px; font-size: 1.125rem; font-weight: 600; line-height: 1.5; }

@media screen and (min-width: 1024px) { body.makers.single article .maker__title_ja { margin: 0 0 10px; font-size: 1.625rem; line-height: 1.384615; } }

body.makers.single article .maker__title_en { margin: 3px 0 0; font-size: 0.75rem; line-height: 1.46154; }

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

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

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

body.makers.single article .maker__description { margin: 0 0 30px; font-size: 0.8125rem; line-height: 2; }

@media screen and (min-width: 1024px) { body.makers.single article .maker__description { margin: 0 0 40px; font-size: 1.125rem; } }

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

body.makers.single article h5.maker__profile { margin: 40px 0 30px; padding: 40px 0 0; font-size: 1.125rem; line-height: 1.5; border-top: solid 1px #d9d9d9; }

@media screen and (min-width: 1024px) { body.makers.single article h5.maker__profile { margin: 60px 0 40px; padding: 60px 0 0; font-size: 1.625rem; line-height: 1.384615; } }

body.makers.single article .maker__profile__body { margin: 0 0 30px; font-size: 0.8125rem; line-height: 2; }

@media screen and (min-width: 1024px) { body.makers.single article .maker__profile__body { margin: 0 0 40px; font-size: 1.125rem; } }

body.makers.single article .maker__sns { margin: 30px 0 0; font-size: 0.8125rem; line-height: 2; }

@media screen and (min-width: 1024px) { body.makers.single article .maker__sns { margin: 40px 0 0; font-size: 1.125rem; } }

@media screen and (min-width: 1024px) { body.makers.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;
$font36px: 2.25rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== callformakers */
body.mfk2021.callformakers { /* ============================== big_btn */ /* ============================== article */ /* ============================== article__detail */ /* ============================== entryform */ /* ============================== download */ /* ============================== entryform */ }

body.mfk2021.callformakers article.common { margin: 0; max-width: none; }

body.mfk2021.callformakers article.common article.article_spacer { height: 0; }

body.mfk2021.callformakers .big-btn__outer, body.mfk2021.callformakers .big-btn__outer_bottom { 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-pack: distribute; justify-content: space-around; }

@media screen and (max-width: 1023px) { body.mfk2021.callformakers .big-btn__outer, body.mfk2021.callformakers .big-btn__outer_bottom { height: 48px; width: 100vw; margin: 0 -30px; } }

@media screen and (max-width: 360px) { body.mfk2021.callformakers .big-btn__outer, body.mfk2021.callformakers .big-btn__outer_bottom { left: -30px; } }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers .big-btn__outer, body.mfk2021.callformakers .big-btn__outer_bottom { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; height: 100px; } }

body.mfk2021.callformakers .big-btn__outer.big-btn__hidden, body.mfk2021.callformakers .big-btn__outer_bottom.big-btn__hidden { height: 0; }

body.mfk2021.callformakers .big-btn__outer { padding: 20px 0; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers .big-btn__outer { padding: 80px 0; } }

body.mfk2021.callformakers .big-btn__outer_bottom { margin-bottom: 80px; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers .big-btn__outer_bottom { margin-bottom: 150px; } }

body.mfk2021.callformakers article .features { margin: 0; }

@media screen and (max-width: 1023px) { body.mfk2021.callformakers article .features { margin: 0 -30px; padding-bottom: 40px; border-bottom: 1px solid #d9d9d9; } }

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

body.mfk2021.callformakers article section.feature { margin: 0; border-top: 1px solid #d9d9d9; }

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

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

body.mfk2021.callformakers article section.feature h2 { width: 100%; text-align: center; font-size: 1rem; line-height: 1; }

body.mfk2021.callformakers article section.feature h2 span { display: inline-block; padding: 12px; border: 3px solid #31a9e2; color: #ED4E5C; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article section.feature h2 { font-size: 1.875rem; letter-spacing: 2px; line-height: 1.5; }
  body.mfk2021.callformakers article section.feature h2 span { padding: 10px 20px; border-width: 4px; } }

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

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

body.mfk2021.callformakers article section.feature p.feature__lead { margin: 0 0 20px; font-weight: 600; font-size: 1.25rem; color: #055073; line-height: 1.5; text-align: center; white-space: nowrap; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article section.feature p.feature__lead { margin: 0 auto 50px; font-size: 2.5rem; } }

body.mfk2021.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; margin: 0 30px; padding: 0; max-width: 1164px; }

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

@media screen and (max-width: 1023px) { body.mfk2021.callformakers article section.feature p.feature__photos img:not(:last-child) { margin-bottom: 20px; } }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article section.feature p.feature__photos { margin: 0 auto; -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; }
  body.mfk2021.callformakers article section.feature p.feature__photos img { width: calc(50% - 19px); height: 100%; } }

@media screen and (max-width: 1023px) { body.mfk2021.callformakers article section.feature .sup { font-size: 0.5rem; } }

body.mfk2021.callformakers article.article__detail { background: #fff; margin: 0; /* ============================== timeline */ /* ============================== table */ /* ============================== guideline, faq */ }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail { padding: 0 30px 150px; margin: 0; max-width: none; } }

@media screen and (min-width: 1280px) { body.mfk2021.callformakers article.article__detail { padding: 0 0 150px; } }

body.mfk2021.callformakers article.article__detail section { margin: 0 auto; }

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

body.mfk2021.callformakers article.article__detail .article__detail__block { position: relative; margin: 0 0 50px; border-bottom: solid 1px #d9d9d9; }

body.mfk2021.callformakers article.article__detail .article__detail__inner { position: relative; }

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

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail .article__detail__inner { margin-top: 0; margin-left: 306px; padding: 0 0 100px; } }

body.mfk2021.callformakers article.article__detail .article__detail__inner p a, body.mfk2021.callformakers article.article__detail .article__detail__inner p a:visited, body.mfk2021.callformakers article.article__detail .article__detail__inner ul li a, body.mfk2021.callformakers article.article__detail .article__detail__inner ul li a:visited, body.mfk2021.callformakers article.article__detail .article__detail__inner dl dd a, body.mfk2021.callformakers article.article__detail .article__detail__inner dl dd a:visited { text-decoration: underline; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail nav.pagenav__sub { margin-top: 40px; } }

body.mfk2021.callformakers article.article__detail nav.pagenav__subsub { margin: 0; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail nav.pagenav__subsub { position: absolute; width: 246px; }
  body.mfk2021.callformakers article.article__detail nav.pagenav__subsub.sticky { position: fixed; top: 30px; } }

body.mfk2021.callformakers article.article__detail h3 { position: relative; margin: 0; font-weight: 600; font-size: 1.125rem; color: #055073; letter-spacing: 1px; line-height: 27px; }

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

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail h3 { width: 246px; left: 0; font-size: 1.625rem; line-height: 39px; } }

body.mfk2021.callformakers 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) { body.mfk2021.callformakers article.article__detail h4.accordion-item { margin: 0 -30px; padding: 25px 104px 25px 30px; background: #F6F6F6; border-top: none; border-bottom: solid 1px #fff; cursor: pointer; }
  body.mfk2021.callformakers article.article__detail h4.accordion-item:hover, body.mfk2021.callformakers article.article__detail h4.accordion-item:focus { background: #ededed; } }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail h4.accordion-item { margin: 0 0 20px; padding: 0; font-size: 1.125rem; line-height: 18px; border: none; } }

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

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

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

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

body.mfk2021.callformakers article.article__detail dl.timeline__item dd { margin: 0 0 20px; }

body.mfk2021.callformakers article.article__detail dl.timeline__item dd p { margin: 0; }

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

body.mfk2021.callformakers article.article__detail dl.timeline__item dd .icon { display: block; width: 21px; height: 21px; margin: 20px auto; color: #d9d9d9; }

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

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

body.mfk2021.callformakers article.article__detail table.callformakers__table { width: 100%; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail table.callformakers__table { margin-top: 40px; min-width: 658px; display: table; } }

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

body.mfk2021.callformakers article.article__detail table.callformakers__table tr td, body.mfk2021.callformakers article.article__detail table.callformakers__table tr th { text-align: center; border-right: solid 1px #d9d9d9; }

body.mfk2021.callformakers article.article__detail table.callformakers__table tr td:first-child, body.mfk2021.callformakers article.article__detail table.callformakers__table tr th:first-child { border-left: solid 1px #d9d9d9; }

body.mfk2021.callformakers article.article__detail table.callformakers__table tr td:last-child, body.mfk2021.callformakers article.article__detail table.callformakers__table tr th:last-child { border-right: solid 1px #d9d9d9; }

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

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail table.callformakers__table tr td, body.mfk2021.callformakers article.article__detail table.callformakers__table tr th { display: table-cell; vertical-align: middle; width: 164px; padding: 15px 0; font-size: 0.875rem; letter-spacing: 1px; }
  body.mfk2021.callformakers article.article__detail table.callformakers__table tr td[colspan="2"], body.mfk2021.callformakers article.article__detail table.callformakers__table tr th[colspan="2"] { width: 54.23%; }
  body.mfk2021.callformakers article.article__detail table.callformakers__table tr td[colspan="3"], body.mfk2021.callformakers article.article__detail table.callformakers__table tr th[colspan="3"] { width: 81.35%; } }

body.mfk2021.callformakers article.article__detail table.callformakers__table tr th { background: #F6F6F6; text-align: center; }

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

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

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

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail table.callformakers__table tr td { line-height: 21px; }
  body.mfk2021.callformakers article.article__detail table.callformakers__table tr td.callformakers__table_multicell { vertical-align: top; padding: 0; line-height: 28px; }
  body.mfk2021.callformakers article.article__detail 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: 1218px) { body.mfk2021.callformakers article.article__detail table.callformakers__table tr td.callformakers__table_multicell .callformakers__table_multicell-single { white-space: normal; padding-top: 32px; line-height: 28px; } }

body.mfk2021.callformakers article.article__detail 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.mfk2021.callformakers article.article__detail table.callformakers__table tr td p:first-child { padding-top: 0; }
  body.mfk2021.callformakers article.article__detail table.callformakers__table tr td p:last-child { padding-bottom: 0; } }

body.mfk2021.callformakers article.article__detail table.callformakers__table tr td p + p { border-top: solid 1px #d9d9d9; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail table.callformakers__table tr:first-child th:first-child { -ms-flex-preferred-size: 18.65%; flex-basis: 18.65%; min-width: 122.7px; } }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail table.callformakers__table tr:not(:first-child) th { -ms-flex-preferred-size: 18.65%; flex-basis: 18.65%; min-width: 122.7px; } }

body.mfk2021.callformakers article.article__detail .callformakers__table__outer nav { margin-bottom: 20px; }

body.mfk2021.callformakers article.article__detail .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.mfk2021.callformakers article.article__detail .callformakers__table__outer nav ul li { width: 33%; height: 54px; border-bottom: none; }

body.mfk2021.callformakers article.article__detail .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.mfk2021.callformakers article.article__detail .callformakers__table__outer nav ul li a.current, body.mfk2021.callformakers article.article__detail .callformakers__table__outer nav ul li a:hover, body.mfk2021.callformakers article.article__detail .callformakers__table__outer nav ul li a:focus { border-bottom: solid 2px #31A9E2; }

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

body.mfk2021.callformakers article.article__detail #faq { border-bottom: none; }

@media screen and (max-width: 1023px) { body.mfk2021.callformakers article.article__detail #faq { margin-bottom: 0; } }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail #faq { margin-top: 100px; } }

@media screen and (max-width: 1023px) { body.mfk2021.callformakers article.article__detail #faq h3 { padding-bottom: 0; } }

body.mfk2021.callformakers article.article__detail #faq h4 { border: none; padding: 0; margin: 30px 0; }

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

body.mfk2021.callformakers article.article__detail 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.mfk2021.callformakers article.article__detail dt.faq__item__title { font-weight: 600; font-size: 1rem; line-height: 16px; } }

body.mfk2021.callformakers article.article__detail dt.faq__item__title::before { content: 'Q. '; display: block; position: absolute; margin-left: -30px; opacity: 0.5; }

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

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

@media screen and (max-width: 1023px) { body.mfk2021.callformakers article.article__detail h4.guidelines__title, body.mfk2021.callformakers article.article__detail dt.faq__item__title { width: 100vw; margin: 0 0 1px -30px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #F6F6F6; }
  body.mfk2021.callformakers article.article__detail h4.guidelines__title.accordion-item::after, body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item::after { width: 58px; background-size: 23px 21px; }
  body.mfk2021.callformakers article.article__detail h4.guidelines__title.accordion-item_open, body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item_open { margin-bottom: 30px; }
  body.mfk2021.callformakers article.article__detail h4.guidelines__title { padding: 21px 58px 21px 20px; }
  body.mfk2021.callformakers article.article__detail h5, body.mfk2021.callformakers article.article__detail h6 { line-height: 13px; margin: 0 0 10px; }
  body.mfk2021.callformakers article.article__detail ul + h5, body.mfk2021.callformakers article.article__detail ul + h6 { margin-top: 25px; }
  body.mfk2021.callformakers article.article__detail p + ul { margin-top: 0; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title { padding: 22px 64px 21px 52px; }
  body.mfk2021.callformakers article.article__detail .accordion-target:not(.pagenav__sub-item) { display: none; }
  body.mfk2021.callformakers article.article__detail .accordion-target:not(.pagenav__sub-item).accordion-target_open { display: block; margin: 25px 0; }
  body.mfk2021.callformakers article.article__detail .accordion-target:not(.pagenav__sub-item) > p { margin: 0 0 25px; } }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers article.article__detail { /* ============================== accordion */ }
  body.mfk2021.callformakers article.article__detail .accordion-target:not(.pagenav__sub-item) { padding-bottom: 50px; margin-bottom: 50px; border-bottom: dashed 1px #d9d9d9; }
  body.mfk2021.callformakers article.article__detail .accordion-target:not(.pagenav__sub-item):last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
  body.mfk2021.callformakers article.article__detail .accordion-target:not(.pagenav__sub-item) p { font-size: 1rem; letter-spacing: 1px; line-height: 32px; }
  body.mfk2021.callformakers article.article__detail .accordion-target:not(.pagenav__sub-item) p:last-child { margin-bottom: 0; }
  body.mfk2021.callformakers article.article__detail .accordion-target + h4.guidelines__title { margin: 50px 0; }
  body.mfk2021.callformakers article.article__detail h5 { margin: 50px 0 20px; }
  body.mfk2021.callformakers article.article__detail #faq dl { border-top: dashed 1px #d9d9d9; padding: 30px 0; }
  body.mfk2021.callformakers article.article__detail #faq dl:last-child { border-bottom: dashed 1px #d9d9d9; }
  body.mfk2021.callformakers article.article__detail #faq dl + h4 { margin-top: 0; padding-top: 50px; border-top: dashed 1px #d9d9d9; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item { position: relative; padding: 16px 46px 16px 29px; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item::after { content: ' '; position: absolute; display: block; width: 79px; height: 100%; top: 0; right: 0; background-size: 19px 24px; background-position: 50% 50%; background-repeat: no-repeat; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item span.accordion-item__icon { position: absolute; top: 16px; right: 22px; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item.accordion-item_close svg.svgicons.icon-plus { display: inherit; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item.accordion-item_close svg.svgicons.icon-minus { display: none; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item.accordion-item_open svg.svgicons.icon-plus { display: none; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item.accordion-item_open svg.svgicons.icon-minus { display: inherit; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item + dd.accordion-target { display: none; }
  body.mfk2021.callformakers article.article__detail dt.faq__item__title.accordion-item + dd.accordion-target.accordion-target_open { display: block; margin: 10px 0 0; }
  body.mfk2021.callformakers article.article__detail dl + dl > dt.faq__item__title.accordion-item::after { padding-top: 50px; } }

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

body.mfk2021.callformakers div.entryform p { margin: 20px 0 25px; }

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

body.mfk2021.callformakers div.entryform .feature__item { position: relative; }

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

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

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

@media screen and (max-width: 1023px) { body.mfk2021.callformakers div.entryform .feature__item__sup { top: 19.44vw; left: 20px; font-size: 0.75rem; letter-spacing: 0.86px; line-height: 14px; }
  body.mfk2021.callformakers div.entryform .feature__item__text { top: 26.11vw; left: 22px; font-size: 1rem; letter-spacing: 1px; line-height: 16px; } }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers div.entryform .feature__item__sup { top: 66px; left: 50px; font-size: 1.125rem; letter-spacing: 1px; line-height: 18px; }
  body.mfk2021.callformakers div.entryform .feature__item__text { top: 104px; left: 50px; font-size: 1.875rem; letter-spacing: 1px; line-height: 30px; } }

body.mfk2021.callformakers div.entryform .feature__item__btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 48px; margin: 0; font-weight: 600; font-size: 0.75rem; letter-spacing: 1px; line-height: 12px; border: none; background-color: #31A9E2; color: #fff; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers div.entryform .feature__item__btn { height: 78px; font-size: 1.25rem; line-height: 20px; } }

body.mfk2021.callformakers div.entryform .feature__item__btn span:not(.icon) { 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; width: 100%; height: calc(100% - 2px); padding-top: 2px; }

body.mfk2021.callformakers div.entryform .feature__item__btn span.icon { position: absolute; right: 20px; margin-top: -4px; width: 14px; height: 14px; pointer-events: none; }

body.mfk2021.callformakers div.entryform .feature__item__btn span.icon .svgicons { width: 14px; height: 14px; }

@media screen and (min-width: 1024px) { body.mfk2021.callformakers div.entryform .feature__item__btn span.icon { right: 30px; margin-top: 0; width: 18px; height: 18px; }
  body.mfk2021.callformakers div.entryform .feature__item__btn span.icon .svgicons { width: 18px; height: 18px; } }

body.mfk2021.callformakers div.entryform a:hover .feature__item__btn, body.mfk2021.callformakers div.entryform a:focus .feature__item__btn { background-color: #298FC0; color: #fff; }

body.mfk2021.callformakers div.entryform a:hover .feature__item__btn::before, body.mfk2021.callformakers div.entryform a:focus .feature__item__btn::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzEgMzIiPjx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMwLjg1NyAxNS45NDZjMCAwLjE2MS0wLjA3MSAwLjMyMS0wLjE3OSAwLjQyOWwtNi44NTcgNi4zMjFjLTAuMTc5IDAuMTYxLTAuNDExIDAuMTk2LTAuNjI1IDAuMTA3LTAuMTk2LTAuMDg5LTAuMzM5LTAuMjg2LTAuMzM5LTAuNTE4di00aC0yMi4yODZjLTAuMzIxIDAtMC41NzEtMC4yNS0wLjU3MS0wLjU3MXYtMy40MjljMC0wLjMyMSAwLjI1LTAuNTcxIDAuNTcxLTAuNTcxaDIyLjI4NnYtNGMwLTAuMjMyIDAuMTI1LTAuNDI5IDAuMzM5LTAuNTE4czAuNDQ2LTAuMDU0IDAuNjI1IDAuMDg5bDYuODU3IDYuMjVjMC4xMDcgMC4xMDcgMC4xNzkgMC4yNSAwLjE3OSAwLjQxMXYweiI+PC9wYXRoPjwvc3ZnPg=="); }

body.mfk2021.callformakers h4#downloads { border-top-style: dashed; }

body.mfk2021.callformakers .footer__visual { background: #fff; }

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

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== プログラム */
body.program article, body.program aside { margin: 0 30px; }

@media screen and (min-width: 1024px) { body.program article, body.program aside { max-width: 1164px; width: auto; padding: 0 30px; margin: 0 auto; } }

body.program article.article__detail { background: #fff; margin: 0; }

body.program article.article__detail section { margin: 0 auto; }

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

body.program .program-tab { position: relative; background: #fff; z-index: 1; }

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

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

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: 1164px; width: calc(100% - 60px); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; 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: #31a9e2; cursor: pointer; }

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

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 #d9d9d9; border-bottom: solid 1px #d9d9d9; }

body.program .program-tab ul.tab__main li.tab__item__selected { border-bottom-color: #31a9e2; border-bottom-width: 2px; }

body.program .program-tab ul.tab__main li:not(:first-child) { border-left: solid 1px #d9d9d9; }

@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 #d9d9d9; }
  body.program .program-tab ul.tab__main li:last-child { border-right: solid 1px #d9d9d9; } }

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

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 #31a9e2; }

@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(50% - 30px); flex-basis: calc(50% - 30px); } }

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

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

@media screen and (max-width: 1023px) { body.program .article__lead .btn__programguide .btn__blue { margin: 0 auto; } }

@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: 30px 0 0 30px; } }

body.program .article__detail__block { margin: 0; }

body.program table { display: block; }

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

body.program table tbody { display: block; }

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

body.program 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%; margin-bottom: 30px; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; }

@media screen and (min-width: 1024px) { body.program table tr { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 40px; } }

body.program table th, body.program table 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) { body.program table th, body.program table td { vertical-align: top; font-size: 1rem; line-height: 32px; }
  body.program table th p, body.program table td p { max-width: initial; width: auto; margin: 0; font-size: 1rem; line-height: 32px; }
  body.program table th p + p, body.program table td p + p { margin-top: 20px; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) { body.program table th p + p, body.program table td p + p { margin-top: 40px; } }

body.program table th:first-child, body.program table td:first-child { border-left: solid 1px #d9d9d9; }

body.program table th:last-child, body.program table td:last-child { border-right: solid 1px #d9d9d9; }

body.program table th { padding: 20px 15px 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; font-weight: 600; letter-spacing: 1.14px; background-color: #F6F6F6; text-align: center; }

@media screen and (max-width: 1023px) { body.program table th { border-left: solid 1px #d9d9d9; border-right: solid 1px #d9d9d9; } }

@media screen and (min-width: 1024px) { body.program table th { width: 175px; -ms-flex-preferred-size: 175px; flex-basis: 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: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.75; }
  body.program table th .program__item__time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-height: 320px; height: 100%; margin: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  body.program table th .program__item__time span { display: block; font-size: 1.125rem; line-height: 1; }
  body.program table th .program__item__time .span_separator { overflow: hidden; background: #515252; width: 2px; height: 20px; margin: 30px auto; text-align: -9999px; } }

body.program table td { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

@media screen and (max-width: 1023px) { body.program table td { border-left: solid 1px #d9d9d9; border-right: solid 1px #d9d9d9; } }

@media screen and (min-width: 1024px) { body.program table td { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; position: relative; width: calc(100% - 175px); line-height: 2.125; } }

body.program table td h4 { margin: 0 0 30px; font-size: 1rem; font-weight: 600; border-top: none; }

@media screen and (min-width: 1024px) { body.program table td h4 { font-size: 1.125rem; } }

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

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

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

body.program .program__item__title a { text-decoration: none; }

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

body.program .program__item__link, body.program .program__item__link a { color: #31a9e2; text-decoration: none; }

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: 30px; right: 30px; margin-top: 0; } }

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

@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: 30px; }

body.program .program__item__accordion .accordion__button { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 30px 0; line-height: 1.25rem; letter-spacing: 0.88px; text-align: center; color: #31a9e2; 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; }

body.program .section__live p.btn__large { margin: 0 auto 30px; }

@media screen and (min-width: 1024px) { body.program .section__live p.btn__large { margin-bottom: 50px; } }

/* ============================== スポンサーをご検討の方へ */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== for_sponsors */
body.mfk2021.for_sponsors .mv.mv__common .mv__copy { margin-top: 19.72vw; height: 90px; }

@media screen and (min-width: 1024px) { body.mfk2021.for_sponsors .mv.mv__common .mv__copy { margin-top: 12.639vw; height: 180px; } }

body.mfk2021.for_sponsors article section { margin-bottom: 75px; }

@media screen and (min-width: 1024px) { body.mfk2021.for_sponsors article section { margin-bottom: 150px; } }

body.mfk2021.for_sponsors article h3 { margin: 30px 0 15px; font-size: 0.9375rem; font-weight: 600; letter-spacing: 1px; line-height: 23px; }

@media screen and (min-width: 1024px) { body.mfk2021.for_sponsors article h3 { margin: 60px 0 30px; font-size: 1.375rem; letter-spacing: 1.5px; line-height: 33px; } }

@media screen and (min-width: 1024px) { body.mfk2021.for_sponsors article iframe { height: 460px; } }

body.mfk2021.for_sponsors article .btn__large { margin: 0 auto; }

body.mfk2021.for_sponsors .sponsors { margin-top: 75px; }

body.mfk2021.for_sponsors .sponsors img { display: block; }

@media screen and (max-width: 1023px) { body.mfk2021.for_sponsors .sponsors img { width: 50vw; height: 50vw; margin: 0 auto; }
  body.mfk2021.for_sponsors .sponsors .btn__largest { margin: -27px auto 0; width: 100%; height: 60px; border-radius: 30px; } }

@media screen and (min-width: 1024px) { body.mfk2021.for_sponsors .sponsors { position: relative; margin-top: 150px; }
  body.mfk2021.for_sponsors .sponsors img { position: absolute; top: -50px; left: -106px; width: 275px; height: 275px; pointer-events: none; z-index: 1; }
  body.mfk2021.for_sponsors .sponsors .btn__largest { height: 120px; border-radius: 60px; } }

/* ============================== スポンサー */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== sponsors */
body.mfk2021.sponsors { /* ============================== article */ }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article { max-width: 1164px; } }

@media screen and (max-width: 1023px) { body.mfk2021.sponsors article nav { margin-top: 15px; } }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article nav { margin: 100px 0 70px -20px; max-width: 716px; } }

body.mfk2021.sponsors article nav ul { border-bottom: none; }

body.mfk2021.sponsors article nav ul li { display: block; }

body.mfk2021.sponsors article nav ul li a { display: block; opacity: 0.8; }

@media screen and (max-width: 1023px) { body.mfk2021.sponsors article nav ul li { border-bottom: dashed 1px #d9d9d9; }
  body.mfk2021.sponsors article nav ul li a { padding: 15px 0 14px; font-size: 0.875rem; letter-spacing: 1px; line-height: 14px; } }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article nav ul li { height: 18px; padding: 0 20px; margin: 0 0 30px; border-right: solid 1px #d9d9d9; }
  body.mfk2021.sponsors article nav ul li a { padding: 0; margin: 0; height: 18px; font-size: 1.125rem; letter-spacing: 1px; line-height: 18px; } }

body.mfk2021.sponsors article h2 { padding: 0 0 15px; margin: 0 0 15px; color: #055073; font-size: 1rem; letter-spacing: 1px; line-height: 16px; border-bottom: solid 1px #d9d9d9; }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article h2 { padding-bottom: 30px; margin-bottom: 30px; font-size: 1.5rem; line-height: 24px; } }

body.mfk2021.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; }

@media screen and (max-width: 1023px) { body.mfk2021.sponsors article .sponsors__inner { margin: 0 0 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media screen and (min-width: 1024px) { body.mfk2021.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: 1950px; margin: 0 -30px 40px 0; } }

body.mfk2021.sponsors article .sponsors__item { margin-bottom: 40px; }

@media screen and (max-width: 1023px) { body.mfk2021.sponsors article .sponsors__item { width: 100%; } }

@media screen and (min-width: 1024px) { body.mfk2021.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.mfk2021.sponsors article .sponsors__item { -ms-flex-preferred-size: 340px; flex-basis: 340px; } }

body.mfk2021.sponsors article .sponsors__item img { display: block; margin: 0 auto; width: 37.5vw; }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article .sponsors__item img { width: 348px; } }

body.mfk2021.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; }

body.mfk2021.sponsors article .sponsors__item h4 a { color: #000; }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article .sponsors__item h4 { margin: 26px 0 5px; line-height: 1.61905; letter-spacing: 1px; text-align: center; } }

body.mfk2021.sponsors article .sponsors__item p { margin: 0 0 10px; }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article .sponsors__item p { margin: 0 0 20px; text-align: center; } }

body.mfk2021.sponsors article .sponsors__item .sponsors__item__title-en { font-family: "Avenir Next", "Segoe UI", "Noto Sans", sans-serif; margin-bottom: 15px; font-size: 0.8125rem; line-height: 1.76923; letter-spacing: 0; }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article .sponsors__item .sponsors__item__title-en { font-size: 0.875rem; line-height: 1.57143; } }

body.mfk2021.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.mfk2021.sponsors article .sponsors__item .sponsors__item__content { font-size: 0.875rem; line-height: 1.85714; letter-spacing: 1px; } }

body.mfk2021.sponsors article .sponsors__item .sponsors__item__makers-url { font-size: 1rem; line-height: 1; letter-spacing: 0; }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article .sponsors__item .sponsors__item__makers-url { font-size: 1.125rem; line-height: 1.5; } }

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

@media screen and (max-width: 1023px) { body.mfk2021.sponsors article .sponsors__inner_6, body.mfk2021.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.mfk2021.sponsors article .sponsors__inner_6 .sponsors__item, body.mfk2021.sponsors article .sponsors__inner_7 .sponsors__item { width: calc(50% - 15px); margin-bottom: 30px; } }

@media screen and (min-width: 1024px) { body.mfk2021.sponsors article .sponsors__inner_6 .sponsors__item, body.mfk2021.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.mfk2021.sponsors article .sponsors__inner_6 .sponsors__item, body.mfk2021.sponsors article .sponsors__inner_7 .sponsors__item { -ms-flex-preferred-size: 204px; flex-basis: 204px; } }

body.mfk2021.sponsors article .sponsors__inner_6 img, body.mfk2021.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;
$font36px: 2.25rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== media */
body.mft2018.media article { /* ============================== table */ }

@media screen and (min-width: 1024px) { body.mft2018.media article table { margin-top: -83px; }
  body.mft2018.media article table tr { display: table-row; }
  body.mft2018.media article table tr th, body.mft2018.media article table tr td { display: table-cell; } }

/* ============================== 教育機関の方へ */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== for_educators */
body.mfk2021.for_educators article section { margin-bottom: 75px; }

@media screen and (min-width: 1024px) { body.mfk2021.for_educators article section { margin-bottom: 150px; } }

@media screen and (max-width: 1023px) { body.mfk2021.for_educators article .books .books__item { border-top: dashed 1px #d9d9d9; margin: 0 0 30px; } }

@media screen and (min-width: 1024px) { body.mfk2021.for_educators article .books .books__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 0 50px; } }

body.mfk2021.for_educators article .books .books__item__image { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1023px) { body.mfk2021.for_educators article .books .books__item__image { width: 40vw; margin: 30px auto 20px; } }

@media screen and (min-width: 1024px) { body.mfk2021.for_educators article .books .books__item__image { width: 204px; padding-right: 60px; margin: 0; } }

body.mfk2021.for_educators article .books .books__item__image img { display: block; height: auto; width: 100%; margin: 0 auto; border: solid 1px rgba(0, 29, 43, 0.1); }

body.mfk2021.for_educators article .books .books__item__text { margin-top: 0; margin-bottom: 0; }

@media screen and (min-width: 1024px) { body.mfk2021.for_educators article .books .books__item__text { width: 552px; font-size: 1rem; letter-spacing: 1px; line-height: 32px; } }

body.mfk2021.for_educators article .books .books__item__text a { display: block; margin-bottom: 15px; font-size: 0.9375rem; letter-spacing: 1px; line-height: 30px; }

@media screen and (min-width: 1024px) { body.mfk2021.for_educators article .books .books__item__text a { margin-bottom: 30px; font-size: 1.125rem; line-height: 36px; } }

/* ============================== お問い合わせ */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== inquiry */
body.mfk2021.inquiry article .required { color: #E50615; }

body.mfk2021.inquiry article .lead__required { position: relative; top: -54px; bottom: 0; margin: 0; font-size: 0.5rem; letter-spacing: 1px; text-align: right; line-height: 20px; }

@media screen and (min-width: 1024px) { body.mfk2021.inquiry article .lead__required { top: -76px; font-size: 0.875rem; line-height: 28px; } }

body.mfk2021.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.mfk2021.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.mfk2021.inquiry article p { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mfk2021.inquiry article p { margin-left: 306px; } }

body.mfk2021.inquiry article .wpcf7 { margin: -40px 0 0; padding-bottom: 25px; }

@media screen and (min-width: 1024px) { body.mfk2021.inquiry article .wpcf7 { margin-top: -28px; } }

body.mfk2021.inquiry article .wpcf7-recaptcha { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mfk2021.inquiry article .wpcf7-recaptcha { margin-left: 306px; margin-bottom: 100px; } }

body.mfk2021.inquiry article .wpcf7-mail-sent-ok { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mfk2021.inquiry article .wpcf7-mail-sent-ok { margin: 0 0 60px 306px; width: auto; } }

body.mfk2021.inquiry article .wpcf7-validation-errors { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { body.mfk2021.inquiry article .wpcf7-validation-errors { margin: 0 0 60px 306px; width: auto; } }

body.mfk2021.inquiry article input:not(.form__search__input), body.mfk2021.inquiry article select, body.mfk2021.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: #F4F4F4; border: 0; border-radius: 0; }

body.mfk2021.inquiry article textarea { height: 240px; }

@media screen and (min-width: 1024px) { body.mfk2021.inquiry article textarea { height: 290px; } }

body.mfk2021.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.mfk2021.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;
$font36px: 2.25rem;
$font54px: 3.375rem;
//* /


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== en */
body.mfk2021.en { /* ============================== article */ }

@media screen and (min-width: 1024px) { body.mfk2021.en article h2, body.mfk2021.en aside h2 { letter-spacing: 1px; } }

@media screen and (max-width: 1023px) { body.mfk2021.en article p, body.mfk2021.en aside p { letter-spacing: 0.5px; } }

@media screen and (min-width: 1024px) { body.mfk2021.en article p, body.mfk2021.en aside p { font-size: 1rem; line-height: 32px; } }

@media screen and (max-width: 1023px) { body.mfk2021.en article table tr td, body.mfk2021.en aside table tr td { letter-spacing: 0.5px; } }

body.mfk2021.en .mv.mv__common .mv__copy { margin-top: 25vw; height: 11.389vw; }

@media screen and (min-width: 1024px) { body.mfk2021.en .mv.mv__common .mv__copy { margin-top: 182px; } }

body.mfk2021.en nav.header__nav .btn__small { width: 280px; }

body.mfk2021.en .header__textlink { position: absolute; z-index: 1; top: 16px; right: 12px; color: #fff; }

body.mfk2021.en .header__textlink span { font-size: 0.75rem; }

body.mfk2021.en .header__textlink span .svgicons { margin-top: -6px; }

body.mfk2021.en .header__textlink a { color: #fff; }

body.mfk2021.en article table tr.playguide { position: relative; }

body.mfk2021.en article table td p.border__dash { padding: 20px; margin-bottom: 20px; }

@media screen and (max-width: 1023px) { body.mfk2021.en article table td p.border__dash { margin-top: 20px; } }

@media screen and (min-width: 1024px) { body.mfk2021.en article table td p.border__dash { padding: 20px 0 30px; margin-bottom: 0; border-left: none; border-right: none; border-bottom: none; } }

body.mfk2021.en article table td p.border__dash .btn__small { margin-top: 20px; }

body.mfk2021.en article img.img__badge { margin: 30px auto; display: block; width: 226px; height: 226px; }

@media screen and (min-width: 1024px) { body.mfk2021.en article img.img__badge { position: absolute; top: 282px; left: -79px; } }

@media screen and (min-width: 1024px) { body.mfk2021.en article iframe { height: 460px; } }

body.mfk2021.en article .textalign__right { font-size: 0.875rem; letter-spacing: 1px; line-height: 14px; }

@media screen and (min-width: 1024px) { body.mfk2021.en article .textalign__right { margin: 30px 0; font-size: 1.125rem; line-height: 18px; } }

@media screen and (max-width: 1023px) { body.mfk2021.en article #callformakers .btn__small { margin-bottom: 20px; } }

@media screen and (min-width: 1024px) { body.mfk2021.en article #callformakers .btn__small { width: 246px; margin-bottom: 10px; } }

body.mfk2021.en article .access__detail { margin-bottom: 75px; }

@media screen and (min-width: 1024px) { body.mfk2021.en article .access__detail { margin-bottom: 150px; } }

body.mfk2021.en article .access__detail p { margin-bottom: 15px; }

@media screen and (min-width: 1024px) { body.mfk2021.en article .access__detail p { margin-bottom: 30px; } }

@media screen and (min-width: 1024px) { body.mfk2021.en article .access__detail strong { font-size: 20px; line-height: 36px; } }

body.mfk2021.en article ul.sup { font-size: 0.75rem; letter-spacing: 0.86px; line-height: 2; opacity: 1; }

@media screen and (min-width: 1024px) { body.mfk2021.en article ul.sup { font-size: 0.875rem; letter-spacing: 0.88px; } }

body.mfk2021.en article ul.sup li { position: relative; margin-left: 20px; }

body.mfk2021.en article ul.sup li::before { content: '※'; display: inline-block; position: absolute; top: 0; left: -20px; }

body.mfk2021.en article .playguide ul.sup { margin-top: -25px; }

@media screen and (min-width: 1024px) { body.mfk2021.en article .playguide ul.sup { margin-top: -43px; } }

/* ============================== 限定ページ */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
#protectedForm form input[type="password"] { width: 100%; height: 55px; margin: 0; padding: 8px 30px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; line-height: 40px; background: transparent; border: solid 1px #31a9e2; border-radius: 0; color: #31a9e2; }

@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 30px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.8125rem; line-height: 40px; background: #E1E1E1; 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; } }

/* ============================== 検索結果 */
/* ============================== parameter */
/* ============================== font */
/* icon */
/* ============================== size */
/* SP/PCサイズ */
/* ============================== font-size */
/*

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


*/
/* ============================== color */
/* ============================== animation */
/* ============================== mixins */
/* メディアクエリ */
/* テキストを隠す */
/* ============================== inquiry */
@media screen and (min-width: 1024px) { body.mft2018.search h2 { padding-top: 0; } }

body.mft2018.search article nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }

body.mft2018.search article nav ul li { margin: 0 0 7px 40px; height: 26px; border: none; }

body.mft2018.search article input { width: 100%; height: 50px; padding: 8px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; line-height: 2.1; background-color: #F4F4F4; border: 0; }

@media screen and (min-width: 1024px) { body.mft2018.search article input { width: 450px; } }

/* ============================== 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; } }