@charset "UTF-8";
html { color: #222; font-size: 1em; line-height: 1.4; }

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

/* ============================== 共通 */
/* ============================== parameter */
/*
$font10px: 0.5rem;
$font13px: 0.8125rem;
$font15px: 0.9375rem;
$font16px: 1rem;
$font17px: 1.0625rem;
$font18px: 1.125rem;
$font18_4px: 1.15rem;
$font20px: 1.25rem;
$font22px: 1.375rem;
$font24px: 1.5rem;
$font28px: 1.75rem;
$font30px: 1.875rem;
$font36px: 2.25rem;
$font54px: 3.375rem;
*/
/* ============================== CSS Sprite */
.sprite { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/sprite.png"); -webkit-background-size: 530px 485px; background-size: 530px 485px; }

.btn_footer_pagetop { width: 62px; height: 78px; background-position: -396px -375px; }

dl.information dt:before, body.makers2017 #makerDetail h4:before, body.sponsors #performance dt:before { width: 41px; height: 33px; background-position: -406px -337px; }

.img_menuitem1 { width: 137px; height: 128px; background-position: 0px -25px; }

.img_menuitem2 { width: 137px; height: 128px; background-position: 0px -165px; }

.img_menuitem3 { width: 136px; height: 128px; background-position: -142px -166px; }

.img_menuitem4 { width: 137px; height: 128px; background-position: -142px -33px; }

.img_menuitem5 { width: 137px; height: 128px; background-position: 0px -299px; }

.img_menuitem6 { width: 136px; height: 128px; background-position: -142px -299px; }

body.feature section.program .program_info > dl > dt:before, body.makerclassroom section.program .program_info > dl > dt:before, body.presentations section.program .program_info > dl > dt:before { width: 25px; height: 33px; background-position: -426px -30px; }

.pagetitle_about { width: 112px; height: 26px; background-position: -283px -368px; }

.pagetitle_aboutmake { width: 183px; height: 23px; background-position: -191px -461px; }

.pagetitle_callformakers { width: 165px; height: 28px; background-position: -284px -89px; }

.pagetitle_contact { width: 176px; height: 28px; background-position: -283px -183px; }

.pagetitle_education { width: 174px; height: 24px; background-position: -284px -154px; }

.pagetitle_en { width: 372px; height: 28px; background-position: 0px 0px; }

.pagetitle_faq { width: 169px; height: 27px; background-position: -284px -122px; }

.pagetitle_feature { width: 186px; height: 24px; background-position: 0px -461px; }

.pagetitle_makers2017 { width: 150px; height: 28px; background-position: -283px -304px; }

.pagetitle_presentations { width: 207px; height: 24px; background-position: 0px -432px; }

.pagetitle_press { width: 169px; height: 27px; background-position: -283px -243px; }

.pagetitle_programguide { width: 184px; height: 24px; background-position: -212px -432px; }

.pagetitle_release { width: 118px; height: 26px; background-position: -283px -337px; }

.pagetitle_tothefirst { width: 176px; height: 22px; background-position: -283px -216px; }

.pagetitle_makerclassroom { width: 245px; height: 24px; background-position: -283px -275px; }

a.sprite { vertical-align: middle; }

.svgicons { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; fill: currentColor; }
.svgicons img { width: 100%; height: 100%; margin: 0; padding: 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
body { font: 16px/26px "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic", "Roboto Condensed", sans-serif; line-height: 1.75rem; letter-spacing: 0.1em; word-wrap: break-word; }

h2, h3 { display: block; margin: 0 auto; padding: 0; text-align: center; color: #00aeef; }

h4, h5, h6 { margin: 0; padding: 0; }

h3 { font-size: 1.0825rem; line-height: 1.45833rem; letter-spacing: 0.1em; }

a, a:hover, a:active, a:focus { color: #00aeef; text-decoration: underline; }

article { width: 100%; width: 100vw; margin: 0; color: #4d4d4d; }
article h2 { margin: 0 auto 15.6px; padding: 20px 0 0; }
article section { width: 92.157%; width: 92.157vw; padding-bottom: 25px; margin: 0 auto; }
article section h3 { margin: 15.6px auto; }
article section > section { width: 100%; margin: 0; padding: 0; }

hr { display: block; margin: 15.6px 0; padding: 16.6px; border: none; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; width: 100%; max-width: 340px; height: 24px; height: 8vw; margin-bottom: 5px; background-image: url("../img/separator_main.png"); -webkit-background-size: contain; background-size: contain; background-position: center center; margin: 0 auto; }

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

ul { font-size: 0; letter-spacing: 0; line-height: 0; }
ul li { font-size: 1rem; letter-spacing: 0.05em; line-height: initial; list-style-type: none; }

dl { margin: 0; padding: 0; }
dl dt { margin: 0; padding: 0; }
dl dd { margin: 0; padding: 0; }
dl.oneline dt { display: inline-block; }
dl.oneline dd { display: inline-block; padding-left: 0.6rem; }

p { margin: 0; padding: 0; text-align: justify; text-justify: inter-ideograph; }
p.tagline { text-align: center; }

b, strong { font-weight: 600; }

/* ============================== parts */
.separatorWrapper { height: 88px; text-align: center; }
.separatorWrapper .separator { position: absolute; width: 100%; left: 0; height: 143px; zoom: 0.67; text-align: center; background: url("../img/img_line.png") no-repeat center bottom; -webkit-background-size: 1020px 135px; background-size: 1020px 135px; }

.onepoint { text-align: center; margin: 0 auto; }
.onepoint .sprite { margin: 0 auto; }
.onepoint .sprite.img_menuitem1, .onepoint .sprite.img_menuitem2, .onepoint .sprite.img_menuitem3, .onepoint .sprite.img_menuitem4, .onepoint .sprite.img_menuitem5, .onepoint .sprite.img_menuitem6 { height: 118px; }

.annotation { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.1em; font-weight: 600; }

.sup, .annotation.sup { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.1em; font-weight: normal; }

.strong, .strong.sup, .strong.annotation.sup { font-weight: 600; }

ul.leftline { margin-left: 0.6rem; border-left: solid 1px #00aeef; list-style-type: none; }
ul.leftline li { margin-left: 1.3rem; text-align: justify; text-justify: inter-ideograph; }
ul.leftline li:before { display: inline-block; margin-left: -1rem; content: "・"; }
ul.leftline li:first-child { margin-top: 8px; }
ul.leftline.noMark li:before { display: none; }

dl.tables, table.tables tr { border-bottom: solid 1px #00aeef; }
dl.tables:first-child, dl.tables.first, table.tables tr:first-child, table.tables tr.first { border-top: solid 1px #00aeef; }
dl.tables > dt, dl.tables > th, table.tables tr > dt, table.tables tr > th { display: block; padding: 5.65px 0; text-align: center; font-size: 0.75rem; letter-spacing: 0.1em; font-weight: 600; color: #00aeef; border-bottom: solid 1px #00aeef; }
dl.tables > dd, dl.tables > td, table.tables tr > dd, table.tables tr > td { display: block; padding: 14.6px 0; letter-spacing: 0.1em; }
dl.tables > dd .workshopTitle, dl.tables > td .workshopTitle, table.tables tr > dd .workshopTitle, table.tables tr > td .workshopTitle { text-align: justify; text-justify: inter-ideograph; }
dl.tables > dd .workshopMaker, dl.tables > td .workshopMaker, table.tables tr > dd .workshopMaker, table.tables tr > td .workshopMaker { padding-bottom: 9px; }
dl.tables > dd .workshopMaker .sponsor, dl.tables > td .workshopMaker .sponsor, table.tables tr > dd .workshopMaker .sponsor, table.tables tr > td .workshopMaker .sponsor { height: 20px; display: inline-block; padding: 0 6px; margin: 0 4px; font: 0.75rem "Roboto Condensed", sans-serif; line-height: 20px; letter-spacing: 0.12em; text-align: center; background-color: #e60012; color: #fff; border-radius: 4px; }
dl.tables > dd .workshopDetail, dl.tables > td .workshopDetail, table.tables tr > dd .workshopDetail, table.tables tr > td .workshopDetail { text-align: right; }
dl.tables > dd .workshopDescription, dl.tables > td .workshopDescription, table.tables tr > dd .workshopDescription, table.tables tr > td .workshopDescription { font-size: 0.75rem; line-height: 1.125rem; }

table.tables { width: 100%; }
table.tables tr > th { clear: both; width: 100%; }
table.tables tr > td { width: 33.3%; float: left; text-align: center; border-right: solid 1px #00aeef; -webkit-box-sizing: border-box; box-sizing: border-box; }
table.tables tr > td:last-child { border-right: none; }
table.tables tr > td.colspan2 { width: 66.6%; }
table.tables tr > td.colspan3 { width: 100%; }

dl.information { clear: both; }
dl.information dt { margin-bottom: 8px; font-size: 1.0375rem; letter-spacing: 0.05em; color: #e60012; }
dl.information dt:before { display: inline-block; content: " "; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/sprite.png"); -webkit-background-size: 530px 485px; background-size: 530px 485px; margin-left: 1px; margin-right: 5px; vertical-align: bottom; }

.roundBtn { display: table; margin: 0; width: 100%; height: 66.6666px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #00aeef; border-radius: 5px; font-size: 1.0825rem; font-weight: 600; letter-spacing: 0.05em; text-align: center; }
.roundBtn a { text-decoration: none !important; border-radius: 5px; background-color: #fff; }
.roundBtn a, .roundBtn a:hover, .roundBtn a:active { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.roundBtn a:hover, .roundBtn a:active, .roundBtn a:focus { background-color: rgba(0, 174, 239, 0.102); }
.roundBtn.redBtn { height: 80px; font-size: 0.75rem; letter-spacing: 0.13em; border-color: #e60012; }
.roundBtn.redBtn a, .roundBtn.redBtn a:hover, .roundBtn.redBtn a:active { color: #e60012; }
.roundBtn.redBtn a:hover, .roundBtn.redBtn a:active, .roundBtn.redBtn a:focus { background-color: rgba(230, 0, 18, 0.102); }
.roundBtn.redBtn strong { font-size: 1.0825rem; letter-spacing: 0.05em; }
.roundBtn.disabledBtn { opacity: 0.4; pointer-events: none; }

.twoButtonArea { *zoom: 1; }
.twoButtonArea .roundBtn { width: 43.25%; width: 44.11775vw; float: right; }
.twoButtonArea .roundBtn:first-child { float: left; }
.twoButtonArea:before, .twoButtonArea:after { content: " "; display: table; }
.twoButtonArea:after { clear: both; }

.movie { text-align: center; }
.movie iframe { width: 92.157%; width: 92.157vw; height: 51vw; margin-bottom: 33.3px; }

@media only screen and (min-width: 725px) { .movie iframe { width: 660px; height: 372px; margin-bottom: 50px; } }
div.pagetop { width: 780px; margin: 12px auto 19px; font-size: 0; line-height: 0; text-align: right; }
div.pagetop a { height: 12px; }
div.pagetop a .svgicons { width: 18px; height: 12px; margin-right: 1px; }

img.squareClip { display: block; width: 100%; margin: 31.2px auto; border-radius: 2vw; }
img.roundClip { border-radius: 50%; }

.twoImages { width: 50%; width: 50vw; margin: 31.2px auto; text-align: center; }
.twoImages img { width: 100%; }
.twoImages img:first-child { margin-bottom: 15.6px; }

.timeline { padding: 0; }
.timeline h3 { margin-bottom: 33px; }
.timeline .stepImages { position: absolute; left: 4.7%; left: 7vw; margin-top: 5px; margin-left: 2px; }
.timeline dl { margin: 0; min-height: 6rem; }
.timeline dl.step5 { min-height: initial; }
.timeline dl dt { padding: 0 0 0 27px; font-size: 1.0375rem; letter-spacing: 0.1em; color: #e60012; }
.timeline dl dt strong { display: block; margin-top: 4px; font-size: 0.91666rem; letter-spacing: 0.1em; color: #00aeef; }
.timeline dl dt strong .sup { font-size: 0.91666rem; letter-spacing: 0.1em; }
.timeline dl dd { margin: 5px 0 23px; padding: 0 0 0 27px; letter-spacing: 0.1em; text-align: justify; text-justify: inter-ideograph; }
.timeline dl dd .sup { letter-spacing: 0.05em; }

#contact table th .required { white-space: nowrap; }

/* ========================================================================== Media Queries ========================================================================== */
@media only screen and (max-width: 959px) { .onlyPC { display: none !important; }
  body { font-size: 0.91666rem; line-height: 1.375rem; letter-spacing: 0.05em; width: 100%; width: 100vw; overflow-x: hidden; }
  hr { zoom: 0.8; }
  ul li { letter-spacing: 0.05em; line-height: 1.375rem; }
  .sprite { zoom: 0.8; }
  article h2 .sprite { zoom: 0.77; }
  .onepoint { max-width: 92.157%; max-width: 92.157vw; }
  .onepoint .sprite.img_menuitem1, .onepoint .sprite.img_menuitem2, .onepoint .sprite.img_menuitem3, .onepoint .sprite.img_menuitem4, .onepoint .sprite.img_menuitem5, .onepoint .sprite.img_menuitem6 { height: 80px; }
  dl.information dt:before { zoom: 0.8; }
  div.pagetop { display: none !important; } }
@media only screen and (min-width: 960px) { .onlySP { display: none !important; }
  article { width: 960px; margin: 0 auto; }
  article h2 { margin-bottom: 12px; }
  article section { width: 820px; padding: 0; }
  article section h3 { margin: 0 auto 50px; padding: 9px 0; line-height: 32px; }
  h3 { font-size: 1.75rem; letter-spacing: 0.1em; }
  hr { padding: 18px 0 22px; margin: 0 auto; }
  ul li { letter-spacing: 0.1em; line-height: 1.75rem; }
  dl.oneline dd { padding-left: 11px; }
  .separatorWrapper .separator { margin-top: -10px; height: 135px; zoom: 1; }
  .annotation { line-height: 1.25rem; }
  .sup, .annotation.sup { line-height: 1.25rem; }
  ul.leftline { margin-top: 8px; margin-left: 10px; }
  ul.leftline li { margin-left: 30px; }
  ul.leftline li:first-child { margin-top: 6px; }
  dl.tables, table.tables tr { width: 660px; display: table; }
  dl.tables > dt, dl.tables > th, table.tables tr > dt, table.tables tr > th { display: table-cell; width: 160px; padding: 13px 0; border-right: solid 1px #00aeef; border-bottom: none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.25rem; text-align: left; vertical-align: top; }
  dl.tables > dd, dl.tables > td, table.tables tr > dd, table.tables tr > td { display: table-cell; padding: 10px 0 11px 19px; }
  dl.tables > dd .workshopTitle, dl.tables > td .workshopTitle, table.tables tr > dd .workshopTitle, table.tables tr > td .workshopTitle { line-height: 1.5rem; }
  dl.tables > dd .workshopMaker, dl.tables > td .workshopMaker, table.tables tr > dd .workshopMaker, table.tables tr > td .workshopMaker { display: inline-block; padding: 0; font-size: 0.75rem; line-height: 1.25rem; letter-spacing: 0.1em; }
  dl.tables > dd .workshopMaker .sponsor, dl.tables > td .workshopMaker .sponsor, table.tables tr > dd .workshopMaker .sponsor, table.tables tr > td .workshopMaker .sponsor { padding: 2px 0 0 0; height: 14px; min-width: 86px; font-size: 0.5rem; letter-spacing: 0.15em; line-height: 14px; border-radius: 5px; }
  dl.tables > dd .workshopDetail, dl.tables > td .workshopDetail, table.tables tr > dd .workshopDetail, table.tables tr > td .workshopDetail { display: inline-block; font-size: 0.75rem; letter-spacing: 0.1em; float: right; }
  dl.tables > dd .workshopDescription, dl.tables > td .workshopDescription, table.tables tr > dd .workshopDescription, table.tables tr > td .workshopDescription { font-size: 0.75rem; letter-spacing: 0.1em; line-height: 1.25rem; margin-bottom: 3px; }
  dl.information dt { font-size: 1.375rem; letter-spacing: 0.1em; }
  .twoButtonArea .roundBtn { width: 320px; }
  .compactArea { width: 660px; }
  .compactArea > section { width: 660px; }
  .roundBtn { height: 70px; border-radius: 10px; font-size: 1rem; letter-spacing: 0.1em; }
  .roundBtn a { border-radius: 10px; }
  .roundBtn.redBtn { height: 100px; font-size: 1rem; letter-spacing: 0.1em; }
  .roundBtn.redBtn strong { font-size: 1.375rem; letter-spacing: 0.12em; }
  img.squareClip { border-radius: 15px; margin: 42px auto; }
  .twoImages { width: 100%; margin: 42px auto; }
  .twoImages img { width: 240px; margin: 0 30px; }
  .twoImages img:first-child { margin-bottom: 0; }
  .timeline h3 { margin-bottom: 47px; }
  .timeline .stepImages { left: inherit; margin-left: 20px; margin-top: 1px; }
  .timeline dl { padding-left: 63px; min-height: inherit; }
  .timeline dl dt { width: 660px; padding-left: 0; font-size: 1.375rem; }
  .timeline dl dt strong { display: inline-block; margin-top: 0; margin-left: 16px; font-size: 1rem; }
  .timeline dl dt strong .sup { font-size: 0.75rem; }
  .timeline dl dd { width: 660px; margin: 8px 0 28px 1px; padding: 0; }
  .timeline dl dd .sup { letter-spacing: 0.1em; }
  .timeline dl dd .sup:after { display: block; content: " "; } }
@-webkit-keyframes animation-float { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes animation-float { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.animation-float { -webkit-animation: animation-float 4s ease 0s infinite; animation: animation-float 4s ease 0s infinite; }

@-webkit-keyframes animation-floatbig { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-16px); transform: translateY(-16px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes animation-floatbig { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-16px); transform: translateY(-16px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.animation-floatbig { -webkit-animation: animation-floatbig 7.5s ease 0s infinite; animation: animation-floatbig 7.5s ease 0s infinite; }

@-webkit-keyframes animation-floatbig2 { 0% { -webkit-transform: translateY(-16px); transform: translateY(-16px); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } }

@keyframes animation-floatbig2 { 0% { -webkit-transform: translateY(-16px); transform: translateY(-16px); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } }
.animation-floatbig2 { -webkit-animation: animation-floatbig2 8.5s ease 0s infinite; animation: animation-floatbig2 8.5s ease 0s infinite; }

@-webkit-keyframes animation-floatx { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-48px); transform: translateX(-48px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes animation-floatx { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-48px); transform: translateX(-48px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
.animation-floatx { -webkit-animation: animation-floatx 9s ease 0s infinite; animation: animation-floatx 9s ease 0s infinite; }

@-webkit-keyframes animation-floatx2 { 0% { -webkit-transform: translateX(-48px); transform: translateX(-48px); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-48px); transform: translateX(-48px); } }

@keyframes animation-floatx2 { 0% { -webkit-transform: translateX(-48px); transform: translateX(-48px); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-48px); transform: translateX(-48px); } }
.animation-floatx2 { -webkit-animation: animation-floatx2 10s ease 0s infinite; animation: animation-floatx2 10s ease 0s infinite; }

/* ============================== header_global */
#headerGlobal { background-color: #00aeef; height: 40px; color: #fff; }
#headerGlobal .headerInner { width: 810px; margin: 0 auto; height: 28px; padding: 6px 0; }
#headerGlobal ul li { display: inline-block; margin-right: 2.5rem; font-family: "Roboto Condensed", sans-serif; font-size: 0.875rem; letter-spacing: 0.1em; white-space: nowrap; list-style: none; }
#headerGlobal ul li a, #headerGlobal ul li a:hover, #headerGlobal ul li a:active { text-decoration: none; color: #fff; }
#headerGlobal ul { float: left; }
#headerGlobal ul.second { float: right; height: 29px; }
#headerGlobal ul.second li { margin-right: 0; }
#headerGlobal ul.second .navGlobalSearch .svgicons { width: 11px; height: 13px; cursor: pointer; }
#headerGlobal ul.second .navGlobalSearch form { display: inline; height: 29px; }
#headerGlobal ul.second .navGlobalSearch input[type="text"] { visibility: visible; padding: 0 5px; width: 160px; height: 28px; background: transparent; border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #fff; border-radius: 0; color: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
#headerGlobal ul.second .navGlobalSearch.hideForm input[type="text"] { visibility: hidden; width: 0; padding: 0; }

/* ============================== header_local */
#header { height: 95px; height: 28vw; background: url("../img/top/img_index_slider1.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; }
#header a { color: #fff; text-decoration: none; }
#header .inner { position: relative; }
#header .overlay { width: 100%; width: 100vw; }
#header h1 { position: absolute; display: block; top: 0; width: 75.157%; width: 75.157vw; height: 44px; height: 13vw; margin: 14px 20.9215% 14px 3.9215%; margin: 4vw 20.9215vw 4vw 3.9215vw; border-bottom-left-radius: 6px; border-bottom-left-radius: 2vw; border-top-left-radius: 6px; border-top-left-radius: 2vw; background: #fff; }
#header h1 a { display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px 34px; padding-top: 1vw; padding-bottom: 1vw; padding-left: 10vw; padding-right: 10vw; }
#header h1 a .svgicons { width: 100%; height: 100%; }
#header .btnMenu { position: relative; width: 17%; width: 17vw; height: 44px; height: 13vw; right: 3.9215%; right: 3.9215vw; margin: 14px 0 14px auto; margin-top: 4vw; margin-bottom: 4vw; color: #fff; background: #00aeef; border-top-right-radius: 6px; border-top-right-radius: 2vw; border-bottom-right-radius: 6px; border-bottom-right-radius: 2vw; cursor: pointer; }
#header .btnMenu .svgicons { width: 100%; height: 100%; }
#header .tagline { position: absolute; text-align: left; font-family: "Roboto Condensed", sans-serif, san-serif; white-space: nowrap; pointer-events: none; }
#header .tagline .date { display: block; font-weight: 700; color: #fff; }

@media only screen and (max-width: 959px) { #header .headroom { position: absolute; width: 100%; width: 100vw; top: 0; z-index: 2; -webkit-transition: top 0.2s linear; transition: top 0.2s linear; }
  #header .headroom.headroom--unpinned { position: fixed; top: -64px; top: -13vw; }
  #header .headroom.headroom--pinned { position: fixed; top: 0; z-index: 999; }
  #header .headroom.headroom--not-top { width: 100%; width: 100vw; }
  #header .headroom.headroom--not-top h1 { position: relative; width: 75%; width: 75vw; margin: 0; border-radius: 0; }
  #header .headroom.headroom--not-top .btnMenu { position: relative; width: 25%; width: 25vw; top: -44px; top: -13vw; right: 0; margin: 0 0 0 auto; border-radius: 0; } }
@media only screen and (min-width: 960px) { #header { width: 100%; height: 183px; }
  #header .overlay { width: 820px; margin: 0 auto; }
  #header h1 { top: 15px; width: 318px; height: 64px; margin: 0; border-radius: 10px; z-index: 1; }
  #header h1 a { width: 298px; height: 44px; padding: 10px; -webkit-box-sizing: content-box; box-sizing: content-box; }
  #header h1 a .svgicons { width: 298px; height: 44px; }
  #header .tagline { top: 32px; padding-left: 337px; }
  #header .tagline .date { font-size: 2.25rem; letter-spacing: 0.05em; }
  #header .navGlobalLang { position: absolute; width: 820px; top: 33px; left: 0; right: 0; margin: 0 auto; font-size: 0.875rem; letter-spacing: 0.1em; font-family: "Roboto Condensed", sans-serif; text-align: right; } }
#headerp { height: 28vw; }
#headerp a { color: #00aeef; text-decoration: none; }
#headerp .inner { position: relative; }
#headerp .overlay { width: 100%; width: 100vw; }
#headerp h1 { position: absolute; display: block; top: 0; width: 75.157%; width: 75.157vw; height: 44px; height: 13vw; margin: 14px 20.9215% 14px 3.9215%; margin: 4vw 20.9215vw 4vw 3.9215vw; border-bottom-left-radius: 6px; border-bottom-left-radius: 2vw; border-top-left-radius: 6px; border-top-left-radius: 2vw; background: #fff; }
#headerp h1 a { display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px 34px; padding-top: 1vw; padding-bottom: 1vw; padding-left: 10vw; padding-right: 10vw; }
#headerp h1 a .svgicons { width: 100%; height: 100%; }
#headerp .btnMenu { position: relative; width: 17%; width: 17vw; height: 44px; height: 13vw; right: 3.9215%; right: 3.9215vw; margin: 14px 0 14px auto; margin-top: 4vw; margin-bottom: 4vw; color: #fff; background: #00aeef; border-top-right-radius: 6px; border-top-right-radius: 2vw; border-bottom-right-radius: 6px; border-bottom-right-radius: 2vw; cursor: pointer; }
#headerp .btnMenu .svgicons { width: 100%; height: 100%; }
#headerp .tagline { position: absolute; text-align: left; font-family: "Roboto Condensed", sans-serif, san-serif; white-space: nowrap; pointer-events: none; }
#headerp .tagline .date { padding: -10px; font-weight: 700; color: #00aeef; }
#headerp .tagline .taglineIllust { overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; display: inline-block; width: 48px; height: 34px; background-image: url("../img/sprite.png"); -webkit-background-size: 530px 485px; background-size: 530px 485px; background-position: -283px -397px; }

@media only screen and (max-width: 959px) { #headerp { height: 20vw; background: url("../img/bg_menu.png") repeat left top; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
  #headerp .headroom { position: absolute; width: 100%; width: 100vw; top: 0; z-index: 2; -webkit-transition: top 0.2s linear; transition: top 0.2s linear; }
  #headerp .headroom.headroom--unpinned { position: fixed; top: -64px; top: -13vw; }
  #headerp .headroom.headroom--pinned { position: fixed; top: 0; z-index: 999; }
  #headerp .headroom.headroom--not-top { width: 100%; width: 100vw; }
  #headerp .headroom.headroom--not-top h1 { position: relative; width: 75%; width: 75vw; margin: 0; border-radius: 0; }
  #headerp .headroom.headroom--not-top .btnMenu { position: relative; width: 25%; width: 25vw; top: -44px; top: -13vw; right: 0; margin: 0 0 0 auto; border-radius: 0; } }
@media only screen and (min-width: 960px) { #headerp { width: 100%; height: 140px; }
  #headerp .overlay { width: 820px; margin: 0 auto; }
  #headerp h1 { top: 15px; width: 318px; height: 64px; margin: 0; border-radius: 10px; z-index: 1; }
  #headerp h1 a { width: 298px; height: 44px; padding: 10px; -webkit-box-sizing: content-box; box-sizing: content-box; }
  #headerp h1 a .svgicons { width: 298px; height: 44px; }
  #headerp .tagline { top: 26px; padding-left: 337px; }
  #headerp .tagline .date { font-size: 2.25rem; letter-spacing: 0.05em; }
  #headerp .tagline .taglineIllust { font-size: 2.25rem; }
  #headerp .navGlobalLang { position: absolute; width: 820px; top: 33px; left: 0; right: 0; margin: 0 auto; font-size: 0.875rem; letter-spacing: 0.1em; font-family: "Roboto Condensed", sans-serif; text-align: right; } }
@-webkit-keyframes fadeIn { 0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; } }
@keyframes fadeIn { 0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; } }
/* ============================== mainMenu */
nav#mainMenu { visibility: hidden; }
nav#mainMenu.showMenu { visibility: visible; position: fixed; top: 0; width: 100%; width: 100vw; height: 150%; height: 150vh; overflow-y: hidden; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; background: #fff; z-index: 9999; }
nav#mainMenu.showMenu .inner { top: 0; bottom: 0; width: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
nav#mainMenu .inner { position: fixed; }
nav#mainMenu .inner .btnMenu { position: absolute; top: 13px; top: 3.8vw; right: 6%; right: 6vw; width: 48px; width: 14vw; height: 48px; height: 14vw; margin: -2px -2px 0 0; color: #00aeef; }
nav#mainMenu .inner .btnMenu .svgicons { width: 100%; height: 100%; }
nav#mainMenu .inner a, nav#mainMenu .inner a:hover, nav#mainMenu .inner a:active { height: 100%; text-decoration: none; }
nav#mainMenu .inner li.disabled { pointer-events: none; }
nav#mainMenu .inner li.disabled a { cursor: default; pointer-events: none; }
nav#mainMenu .inner > ul { display: block; width: 100%; margin: 38px 0 0; margin-top: calc(21vw - 33.4px); padding: 0 0 71.4px; padding-bottom: 21vw; }
nav#mainMenu .inner li.menuItem { display: block; text-align: center; clear: both; }
nav#mainMenu .inner li.menuItem > a { display: block; width: 100%; text-indent: 0; pointer-events: none; }
nav#mainMenu .inner li.menuItem > a span { display: block; width: 100%; height: 33.4px; font-size: 0.75rem; font-weight: 600; line-height: 2.2875rem; letter-spacing: 0.1em; color: #00aeef; }
nav#mainMenu .inner ul.subMenu { width: 100%; display: block; }
nav#mainMenu .inner ul.subMenu li.subMenuItem { display: block; text-align: center; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; background: #fc0022 url("../img/bg_menu.png") repeat left top; -webkit-background-size: 40px 40px; background-size: 40px 40px; border-right: solid 1px #fff; border-top: solid 1px #fff; font-size: 0.875rem; line-height: 3.125rem; letter-spacing: 0.05em; }
nav#mainMenu .inner ul.subMenu li.subMenuItem:nth-child(2n) { border-right: none; }
nav#mainMenu .inner ul.subMenu li.subMenuItem.twoCols { width: 100%; border-right: none; }
nav#mainMenu .inner ul.subMenu li.subMenuItem a { display: inline-block; width: 100%; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
nav#mainMenu .inner ul.subMenu li.subMenuItem.disabled a { opacity: 0.5; }

@media only screen and (max-width: 959px) { nav#mainMenu .sprite { zoom: 1; }
  nav#mainMenu .inner li.menuItem > a { background: none; }
  nav#mainMenu .inner ul.subMenu:before, nav#mainMenu .inner ul.subMenu:after { content: ""; display: table; }
  nav#mainMenu .inner ul.subMenu:after { clear: both; } }
@media only screen and (min-width: 960px) { nav#mainMenu { visibility: visible; width: 820px; height: 180px; margin: -29px auto 42px; }
  nav#mainMenu .inner { position: inherit; }
  nav#mainMenu .inner > ul { display: table; table-layout: fixed; width: 820px; margin: 0; padding: 0; }
  nav#mainMenu .inner li.menuItem { display: table-cell; vertical-align: middle; overflow: hidden; clear: none; }
  nav#mainMenu .inner li.menuItem > a { position: relative; padding-top: 77px; overflow: visible; pointer-events: auto; }
  nav#mainMenu .inner li.menuItem > a span { width: 137px; height: 41px; padding: 0 17px 10px 0; font-size: 0.875rem; font-weight: normal; line-height: 41px; letter-spacing: 0.05em; }
  nav#mainMenu .inner li.menuItem > a span.rollover { display: none; background-image: url("../img/sprite.png"); -webkit-background-size: 530px 485px; background-size: 530px 485px; width: 137px; height: 51px; background-position: -284px -33px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 9px 0 0; font-family: "Roboto Condensed", sans-serif; letter-spacing: 0.1em; color: #fff; }
  nav#mainMenu .inner li.menuItem.current > a, nav#mainMenu .inner li.menuItem.hover > a, nav#mainMenu .inner li.menuItem:hover > a { -webkit-animation: animation-float 4s ease 0s infinite; animation: animation-float 4s ease 0s infinite; }
  nav#mainMenu .inner li.menuItem.current > a span.normal, nav#mainMenu .inner li.menuItem.hover > a span.normal, nav#mainMenu .inner li.menuItem:hover > a span.normal { display: none; }
  nav#mainMenu .inner li.menuItem.current > a span.rollover, nav#mainMenu .inner li.menuItem.hover > a span.rollover, nav#mainMenu .inner li.menuItem:hover > a span.rollover { display: inherit; }
  nav#mainMenu .inner li.menuItem.current > a ul.subMenu, nav#mainMenu .inner li.menuItem.hover > a ul.subMenu, nav#mainMenu .inner li.menuItem:hover > a ul.subMenu { visibility: visible; z-index: 10; }
  nav#mainMenu .inner li.menuItem > a:hover, nav#mainMenu .inner li.menuItem > a:focus { -webkit-animation: animation-float 4s ease 0s infinite; animation: animation-float 4s ease 0s infinite; }
  nav#mainMenu .inner li.menuItem > a:hover span.normal, nav#mainMenu .inner li.menuItem > a:focus span.normal { display: none; }
  nav#mainMenu .inner li.menuItem > a:hover span.rollover, nav#mainMenu .inner li.menuItem > a:focus span.rollover { display: inherit; }
  nav#mainMenu .inner li.menuItem > a:hover + ul.subMenu, nav#mainMenu .inner li.menuItem > a:focus + ul.subMenu { visibility: visible; z-index: 10; }
  nav#mainMenu .inner li.menuItem.disabled { pointer-events: none; }
  nav#mainMenu .inner li.menuItem.disabled a { pointer-events: none; }
  nav#mainMenu .inner li.menuItem.disabled.hover > a span.normal, nav#mainMenu .inner li.menuItem.disabled:hover > a span.normal { display: inherit; }
  nav#mainMenu .inner li.menuItem.disabled.hover > a span.rollover, nav#mainMenu .inner li.menuItem.disabled:hover > a span.rollover { display: none; }
  nav#mainMenu .inner li.menuItem.disabled.hover > a ul.subMenu, nav#mainMenu .inner li.menuItem.disabled:hover > a ul.subMenu { visibility: hidden; }
  nav#mainMenu .inner li.menuItem.disabled > a:hover span.normal, nav#mainMenu .inner li.menuItem.disabled > a:focus span.normal { display: inherit; }
  nav#mainMenu .inner li.menuItem.disabled > a:hover span.rollover, nav#mainMenu .inner li.menuItem.disabled > a:focus span.rollover { display: none; }
  nav#mainMenu .inner li.menuItem.disabled > a:hover + ul.subMenu, nav#mainMenu .inner li.menuItem.disabled > a:focus + ul.subMenu { visibility: hidden; }
  nav#mainMenu .inner li.menuItem.disabled span { opacity: 0.4; }
  nav#mainMenu .inner li.menuItem.current ul.subMenu, nav#mainMenu .inner li.menuItem.hover ul.subMenu { visibility: visible; }
  nav#mainMenu .inner li.menuItem.item3 ul.subMenu, nav#mainMenu .inner li.menuItem.item5 ul.subMenu { width: 620px; }
  nav#mainMenu .inner ul.subMenu { visibility: hidden; position: absolute; width: 820px; display: block; left: 0; right: 0; margin: -10px auto 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("../img/bg_menu.png") repeat left top; -webkit-background-size: 40px 40px; background-size: 40px 40px; border-radius: 10px; text-align: center; }
  nav#mainMenu .inner ul.subMenu li.subMenuItem { display: inline-block; vertical-align: middle; width: 200px; padding: 20px 0; float: none; background: none; border: none; line-height: 21px; }
  nav#mainMenu .inner ul.subMenu li.subMenuItem a { width: 165px; padding-bottom: 1px; }
  nav#mainMenu .inner ul.subMenu li.subMenuItem a:hover, nav#mainMenu .inner ul.subMenu li.subMenuItem a:active, nav#mainMenu .inner ul.subMenu li.subMenuItem a:focus { padding-bottom: 0; border-bottom: solid 1px #fff; }
  nav#mainMenu .inner ul.subMenu li.subMenuItem.current a { padding-bottom: 0; border-bottom: solid 1px #fff; }
  nav#mainMenu .inner ul.subMenu:hover, nav#mainMenu .inner ul.subMenu:focus { visibility: visible; }
  nav#mainMenu .inner ul.subMenu:hover + a span.normal, nav#mainMenu .inner ul.subMenu:focus + a span.normal { display: inherit; }
  nav#mainMenu .inner ul.subMenu:hover + a span.rollover, nav#mainMenu .inner ul.subMenu:focus + a span.rollover { display: inherit; } }
/* ============================== pagemenu */
#pageMenu, .pageMenu { margin: 14.6px auto; padding: 0; }
#pageMenu ul, .pageMenu ul { text-align: center; }
#pageMenu ul li, .pageMenu ul li { display: inline-block; min-width: 50%; margin: 3.3px 0 13.3px -1px; padding: 0 1rem; font-size: 0.91666rem; line-height: 1.0375rem; letter-spacing: 0.1em; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: solid 1px #00aeef; border-right: solid 1px #00aeef; text-align: center; }
#pageMenu ul li a, .pageMenu ul li a { text-decoration: none; }
#pageMenu ul li a:hover, #pageMenu ul li a:active, #pageMenu ul li a:focus, .pageMenu ul li a:hover, .pageMenu ul li a:active, .pageMenu ul li a:focus { border-bottom: solid 1px #00aeef; }

@media only screen and (min-width: 960px) { #pageMenu, .pageMenu { width: 705px; margin: 12px auto; }
  #pageMenu ul li, .pageMenu ul li { min-width: inherit; height: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; font-size: 0.75rem; line-height: 20px; } }
/* ============================== footer_global */
#footerGlobal { width: 100%; width: 100vw; padding-top: 33.3px; padding-bottom: 26.6px; background-color: #00aeef; color: #fff; }
#footerGlobal .inner { width: 92.157%; width: 92.157vw; margin: 0 3.9215%; margin-left: 3.9215vw; margin-right: 3.9215vw; }
#footerGlobal .inner a, #footerGlobal .inner a:hover, #footerGlobal .inner a:active { white-space: nowrap; text-decoration: none; color: #fff; }
#footerGlobal .inner nav { text-align: center; padding-bottom: 41.6px; }
#footerGlobal .inner nav ul li { display: block; margin-bottom: 6.6px; font-size: 0.875rem; line-height: 33.3px; letter-spacing: 0.072em; }
#footerGlobal .inner nav ul li .svgicons { width: 0.75rem; height: 0.875rem; cursor: pointer; }
#footerGlobal .inner nav ul li form { display: inline; }
#footerGlobal .inner nav ul li input[type="text"] { padding: 0 5px; width: 183px; background: transparent; border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #fff; border-radius: 0; color: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 1rem; letter-spacing: 0.05em; -webkit-transform: scale(0.875); -ms-transform: scale(0.875); transform: scale(0.875); }
#footerGlobal .inner nav ul li.hideForm input[type="text"] { padding: 0; width: 0; }
#footerGlobal .inner .logoArea { height: 24px; text-align: center; margin-bottom: 11.6px; line-height: 0; }
#footerGlobal .inner .logoArea div { display: inline-block; }
#footerGlobal .inner .logoArea #logoMake a { display: block; width: 67px; height: 20px; margin-left: 17px; margin-right: 25px; }
#footerGlobal .inner .logoArea #logoMake a .svgicons { width: 100%; height: 100%; }
#footerGlobal .inner .logoArea #logoOreilly a { display: block; width: 100px; height: 20px; }
#footerGlobal .inner .logoArea #logoOreilly a .svgicons { width: 100%; height: 100%; }
#footerGlobal .inner small { display: block; font-size: 0.75rem; line-height: 0.875rem; letter-spacing: 0.05em; text-align: center; }
#footerGlobal .inner small.sup { margin-top: 4px; }

@media only screen and (min-width: 960px) { #footerGlobal { width: 100%; padding: 29px 0 34px; }
  #footerGlobal .inner { width: 820px; margin: 0 auto; }
  #footerGlobal .inner nav { margin-top: 36px; padding: 0; float: right; text-align: inherit; }
  #footerGlobal .inner nav ul li { display: inline; margin-left: 1.9rem; font-size: 0.75rem; line-height: 14px; letter-spacing: 0.1em; }
  #footerGlobal .inner .logoArea { text-align: inherit; margin-bottom: 12px; }
  #footerGlobal .inner .logoArea #logoMake a { width: 80px; height: 24px; margin: 0 15px 0 0; }
  #footerGlobal .inner .logoArea #logoOreilly a { width: 120px; height: 24px; }
  #footerGlobal .inner small { margin-left: -2px; font-size: 0.75rem; letter-spacing: 0.05em; text-align: inherit; }
  #footerGlobal .inner small.sup { width: 50%; } }
/* ============================== footer_local */
#footerLocal { margin: 0 auto 33.3px; padding: 6px 0; }
#footerLocal ul { width: 240px; height: 30px; margin: 0 auto; }
#footerLocal ul li { display: inline; margin-right: 40px; }
#footerLocal ul li a { color: #00aeef; }
#footerLocal ul li a .svgicons { width: 30px; height: 30px; }
#footerLocal ul li:last-child { margin-right: 0; }

@media only screen and (min-width: 960px) { #footerLocal { margin-bottom: 50px; padding: 0; } }
/* ============================== footer_page_top */
#footerPageTop { position: fixed; right: 2.5%; right: 2.5vw; width: 50px; bottom: -120px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
#footerPageTop.headroom--unpinned { bottom: -120px; }
#footerPageTop.headroom--pinned { bottom: 23px; }
#footerPageTop.headroom--top, #footerPageTop.headroom--bottom { bottom: -120px; }

@media only screen and (max-width: 959px) { #footerPageTop .sprite { zoom: 0.81; } }
@media only screen and (min-width: 960px) { #footerPageTop { width: 940px; height: 78px; margin: 0 auto; left: 0; right: 0; text-align: right; }
  #footerPageTop.headroom--pinned { bottom: 23px; } }
/* ============================== ticket */
#ticket, #presskit { padding-top: 25px; padding-bottom: 93.3px; }
#ticket .downloadTxt, #presskit .downloadTxt { padding-bottom: 21px; text-align: center; }

@media only screen and (min-width: 960px) { #ticket, #presskit { margin: 50px auto 100px; padding: 0; } }
/* ============================== misc */
aside#misc { display: table; table-layout: auto; width: 820px; margin: 100px auto 82px; }
aside#misc > div { display: inline-block; vertical-align: top; width: 260px; padding-right: 20px; }
aside#misc > div:last-child { width: auto; padding-right: 0; }
aside#misc > div h3 { margin: 0 0 7px 0; font-size: 0.875rem; font-family: "Roboto Condensed", sans-serif; font-weight: 700; letter-spacing: 0.2em; text-align: left; }
aside#misc #asideTwitter .inner { border: solid 1px #ececec; border-radius: 5px; }
aside#misc #asidePastEvents ul { margin: -9px 0 0; }
aside#misc #asidePastEvents li { font-size: 0.875rem; line-height: 1.875rem; letter-spacing: 0.1em; list-style-type: none; }

@media only screen and (min-width: 960px) { aside#misc { margin-bottom: 120px; } }
/* ============================== TOP */
.top-sprite { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/top/topSprite.png"); -webkit-background-size: 507.5px 218px; background-size: 507.5px 218px; }

.top-icon_finger { width: 30px; height: 32px; background-position: -141px -183.5px; }

body.home #information li.newItem:before { width: 64px; height: 54px; background-position: -209.5px -80.5px; }

body.home #update ul li.newItem time:before { width: 36.5px; height: 17px; background-position: -176px -198.5px; }

body.home #bannerArea .inner ul li.recommend:before { width: 80px; height: 54px; background-position: -184px -139.5px; }

.top-img_bigbutton_pc { width: 66.5px; height: 91.5px; background-position: -438.5px -41.5px; }

.top-img_boat1 { width: 65px; height: 28.5px; background-position: -2.5px -183.5px; }

.top-img_boat2 { width: 63.5px; height: 26.5px; background-position: -72.5px -183.5px; }

.top-img_sponsor_pc { width: 128.5px; height: 62.5px; background-position: -278.5px -105.5px; }

.top-img_stabilizer { width: 92.5px; height: 77px; background-position: -412px -138px; }

.top-title_information { width: 158px; height: 34px; background-position: -337.5px -2.5px; }

.top-title_instagram { width: 330px; height: 34px; background-position: -2.5px -2.5px; }

.top-title_newsletter { width: 275px; height: 34px; background-position: -2.5px -41.5px; }

.top-title_sponsors { width: 202px; height: 34px; background-position: -2.5px -80.5px; }

.top-url_instagram-ro { width: 176.5px; height: 27px; background-position: -2.5px -151.5px; }

.top-url_instagram-ro-over { width: 176.5px; height: 27px; background-position: -2.5px -119.5px; }

.top-url_makezinejp-ro { width: 151px; height: 27px; background-position: -282.5px -73.5px; }

.top-url_makezinejp-ro-over { width: 151px; height: 27px; background-position: -282.5px -41.5px; }

@-webkit-keyframes topSlideFadeIn { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes topSlideFadeIn { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
body.home article { color: #00aeef; }
body.home #header { width: 100%; height: 435px; height: 121.078vw; margin-bottom: 20px; margin-bottom: 5.882vw; background: none; overflow-y: hidden; }
body.home #header .inner { position: relative; }
body.home #header .inner ul#topSlider li { width: 100%; height: 435px; height: 121.078vw; -webkit-background-size: cover; background-size: cover; background-position: center center; opacity: 0; }
body.home #header .inner ul#topSlider li.fadeIn { opacity: 1; -webkit-animation: topSlideFadeIn 1s ease-out; animation: topSlideFadeIn 1s ease-out; }
body.home #header .tagline { top: 186px; top: 57.06vw; width: 100%; margin: 0; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); text-align: center; }
body.home #header .tagline .date { font-size: 2.29166rem; line-height: 1.6rem; letter-spacing: 0.03em; }
body.home #header .tagline .dayofweek { font-size: 1.0375rem; letter-spacing: 0.05em; margin-left: 0.5rem; }
body.home #header .tagline .place { display: block; padding-top: 8px; font-size: 1.20833rem; font-weight: 700; line-height: 0.875rem; letter-spacing: 0.15em; color: #fff; }
body.home #header #topMovieControl { position: absolute; width: 61.76%; width: 61.76vw; top: 300px; top: 93.82vw; left: 0; right: 0; margin: auto; background: rgba(255, 255, 255, 0.4); border: solid 1px #fff; border-radius: 10px; }
body.home #header #topMovieControl a { display: block; text-align: center; padding: 8px; }
body.home #header #topMovieControl a .svgicons { width: 14px; height: 16px; }
body.home #header #topMovieControl a p { padding-top: 8px; font-family: "Roboto Condensed", sans-serif; font-size: 0.666rem; line-height: 0.91666rem; letter-spacing: 0.3em; text-align: center; }
body.home #header .onepoint-topMovieControl { position: absolute; width: 61.76%; width: 61.76vw; left: 0; right: 0; top: 300px; top: 93.82vw; margin-top: -22px; padding-right: 10px; pointer-events: none; text-align: right; }
body.home #header .onepoint-topMovieControl .top-sprite.top-img_stabilizer { zoom: 0.7; }
body.home #buttonArea1 { padding: 0; margin-bottom: 20px; margin-bottom: 5.882vw; }
body.home #buttonArea1 ul { width: 92.157%; width: 92.157vw; }
body.home #buttonArea1 li { display: table; width: 100%; letter-spacing: 0.13em; }
body.home #buttonArea1 li strong { letter-spacing: 0.1em; }
body.home #buttonArea2 ul { width: 92.157%; width: 92.157vw; }
body.home #buttonArea2 li { display: table; float: left; width: 48%; width: 44.11775vw; margin-right: 4.258%; margin-right: 3.9215vw; letter-spacing: 0.1em; }
body.home #buttonArea2 li:last-child { margin-right: 0; }
body.home #description > dl.tables > dd { color: #4d4d4d; }
body.home #description > dl.tables > dd .address { font-size: 0.75rem; letter-spacing: 0.1em; }
body.home #description > dl.tables > dd dl.oneline dt { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; }
body.home #description > dl.tables > dd .sticker { display: table; margin: 5px 0 16px; }
body.home #description > dl.tables > dd .sticker .message { display: table-cell; vertical-align: middle; }
body.home #description > dl.tables > dd .sticker .message img { width: 172px; width: 50.7vw; margin-bottom: 3px; }
body.home #description > dl.tables > dd .sticker .stickerImage { display: table-cell; vertical-align: middle; }
body.home #description > dl.tables > dd .sticker .stickerImage img { width: 80px; width: 23.53vw; margin-left: -24px; border-radius: 10px; }
body.home hr.hr-update { width: 295px; width: 92.157vw; height: 78px; height: 24.31vw; max-height: 90px; padding: 0; zoom: 1; background-image: url("../img/top/bg_bigsight.png"); }
body.home .onepoint-update { position: relative; max-width: 340px; height: 44px; height: 13vw; max-height: 62px; }
body.home .onepoint-update .top-img_boat1 { position: absolute; left: 15%; top: 16%; zoom: 0.68; }
body.home .onepoint-update .top-img_boat2 { position: absolute; right: 15%; bottom: -15%; zoom: 0.68; }
body.home #update h2 { font-size: 1.0375rem; line-height: 1.75rem; letter-spacing: 0.4em; }
body.home #update ul li { display: table; margin-bottom: 16px; }
body.home #update ul li time { display: table-cell; font-size: 0.75rem; line-height: 1.4166rem; letter-spacing: 0; text-align: left; }
body.home #update ul li span { display: table-cell; padding-left: 1em; }
body.home #update ul li.newItem time:before { position: absolute; content: " "; display: block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; margin: -12px 0 0 -12px; zoom: 0.76; background-image: url("../img/top/topSprite.png"); -webkit-background-size: 507.5px 218px; background-size: 507.5px 218px; }
body.home #update ul li:last-child { margin-bottom: 6px; }
body.home hr.hr-information { width: 240px; width: 75.1vw; height: 85px; height: 26.57vw; max-height: 120px; padding: 0; zoom: 1; background-image: url("../img/top/bg_information_sp.png"); }
body.home .onepoint-information { display: none; }
body.home #information { width: 100%; width: 100vw; }
body.home #information .onepoint { margin-bottom: -18px; padding: 15px 0 0 6px; }
body.home #information h2 .top-sprite { zoom: 0.77; }
body.home #information p.tagline { font-size: 1.0375rem; line-height: 1.75rem; letter-spacing: 0.1em; }
body.home #information p.tagline .top-url_makezinejp-ro, body.home #information p.tagline .top-url_makezinejp-ro-over { zoom: 0.955; margin-left: 18px; margin-bottom: 2px; vertical-align: bottom; }
body.home #information p.tagline .top-icon_finger { zoom: 0.6; margin-bottom: -7px; margin-right: 12px; vertical-align: bottom; }
body.home #information ul { width: 92.157%; width: 92.157vw; margin: 38px 0 0; padding: 0 3.9215%; padding-left: 3.9215vw; padding-right: 3.9215vw; }
body.home #information li { overflow: hidden; display: inline-block; width: 47.875%; width: 44.11775vw; margin-top: 15.6px; margin-right: 3.9215vw; padding-bottom: 28.3px; text-align: center; vertical-align: top; }
body.home #information li a { text-decoration: none; }
body.home #information li a:hover, body.home #information li a:focus, body.home #information li a:active { text-decoration: underline; }
body.home #information li time { display: block; margin-top: 6.3px; margin-bottom: 3px; font-size: 0.75rem; line-height: 1.4166rem; letter-spacing: 0; text-align: left; }
body.home #information li span { display: block; text-align: left; font-size: 0.91666rem; line-height: 1.375rem; letter-spacing: 0; }
body.home #information li.newItem:before { position: absolute; content: " "; display: block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; margin: -41px 0 0 -6px; zoom: 0.76; background-image: url("../img/top/topSprite.png"); -webkit-background-size: 507.5px 218px; background-size: 507.5px 218px; }
body.home #information li:nth-child(2n) { margin-right: 0; }
body.home #information li img { height: 100.35px; height: 29.515vw; }
body.home #bannerArea { width: 100%; width: 100vw; height: 183.4px; height: calc(28.65vw + 86px); }
body.home #bannerArea .inner { width: 80.588%; width: 80.588vw; height: 183.4px; height: calc(28.65vw + 86px); margin-top: -183.4px; margin-top: calc(-28.65vw - 86px); margin-bottom: -183.4px; margin-bottom: calc(-28.65vw - 86px); margin-left: 9.706%; margin-left: 9.706vw; margin-right: 9.706%; margin-right: 9.706vw; }
body.home #bannerArea .inner ul li { display: inline-block; padding: 43px 0; }
body.home #bannerArea .inner ul li.recommend:before { position: absolute; content: " "; display: block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; margin: -43px auto 0; left: 30px; right: 0; background-image: url("../img/top/topSprite.png"); -webkit-background-size: 507.5px 218px; background-size: 507.5px 218px; zoom: 0.8; }
body.home #bannerArea .inner ul li a { display: block; }
body.home #bannerArea .inner ul li a img { width: 100%; width: 80.588vw; height: 100%; height: 28.65vw; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #00aeef; border-radius: 5px; }
body.home #bannerArea nav { position: relative; display: table; width: 92.157%; width: 92.157vw; height: 183.4px; height: calc(28.65vw + 86px); margin: 0 3.9215%; margin-left: 3.9215vw; margin-right: 3.9215vw; }
body.home #bannerArea nav div { display: table-cell; width: 100%; line-height: 0; vertical-align: middle; }
body.home #bannerArea nav div.next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
body.home #bannerArea nav div a { display: block; width: 8px; height: 14px; cursor: pointer; }
body.home #bannerArea nav div a .svgicons { width: 8px; height: 14px; }
body.home hr.hr-instagram { width: 289px; width: 90.3vw; height: 52px; height: 16.18vw; max-height: 61px; margin-top: 2px; margin-bottom: 8px; padding: 0; zoom: 1; background-image: url("../img/top/bg_instagram_sp.png"); }
body.home #instagramArea p.onepoint { margin-bottom: -11px; }
body.home #instagramArea p.onepoint .img_menuitem4 { margin-left: -24px; zoom: 0.797; }
body.home #instagramArea p.onepoint .img_menuitem5 { margin-left: -42px; zoom: 0.797; }
body.home #instagramArea p.onepoint .img_menuitem3 { margin-left: -56px; zoom: 0.797; }
body.home #instagramArea p.onepoint .img_menuitem2 { margin-left: -56px; width: 96px; zoom: 0.797; }
body.home #instagramArea h2 { margin-left: -12px; margin-bottom: 18px; }
body.home #instagramArea h2 .top-sprite { zoom: 0.7; }
body.home #instagramArea p.tagline { margin-bottom: 17px; font-size: 1.0375rem; line-height: 1.75rem; letter-spacing: 0.1em; }
body.home #instagramArea p.tagline .tagline-l1 { margin-left: 16px; letter-spacing: 0.05em; }
body.home #instagramArea p.tagline .top-url_instagram-ro, body.home #instagramArea p.tagline .top-url_instagram-ro-over { margin-left: 2px; margin-bottom: 1px; vertical-align: bottom; }
body.home #instagramArea p.tagline .top-icon_finger { zoom: 0.6; margin-right: 5px; margin-bottom: -9px; vertical-align: bottom; }
body.home #instagramArea .inner { padding: 33.3px 0; margin-left: -1vw; margin-right: -1vw; }
body.home #instagramArea .inner .mgl_instagram_photo_container { background: none; }
body.home #instagramArea .inner .mgl_instagram_image { border-radius: 5px; }
body.home hr.hr-sponsors { width: 194px; width: 60.78vw; height: 45px; height: 13.92vw; max-height: 78px; margin-top: 35px; padding: 0; zoom: 1; background-image: url("../img/top/bg_sponsors_sp.png"); }
body.home #sponsorsArea { margin-bottom: 32px; }
body.home #sponsorsArea h2 { margin-bottom: 18px; }
body.home #sponsorsArea h2 .top-sprite { zoom: 0.68; }
body.home #sponsorsArea h3 { font-family: "Roboto Condensed", sans-serif; }
body.home #sponsorsArea p.roundBtn { height: 73.3333px; }
body.home hr.hr-newsletter { width: 196px; width: 61.27vw; height: 98px; height: 30.78vw; max-height: 171px; padding: 0; zoom: 1; background-image: url("../img/top/bg_newsletter.png"); }
body.home #newsLetterArea { padding-bottom: 60px; }
body.home #newsLetterArea p.onepoint { margin-bottom: -12px; }
body.home #newsLetterArea p.onepoint .top-img_neko { margin: 0 0 8px 8px; zoom: 0.68; }
body.home #newsLetterArea p.onepoint .top-img_robot { margin: 0 0 0 22px; zoom: 0.67; }
body.home #newsLetterArea h2 { padding-top: 5px; margin-bottom: 18px; }
body.home #newsLetterArea h2 .top-sprite { zoom: 0.68; margin-left: -12px; }
body.home #newsLetterArea p.roundBtn { font-size: 1.0375rem; line-height: 1.45833rem; letter-spacing: 0.05em; height: 73.3333px; }
body.home #footerLocal { padding-top: 11px; }

@media only screen and (max-width: 359px) { body.home #header .tagline .dayofweek { font-size: 0.91666rem; letter-spacing: 0.05em; margin-left: 0; } }
@media only screen and (max-width: 959px) { body.home .top-sprite { zoom: 0.8; }
  body.home #header .headroom h1 { top: 112px; top: 31.37vw; left: 0; right: 0; width: 92.16%; width: 92.16vw; height: 66px; height: 18.62vw; margin: 0 auto; border-radius: 6px; border-radius: 2vw; background: #fff; -webkit-transition: width, height, top 0.2s ease-out; transition: width, height, top 0.2s ease-out; }
  body.home #header .headroom h1 a { padding: 10px; padding: 3.13vw; }
  body.home #header .headroom .btnMenu { border-radius: 6px; border-radius: 2vw; }
  body.home #header .headroom.headroom--not-top h1 { position: relative; top: 0; width: 75%; width: 75vw; height: 44px; height: 13vw; margin: 0; border-radius: 0; }
  body.home #header .headroom.headroom--not-top h1 a { padding: 3px 34px; padding-top: 1vw; padding-bottom: 1vw; padding-left: 10vw; padding-right: 10vw; }
  body.home #header .headroom.headroom--not-top .btnMenu { border-radius: 0; }
  body.home #instagramArea .mgl_instagram_photo { width: 33.3% !important; padding: 3.5px; }
  body.home #instagramArea .mgl_instagram_photo:nth-child(n+10) { display: none; } }
@-webkit-keyframes topMaskScroll { 0% { background-position-x: 0; }
  100% { background-position-x: -2360px; } }
@keyframes topMaskScroll { 0% { background-position-x: 0; }
  100% { background-position-x: -2360px; } }
@-webkit-keyframes topBgScroll { 0% { background-position-x: 0; }
  100% { background-position-x: -1770px; } }
@keyframes topBgScroll { 0% { background-position-x: 0; }
  100% { background-position-x: -1770px; } }
@keyframes topBgScroll { 0% { background-position-x: -352.5px; }
  100% { background-position-x: -2122.5px; } }
@media only screen and (min-width: 960px) { body.home #header { height: 704px; margin: 0; }
  body.home #header .inner ul#topSlider { width: 100%; }
  body.home #header .inner ul#topSlider li { height: 704px; background-position: center center; }
  body.home #header h1 { top: 154px; width: 500px; height: 102px; margin: 0 auto; left: 0; right: 0; }
  body.home #header h1 a { width: 469px; height: 72px; margin: auto; padding: 15px; }
  body.home #header h1 a .svgicons { width: 469px; height: 72px; }
  body.home #header .tagline { width: auto; top: 297px; padding-left: 0; left: 0; right: 0; }
  body.home #header .tagline .date { width: 660px; margin: 0 auto; font-size: 3.375rem; line-height: 2.4375rem; letter-spacing: 0.05em; }
  body.home #header .tagline .date .dayofweek { font-size: 1.25rem; letter-spacing: 0.05em; }
  body.home #header .tagline .place { margin-left: -2px; padding-top: 15px; font-size: 2.25rem; line-height: 1.75rem; letter-spacing: 0.2em; }
  body.home #header #topMovieControl { top: 25px; height: 42px; width: 314px; left: calc(50% - 410px); right: auto; margin-left: 0; }
  body.home #header #topMovieControl a { text-align: left; padding: 0 0 0 25px; }
  body.home #header #topMovieControl a .svgicons { width: 13px; height: 42px; margin-right: 10px; }
  body.home #header #topMovieControl a p { display: inline-block; font-size: 0.875rem; text-align: left; line-height: 42px; letter-spacing: 0.4em; padding-top: 0; }
  body.home #header .onepoint-topMovieControl { width: auto; left: calc(50% - 125px); padding-right: 0; margin-top: -11px; right: auto; top: 25px; }
  body.home #header .onepoint-topMovieControl .top-sprite.top-img_stabilizer { zoom: 1; }
  body.home #header #top_mask { position: absolute; width: 100%; bottom: 0; height: 200px; background-image: url("../img/top/bg_wave.svg"); background-repeat: repeat-x; -webkit-background-size: 4720px 200px; background-size: 4720px 200px; background-position: 0 0; -webkit-animation: topMaskScroll 20s linear 0s infinite; animation: topMaskScroll 20s linear 0s infinite; }
  body.home #mainMenu { margin: -160px auto 20px; }
  body.home #buttonArea1 { margin-bottom: 50px; }
  body.home #buttonArea1 ul { width: 820px; }
  body.home #buttonArea1 li { letter-spacing: 0.1em; }
  body.home #buttonArea1 li strong { letter-spacing: 0.12em; }
  body.home #buttonArea2 { margin-bottom: 40px; }
  body.home #buttonArea2 ul { width: 820px; }
  body.home #buttonArea2 li { width: 400px; margin-right: 20px; letter-spacing: 0.1em; }
  body.home #description { margin-bottom: 50px; }
  body.home #description > dl.tables > dd .sticker { display: table; margin: 10px 0 11px; }
  body.home #description > dl.tables > dd .sticker .message img { width: 212px; height: 91px; margin-bottom: 6px; }
  body.home #description > dl.tables > dd .sticker .stickerImage img { width: 99px; height: 99px; margin-left: -6px; margin-right: 6px; border-radius: 10px; }
  body.home hr.hr-update { display: none; }
  body.home .onepoint-update { display: none; }
  body.home .bgwave { position: absolute; width: 100%; left: 0; right: 0; z-index: -11; }
  body.home .bgwave .bgwave1, body.home .bgwave .bgwave2 { display: block; width: 100%; height: 600px; background: #e6f7f8; }
  body.home .bgwave .bgwave1:before, body.home .bgwave .bgwave1:after, body.home .bgwave .bgwave2:before, body.home .bgwave .bgwave2:after { content: " "; display: block; width: 100%; height: 150px; background-image: url("../img/top/bg_wave.svg"); background-repeat: repeat-x; -webkit-background-size: 3540px 150px; background-size: 3540px 150px; }
  body.home .bgwave .bgwave1:before, body.home .bgwave .bgwave2:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-position: 0 0; }
  body.home .bgwave .bgwave1:after, body.home .bgwave .bgwave2:after { margin-top: 300px; background-position: -352.5px 0; }
  body.home .bgwave .bgwave1:before { -webkit-animation: topBgScroll 30s linear 0s infinite; animation: topBgScroll 30s linear 0s infinite; }
  body.home .bgwave .bgwave1:after { -webkit-animation: topBgScroll2 30s linear 0s infinite; animation: topBgScroll2 30s linear 0s infinite; }
  body.home .bgwave .bgwave2 { margin-top: 170px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
  body.home .bgwave .bgwave2:before { -webkit-animation: topBgScroll 35s linear 0s infinite; animation: topBgScroll 35s linear 0s infinite; }
  body.home .bgwave .bgwave2:after { -webkit-animation: topBgScroll2 35s linear 0s infinite; animation: topBgScroll2 35s linear 0s infinite; }
  body.home #update { padding-bottom: 52px; }
  body.home #update h2 { padding-top: 3px; }
  body.home #update ul li.newItem time:before { margin: -12px 0 0 -25px; }
  body.home hr.hr-information { position: absolute; width: 541px; height: 144px; background-image: url("../img/top/bg_bigsight.png"); max-width: none; max-height: none; left: 0; right: 0; margin: auto; -webkit-animation: none; animation: none; pointer-events: none; }
  body.home .onepoint-information { display: block; position: relative; width: 660px; height: 64px; margin-top: 140px; margin-bottom: -205px; left: 0; right: 0; }
  body.home .onepoint-information .top-img_boat1 { position: absolute; left: 10px; top: 0; }
  body.home .onepoint-information .top-img_boat2 { position: absolute; right: 0; bottom: 0; }
  body.home #information { width: 100%; margin-top: 12px; margin-bottom: 30px; }
  body.home #information h2 .top-sprite { zoom: 1; }
  body.home #information p.tagline { position: relative; margin-bottom: 99px; font-size: 1rem; letter-spacing: 0.1em; }
  body.home #information p.tagline .top-url_makezinejp-ro, body.home #information p.tagline .top-url_makezinejp-ro-over { margin: 4px 0 -2px 5px; zoom: 1; }
  body.home #information p.tagline .top-icon_finger { margin: 0 -20px -25px -4px; zoom: 1; }
  body.home #information ul { width: 820px; margin: 0 auto; padding: 0; }
  body.home #information li { overflow: hidden; display: inline-block; width: 260px; margin: 20px 20px 0 0; padding: 0 0 28px; }
  body.home #information li time { margin-top: 7px; margin-bottom: 0; font-size: 0.5rem; line-height: 18px; letter-spacing: 0; }
  body.home #information li span { font-size: 0.875rem; line-height: 21px; letter-spacing: 0; }
  body.home #information li.newItem:before { zoom: 1; }
  body.home #information li:nth-child(2n) { margin-right: 20px; }
  body.home #information li:nth-child(3n) { margin-right: 0; }
  body.home #information li img { height: 174px; }
  body.home #bannerArea { width: 872px; height: 220px; }
  body.home #bannerArea .inner { width: 840px; height: 220px; margin: -220px auto 0; }
  body.home #bannerArea .inner .bx-viewport { padding: 0 10px; margin-left: -10px; }
  body.home #bannerArea .inner ul li { padding: 40px 0; }
  body.home #bannerArea .inner ul li.recommend:before { margin: -38px 0 0 -7px; left: inherit; right: inherit; zoom: 1; }
  body.home #bannerArea .inner ul li a img { width: 400px; height: 140px; border-radius: 10px; }
  body.home #bannerArea nav { width: 100%; height: 220px; margin: 0; }
  body.home #bannerArea nav div a { width: 11px; height: 18px; }
  body.home #bannerArea nav div a .svgicons { width: 11px; height: 18px; }
  body.home hr.hr-instagram { position: relative; width: 960px; max-width: none; height: 406px; max-height: none; margin-top: -57px; margin-bottom: -324px; background-image: url("../img/top/bg_instagram_pc.png"); }
  body.home #instagramArea { position: relative; margin-top: 94px; margin-bottom: 74px; }
  body.home #instagramArea h2 { margin-bottom: 12px; }
  body.home #instagramArea h2 .top-sprite { zoom: 1; }
  body.home #instagramArea p.tagline { margin-bottom: 100px; font-size: 1rem; letter-spacing: 0.1em; }
  body.home #instagramArea p.tagline .top-url_instagram-ro, body.home #instagramArea p.tagline .top-url_instagram-ro-over { margin-left: 8px; zoom: 0.85; }
  body.home #instagramArea p.tagline .top-icon_finger { margin: 0 -26px -26px 2px; zoom: 1; }
  body.home #instagramArea .inner { width: 840px; margin-left: -10px; margin-right: -10px; padding: 9px 0; }
  body.home #instagramArea .inner .mgl_instagram_image { border-radius: 10px; }
  body.home hr.hr-sponsors { display: none; }
  body.home #sponsorsArea { width: 840px; margin-bottom: 76px; }
  body.home #sponsorsArea h2 { margin-bottom: 13px; }
  body.home #sponsorsArea h2 .top-sprite { zoom: 1; }
  body.home #sponsorsArea h3 { margin-bottom: 1px; font-size: 1rem; font-weight: normal; letter-spacing: 0.15em; }
  body.home #sponsorsArea p.tagline { margin-bottom: 88px; letter-spacing: 0.05em; }
  body.home #sponsorsArea p.tagline .tagline-l1 { letter-spacing: 0.1em; }
  body.home #sponsorsArea .onepoint { position: absolute; margin: -72px 0 0 72px; zoom: 1; pointer-events: none; z-index: -1; }
  body.home #sponsorsArea .onepoint .top-img_sponsor_pc { zoom: 2; }
  body.home #sponsorsArea ul { text-align: center; }
  body.home #sponsorsArea > ul { margin-bottom: 110px; }
  body.home #sponsorsArea > ul > li > ul { width: 840px; margin: 0 auto 61px; }
  body.home #sponsorsArea > ul > li > ul > li { display: inline-block; margin: 10px; }
  body.home #sponsorsArea > ul > li > ul > li a { display: table-cell; width: 203px; height: 113px; vertical-align: middle; }
  body.home #sponsorsArea > ul > li > ul > li a img { max-width: 203px; max-height: 113px; }
  body.home #sponsorsArea > ul > li.gold > ul > li a { width: 148px; height: 119px; }
  body.home #sponsorsArea > ul > li.gold > ul > li a img { max-width: 148px; max-height: 119px; }
  body.home #sponsorsArea > ul > li.silver > ul > li a { width: 120px; height: 96px; }
  body.home #sponsorsArea > ul > li.silver > ul > li a img { max-width: 120px; max-height: 96px; }
  body.home #sponsorsArea > ul > li.copper > ul > li a, body.home #sponsorsArea > ul > li.startup > ul > li a { width: 100px; height: 80px; }
  body.home #sponsorsArea > ul > li.copper > ul > li a img, body.home #sponsorsArea > ul > li.startup > ul > li a img { max-width: 100px; max-height: 80px; }
  body.home #sponsorsArea p.roundBtn { width: 820px; margin: 0 auto; }
  body.home #sponsorsArea p.roundBtn a { background-color: transparent; }
  body.home #sponsorsArea p.roundBtn a:hover, body.home #sponsorsArea p.roundBtn a:active, body.home #sponsorsArea p.roundBtn a:focus { background-color: rgba(0, 174, 239, 0.102); }
  body.home hr.hr-newsletter { width: 235px; height: 118px; margin-bottom: 38px; }
  body.home #newsLetterArea { width: 820px; margin: 0 auto; padding-bottom: 22px; }
  body.home #newsLetterArea h2 { padding-top: 6px; margin-bottom: 74px; }
  body.home #newsLetterArea h2 .top-sprite { zoom: 1; }
  body.home #newsLetterArea .roundBtn a { background-color: transparent; }
  body.home #newsLetterArea .roundBtn a:hover, body.home #newsLetterArea .roundBtn a:active, body.home #newsLetterArea .roundBtn a:focus { background-color: rgba(0, 174, 239, 0.102); }
  body.home #footerLocal { padding-top: 3px; padding-bottom: 7px; }
  body.home .bgs { position: relative; pointer-events: none; z-index: -10; }
  body.home .bgs .bg3 { height: 1200px; margin-top: -1200px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#e6f7f8)); background: linear-gradient(rgba(255, 255, 255, 0), #e6f7f8); } }
/* ============================== 開催概要 */
.about-sprite { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/about/aboutSprite.png"); -webkit-background-size: 166.5px 128px; background-size: 166.5px 128px; }

.about-img_information { width: 87px; height: 128px; background-position: 0px 0px; }

body.about #access .bigsight .roundBtn:before, body.en #access .bigsight .roundBtn:before { width: 77px; height: 120px; background-position: -90px 0px; }

body.about #intro img { width: 100%; margin: 22px 0 30px; border-radius: 8px; }
body.about #intro p.subText { margin-bottom: 26.6px; }
body.about #digest { padding-bottom: 0; }
body.about #digest h3 { overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; width: 100%; max-width: 514px; height: 50px; height: 16vw; max-height: 76px; margin-bottom: 5px; background-image: url("../img/title_digest.png"); -webkit-background-size: contain; background-size: contain; background-position: center center; }
body.about #description { margin-bottom: 19px; }
body.about #description > dl.tables > dd .address { font-size: 0.75rem; letter-spacing: 0.1em; }
body.about #description > dl.tables > dd dl.oneline dt { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; }
body.about #description > dl.tables > dd .annotation { margin-top: 5px; word-break: break-all; }
body.about #description > dl.tables > dd .sticker { display: table; margin: 5px 0 16px; }
body.about #description > dl.tables > dd .sticker .message { display: table-cell; vertical-align: middle; }
body.about #description > dl.tables > dd .sticker .message img { width: 172px; width: 50.7vw; margin-bottom: 3px; }
body.about #description > dl.tables > dd .sticker .stickerImage { display: table-cell; vertical-align: middle; }
body.about #description > dl.tables > dd .sticker .stickerImage img { width: 80px; width: 23.53vw; margin-left: -24px; border-radius: 10px; }
body.about #description > dl.tables > dd .store { margin-top: 7px; }
body.about #description > dl.tables > dd .store dl.oneline dt { font-size: 0.91666rem; font-weight: normal; }
body.about #description > dl.tables > dd .store p { font-size: 0.75rem; line-height: 1.125rem; }
body.about #description > dl.tables > dd .store img { margin: 7px 0; width: 22.75%; width: 21vw; }
body.about #description > dl.tables > dd .social ul { width: 240px; height: 30px; margin: 0 auto; }
body.about #description > dl.tables > dd .social ul li { display: inline; margin-right: 40px; }
body.about #description > dl.tables > dd .social ul li a { color: #00aeef; }
body.about #description > dl.tables > dd .social ul li a .svgicons { width: 30px; height: 30px; }
body.about #description > dl.tables > dd .social ul li:last-child { margin-right: 0; }
body.about #description > dl.tables > dd .socialDescription { word-break: break-all; margin: 12px 0 0; }
body.about #access .bigsight .image { float: left; margin-right: 1rem; }
body.about #access .bigsight .image img { width: 36%; width: 36vw; margin-left: -3%; margin-left: -1vw; }
body.about #access .bigsight .description .place { font-size: 1.0375rem; letter-spacing: 0.07em; color: #e60012; }
body.about #access .bigsight .description .place .sup { font-size: 0.91666rem; letter-spacing: 0.07em; }
body.about #access .bigsight .description .room { margin: 7px 0 -2px; font-size: 1.0375rem; letter-spacing: 0.07em; font-weight: 600; color: #e60012; }
body.about #access .bigsight .description .address { letter-spacing: 0.07em; white-space: nowrap; }
body.about #access .bigsight .roundBtn { margin: 43px 0 29px; }
body.about #access .bigsight .roundBtn:before { position: absolute; display: inline-block; content: " "; margin-top: -78px; right: 7%; right: 13vw; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/about/aboutSprite.png"); -webkit-background-size: 166.5px 128px; background-size: 166.5px 128px; zoom: 0.55; pointer-events: none; }
body.about #access .bigsight .roundBtn a { text-decoration: none; }
body.about #access p.compactArea { margin: 0 auto; }
body.about #gmap_outer { margin: 38px auto 7px; }
body.about #gmap_outer:after { position: relative; display: block; content: " "; width: 91%; width: 91vw; height: 310px; height: 60vw; top: -10px; left: -10px; border: solid 10px #fff; border-radius: 16px; pointer-events: none; }
body.about #gmap_outer .gmap { position: absolute; width: 91%; width: 91vw; height: 310px; height: 60vw; left: 0; right: 0; margin: 0 auto; }
body.about #gmap_outer .tapArea { position: absolute; width: 91%; width: 91vw; height: 310px; height: 60vw; }
body.about #information { padding-bottom: 0; }
body.about #information h3 { margin-bottom: 29px; }
body.about #information dl.information { clear: both; padding-bottom: 27px; }
body.about #information dl.information dd .about-img_information { float: right; margin-right: 10.4%; margin-right: 17vw; zoom: 0.55; }
body.about #information dl.information dd ul.leftline li { font-size: 0.91666rem; }

@media only screen and (max-width: 959px) { body.about .about-sprite { zoom: 0.8; } }
@media only screen and (min-width: 960px) { body.about #intro { margin-bottom: 53px; }
  body.about #intro img { margin: 0 0 42px; border-radius: 16px; }
  body.about #intro p.subText { margin-bottom: 43px; }
  body.about #digest h3 { margin-bottom: 3px; }
  body.about #description > dl.tables > dd .sticker { margin: 10px 0 11px; overflow: hidden; }
  body.about #description > dl.tables > dd .sticker .message img { width: 212px; height: 91px; margin-bottom: 6px; }
  body.about #description > dl.tables > dd .sticker .stickerImage img { width: 99px; height: 99px; margin-left: -6px; margin-right: 6px; border-radius: 10px; }
  body.about #description > dl.tables > dd .store dl.oneline { margin-bottom: -2px; }
  body.about #description > dl.tables > dd .store dl.oneline dt { font-size: 1rem; }
  body.about #description > dl.tables > dd .store dl.oneline dd { padding: 0; font-size: 0.75rem; line-height: 1.625rem; letter-spacing: 0.1em; vertical-align: top; }
  body.about #description > dl.tables > dd .store p { letter-spacing: 0.1em; }
  body.about #description > dl.tables > dd .store img { width: auto; height: auto; margin: 0; }
  body.about #description > dl.tables > dd .social { margin-top: 6px; }
  body.about #description > dl.tables > dd .social ul { margin-left: -3px; }
  body.about #description > dl.tables > dd .socialDescription { margin-top: 10px; margin-bottom: 4px; font-size: 0.75rem; line-height: 1.25rem; letter-spacing: 0.1em; }
  body.about #access .bigsight .image { margin-right: 0; }
  body.about #access .bigsight .image img { width: 300px; height: 240px; margin: 0 50px 42px 20px; }
  body.about #access .bigsight .description .place { margin-top: 17px; font-size: 1.375rem; letter-spacing: 0.05em; }
  body.about #access .bigsight .description .place .sup { font-size: 1rem; letter-spacing: 0.05em; }
  body.about #access .bigsight .description .room { margin-top: 12px; margin-bottom: 0; font-size: 1.375rem; letter-spacing: 0.1em; }
  body.about #access .bigsight .description .address { margin-top: 25px; letter-spacing: 0.1em; }
  body.about #access .bigsight .roundBtn { width: 370px; margin-top: 24px; }
  body.about #access .bigsight .roundBtn:before { margin-top: -75px; margin-left: 282px; right: inherit; zoom: 1; }
  body.about #access .bigsight p.compactArea { margin-top: 26px; }
  body.about #gmap_outer { height: 424px; width: 660px; margin-bottom: 52px; }
  body.about #gmap_outer:after { width: 660px; height: 424px; top: -20px; left: -20px; border-width: 20px; border-radius: 30px; }
  body.about #gmap_outer .gmap { width: 660px; height: 424px; }
  body.about #gmap_outer .gmap iframe { pointer-events: none; }
  body.about #information { margin-bottom: -55px; }
  body.about #information h3 { margin-bottom: 41px; }
  body.about #information dl.information { padding-bottom: 54px; }
  body.about #information dl.information dt .about-sprite { margin-right: 2px; }
  body.about #information dl.information dd .about-img_information { margin: 16px 1px 0 0; zoom: 1; }
  body.about #information dl.information dd ul.leftline li { font-size: 1rem; } }
/* ============================== Makeについて */
.aboutmake-sprite { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/aboutmake/aboutmakeSprite.png"); -webkit-background-size: 353.5px 152px; background-size: 353.5px 152px; }

.aboutmake-img_people1 { width: 59px; height: 151px; background-position: -63px 0px; }

.aboutmake-img_people2 { width: 69px; height: 142px; background-position: -284.5px 0px; }

.aboutmake-img_people3 { width: 61px; height: 152px; background-position: 0px 0px; }

.aboutmake-img_people4 { width: 156px; height: 150px; background-position: -125px 0px; }

body.aboutmake .separatorWrapper { margin-bottom: 73px; }
body.aboutmake .separatorWrapper .aboutmake-sprite { position: relative; zoom: 0.67; }
body.aboutmake .separatorWrapper .aboutmake-sprite.aboutmake-img_people1 { margin-top: 40px; }
body.aboutmake .separatorWrapper .aboutmake-sprite.aboutmake-img_people2 { margin-top: 43px; }
body.aboutmake .separatorWrapper .aboutmake-sprite.aboutmake-img_people3 { margin-top: 33px; }
body.aboutmake .separatorWrapper .aboutmake-sprite.aboutmake-img_people4 { margin-top: 36px; }
body.aboutmake .movie iframe { margin: 15.6px auto 31.2px; }

@media only screen and (max-width: 959px) { body.aboutmake .aboutmake-sprite { zoom: 0.8; } }
@media only screen and (min-width: 960px) { body.aboutmake .separatorWrapper { height: 95px; margin-bottom: 105px; }
  body.aboutmake .separatorWrapper .aboutmake-sprite { zoom: 1; }
  body.aboutmake .separatorWrapper .aboutmake-sprite.aboutmake-img_people1 { margin-top: 23px; }
  body.aboutmake .separatorWrapper .aboutmake-sprite.aboutmake-img_people2 { margin-top: 26px; }
  body.aboutmake .separatorWrapper .aboutmake-sprite.aboutmake-img_people3 { margin-top: 12px; }
  body.aboutmake .separatorWrapper .aboutmake-sprite.aboutmake-img_people4 { margin-top: 18px; }
  body.aboutmake .separatorWrapper.sec2 { margin-top: 66px; margin-bottom: 107px; }
  body.aboutmake .separatorWrapper.sec3 { margin-top: 70px; }
  body.aboutmake .separatorWrapper.sec4 { margin-top: 69px; margin-bottom: 102px; }
  body.aboutmake .movie iframe { margin: 0px auto 42px; }
  body.aboutmake #books h3 { margin-bottom: 41px; }
  body.aboutmake #makezinejp h3 { margin-bottom: 44px; }
  body.aboutmake #makezinejp p.annotation { margin-top: 30px; }
  body.aboutmake hr.last { margin-top: 71px; } }
/* ============================== はじめての方へ */
.tothefirst-sprite { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/tothefirst/tothefirstSprite.png"); -webkit-background-size: 485px 383px; background-size: 485px 383px; }

.tothefirst-icon_people1 { width: 160px; height: 163px; background-position: 0px 0px; }

.tothefirst-icon_people2 { width: 160px; height: 160px; background-position: 0px -165.5px; }

.tothefirst-icon_people3 { width: 160px; height: 157px; background-position: -162.5px -72.5px; }

.tothefirst-icon_people4 { width: 160px; height: 155px; background-position: -324px -72.5px; }

.tothefirst-icon_people5 { width: 160px; height: 153px; background-position: -324px -230px; }

.tothefirst-img_people1 { width: 229px; height: 70px; background-position: -162.5px 0px; }

.tothefirst-img_people2 { width: 94px; height: 60px; background-position: -162.5px -302.5px; }

.tothefirst-img_people5 { width: 160px; height: 68px; background-position: -162.5px -232px; }

body.tothefirst h3 { margin-bottom: 33.3px; }
body.tothefirst .separatorWrapper { margin-bottom: 27px; }
body.tothefirst .separatorWrapper .tothefirst-sprite { position: relative; zoom: 0.67; }
body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people1 { margin-top: -8px; }
body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people2 { margin-top: 2px; }
body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people3 { margin-top: 8px; }
body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people4 { margin-top: 10px; }
body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people5 { margin-top: 11px; }
body.tothefirst section > section { width: 100%; margin-bottom: 64px; }
body.tothefirst section > section h4 { margin-bottom: 28px; font-size: 0.75rem; letter-spacing: 0.1em; text-align: center; color: #e60012; }
body.tothefirst section > section p { margin: 28px auto 26px; }
body.tothefirst section > section p.annotation { margin-top: 0; }
body.tothefirst section > section .voice dl dd { display: table-cell; height: 174px; height: 51.2vw; vertical-align: middle; background: url("../img/tothefirst/bg_message_sp.png") no-repeat center center; -webkit-background-size: contain; background-size: contain; }
body.tothefirst section > section .voice dl dd span { display: block; width: 71%; margin: -23.8px auto 0; margin-top: -7vw; text-align: justify; text-justify: inter-ideograph; }
body.tothefirst section > section .voice dl dt { text-align: center; font-size: 0.6475rem; font-weight: 600; letter-spacing: 0.1em; line-height: 0.6475rem; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); color: #e60012; }
body.tothefirst section > section .voice dl dt .tothefirst-img_people5 { margin-bottom: 5px; }
body.tothefirst section > section.case1 { margin-top: -4px; }
body.tothefirst section > section.case1 img { width: 101%; }
body.tothefirst section > section.case2 { margin-bottom: 55px; }
body.tothefirst section > section.case2 p { margin-bottom: 22px; }
body.tothefirst section > section.case2 p.annotation { margin-bottom: 30px; }
body.tothefirst section > section.case2 .voice dt { line-height: 1.2rem; }
body.tothefirst section > section.case3 { margin-bottom: 59px; }
body.tothefirst section > section.case3 p { margin-bottom: 22px; }
body.tothefirst section > section.case4 { margin-top: 29px; margin-bottom: 55px; }
body.tothefirst section > section.case4 .leftimage { width: 102%; }
body.tothefirst section > section.case5 { margin-top: 28.5px; margin-bottom: 6px; }
body.tothefirst section img { display: block; width: 100%; margin: 28px auto 29px; }
body.tothefirst #digest { padding-bottom: 38px; }
body.tothefirst #digest h4.digest { overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; width: 100%; max-width: 514px; height: 50px; height: 16vw; max-height: 76px; margin-bottom: 6px; background-image: url("../img/title_digest.png"); -webkit-background-size: contain; background-size: contain; background-position: center center; }

@media only screen and (max-width: 959px) { .tothefirst-sprite { zoom: 0.8; } }
@media only screen and (min-width: 960px) { body.tothefirst h3 { margin-bottom: 63px; }
  body.tothefirst .separatorWrapper { height: 95px; margin-top: 89px; margin-bottom: 56px; }
  body.tothefirst .separatorWrapper .tothefirst-sprite { zoom: 1; }
  body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people1 { margin-top: -26px; }
  body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people2 { margin-top: -16px; }
  body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people3 { margin-top: -9px; }
  body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people4 { margin-top: -9px; }
  body.tothefirst .separatorWrapper .tothefirst-sprite.tothefirst-icon_people5 { margin-top: -9px; }
  body.tothefirst section > section { margin-bottom: 125px; }
  body.tothefirst section > section h4 { font-size: 1.125rem; }
  body.tothefirst section > section .voice dl dd { width: 660px; height: 182px; background-image: url("../img/tothefirst/bg_message_pc.png"); }
  body.tothefirst section > section .voice dl dd span { width: 500px; margin-top: -38px; line-height: 1.875rem; text-align: center; }
  body.tothefirst section > section .voice dl dt { font-size: 0.875rem; line-height: 1.25rem; -webkit-transform: none; -ms-transform: none; transform: none; }
  body.tothefirst section > section.case1 { margin-top: 0; }
  body.tothefirst section > section.case1 img { width: 668px; }
  body.tothefirst section > section.case1 .voice dt .tothefirst-img_people1 { margin: 8px 0 0 -5px; }
  body.tothefirst section > section.case2 { margin-top: 62px; margin-bottom: 125px; }
  body.tothefirst section > section.case2 p { margin-bottom: 31px; }
  body.tothefirst section > section.case2 p.annotation { margin-bottom: 45px; }
  body.tothefirst section > section.case2 .voice dt { margin-left: 8px; }
  body.tothefirst section > section.case2 .voice dt .tothefirst-img_people2 { margin: 11px auto 8px; }
  body.tothefirst section > section.case3 { margin-top: 63px; margin-bottom: 124px; }
  body.tothefirst section > section.case3 .rightimage { margin-bottom: 28px; }
  body.tothefirst section > section.case3 p { margin-top: 28px; }
  body.tothefirst section > section.case3 p.annotation { margin-top: 30px; }
  body.tothefirst section > section.case4 { margin-top: 64px; margin-bottom: 121px; }
  body.tothefirst section > section.case4 .leftimage { width: 679px; margin-bottom: 50px; }
  body.tothefirst section > section.case5 { margin-top: 64px; margin-bottom: 47px; }
  body.tothefirst section > section.case5 p { margin-bottom: 40px; }
  body.tothefirst section > section.case5 .voice dt .tothefirst-img_people5 { margin: 4px 0 6px 2px; }
  body.tothefirst section > section p { margin: 42px auto; }
  body.tothefirst section img { margin: 34px auto 42px; }
  body.tothefirst section img.leftimage { margin-left: -80px; }
  body.tothefirst section img.rightimage { margin-left: 80px; }
  body.tothefirst #digest { padding-bottom: 90px; }
  body.tothefirst #digest h4.digest { margin: 13px auto; }
  body.tothefirst #digest .movie iframe { margin-bottom: 42px; } }
/* ============================== プログラムガイド */
body.programguide #image_preview, body.en #image_preview { padding-bottom: 32.2px; }
body.programguide #image_preview img, body.en #image_preview img { width: 100%; }

@media only screen and (min-width: 960px) { body.programguide #image_preview { padding-bottom: 37px; }
  body.programguide section.compactArea { padding-bottom: 50px; }
  body.en #image_preview { padding-bottom: 0; } }
/* ============================== 出展者紹介 */
.makers2017-sprite { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/makers2017/makers2017Sprite.png"); -webkit-background-size: 155px 71px; background-size: 155px 71px; }

.makers2017-img_information { width: 148px; height: 69px; background-position: -1px -1px; }

body.makers2017 .nav_internal { width: 92.157vw; margin: 26px auto 44px; }
body.makers2017 .nav_internal dl dt { font-size: 0.875rem; font-weight: 600; letter-spacing: 0.1em; color: #00aeef; }
body.makers2017 .nav_internal dl dd.pageMenu { margin-top: 5px; margin-bottom: 22px; }
body.makers2017 .nav_internal dl dd.pageMenu form { padding: 18.6px 18.6px 18.6px 0; height: 26.8px; border: solid 1px #00aeef; }
body.makers2017 .nav_internal dl dd.pageMenu form.tap { background-color: #eee; }
body.makers2017 .nav_internal dl dd.pageMenu form select { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; appearance: none; height: 26.8px; width: 100%; border: none; background-color: transparent; font-size: 1rem; letter-spacing: 0.1em; color: #00aeef; -webkit-transform: scale(0.875); -ms-transform: scale(0.875); transform: scale(0.875); }
body.makers2017 .nav_internal dl dd.pageMenu form .svgicons { position: relative; width: 18px; height: 12px; margin: -20px 0 0 0; color: #00aeef; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); float: right; }
body.makers2017 .makerBooth { height: 18px; width: 80px; padding: 2px 0; margin: 2px 0; background-color: #c3e8f6; color: #00aeef; border-radius: 4px; }
body.makers2017 .makerBooth ul { width: 100%; display: table; border-collapse: collapse; letter-spacing: 0.12em; text-align: center; vertical-align: middle; }
body.makers2017 .makerBooth ul li { width: auto; font: 0.75rem "Roboto Condensed", sans-serif; border: none; display: table-cell; }
body.makers2017 .makerBooth ul li:first-child { width: 40%; font: 0.875rem "Roboto Condensed", sans-serif; border-right: 1px solid #fff; }
body.makers2017 .genreMark ul li { height: 20px; display: inline-block; min-width: 33.33%; font: 0.75rem "Roboto Condensed", sans-serif; line-height: 20px; letter-spacing: 0.12em; text-align: center; background-color: #00aeef; color: #fff; border-radius: 4px; }
body.makers2017 .genreMark ul li.sponsor { background-color: #e60012; }
body.makers2017 .genreMark ul li:not(:first-child) { -webkit-box-sizing: border-box; box-sizing: border-box; border-left: solid 1px #fff; }
body.makers2017 ul.maker { width: 100%; margin-top: 32px; }
body.makers2017 ul.maker > li { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 26px; }
body.makers2017 ul.maker > li a { text-decoration: none; }
body.makers2017 ul.maker > li a .makerContainer .image img { width: 100%; }
body.makers2017 ul.maker > li a .makerContainer .makerInfo { margin-top: 12px; }
body.makers2017 ul.maker > li a .makerContainer .makerInfo dl dt { font-size: 1.0375rem; letter-spacing: 0.1em; text-decoration: underline; color: #e60012; text-align: justify; text-justify: inter-ideograph; }
body.makers2017 ul.maker > li a .makerContainer .makerInfo dl dd { margin-top: 4px; font-size: 0.875rem; letter-spacing: 0.1em; text-align: justify; text-justify: inter-ideograph; color: #4d4d4d; }
body.makers2017 article section { padding: 0; }
body.makers2017 article section p.notFound { text-align: center; }
body.makers2017 #makerDetail { padding-bottom: 19px; }
body.makers2017 #makerDetail h3.makerName, body.makers2017 #makerDetail h4 { color: #e60012; text-align: left; }
body.makers2017 #makerDetail h3.makerName { margin-top: 5px; margin-bottom: 3px; }
body.makers2017 #makerDetail .makerTitle { letter-spacing: 0.1em; }
body.makers2017 #makerDetail .makerTitle_en { font-size: 0.75rem; color: #bfbfbf; letter-spacing: 0.1em; }
body.makers2017 #makerDetail h4 { margin-top: 20px; margin-bottom: 9px; font-size: 1.0375rem; font-weight: normal; }
body.makers2017 #makerDetail h4:before { display: inline-block; content: " "; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/sprite.png"); -webkit-background-size: 530px 485px; background-size: 530px 485px; margin-right: 6px; vertical-align: bottom; }
body.makers2017 #makerDetail .makerCategory { display: inline-block; margin-right: 6px; font-size: 0.75rem; letter-spacing: 0.1em; }
body.makers2017 #makerDetail .makerImage { margin-top: 16px; width: 100%; }
body.makers2017 #makerDetail .makerImage img { width: 100%; }
body.makers2017 #makerDetail .description { margin-top: 28px; }
body.makers2017 #makerDetail ul.makerSns { margin-top: 22px; }
body.makers2017 #makerDetail ul.makerSns li { font-size: 0.91666rem; }
body.makers2017 #makerDetail iframe, body.makers2017 #makerDetail img { max-width: 100%; }
body.makers2017 #makersNav { width: 92.157vw; margin: 37px auto; color: #00aeef; }
body.makers2017 #makersNav .inner { display: table; width: 92.157vw; vertical-align: middle; }
body.makers2017 #makersNav .box_prev, body.makers2017 #makersNav .box_next { display: table-cell; width: 50%; }
body.makers2017 #makersNav .box_next { text-align: right; }
body.makers2017 #makersNav .box_next .icon { margin-right: -3px; }
body.makers2017 #makersNav .link_text { display: inline-block; margin: 0 5px; max-width: 80%; text-align: left; text-decoration: underline; vertical-align: middle; }
body.makers2017 #makersNav .icon { display: inline-block; vertical-align: middle; }

@media only screen and (max-width: 959px) { body.makers2017 article { padding-bottom: 93.3px; }
  body.makers2017 article h2 .sprite { zoom: 0.68; }
  body.makers2017 #makerDetail h4:before { zoom: 0.8; } }
@media only screen and (min-width: 960px) { body.makers2017 .makers2017-img_information { position: absolute; left: 0; right: 348px; margin: -2px auto 0; }
  body.makers2017 .nav_internal { width: 820px; margin: 16px auto 15px; }
  body.makers2017 .nav_internal dl div { width: 300px; height: 50px; position: relative; margin: 0 auto; border-radius: 4px; border: solid 1px #00aeef; background-color: #c3e8f6; }
  body.makers2017 .nav_internal dl div dt { display: inline-block; width: 90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1rem; text-align: center; }
  body.makers2017 .nav_internal dl div dt .accordionBtn { position: relative; display: inline-block; float: right; }
  body.makers2017 .nav_internal dl div dt .accordionBtn .svgicons { width: 1rem; height: 1rem; }
  body.makers2017 .nav_internal dl div dt .accordionBtn .svgicons.closeBtn { display: inline-block; padding: 5px 0 0 1px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  body.makers2017 .nav_internal dl div dt .accordionBtn .svgicons.openBtn { display: none; }
  body.makers2017 .nav_internal dl div.open { background: #fce5e7; }
  body.makers2017 .nav_internal dl div.open dt .accordionBtn .openBtn { display: inline-block; padding: 0 1px 5px 0; }
  body.makers2017 .nav_internal dl div.open dt .accordionBtn .closeBtn { display: none; }
  body.makers2017 .nav_internal dl dd.pageMenu { width: 800px; margin-top: 16px; margin-bottom: 36px; }
  body.makers2017 .nav_internal dl dd.pageMenu:last-child { margin-bottom: 15px; }
  body.makers2017 .nav_internal dl dd.pageMenu > ul li.categoryMark { padding-left: 16px; padding-right: 18px; }
  body.makers2017 .genreMark { height: 20px; }
  body.makers2017 .genreMark ul li { padding-top: 2px; height: 18px; min-width: 86px; font-size: 0.5rem; letter-spacing: 0.15em; line-height: 18px; border-radius: 5px; }
  body.makers2017 .genreMark ul li.presentation { letter-spacing: 0.12em; }
  body.makers2017 .genreMark ul li:not(:first-child) { -webkit-box-sizing: content-box; box-sizing: content-box; }
  body.makers2017 article section h3 { padding-top: 8px; margin-bottom: 46px; }
  body.makers2017 ul.maker > li { width: 260px; }
  body.makers2017 ul.maker > li:not(:nth-child(3n)) { margin-right: 20px; }
  body.makers2017 ul.maker > li a .makerContainer .image { display: table-cell; width: 260px; height: 142px; text-align: center; vertical-align: middle; overflow: hidden; }
  body.makers2017 ul.maker > li a .makerContainer .image img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
  body.makers2017 ul.maker > li a .makerContainer .makerInfo dl dt { font-size: 1rem; line-height: 26px; }
  body.makers2017 ul.maker > li a .makerContainer .makerInfo dl dd { margin-top: 5px; font-size: 0.75rem; line-height: 1.25rem; }
  body.makers2017 #makerDetail { padding-bottom: 39px; }
  body.makers2017 #makerDetail .makerCategory .makers2017-sprite { zoom: 0.575; }
  body.makers2017 #makerDetail h3.makerName { margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-bottom: 1px; font-size: 1.375rem; font-weight: normal; letter-spacing: 0.1em; }
  body.makers2017 #makerDetail h4 { margin-top: 34px; margin-bottom: 8px; font-size: 1.375rem; letter-spacing: 0.1em; }
  body.makers2017 #makerDetail h4:before { margin-right: 7px; }
  body.makers2017 #makerDetail .genreMark { margin-top: 13px; height: auto; }
  body.makers2017 #makerDetail .genreMark ul li { padding-top: 0; min-width: 100px; height: 23px; font-size: 0.75rem; line-height: 22px; border-radius: 5px; }
  body.makers2017 #makerDetail .genreMark ul li:not(:first-child) { margin-left: 5px; border: none; }
  body.makers2017 #makerDetail .makerImage { margin-top: 24px; }
  body.makers2017 #makerDetail .description { margin-top: 43px; }
  body.makers2017 #makerDetail ul.makerSns { margin-top: 36px; }
  body.makers2017 #makerDetail ul.makerSns li { font-size: 0.75rem; letter-spacing: 0.15em; }
  body.makers2017 #makerDetail ul.makerSns li a { letter-spacing: 0.1em; }
  body.makers2017 #makersNav { width: 660px; margin: 12px auto 31px; }
  body.makers2017 #makersNav .inner { width: 660px; font-size: 0.75rem; letter-spacing: 0.1em; }
  body.makers2017 #makersNav .link_text { margin: 0; } }
/* ============================== 注目のプログラム/プレゼンテーション/Maker Classroom*/
.feature-sprite { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/feature/featureSprite.png"); -webkit-background-size: 697px 239.5px; background-size: 697px 239.5px; }

.feature-title_collaboration { width: 369px; height: 73.5px; background-position: -5px -161px; }

.feature-title_makejapan { width: 679.5px; height: 76px; background-position: -5px -80px; }

.feature-title_diymusic { width: 687px; height: 70px; background-position: -5px -5px; }

.feature-title_special { width: 247px; height: 64.5px; background-position: -379px -161px; }

body.feature p.annotation.sup, body.makerclassroom p.annotation.sup, body.presentations p.annotation.sup { width: 92.157vw; margin: 0 auto 23px; font-size: 0.75rem; line-height: 1.125rem; }
body.feature section, body.makerclassroom section, body.presentations section { padding-bottom: 22px; }
body.feature #special h3, body.feature #makejapan h3, body.feature #collaboration h3, body.feature #diymusic h3, body.makerclassroom #special h3, body.makerclassroom #makejapan h3, body.makerclassroom #collaboration h3, body.makerclassroom #diymusic h3, body.presentations #special h3, body.presentations #makejapan h3, body.presentations #collaboration h3, body.presentations #diymusic h3 { -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; width: 100%; height: 51.96vw; line-height: 51.96vw; }
body.feature #special h3 span, body.feature #makejapan h3 span, body.feature #collaboration h3 span, body.feature #diymusic h3 span, body.makerclassroom #special h3 span, body.makerclassroom #makejapan h3 span, body.makerclassroom #collaboration h3 span, body.makerclassroom #diymusic h3 span, body.presentations #special h3 span, body.presentations #makejapan h3 span, body.presentations #collaboration h3 span, body.presentations #diymusic h3 span { margin-bottom: -25px; }
body.feature #special h3, body.makerclassroom #special h3, body.presentations #special h3 { background-image: url("../img/feature/img_special.png"); }
body.feature #makejapan h3, body.makerclassroom #makejapan h3, body.presentations #makejapan h3 { background-image: url("../img/feature/img_makejapan.png"); }
body.feature #collaboration h3, body.makerclassroom #collaboration h3, body.presentations #collaboration h3 { background-image: url("../img/feature/img_collaboration.png"); }
body.feature #diymusic h3, body.makerclassroom #diymusic h3, body.presentations #diymusic h3 { background-image: url("../img/feature/img_diymusic.png"); }
body.feature #diymusic .timetable h4, body.makerclassroom #diymusic .timetable h4, body.presentations #diymusic .timetable h4 { margin: 30px 0; color: #e60012; font-size: 1.0375rem; letter-spacing: 0.1em; text-align: center; }
body.feature #diymusic .timetable > dl:nth-last-child(1), body.makerclassroom #diymusic .timetable > dl:nth-last-child(1), body.presentations #diymusic .timetable > dl:nth-last-child(1) { margin-bottom: 30px; }
body.feature #diymusic .timetable p > span, body.makerclassroom #diymusic .timetable p > span, body.presentations #diymusic .timetable p > span { font-size: 0.75rem; }
body.feature #detail, body.makerclassroom #detail, body.presentations #detail { padding-top: 4px; }
body.feature .spec, body.makerclassroom .spec, body.presentations .spec { display: table; padding-left: 9px; margin-bottom: 17px; border-left: solid 1px #00aeef; }
body.feature .spec dl.oneline, body.makerclassroom .spec dl.oneline, body.presentations .spec dl.oneline { margin-bottom: 7px; font-size: 0.75rem; font-weight: 700; line-height: 1.29166rem; }
body.feature .spec dl.oneline dt, body.makerclassroom .spec dl.oneline dt, body.presentations .spec dl.oneline dt { display: table-cell; width: 80px; color: #00aeef; }
body.feature .spec dl.oneline dd, body.makerclassroom .spec dl.oneline dd, body.presentations .spec dl.oneline dd { display: table-cell; }
body.feature #anc01 .spec, body.feature #anc02 .spec, body.feature #anc03 .spec, body.makerclassroom #anc01 .spec, body.makerclassroom #anc02 .spec, body.makerclassroom #anc03 .spec, body.presentations #anc01 .spec, body.presentations #anc02 .spec, body.presentations #anc03 .spec { margin-top: 6px; border-left: none; margin-bottom: 0; }
body.feature #anc01 .spec > dl:nth-last-child(1) > dd, body.feature #anc02 .spec > dl:nth-last-child(1) > dd, body.feature #anc03 .spec > dl:nth-last-child(1) > dd, body.makerclassroom #anc01 .spec > dl:nth-last-child(1) > dd, body.makerclassroom #anc02 .spec > dl:nth-last-child(1) > dd, body.makerclassroom #anc03 .spec > dl:nth-last-child(1) > dd, body.presentations #anc01 .spec > dl:nth-last-child(1) > dd, body.presentations #anc02 .spec > dl:nth-last-child(1) > dd, body.presentations #anc03 .spec > dl:nth-last-child(1) > dd { padding-bottom: 0; }
body.feature #anc01 .timetable h4, body.feature #anc02 .timetable h4, body.feature #anc03 .timetable h4, body.makerclassroom #anc01 .timetable h4, body.makerclassroom #anc02 .timetable h4, body.makerclassroom #anc03 .timetable h4, body.presentations #anc01 .timetable h4, body.presentations #anc02 .timetable h4, body.presentations #anc03 .timetable h4 { margin-bottom: 30px; color: #e60012; font-size: 1.0375rem; letter-spacing: 0.1em; text-align: center; }
body.feature #anc01 .timetable > dl:nth-last-child(1), body.feature #anc02 .timetable > dl:nth-last-child(1), body.feature #anc03 .timetable > dl:nth-last-child(1), body.makerclassroom #anc01 .timetable > dl:nth-last-child(1), body.makerclassroom #anc02 .timetable > dl:nth-last-child(1), body.makerclassroom #anc03 .timetable > dl:nth-last-child(1), body.presentations #anc01 .timetable > dl:nth-last-child(1), body.presentations #anc02 .timetable > dl:nth-last-child(1), body.presentations #anc03 .timetable > dl:nth-last-child(1) { margin-bottom: 30px; }
body.feature #anc01 .timetable p > span, body.feature #anc02 .timetable p > span, body.feature #anc03 .timetable p > span, body.makerclassroom #anc01 .timetable p > span, body.makerclassroom #anc02 .timetable p > span, body.makerclassroom #anc03 .timetable p > span, body.presentations #anc01 .timetable p > span, body.presentations #anc02 .timetable p > span, body.presentations #anc03 .timetable p > span { font-size: 0.75rem; }
body.feature #anc01 div > section:nth-child(2), body.feature #anc02 div > section:nth-child(2), body.feature #anc03 div > section:nth-child(2), body.makerclassroom #anc01 div > section:nth-child(2), body.makerclassroom #anc02 div > section:nth-child(2), body.makerclassroom #anc03 div > section:nth-child(2), body.presentations #anc01 div > section:nth-child(2), body.presentations #anc02 div > section:nth-child(2), body.presentations #anc03 div > section:nth-child(2) { margin-top: 30px; }
body.feature #anc03 .spec, body.makerclassroom #anc03 .spec, body.presentations #anc03 .spec { margin-bottom: 17px; border-left: solid 1px #00aeef; }
body.feature section.program, body.makerclassroom section.program, body.presentations section.program { margin-bottom: 24px; padding-bottom: 34px; border-bottom: solid 1px #c3e8f6; }
body.feature section.program .program_info > dl > dt, body.makerclassroom section.program .program_info > dl > dt, body.presentations section.program .program_info > dl > dt { margin-left: 27px; margin-bottom: 1px; font-size: 1.0825rem; font-weight: 600; line-height: 1.45833rem; letter-spacing: 0.1em; color: #e60012; }
body.feature section.program .program_info > dl > dt:before, body.makerclassroom section.program .program_info > dl > dt:before, body.presentations section.program .program_info > dl > dt:before { display: inline-block; content: " "; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/sprite.png"); -webkit-background-size: 530px 485px; background-size: 530px 485px; margin-left: -35px; margin-right: 10px; margin-bottom: 2px; vertical-align: bottom; }
body.feature section.program .program_info > dl > dd .performer, body.makerclassroom section.program .program_info > dl > dd .performer, body.presentations section.program .program_info > dl > dd .performer { margin-left: 27px; margin-bottom: 23px; line-height: 1.25rem; letter-spacing: 0.1em; }
body.feature section.program .program_info .program_info_inner img, body.makerclassroom section.program .program_info .program_info_inner img, body.presentations section.program .program_info .program_info_inner img { width: 100%; margin-top: 7px; margin-bottom: 30px; border-radius: 8px; }
body.feature section.program .program_detail, body.makerclassroom section.program .program_detail, body.presentations section.program .program_detail { margin-bottom: 27px; }
body.feature .areaSection, body.makerclassroom .areaSection, body.presentations .areaSection { width: 92.157%; width: 92.157vw; margin: 15.6px auto; background: url("../img/separator.png") repeat-x left bottom; }
body.feature .areaSection.lastSection, body.makerclassroom .areaSection.lastSection, body.presentations .areaSection.lastSection { background: none; }
body.feature .areaSection h4, body.makerclassroom .areaSection h4, body.presentations .areaSection h4 { margin-bottom: 30px; color: #e60012; font-size: 1.0375rem; letter-spacing: 0.1em; text-align: center; }
body.feature .areaSection > .subText, body.makerclassroom .areaSection > .subText, body.presentations .areaSection > .subText { margin-bottom: 24px; }
body.feature .areaSection section.program.firstSection, body.makerclassroom .areaSection section.program.firstSection, body.presentations .areaSection section.program.firstSection { margin-top: 24px; padding-top: 34px; border-top: solid 1px #c3e8f6; }
body.feature .areaSection section.program.lastSection, body.makerclassroom .areaSection section.program.lastSection, body.presentations .areaSection section.program.lastSection { border-bottom: none; }

body.feature article { width: 100%; }
body.feature article section.wideArea { width: 100%; }
body.feature article section.wideArea .compactArea { margin: 0 auto; width: 92.157%; width: 92.157vw; }
body.feature section.program, body.feature section.wideArea section.program.compactArea, body.feature .areaSection section.program { margin-bottom: 40px; }
body.feature section.program .program_detail, body.feature section.wideArea section.program.compactArea .program_detail, body.feature .areaSection section.program .program_detail { margin-bottom: 6px; }
body.feature section.wideArea section.program.compactArea.lastSection { margin-bottom: 0; }
body.feature #paneldiscussion > dl { margin-top: 30px; }
body.feature #paneldiscussion > dl:nth-child(3) { margin-top: 10px; }
body.feature #paneldiscussion > dl > dt { margin-left: 34px; }
body.feature #paneldiscussion dd p { margin-bottom: 10px; }
body.feature .spec { padding-left: 6px; padding-right: 6px; margin-top: 6px; margin-bottom: 17px; }
body.feature .areaSection { margin-bottom: 40px; }
body.feature p.subText { margin-bottom: 40px; }
body.feature p span { font-size: 0.79166rem; }
body.feature .nonbold { font-weight: normal; }
body.feature .program_info_inner_middle img { width: 100%; margin-top: 7px; margin-bottom: 30px; border-radius: 8px; }

@media only screen and (max-width: 959px) { body.feature section h3, body.makerclassroom section h3, body.presentations section h3 { height: 20vw; margin-bottom: 38px; line-height: 24vw; }
  body.feature section h3 span.feature-sprite, body.makerclassroom section h3 span.feature-sprite, body.presentations section h3 span.feature-sprite { zoom: 0.5; }
  body.feature #makejapan h3 span.feature-sprite, body.feature #diymusic h3 span.feature-sprite, body.makerclassroom #makejapan h3 span.feature-sprite, body.makerclassroom #diymusic h3 span.feature-sprite, body.presentations #makejapan h3 span.feature-sprite, body.presentations #diymusic h3 span.feature-sprite { zoom: 0.4; }
  body.feature section.program .program_info > dl > dt:before, body.makerclassroom section.program .program_info > dl > dt:before, body.presentations section.program .program_info > dl > dt:before { zoom: 0.8; }
  body.feature p.performer { padding-right: 6px; }
  body.feature #paneldiscussion > dl > dt { margin-left: 0; padding: 0 6px 12px 0; }
  body.feature #diymusic .spec { margin-top: 13px; padding-left: 0; padding-right: 0; } }
@media only screen and (min-width: 960px) { body.feature article section.wideArea .compactArea { width: 660px; }
  body.feature p.annotation.sup, body.makerclassroom p.annotation.sup, body.presentations p.annotation.sup { width: 100%; margin-bottom: 20px; font-size: 0.75rem; line-height: 1.25rem; text-align: center; }
  body.feature section, body.makerclassroom section, body.presentations section { padding-bottom: 7px; }
  body.feature dl.tables dd, body.makerclassroom dl.tables dd, body.presentations dl.tables dd { padding-bottom: 7px; }
  body.feature hr.smallSeparator, body.makerclassroom hr.smallSeparator, body.presentations hr.smallSeparator { padding-top: 13px; }
  body.feature #detail, body.makerclassroom #detail, body.presentations #detail { padding-top: 2px; }
  body.feature #special h3, body.feature #makejapan h3, body.feature #collaboration h3, body.feature #diymusic h3, body.makerclassroom #special h3, body.makerclassroom #makejapan h3, body.makerclassroom #collaboration h3, body.makerclassroom #diymusic h3, body.presentations #special h3, body.presentations #makejapan h3, body.presentations #collaboration h3, body.presentations #diymusic h3 { height: 460px; line-height: 460px; }
  body.feature .spec, body.makerclassroom .spec, body.presentations .spec { margin-right: 24px; margin-left: 33px; margin-bottom: 26px; padding-left: 14px; }
  body.feature .spec dl.oneline, body.makerclassroom .spec dl.oneline, body.presentations .spec dl.oneline { margin-bottom: 0; letter-spacing: 0.1em; line-height: 1.5rem; }
  body.feature .spec dl.oneline dt, body.makerclassroom .spec dl.oneline dt, body.presentations .spec dl.oneline dt { width: 65px; }
  body.feature #diymusic .timetable h4, body.makerclassroom #diymusic .timetable h4, body.presentations #diymusic .timetable h4 { font-size: 1.375rem; letter-spacing: 0.1em; line-height: 2.5rem; }
  body.feature #diymusic .spec, body.makerclassroom #diymusic .spec, body.presentations #diymusic .spec { margin-left: 0; padding-left: 0; }
  body.feature #diymusic .spec dl.oneline, body.makerclassroom #diymusic .spec dl.oneline, body.presentations #diymusic .spec dl.oneline { line-height: 1.25rem; }
  body.feature section.program, body.makerclassroom section.program, body.presentations section.program { margin-bottom: 26px; padding-bottom: 40px; }
  body.feature section.program .program_info, body.makerclassroom section.program .program_info, body.presentations section.program .program_info { display: table; }
  body.feature section.program .program_info > dl > dt, body.makerclassroom section.program .program_info > dl > dt, body.presentations section.program .program_info > dl > dt { padding-right: 24px; min-width: 360px; margin-left: 34px; font-size: 1.375rem; font-weight: normal; line-height: 2rem; letter-spacing: 0.1em; }
  body.feature section.program .program_info > dl > dt:before, body.makerclassroom section.program .program_info > dl > dt:before, body.presentations section.program .program_info > dl > dt:before { margin-left: -35px; margin-bottom: 6px; }
  body.feature section.program .program_info > dl > dd .performer, body.makerclassroom section.program .program_info > dl > dd .performer, body.presentations section.program .program_info > dl > dd .performer { margin-left: 34px; padding-right: 24px; margin-bottom: 14px; font-size: 0.875rem; }
  body.feature section.program .program_info .program_info_inner, body.makerclassroom section.program .program_info .program_info_inner, body.presentations section.program .program_info .program_info_inner { display: table-cell; vertical-align: top; }
  body.feature section.program .program_info .program_info_inner img, body.makerclassroom section.program .program_info .program_info_inner img, body.presentations section.program .program_info .program_info_inner img { margin-top: 13px; width: 240px; border-radius: 10px; }
  body.feature section.program .program_detail, body.makerclassroom section.program .program_detail, body.presentations section.program .program_detail { padding-bottom: 5px; }
  body.feature section.program .roundBtn, body.makerclassroom section.program .roundBtn, body.presentations section.program .roundBtn { width: 180px; height: 45px; margin: 0 auto; }
  body.feature .program_info_inner_middle, body.makerclassroom .program_info_inner_middle, body.presentations .program_info_inner_middle { display: table-cell; vertical-align: top; }
  body.feature .program_info_inner_middle img, body.makerclassroom .program_info_inner_middle img, body.presentations .program_info_inner_middle img { margin-bottom: 13px; width: 100%; border-radius: 10px; }
  body.feature .areaSection, body.makerclassroom .areaSection, body.presentations .areaSection { width: 820px; margin-top: 50px; margin-bottom: 50px; }
  body.feature .areaSection h4, body.makerclassroom .areaSection h4, body.presentations .areaSection h4 { font-size: 1.375rem; letter-spacing: 0.1em; line-height: 2.5rem; }
  body.feature .areaSection > .subText, body.makerclassroom .areaSection > .subText, body.presentations .areaSection > .subText { margin-bottom: 26px; } }
/* ============================== 出展申し込み */
.callformakers-sprite { display: inline-block; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/callformakers/callformakersSprite.png"); -webkit-background-size: 506px 187.5px; background-size: 506px 187.5px; }

.callformakers-img_download { width: 50px; height: 147px; background-position: -96.5px -2.5px; }

.callformakers-img_guideline1 { width: 73px; height: 139px; background-position: -149px -2.5px; }

.callformakers-img_guideline5 { width: 232px; height: 114px; background-position: -224.5px -2.5px; }

.callformakers-step1_pc { width: 21px; height: 77px; background-position: -459px -108px; }

.callformakers-step1_sp { width: 21px; height: 156.5px; background-position: -73px -2.5px; }

.callformakers-step2_pc { width: 21px; height: 78px; background-position: -482.5px -2.5px; }

.callformakers-step2_sp { width: 21px; height: 157.5px; background-position: -26px -2.5px; }

.callformakers-step3_pc { width: 21px; height: 103px; background-position: -459px -2.5px; }

.callformakers-step3_sp { width: 21px; height: 158.5px; background-position: -2.5px -2.5px; }

.callformakers-step4_pc { width: 21px; height: 78px; background-position: -482.5px -83px; }

.callformakers-step4_sp { width: 21px; height: 157px; background-position: -49.5px -2.5px; }

.callformakers-step5 { width: 21px; height: 26px; background-position: -96.5px -152px; }

body.callformakers #timeline { margin-bottom: 23px; }
body.callformakers #timeline strong .sup { font-weight: 600; }
body.callformakers #guidelines { width: 100%; width: 100vw; padding-bottom: 32px; }
body.callformakers #guidelines h3 { margin-bottom: 39px; }
body.callformakers #guidelines > section { width: 100%; width: 100vw; }
body.callformakers #guidelines > section h4 { margin: -1px 0 0 0; padding: 23px 0 20px; border-top: solid 1px #e60012; border-bottom: solid 1px #e60012; background: none; font-size: 1.0825rem; font-weight: normal; letter-spacing: 0.05em; text-align: center; color: #e60012; cursor: pointer; }
body.callformakers #guidelines > section h4 .accordionBtn { position: absolute; display: inline-block; right: 1rem; }
body.callformakers #guidelines > section h4 .accordionBtn .svgicons { width: 1rem; height: 1rem; padding: 0 1px 5px 0; }
body.callformakers #guidelines > section h4 .accordionBtn .svgicons.openBtn { display: none; }
body.callformakers #guidelines > section h4.open { background: #fce5e7; }
body.callformakers #guidelines > section h4.open .accordionBtn .openBtn { display: inline-block; }
body.callformakers #guidelines > section h4.open .accordionBtn .closeBtn { display: none; }
body.callformakers #guidelines > section > .inner { width: 92.353%; width: 92.353vw; margin-left: 3.8235vw; margin-right: 3.8235vw; padding: 22px 0; }
body.callformakers #guidelines > section > .inner ul.leftline li { font-size: 0.91666rem; letter-spacing: 0.05em; }
body.callformakers #guidelines > section > .inner dl { margin-bottom: 22px; }
body.callformakers #guidelines > section > .inner dl dt { font-weight: 600; color: #00aeef; }
body.callformakers #guidelines > section > .inner table.tables { margin-top: 27px; }
body.callformakers #guidelines > section > .inner table.tables tr > td { display: inline-block; }
body.callformakers #guidelines > section > .inner table.tables tr > td .sup { display: inline-block; }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td { height: 70px; height: 20.5vw; padding: 0; margin-bottom: -0.5px; }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td .guidline2Label { position: relative; display: block; padding-top: 1.065rem; margin-top: -54px; margin-top: -21vw; letter-spacing: 0.05em; font-weight: 600; color: #00aeef; }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td .guidline2Icon { position: relative; display: block; width: 50%; height: 100%; margin: 0 auto; z-index: -1; }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td .guidline2Icon:after { position: absolute; display: block; content: " "; width: 100%; height: 100%; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: contain; background-size: contain; }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td.row1col1 .guidline2Icon { overflow: visible; z-index: 0; }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td.row1col1 .guidline2Icon:after { margin-top: 14%; background-image: url("../img/callformakers/img_guideline2_1.png"); }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td.row1col2 .guidline2Label { padding-top: 0.76rem; font-size: 0.8325rem; line-height: 1.0375rem; letter-spacing: 0.05em; }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td.row1col2 .guidline2Icon:after { background-image: url("../img/callformakers/img_guideline2_2.png"); }
body.callformakers #guidelines > section > .inner table.tables tr.row1 > td.row1col3 .guidline2Icon:after { background-image: url("../img/callformakers/img_guideline2_3.png"); }
body.callformakers #guidelines > section > .inner table.tables tr.row2 > td { height: 6rem; }
body.callformakers #guidelines > section > .inner table.tables tr.row2 > td.row2col1 { padding-left: 10px; }
body.callformakers #guidelines > section > .inner table.tables tr.row2 > td.row2col2 { padding-top: 2.3rem; }
body.callformakers #guidelines > section > .inner table.tables tr.row4 > td { height: 9.35rem; line-height: 18px; }
body.callformakers #guidelines > section > .inner table.tables tr.row4 > td .sup { margin-left: 0.25rem; }
body.callformakers #guidelines > section > .inner table.tables tr.row4 > td .annotation { margin-top: 13px; line-height: 1.0375rem; }
body.callformakers #guidelines > section > .inner table.tables tr.row4 > td.row4col1 { padding-top: 4rem; }
body.callformakers #guidelines > section > .inner table.tables tr.row5 > td { padding-left: 9px; }
body.callformakers #guidelines > section#guideline1 .imgWrapper { padding: 15px 0 6px; text-align: center; }
body.callformakers #guidelines > section#guideline1 .imgWrapper .callformakers-sprite { zoom: 0.61; }
body.callformakers #guidelines > section#guideline2 table.tables { margin-bottom: 25px; }
body.callformakers #guidelines > section#guideline2 .inner { padding-bottom: 34px; }
body.callformakers #guidelines > section#guideline2 .inner > p.annotation { text-align: left; }
body.callformakers #guidelines > section#guideline5 .inner { padding: 30px 0 105px; }
body.callformakers #guidelines > section#guideline5 .inner .callformakers-sprite { float: right; margin-top: 29px; zoom: 0.5; }
body.callformakers #guidelines > section#guideline5 strong { font-size: 1.05333rem; letter-spacing: 0.038em; color: #e60012; }
body.callformakers #guidelines > section#guideline6 .inner p { margin-bottom: 22px; }
body.callformakers #guidelines > section#guideline7 h5 { margin: 12px 0 -6px; font-size: 0.91666rem; letter-spacing: 0.05em; }
body.callformakers #guidelines > section#guideline7 ul.leftline > li > ul > li:before { content: "-"; margin-left: -1.2rem; margin-right: 0.45rem; }
body.callformakers #guidelines > section#guideline7 .quote { padding: 0 1.65rem 0 1.85em; font-size: 0.91666rem; font-weight: normal; letter-spacing: 0.05em; }
body.callformakers #guidelines > section#guideline7 .quote h5 { margin-top: 25px; color: #e60012; }
body.callformakers #guidelines > section#guideline7 .quote ul { padding: 0.45rem 0 1px 1rem; }
body.callformakers #guidelines > section#guideline7 .quote ul li { font-size: 0.75rem; line-height: 1.25rem; text-align: justify; text-justify: inter-ideograph; }
body.callformakers #guidelines > section#guideline7 .quote ul li:before { display: inline-block; margin-left: -1rem; content: "・"; }
body.callformakers #entryform { margin-bottom: 20px; }
body.callformakers #entryform .roundBtn { margin-top: 38px; }
body.callformakers #downloads p { margin-bottom: 17px; text-align: center; }
body.callformakers #downloads .imgWrapper { text-align: center; }
body.callformakers #downloads .imgWrapper .callformakers-sprite { zoom: 0.6; }
body.callformakers #downloads ul { margin-top: -3px; padding-bottom: 18px; }
body.callformakers #downloads ul li { margin-top: 14px; font-size: 0.91666rem; text-align: center; }
body.callformakers #footerLocal { margin-top: 100px; }

@media only screen and (max-width: 959px) { .callformakers-sprite { zoom: 0.668; } }
@media only screen and (min-width: 960px) { body.callformakers #timeline { margin-bottom: 15px; }
  body.callformakers #guidelines { width: 660px; padding-bottom: 0; }
  body.callformakers #guidelines h3 { margin: 0; }
  body.callformakers #guidelines .pageMenu { margin-top: 5px; margin-bottom: 16px; }
  body.callformakers #guidelines .pagetop { width: 720px; }
  body.callformakers #guidelines > section { width: 660px; }
  body.callformakers #guidelines > section h4 { padding: 0; font-size: 1.375rem; font-weight: normal; letter-spacing: 0.1em; text-align: left; border: none; background: none; cursor: inherit; pointer-events: none; }
  body.callformakers #guidelines > section h4.open { background: none; }
  body.callformakers #guidelines > section > .inner { width: auto; margin: 8px 0 0; padding: 0; }
  body.callformakers #guidelines > section > .inner dl { margin-bottom: 27px; }
  body.callformakers #guidelines > section > .inner dl dd { text-align: justify; text-justify: inter-ideograph; }
  body.callformakers #guidelines > section > .inner ul.leftline li { font-size: 1rem; letter-spacing: 0.1em; }
  body.callformakers #guidelines > section > .inner table.tables { margin-top: 52px; }
  body.callformakers #guidelines > section > .inner table.tables tr > th { width: 119px; }
  body.callformakers #guidelines > section > .inner table.tables tr > td { width: 180px; padding: 11px 0; }
  body.callformakers #guidelines > section > .inner table.tables tr > td.colspan2 { width: 360px; }
  body.callformakers #guidelines > section > .inner table.tables tr > td.colspan3 { width: 540px; }
  body.callformakers #guidelines > section > .inner table.tables tr.row1 > td { height: 49px; }
  body.callformakers #guidelines > section > .inner table.tables tr.row1 > td .guidline2Label { margin-top: -6px; letter-spacing: 0.1em; }
  body.callformakers #guidelines > section > .inner table.tables tr.row1 > td .guidline2Icon { margin-top: -49px; width: 41%; }
  body.callformakers #guidelines > section > .inner table.tables tr.row1 > td.row1col2 .guidline2Label { margin-top: -7px; font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.1em; }
  body.callformakers #guidelines > section > .inner table.tables tr.row2 > td { height: 104px; }
  body.callformakers #guidelines > section > .inner table.tables tr.row2 > td.row2col2 { padding-top: 35px; padding-left: 0; }
  body.callformakers #guidelines > section > .inner table.tables tr.row3 > td { height: 48px; }
  body.callformakers #guidelines > section > .inner table.tables tr.row4 > td { height: 118px; line-height: 23px; padding: 11px 0; }
  body.callformakers #guidelines > section > .inner table.tables tr.row4 > td.row4col1 { padding-top: 49px; }
  body.callformakers #guidelines > section > .inner table.tables tr.row4 > td .sup { margin-left: 6px; }
  body.callformakers #guidelines > section > .inner table.tables tr.row4 > td .annotation { margin-top: 8px; line-height: 20px; }
  body.callformakers #guidelines > section > .inner table.tables tr.row5 > td { height: 75px; padding: 14px 0; margin-left: -16px; line-height: 24px; }
  body.callformakers #guidelines > section > .inner table.tables tr.row5 > td .annotation { margin-left: -5px; }
  body.callformakers #guidelines > section#guideline1 { margin-bottom: 16px; }
  body.callformakers #guidelines > section#guideline1 .imgWrapper { position: absolute; margin-top: -159px; margin-left: 507px; }
  body.callformakers #guidelines > section#guideline1 .imgWrapper .callformakers-sprite { zoom: 1; }
  body.callformakers #guidelines > section#guideline2 { margin-bottom: 21px; }
  body.callformakers #guidelines > section#guideline2 .inner { padding-bottom: 0; }
  body.callformakers #guidelines > section#guideline3 .inner dl { margin-bottom: 28px; }
  body.callformakers #guidelines > section#guideline3 .inner dl:last-child { margin-bottom: 0; }
  body.callformakers #guidelines > section#guideline4 .inner ul.leftline li { margin: 0 0 0 28px; font-size: 0.9375rem; }
  body.callformakers #guidelines > section#guideline5 .inner { padding-top: 2px; padding-bottom: 44px; }
  body.callformakers #guidelines > section#guideline5 .inner strong { font-size: 1.25rem; letter-spacing: 0.1em; }
  body.callformakers #guidelines > section#guideline5 .inner .callformakers-sprite { zoom: 1; margin-top: -40px; margin-right: 20px; }
  body.callformakers #guidelines > section#guideline6 .inner dl { margin-bottom: 0; }
  body.callformakers #guidelines > section#guideline6 .inner ul.leftline li { margin: 0 0 0 28px; }
  body.callformakers #guidelines > section#guideline7 h5 { font-size: 1rem; letter-spacing: 0.1em; }
  body.callformakers #guidelines > section#guideline7 .inner ul.leftline > li { margin: 0 0 0 28px; }
  body.callformakers #guidelines > section#guideline7 .inner ul.leftline > li > ul > li { margin-left: 23px; }
  body.callformakers #guidelines > section#guideline7 .inner .quote { padding: 9px 78px 9px 80px; }
  body.callformakers #guidelines > section#guideline7 .inner .quote h5 { margin-top: 30px; }
  body.callformakers #guidelines > section#guideline7 .inner .quote ul { padding: 9px 0 0 17px; }
  body.callformakers #guidelines > section#guideline7 .inner .quote ul li { line-height: 1.5rem; }
  body.callformakers #guidelines > section#guideline7 .inner dl:last-child { margin-bottom: 0; }
  body.callformakers #guidelines > section#guideline8 ul.leftline li { margin-left: 28px; }
  body.callformakers #entryform { margin-bottom: 61px; }
  body.callformakers #downloads ul { margin-top: 23px; padding-bottom: 28px; }
  body.callformakers #downloads ul li { margin-top: 20px; font-size: 1rem; letter-spacing: 0.1em; }
  body.callformakers #downloads .imgWrapper { position: absolute; margin-top: -23px; margin-left: 530px; }
  body.callformakers #downloads .imgWrapper .callformakers-sprite { zoom: 1; } }
/* ============================== よくある質問 */
body.faq h3 { margin-bottom: 2.1rem; }
body.faq section { padding: 0; }
body.faq section h4 { margin: 18px 0; font-size: 0.875rem; font-weight: 600; line-height: 0.875rem; letter-spacing: 0.073rem; color: #00aeef; }
body.faq section p, body.faq section div { margin: 0.25rem 0 1.6rem; font-size: 0.875rem; letter-spacing: 0.13rem; }
body.faq section p a, body.faq section div a { text-decoration: underline; }
body.faq #faq3 { margin-bottom: 56px; margin-bottom: 16vw; }

@media only screen and (min-width: 960px) { body.faq h3 { margin-bottom: 60px; }
  body.faq section h4 { margin: 18px 0 0; font-size: 1rem; letter-spacing: 0.1rem; }
  body.faq section p, body.faq section div { margin: 7px 0 35px; font-size: 1rem; letter-spacing: 0.13rem; }
  body.faq #faq3 { margin-bottom: 0; } }
/* ============================== 教育機関の方へ */
body.foreducator .twoImages { width: 100%; margin: 40px auto 31.2px; }
body.foreducator .twoImages img { display: inline-block; margin: 0; width: 49.15%; }
body.foreducator .twoImages img:first-child { float: left; }
body.foreducator .twoImages img:last-child { float: right; }
body.foreducator p.subText { margin-top: 27px; }
body.foreducator .roundBtn { margin-top: 25px; }
body.foreducator ul.books { margin: 30px auto; }
body.foreducator ul.books li { padding: 30px 0; clear: both; border-bottom: solid 1px #c3e8f6; }
body.foreducator ul.books li:first-child { border-top: solid 1px #c3e8f6; }
body.foreducator ul.books li .book_image { float: left; width: 23.94%; padding: 0 5.055%; }
body.foreducator ul.books li .book_image img { width: 100%; border: solid 1px #a0a0a0; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.foreducator ul.books li .detail { width: 59.045%; float: right; }
body.foreducator ul.books li .detail .book_title { font-size: 1.0375rem; line-height: 1.45833rem; letter-spacing: 0.1em; }
body.foreducator ul.books li .detail .book_authors { margin-top: 8px; font-size: 0.75rem; line-height: 1.0375rem; letter-spacing: 0.1em; }
body.foreducator .leftline { margin: 27px 0.6rem; padding-left: 0.6rem; border-left: solid 1px #00aeef; }
body.foreducator .leftline dl.oneline:not(:last-child) { margin-bottom: 15px; }
body.foreducator .leftline dl.oneline dt { font-size: 0.75rem; color: #8f8f8f; letter-spacing: 0.02em; }
body.foreducator .leftline dl.oneline dd { padding-left: 0; }

@media only screen and (min-width: 960px) { body.foreducator .twoImages img { width: 320px; }
  body.foreducator ul.books li { padding: 40px 0; }
  body.foreducator ul.books li .book_image { width: 112px; padding: 0 64px; }
  body.foreducator ul.books li .detail { width: 400px; float: right; }
  body.foreducator ul.books li .detail .book_title { font-size: 1.375rem; line-height: 2rem; }
  body.foreducator ul.books li .detail .book_authors { line-height: 1.25rem; }
  body.foreducator .leftline { margin-left: 0; padding-left: 12px; border-left: solid 1px #00aeef; }
  body.foreducator .leftline dl.oneline:not(:last-child) { margin-bottom: 20px; }
  body.foreducator .leftline dl.oneline dt { display: block; float: left; letter-spacing: 0.1em; }
  body.foreducator .leftline dl.oneline dd { display: block; margin-left: 115px; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.1em; } }
/* ============================== スポンサー */
body.sponsors article h2 { padding-top: 18px; margin-bottom: 19px; }
body.sponsors article h2 .sprite { zoom: 0.71; }
body.sponsors .pagetitle_sponsors1 { width: 100%; height: 26px; background: url(../img/sponsors/pagetitle_sponsors1.png) no-repeat 50% 0; -webkit-background-size: auto 26px; background-size: auto 26px; }
body.sponsors .pagetitle_sponsors2 { width: 100%; height: 26px; background: url(../img/sponsors/pagetitle_sponsors2.png) no-repeat 50% 0; -webkit-background-size: auto 26px; background-size: auto 26px; margin: 5px 0 36px; }
body.sponsors .sponsor_table dl { margin: 10px 0 0; }
body.sponsors .sponsor_table .sponsor_name { text-align: center; }
body.sponsors .sponsor_table .sponsor_name a { color: #e60012; font-size: 1.0375rem; font-weight: normal; line-height: 1.45833rem; letter-spacing: 0.1em; }
body.sponsors .sponsor_table .sponsor_name .subname { display: block; margin-top: 3px; font-size: 0.75rem; font-weight: 600; line-height: 1.0375rem; letter-spacing: 0.1em; }
body.sponsors .sponsor_table .sponsor_description p { margin-top: 14px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.1em; }
body.sponsors .sponsor_table .sponsor_description .detail { text-align: right; }
body.sponsors #presenting h3, body.sponsors #platinumsmith h3, body.sponsors #goldsmith h3 { margin-bottom: 38px; }
body.sponsors #silversmith h3, body.sponsors #coppersmith h3, body.sponsors #startup h3, body.sponsors #mediaCommunity h3, body.sponsors #support h3 { margin-bottom: 29px; }
body.sponsors #mediaCommunity, body.sponsors #support { text-align: center; }
body.sponsors #mediaCommunity .list_sponsor, body.sponsors #support .list_sponsor { font-size: 0; margin: 0; padding: 0; }
body.sponsors #mediaCommunity .list_sponsor img, body.sponsors #support .list_sponsor img { max-width: 100%; height: auto; }
body.sponsors #mediaCommunity .list_sponsor li, body.sponsors #support .list_sponsor li { display: inline-block; width: 23.404%; margin-left: 2.127%; margin-bottom: 2.127%; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.sponsors #mediaCommunity .list_sponsor li:nth-child(4n+1), body.sponsors #support .list_sponsor li:nth-child(4n+1) { margin-left: 0; }
body.sponsors #application { margin-bottom: 24px; }
body.sponsors #application p { margin: 25px 0 0; }
body.sponsors #voice h3, body.sponsors #whySponsors h3 { overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; width: 100%; max-width: 514px; height: 50px; height: 16vw; max-height: 76px; margin-top: 7px; margin-top: 2vw; margin-bottom: 7px; margin-bottom: 2vw; background-image: url("../img/title_digest.png"); -webkit-background-size: contain; background-size: contain; background-position: center center; }
body.sponsors #voice .movie iframe, body.sponsors #whySponsors .movie iframe { margin-bottom: 0; }
body.sponsors #voice { margin-bottom: 16px; }
body.sponsors #voice h3 { background-image: url(../img/sponsors/pagetitle_sponsors3.png); }
body.sponsors #whySponsors { margin-bottom: 0; }
body.sponsors #whySponsors h3 { background-image: url(../img/sponsors/pagetitle_sponsors4.png); }
body.sponsors #performance { margin-bottom: 38px; padding-bottom: 0; }
body.sponsors #performance dl { clear: both; margin: 0 0 28px; margin-bottom: 1.75rem; }
body.sponsors #performance dt { color: #e60012; }
body.sponsors #performance dt:before { display: inline-block; content: " "; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/sprite.png"); -webkit-background-size: 530px 485px; background-size: 530px 485px; margin-right: 5px; vertical-align: bottom; }
body.sponsors #performance dd { margin: 9px 0; margin-top: 0.55rem; }
body.sponsors #performance dd ul.leftline li { font-size: 0.91666rem; line-height: 1.375rem; }
body.sponsors #performance dd p { margin: 22px 0 0; }

@media only screen and (min-width: 557px) { body.sponsors #whySponsors h3 { position: relative; margin-left: 0; } }
@media only screen and (min-width: 611px) { body.sponsors #whySponsors h3 { margin-left: auto; left: -25px; } }
@media only screen and (max-width: 959px) { body.sponsors .sponsor_table { display: block; }
  body.sponsors .sponsor_table tr, body.sponsors .sponsor_table th, body.sponsors .sponsor_table td { display: block; }
  body.sponsors .sponsor_table tr { margin-bottom: 33.3px; }
  body.sponsors .sponsor_table tr:last-child { margin-bottom: 3.3px; }
  body.sponsors .sponsor_table td { margin-top: 30px; }
  body.sponsors #silversmith .sponsor_table th, body.sponsors #coppersmith .sponsor_table th, body.sponsors #startup .sponsor_table th { display: table; width: 100%; }
  body.sponsors #silversmith .sponsor_table th .inner, body.sponsors #coppersmith .sponsor_table th .inner, body.sponsors #startup .sponsor_table th .inner { display: table-cell; width: 42.105%; vertical-align: middle; padding-right: 2.127%; }
  body.sponsors #silversmith .sponsor_table th .inner img, body.sponsors #coppersmith .sponsor_table th .inner img, body.sponsors #startup .sponsor_table th .inner img { max-width: 100%; height: auto; }
  body.sponsors #silversmith .sponsor_table th .sponsor_name, body.sponsors #coppersmith .sponsor_table th .sponsor_name, body.sponsors #startup .sponsor_table th .sponsor_name { display: table-cell; width: 57.895%; text-align: left; vertical-align: middle; }
  body.sponsors #silversmith .sponsor_table td, body.sponsors #coppersmith .sponsor_table td, body.sponsors #startup .sponsor_table td { margin-top: 22px; }
  body.sponsors #performance dt:before { zoom: 0.8; } }
@media only screen and (min-width: 960px) { body.sponsors article h2 { margin-bottom: 12px; }
  body.sponsors article h2 .sprite { height: 28px; -webkit-background-size: auto 28px; background-size: auto 28px; zoom: 1; }
  body.sponsors .pagetitle_sponsors2 { margin: 0 0 19px; }
  body.sponsors .sponsor_table { width: 100%; }
  body.sponsors .sponsor_table img { width: 100%; height: auto; }
  body.sponsors .sponsor_table #sp_intel img { width: 183px; }
  body.sponsors .sponsor_table dl { margin: 0 0 39px; }
  body.sponsors .sponsor_table .sponsor_name { text-align: left; }
  body.sponsors .sponsor_table .sponsor_name a { font-size: 1rem; line-height: 1.875rem; }
  body.sponsors .sponsor_table .sponsor_name .subname { margin-top: 0; line-height: 1.875rem; }
  body.sponsors .sponsor_table .sponsor_description p { margin-top: 3px; font-size: 0.75rem; line-height: 1.25rem; }
  body.sponsors .sponsor_table .sponsor_description .detail { margin-top: 6px; text-align: left; }
  body.sponsors .sponsor_table th, body.sponsors .sponsor_table td { vertical-align: top; }
  body.sponsors .sponsor_table tr:last-child dl { margin: 0 0 15px; }
  body.sponsors #presenting .sponsor_table th { width: 51.515%; padding-right: 3.03%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  body.sponsors #presenting .sponsor_table td { width: 48.485%; }
  body.sponsors #platinumsmith .sponsor_table th, body.sponsors #goldsmith .sponsor_table th { width: 40%; padding-right: 3.03%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  body.sponsors #platinumsmith .sponsor_table td, body.sponsors #goldsmith .sponsor_table td { width: 60%; }
  body.sponsors #silversmith .sponsor_table th, body.sponsors #coppersmith .sponsor_table th, body.sponsors #startup .sponsor_table th { width: 27.273%; padding-right: 3.03%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  body.sponsors #silversmith .sponsor_table td, body.sponsors #coppersmith .sponsor_table td, body.sponsors #startup .sponsor_table td { width: 72.727%; }
  body.sponsors #mediaCommunity .list_sponsor img, body.sponsors #support .list_sponsor img { max-width: none; width: 100%; }
  body.sponsors #mediaCommunity .list_sponsor li, body.sponsors #support .list_sponsor li { display: inline-block; width: 18.4%; margin-left: 2%; margin-bottom: 2%; }
  body.sponsors #mediaCommunity .list_sponsor li:nth-child(4n+1), body.sponsors #support .list_sponsor li:nth-child(4n+1) { margin-left: 2%; }
  body.sponsors #mediaCommunity .list_sponsor li:nth-child(5n+1), body.sponsors #support .list_sponsor li:nth-child(5n+1) { margin-left: 0; }
  body.sponsors #presenting h3, body.sponsors #platinumsmith h3, body.sponsors #goldsmith h3, body.sponsors #silversmith h3, body.sponsors #coppersmith h3, body.sponsors #startup h3, body.sponsors #mediaCommunity h3, body.sponsors #support h3 { margin-bottom: 43px; }
  body.sponsors #mediaCommunity { margin-bottom: 57px; }
  body.sponsors #application { margin-bottom: 50px; }
  body.sponsors #application p { font-size: 1rem; margin: 28px 0 0; }
  body.sponsors #voice h3, body.sponsors #whySponsors h3 { position: inherit; margin-bottom: 10px; margin-left: -26px; max-width: none; max-height: none; height: 66px; }
  body.sponsors #voice .movie, body.sponsors #whySponsors .movie { margin-top: 11px; }
  body.sponsors #voice { margin-bottom: 58px; }
  body.sponsors #whySponsors { margin-bottom: 90px; }
  body.sponsors #whySponsors h3 { margin-top: -3px; }
  body.sponsors #performance { margin-bottom: 0; }
  body.sponsors #performance dl { margin-bottom: 0; }
  body.sponsors #performance dl dt { font-size: 1.375rem; letter-spacing: 0.1em; }
  body.sponsors #performance dl dt .about-sprite { margin-right: 2px; }
  body.sponsors #performance dl dd { margin-top: 10px; font-size: 1rem; letter-spacing: 0.1em; }
  body.sponsors #performance dl dd ul.leftline li { font-size: 1rem; line-height: 1.75rem; }
  body.sponsors #performance dl dd p { margin-top: 28px; }
  body.sponsors #performance dl dd .about-img_information { margin: 16px 1px 0 0; } }
/* ============================== プレスの方へ */
body.press h3 { margin-bottom: 2.1rem; }
body.press dl.tables dd a { text-decoration: underline; }
body.press section { margin-bottom: 2.1rem; }
body.press .intro > p { padding-bottom: 21px; text-align: center; }
body.press #download dl.tables dd { text-align: center; }
body.press #download dl.tables dd img { width: 50%; width: 50vw; margin-bottom: 0.5rem; }

@media only screen and (min-width: 960px) { body.press h3 { margin-bottom: 50px; }
  body.press .intro > p { padding-bottom: 2.1rem; }
  body.press #download dl.tables dd { text-align: left; }
  body.press #download dl.tables dd img { width: 232px; margin-bottom: 10px; } }
/* ============================== 掲載情報 */
body.release h3 { margin-bottom: 2.1rem; line-height: 1.6rem; }
body.release dl.tables dd a { text-decoration: underline; }
body.release section { margin-bottom: 2.1rem; }
body.release section p:not(.roundBtn) a { text-decoration: underline; }
body.release #howto p { margin-top: 16px; }

@media only screen and (min-width: 960px) { body.release h3 { margin-bottom: 50px; line-height: 2.2rem; }
  body.release #howto { margin-bottom: 50px; }
  body.release #howto p { margin-top: 16px; } }
/* ============================== 英語版 */
body.en { font: 0.95833rem "Roboto", sans-serif; letter-spacing: 0.1em; }
body.en b, body.en strong { font-weight: 700; }
body.en h1 a { font-size: 0; }
body.en h3 { font-size: 1.125rem; }
body.en .sup { font-weight: 300; }
body.en p { text-align: initial; text-justify: auto; }
body.en p.annotation { font-size: 0.79166rem; line-height: 1.125rem; }
body.en nav#mainMenu #pageMenu { margin: 0; }
body.en nav#mainMenu #pageMenu ul.subMenu { margin: 71.4px 0 0; margin-top: 21vw; padding: 0 0 71.4px; padding-bottom: 21vw; }
body.en nav#mainMenu #pageMenu ul.subMenu li.subMenuItem { margin: 0; font-size: 0.91666rem; line-height: 50px; letter-spacing: 0.1em; border-left: none; }
body.en ul.leftline li { text-align: initial; text-justify: auto; }
body.en .roundBtn { font-size: 1.125rem; font-weight: 700; letter-spacing: 0.1em; }
body.en article h2 { padding-top: 15px; margin-bottom: 12.5px; }
body.en article h2 .sprite { zoom: 0.705; }
body.en #intro img { width: 100%; margin: 23px auto 29px; border-radius: 8px; }
body.en #intro p.subText { margin-bottom: 22px; line-height: 1.375rem; letter-spacing: 0.05em; }
body.en #intro p.annotation { letter-spacing: 0.05em; }
body.en dl.tables > dt { padding: 8.5px 0 9.5px; font-size: 0.79166rem; font-weight: 700; }
body.en dl.tables > dt > .sup { font-weight: normal; }
body.en dl.tables > dd { line-height: 1.375rem; }
body.en #digest { padding-bottom: 0; }
body.en #digest h3 { overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; width: 106.1%; max-width: 512px; height: 50px; height: 16vw; max-height: 66px; margin: 10px auto 6px; background-image: url("../img/en/title_digest.png"); -webkit-background-size: contain; background-size: contain; background-position: center center; }
body.en #description { margin-bottom: 18px; }
body.en #description > dl.tables.first { margin-top: 38px; }
body.en #description > dl.tables > dt p.annotation.sup { margin-top: 10px; }
body.en #description > dl.tables > dd .place { margin-right: 1.1rem; }
body.en #description > dl.tables > dd .room { display: inline-block; }
body.en #description > dl.tables > dd .address { font-size: 0.79166rem; line-height: 1.125rem; letter-spacing: 0.1em; }
body.en #description > dl.tables > dd dl.oneline dt { font-weight: 700; }
body.en #description > dl.tables > dd dl.oneline dd { display: block; margin-bottom: 22px; padding-left: 0; }
body.en #description > dl.tables > dd .sticker { display: table; margin: 5px 0 13px; }
body.en #description > dl.tables > dd .sticker .stickerImage { display: table-cell; vertical-align: middle; }
body.en #description > dl.tables > dd .sticker .stickerImage img { width: 80px; width: 23.7vw; margin: 0 5px 0 20px; }
body.en #description > dl.tables > dd .sticker .message { display: table-cell; vertical-align: middle; }
body.en #description > dl.tables > dd .sticker .message img { width: 172px; width: 50.7vw; margin-bottom: 6px; }
body.en #description > dl.tables > dd .store { margin-bottom: 6px; }
body.en #description > dl.tables > dd .store p { margin: 0 0 6px; }
body.en #description > dl.tables > dd .store img { width: 22.75%; width: 21vw; }
body.en #description > dl.tables > dd .social ul { width: 240px; height: 30px; margin: 0 auto; }
body.en #description > dl.tables > dd .social ul li { display: inline; margin-right: 40px; }
body.en #description > dl.tables > dd .social ul li a { color: #00aeef; }
body.en #description > dl.tables > dd .social ul li a .svgicons { width: 30px; height: 30px; }
body.en #description > dl.tables > dd .social ul li:last-child { margin-right: 0; }
body.en #description > dl.tables > dd .socialDescription { margin-top: 10px; }
body.en #access { margin-bottom: 17px; }
body.en #access .bigsight .image { float: left; margin: 5px 0.93rem 5px 0; }
body.en #access .bigsight .image img { width: 36%; width: 36vw; margin-left: -3%; margin-left: -1vw; }
body.en #access .bigsight .description .place { font-size: 1.0825rem; line-height: 1.54166rem; letter-spacing: 0.07em; color: #e60012; }
body.en #access .bigsight .description .room { font-size: 1.0825rem; font-weight: 700; letter-spacing: 0.05em; color: #e60012; }
body.en #access .bigsight .description .address { margin: 19px 0; line-height: 1.375rem; letter-spacing: 0.07em; white-space: nowrap; }
body.en #access .bigsight .roundBtn { margin: 44px 0 29px; }
body.en #access .bigsight .roundBtn:before { position: absolute; display: inline-block; content: " "; margin-top: -80px; right: 46px; overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-image: url("../img/about/aboutSprite.png"); -webkit-background-size: 166.5px 128px; background-size: 166.5px 128px; zoom: 0.535; pointer-events: none; }
body.en #access .bigsight .roundBtn a { text-decoration: none; }
body.en #access .bigsight a { letter-spacing: 0.05em; }
body.en #gmap_outer { width: 91%; width: 91vw; height: 602px; height: 59vw; margin: 38px auto 32px; }
body.en #gmap_outer:after { position: relative; display: block; content: " "; width: 91%; width: 91vw; height: 310px; height: 60vw; top: -10px; left: -10px; border: solid 10px #fff; border-radius: 16px; pointer-events: none; }
body.en #gmap_outer .gmap { position: absolute; width: 91%; width: 91vw; height: 310px; height: 60vw; }
body.en #gmap_outer .tapArea { position: absolute; width: 91%; width: 91vw; height: 310px; height: 60vw; }
body.en #plan h3, body.en #programguide h3, body.en #callformakers h3, body.en #sponsor h3, body.en #press h3, body.en #contact h3 { margin-bottom: 34px; }
body.en #plan p, body.en #programguide p, body.en #callformakers p, body.en #sponsor p, body.en #press p, body.en #contact p { line-height: 1.375rem; letter-spacing: 0.05em; }
body.en #plan dl:not(.tables) dt, body.en #programguide dl:not(.tables) dt, body.en #callformakers dl:not(.tables) dt, body.en #sponsor dl:not(.tables) dt, body.en #press dl:not(.tables) dt, body.en #contact dl:not(.tables) dt { font-size: 1.0825rem; }
body.en #plan dl:not(.tables) dd .makerType dl dt, body.en #programguide dl:not(.tables) dd .makerType dl dt, body.en #callformakers dl:not(.tables) dd .makerType dl dt, body.en #sponsor dl:not(.tables) dd .makerType dl dt, body.en #press dl:not(.tables) dd .makerType dl dt, body.en #contact dl:not(.tables) dd .makerType dl dt { font-weight: 700; color: #00aeef; }
body.en #plan dl:not(.tables) dd .makerType dl dt:before, body.en #programguide dl:not(.tables) dd .makerType dl dt:before, body.en #callformakers dl:not(.tables) dd .makerType dl dt:before, body.en #sponsor dl:not(.tables) dd .makerType dl dt:before, body.en #press dl:not(.tables) dd .makerType dl dt:before, body.en #contact dl:not(.tables) dd .makerType dl dt:before { display: none; }
body.en #plan dl:not(.tables) dd .applicationClose, body.en #programguide dl:not(.tables) dd .applicationClose, body.en #callformakers dl:not(.tables) dd .applicationClose, body.en #sponsor dl:not(.tables) dd .applicationClose, body.en #press dl:not(.tables) dd .applicationClose, body.en #contact dl:not(.tables) dd .applicationClose { text-align: center; letter-spacing: 0.1em; }
body.en #plan dl.information, body.en #programguide dl.information, body.en #callformakers dl.information, body.en #sponsor dl.information, body.en #press dl.information, body.en #contact dl.information { margin-top: 19px; }
body.en #plan dl.information dt, body.en #programguide dl.information dt, body.en #callformakers dl.information dt, body.en #sponsor dl.information dt, body.en #press dl.information dt, body.en #contact dl.information dt { padding-top: 6px; line-height: 1.29166rem; clear: both; }
body.en #plan dl.information dt:before, body.en #programguide dl.information dt:before, body.en #callformakers dl.information dt:before, body.en #sponsor dl.information dt:before, body.en #press dl.information dt:before, body.en #contact dl.information dt:before { float: left; margin: -5px 7px 0 0; }
body.en #plan dl.information dd, body.en #programguide dl.information dd, body.en #callformakers dl.information dd, body.en #sponsor dl.information dd, body.en #press dl.information dd, body.en #contact dl.information dd { letter-spacing: 0.05em; line-height: 1.375rem; }
body.en #plan dl.information dd ul.leftline li, body.en #programguide dl.information dd ul.leftline li, body.en #callformakers dl.information dd ul.leftline li, body.en #sponsor dl.information dd ul.leftline li, body.en #press dl.information dd ul.leftline li, body.en #contact dl.information dd ul.leftline li { font-size: 0.95833rem; }
body.en #plan dl.information dd ul.leftline li:first-child, body.en #programguide dl.information dd ul.leftline li:first-child, body.en #callformakers dl.information dd ul.leftline li:first-child, body.en #sponsor dl.information dd ul.leftline li:first-child, body.en #press dl.information dd ul.leftline li:first-child, body.en #contact dl.information dd ul.leftline li:first-child { margin-top: 9px; }
body.en #plan { margin-bottom: 27px; }
body.en #plan h3 { margin-bottom: 29px; }
body.en #plan .information.first { margin-top: 28px; }
body.en #callformakers .tableArea { margin-bottom: 24px; }
body.en #callformakers .tableArea .tables.first { margin-top: 27px; }
body.en #callformakers .tableArea .tables dd p.annotation.sup { letter-spacing: 0.1em; }
body.en #callformakers .makerType { margin-bottom: 31px; padding-top: 4px; }
body.en #callformakers .makerType dl { margin-top: 16px; }
body.en #callformakers .makerType dl dt { margin-bottom: 0; font-size: 0.95833rem; line-height: 1.375rem; letter-spacing: 0.05em; }
body.en #callformakers .roundBtn { margin: 29px auto; }
body.en #callformakers .applicationClose { margin-bottom: 22px; }
body.en #sponsor h4 { overflow: hidden; font-size: 0; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; width: 109.5%; max-width: 588px; height: 50px; height: 16vw; max-height: 70px; margin: 32px 0 7px; background-image: url("../img/en/title_sponsor.png"); -webkit-background-size: contain; background-size: contain; background-position: center center; }
body.en #sponsor .movie iframe { margin-bottom: 28px; }
body.en #press > p { margin-top: 23px; }
body.en #press dl.information { margin-top: 53px; }
body.en #press dl.information dt { margin-bottom: 30px; }
body.en #press dl.information dd .roundBtn { letter-spacing: 0.1em; }
body.en #press dl.information dd .applicationClose { margin-top: 28px; margin-bottom: 22px; }
body.en #contact { margin-bottom: 17px; }
body.en #contact ul.leftline.noMark li { margin: 0 0 0 0.6rem; font-size: 0.95833rem; }
body.en #footerLocal { margin-top: 100px; }
body.en #footerGlobal .inner nav { padding-bottom: 38.3px; }

@media only screen and (max-width: 959px) { body.en .about-sprite { position: absolute; zoom: 0.57; margin-top: 148px; right: 78px; } }
@media only screen and (min-width: 960px) { body.en { font-size: 1rem; line-height: 1.75rem; }
  body.en nav#mainMenu { position: relative; margin-top: -80px; }
  body.en nav#mainMenu #pageMenu > ul.subMenu { visibility: visible; display: block; background: none; border-radius: inherit; margin-top: 120px; padding-bottom: 0; }
  body.en nav#mainMenu #pageMenu > ul.subMenu li.subMenuItem { display: inline-block; width: auto; height: 20px; margin: 0 0 20px -1px; padding: 0 20px; font-size: 0.75rem; line-height: 20px; border-left: solid 1px #00aeef; border-right: solid 1px #00aeef; }
  body.en nav#mainMenu #pageMenu > ul.subMenu li.subMenuItem a { width: auto; color: #00aeef; }
  body.en nav#mainMenu #pageMenu > ul.subMenu li.subMenuItem.twoCols { width: auto; }
  body.en h3 { font-size: 1.875rem; }
  body.en p.annotation { font-size: 0.75rem; line-height: 1.25rem; }
  body.en dl.tables > dt { padding: 12px 10px 17px 0; font-family: "Roboto Condensed", sans-serif; font-size: 0.75rem; letter-spacing: 0.1em; }
  body.en dl.tables > dd { padding: 10px 0 11px 19px; line-height: 1.75rem; }
  body.en .roundBtn { margin: 37px auto; }
  body.en article h2 { position: relative; margin-top: -171px; margin-bottom: 106px; }
  body.en article h2 .sprite { zoom: 1; }
  body.en .movie iframe { margin-bottom: 8px; }
  body.en #intro { margin-bottom: 52px; }
  body.en #intro img { margin: 0 auto 42px; border-radius: 16px; }
  body.en #intro p.subText { margin-bottom: 31px; line-height: 1.75rem; letter-spacing: 0.1em; }
  body.en #digest h3 { margin-left: 74px; }
  body.en #description > dl.tables > dt p.annotation { margin-top: 20px; }
  body.en #description > dl.tables > dd p.annotation { margin-top: 2px; margin-bottom: 5px; }
  body.en #description > dl.tables > dd .address { display: block; margin-top: -2px; font-size: 0.75rem; line-height: 1.75rem; }
  body.en #description > dl.tables > dd dl.oneline dt { font-weight: 700; }
  body.en #description > dl.tables > dd dl.oneline dd { margin-bottom: 28px; }
  body.en #description > dl.tables > dd .sticker { margin: 7px 0 14px; }
  body.en #description > dl.tables > dd .sticker .stickerImage img { width: 99px; height: 99px; margin-left: 0; margin-right: 6px; }
  body.en #description > dl.tables > dd .sticker .message img { width: 319px; height: 91px; margin-bottom: 0; }
  body.en #description > dl.tables > dd .store img { width: auto; height: auto; }
  body.en #description > dl.tables > dd .social { margin-top: 6px; }
  body.en #description > dl.tables > dd .social ul { margin-left: -3px; }
  body.en #description > dl.tables > dd .socialDescription { margin: 10px auto 4px; font-size: 0.75rem; line-height: 1.25rem; letter-spacing: 0.1em; }
  body.en #access { margin-bottom: 0; }
  body.en #access .bigsight .image { margin-right: 0; }
  body.en #access .bigsight .image img { width: 300px; height: 240px; margin: 0 50px 50px 20px; }
  body.en #access .bigsight .description { margin-top: -10px; }
  body.en #access .bigsight .description .place { display: inline; font-size: 1.375rem; line-height: 2.5rem; letter-spacing: 0.05em; }
  body.en #access .bigsight .description .room { display: block; font-size: 1.375rem; font-weight: 700; letter-spacing: 0.1em; }
  body.en #access .bigsight .description .address { margin: 6px 0 52px; line-height: 1.75rem; letter-spacing: 0.1em; }
  body.en #access .bigsight .roundBtn { width: 370px; margin-bottom: 50px; }
  body.en #access .bigsight .roundBtn:before { margin-top: -75px; margin-left: 283px; right: inherit; zoom: 1; }
  body.en #access .bigsight a { letter-spacing: 0.1em; }
  body.en #gmap_outer { height: 424px; width: 660px; margin: 53px auto 47px; }
  body.en #gmap_outer:after { width: 660px; height: 424px; top: -20px; left: -20px; border-width: 20px; border-radius: 30px; }
  body.en #gmap_outer .gmap { width: 660px; height: 424px; }
  body.en #gmap_outer .gmap iframe { pointer-events: none; }
  body.en #plan, body.en #programguide, body.en #callformakers, body.en #sponsor, body.en #press, body.en #contact { margin-bottom: 0; }
  body.en #plan h3, body.en #programguide h3, body.en #callformakers h3, body.en #sponsor h3, body.en #press h3, body.en #contact h3 { margin-bottom: 41px; }
  body.en #plan p, body.en #programguide p, body.en #callformakers p, body.en #sponsor p, body.en #press p, body.en #contact p { line-height: 1.75rem; letter-spacing: 0.1em; }
  body.en #plan dl:not(.tables) dt, body.en #programguide dl:not(.tables) dt, body.en #callformakers dl:not(.tables) dt, body.en #sponsor dl:not(.tables) dt, body.en #press dl:not(.tables) dt, body.en #contact dl:not(.tables) dt { margin: 31px 0 2px 0; font-size: 1.375rem; line-height: 2.5rem; }
  body.en #plan dl:not(.tables) dd .about-img_information, body.en #programguide dl:not(.tables) dd .about-img_information, body.en #callformakers dl:not(.tables) dd .about-img_information, body.en #sponsor dl:not(.tables) dd .about-img_information, body.en #press dl:not(.tables) dd .about-img_information, body.en #contact dl:not(.tables) dd .about-img_information { position: absolute; margin-top: 99px; margin-left: 572px; zoom: 1; }
  body.en #plan dl:not(.tables) dd .makerType, body.en #programguide dl:not(.tables) dd .makerType, body.en #callformakers dl:not(.tables) dd .makerType, body.en #sponsor dl:not(.tables) dd .makerType, body.en #press dl:not(.tables) dd .makerType, body.en #contact dl:not(.tables) dd .makerType { padding-top: 25px; }
  body.en #plan dl:not(.tables) dd .makerType dl, body.en #programguide dl:not(.tables) dd .makerType dl, body.en #callformakers dl:not(.tables) dd .makerType dl, body.en #sponsor dl:not(.tables) dd .makerType dl, body.en #press dl:not(.tables) dd .makerType dl, body.en #contact dl:not(.tables) dd .makerType dl { margin-top: 0; margin-bottom: 25px; }
  body.en #plan dl:not(.tables) dd .makerType dl dt, body.en #programguide dl:not(.tables) dd .makerType dl dt, body.en #callformakers dl:not(.tables) dd .makerType dl dt, body.en #sponsor dl:not(.tables) dd .makerType dl dt, body.en #press dl:not(.tables) dd .makerType dl dt, body.en #contact dl:not(.tables) dd .makerType dl dt { margin: 0; padding-top: 3px; font-size: 1rem; line-height: 1.75rem; letter-spacing: 0.1em; }
  body.en #plan dl:not(.tables) dd .makerType dl dd, body.en #programguide dl:not(.tables) dd .makerType dl dd, body.en #callformakers dl:not(.tables) dd .makerType dl dd, body.en #sponsor dl:not(.tables) dd .makerType dl dd, body.en #press dl:not(.tables) dd .makerType dl dd, body.en #contact dl:not(.tables) dd .makerType dl dd { line-height: 1.75rem; letter-spacing: 0.1em; }
  body.en #plan dl.information, body.en #programguide dl.information, body.en #callformakers dl.information, body.en #sponsor dl.information, body.en #press dl.information, body.en #contact dl.information { margin-bottom: 45px; }
  body.en #plan dl.information:last-child, body.en #programguide dl.information:last-child, body.en #callformakers dl.information:last-child, body.en #sponsor dl.information:last-child, body.en #press dl.information:last-child, body.en #contact dl.information:last-child { margin-bottom: 0; }
  body.en #plan dl.information dt:before, body.en #programguide dl.information dt:before, body.en #callformakers dl.information dt:before, body.en #sponsor dl.information dt:before, body.en #press dl.information dt:before, body.en #contact dl.information dt:before { margin: 1px 8px 0 1px; }
  body.en #plan dl.information dd ul.leftline li, body.en #programguide dl.information dd ul.leftline li, body.en #callformakers dl.information dd ul.leftline li, body.en #sponsor dl.information dd ul.leftline li, body.en #press dl.information dd ul.leftline li, body.en #contact dl.information dd ul.leftline li { font-size: 1rem; }
  body.en #plan .information.first { margin-top: -10px; }
  body.en #callformakers > p { margin-bottom: 28px; }
  body.en #callformakers .tableArea { margin-top: 42px; margin-bottom: 52px; }
  body.en #callformakers .roundBtn { margin-top: 37px; margin-bottom: 42px; }
  body.en #callformakers .applicationClose { margin-bottom: 34px; }
  body.en #callformakers p.subText { margin-top: 28px; }
  body.en #sponsor h4 { margin: 60px auto 12px; }
  body.en #sponsor .movie iframe { margin-bottom: 42px; }
  body.en #press > p { margin-top: 28px; }
  body.en #press dl.information { margin-top: 45px; }
  body.en #press dl.information dd .applicationClose { margin-top: 42px; margin-bottom: 34px; }
  body.en #contact ul.leftline.noMark li { margin-right: 1rem; font-size: 1rem; } }
/* ============================== 限定ページ */
body.makers article, body.sponsors_updates article { margin-bottom: 38px; }
body.makers article section > section, body.sponsors_updates article section > section { padding-bottom: 25px; }
body.makers article section > section h3, body.sponsors_updates article section > section h3 { margin-bottom: 29px; }
body.makers article h2, body.sponsors_updates article h2 { color: #e60012; }
body.makers article ol, body.makers article ul, body.sponsors_updates article ol, body.sponsors_updates article ul { margin-left: 0.6rem; border-left: solid 1px #00aeef; }
body.makers article ol li, body.makers article ul li, body.sponsors_updates article ol li, body.sponsors_updates article ul li { margin-left: 1.3rem; text-align: justify; text-justify: inter-ideograph; }
body.makers article ol li:first-child, body.makers article ul li:first-child, body.sponsors_updates article ol li:first-child, body.sponsors_updates article ul li:first-child { margin-top: 8px; }
body.makers article ol, body.sponsors_updates article ol { padding-left: 0.5em; }
body.makers article ul li:before, body.sponsors_updates article ul li:before { display: inline-block; margin-left: -1rem; content: "・"; }
body.makers article h4, body.sponsors_updates article h4 { color: #4d4d4d; }
body.makers article .passwordLabel, body.sponsors_updates article .passwordLabel { text-align: center; }
body.makers article form, body.sponsors_updates article form { margin: 0 auto; text-align: center; }
body.makers article form input[type="password"], body.sponsors_updates article form input[type="password"] { margin: 33px auto; padding: 0 10px; max-width: 200px; height: 24px; background: transparent; border: solid 1px #00aeef; border-radius: 0; color: #00aeef; font-size: 16px; -webkit-transform: scale(0.875); -ms-transform: scale(0.875); transform: scale(0.875); }
body.makers article form input[type="submit"], body.sponsors_updates article form input[type="submit"] { display: block; width: 100%; height: 71px; height: 21vw; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #00aeef; border-radius: 5px; font-size: 17px; font-weight: 600; letter-spacing: 0.175rem; color: #00aeef; background-color: #fff; }
body.makers article form input[type="submit"]:hover, body.makers article form input[type="submit"]:active, body.makers article form input[type="submit"]:focus, body.sponsors_updates article form input[type="submit"]:hover, body.sponsors_updates article form input[type="submit"]:active, body.sponsors_updates article form input[type="submit"]:focus { background-color: rgba(0, 174, 239, 0.102); }
body.makers dl.tables > dd, body.makers dl.tables > td, body.makers table.tables tr > dd, body.makers table.tables tr > td, body.sponsors_updates dl.tables > dd, body.sponsors_updates dl.tables > td, body.sponsors_updates table.tables tr > dd, body.sponsors_updates table.tables tr > td { text-align: center; }

@media only screen and (min-width: 960px) { body.makers article, body.sponsors_updates article { margin-bottom: 100px; }
  body.makers article section, body.sponsors_updates article section { width: 660px; }
  body.makers article section div.pagetop, body.sponsors_updates article section div.pagetop { width: 720px; }
  body.makers article ol, body.makers article ul, body.sponsors_updates article ol, body.sponsors_updates article ul { margin-top: 8px; margin-left: 10px; }
  body.makers article ol li, body.makers article ul li, body.sponsors_updates article ol li, body.sponsors_updates article ul li { margin-left: 30px; }
  body.makers article ol li:first-child, body.makers article ul li:first-child, body.sponsors_updates article ol li:first-child, body.sponsors_updates article ul li:first-child { margin-top: 6px; }
  body.makers article h4, body.sponsors_updates article h4 { text-align: left; font-size: 22px; margin-bottom: 12px; }
  body.makers article form, body.sponsors_updates article form { width: 660px; }
  body.makers article form input[type="password"], body.sponsors_updates article form input[type="password"] { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  body.makers article form input[type="submit"], body.sponsors_updates article form input[type="submit"] { height: 70px; border-radius: 10px; font-size: 16px; letter-spacing: 0.05rem; }
  body.makers dl.tables > dt, body.makers dl.tables > th, body.makers table.tables tr > dt, body.makers table.tables tr > th, body.sponsors_updates dl.tables > dt, body.sponsors_updates dl.tables > th, body.sponsors_updates table.tables tr > dt, body.sponsors_updates table.tables tr > th { width: 200px; }
  body.makers dl.tables > dd, body.makers dl.tables > td, body.makers table.tables tr > dd, body.makers table.tables tr > td, body.sponsors_updates dl.tables > dd, body.sponsors_updates dl.tables > td, body.sponsors_updates table.tables tr > dd, body.sponsors_updates table.tables tr > td { text-align: left; } }
/* ============================== 検索結果 */
body.search-results #header h1#logo { border-radius: 6px; border-radius: 2vw; width: 92.353%; width: 92.353vw; margin-left: 3.8235%; margin-left: 3.8235vw; margin-right: 3.8235%; margin-right: 3.8235vw; }
body.search-results #header .btnMenu { display: none; }
body.search-results article dl.searchResult dt { font-weight: 600; }
body.search-results article nav .prev-link { float: right; }
body.search-results article nav .next-link { float: left; }

@media only screen and (min-width: 960px) { body.search-results #header h1#logo { width: 318px; border-radius: 10px; } }
/* ========================================================================== Helper classes ========================================================================== */
.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; }

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