@charset "UTF-8";
/* Base
---------------------------------------------------------- */
html { font-size: 100px; }

body { background-color: #f4f4f4; font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; font-size: 0.13rem; -webkit-text-size-adjust: 100%; color: #666; }

/* Clearfix
---------------------------------------------------------- */
.clearfix { display: inline-block; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Layout
---------------------------------------------------------- */
@media print { html, html body { *zoom: 0.65; } }

/* wrapper
---------------------------------------------------------- */
.l-wrapper { position: relative; padding-top: 140px; }

@media screen and (min-width: 769px), print { .l-wrapper { min-width: 1260px; } }

.pc_view_foooter { display: block; }

.sp_view_foooter { display: none; }

/* header
---------------------------------------------------------- */
/* old */
/* new */
.l-header { position: fixed; width: 100%; z-index: 9999; top: 0; background: #fff url(/common/images/bg_bar01.png) 0 0 repeat-x; -webkit-transition: top .35s ease-in-out; transition: top .35s ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; }

.l-header *, .l-header *:before, .l-header *:after { border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: 0; padding: 0; color: inherit; font-size: 100%; font: inherit; text-decoration: none; vertical-align: baseline; }

@media screen and (min-width: 769px), print { .l-header { min-width: 1260px; background-size: 717px; height: 140px; padding-top: 41px; } }

@media screen and (max-width: 768px), print { .l-header { position: fixed; background-size: 538px; height: 50px; padding-top: 22px; } }

@media screen and (min-width: 769px), print { .l-header.off { position: fixed; top: -140px; } }

@media screen and (max-width: 768px), print { .l-header.off { position: fixed; top: -50px; } }

.l-header__inner { margin: 0 auto; }

@media screen and (min-width: 769px), print { .l-header__inner { position: relative; max-width: 1920px; min-width: 1260px; } }

@media screen and (min-width: 769px), print { .m-logo { padding-left: 20px; vertical-align: top; width: 605px; }
  .m-logo a { display: block; overflow: hidden; }
  .m-logo img { width: 383px; display: block; float: left; margin-right: 10px; }
  .m-logo .eventdate { display: block; float: left; width: 182px; margin-top: 9px; }
  .m-logo .eventdate img { width: 100%; } }

@media screen and (max-width: 768px), print { .m-logo { padding-left: 21px; width: 210px; }
  .m-logo .eventdate { display: none; } }

@media screen and (min-width: 769px), print { .pc-sideheader { position: absolute; right: 20px; top: 6px; }
  .pc-sideheader #l-countdown { display: block; float: left; margin-right: 24px; }
  .pc-sideheader #pc_icns { text-align: center; display: block; background: #fff; width: auto; float: left; overflow: hidden; position: relative; margin-top: -5px; height: 40px; }
  .pc-sideheader #pc_icns li { display: block; float: left; text-align: center; margin-right: 10px; }
  .pc-sideheader #pc_icns li:last-child { margin-right: 0; }
  .pc-sideheader .pc_icns__search { cursor: pointer; }
  .pc-sideheader .pc_icns__search.active #pc_cse { opacity: 1; z-index: 1; }
  .pc-sideheader .pc_icns__search.active .pc_cse_close { opacity: 1; z-index: 2; }
  .pc-sideheader #pc_cse { display: block; width: 230px; position: absolute; top: 0; right: 0; opacity: 0; z-index: -1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
  .pc-sideheader #pc_cse #cse { margin: 0; } }

@media screen and (min-width: 769px) and (max-width: 768px), print { .pc-sideheader .pc_cse_close { display: none; } }

@media screen and (min-width: 769px) and (min-width: 769px), print { .pc-sideheader .pc_cse_close { position: absolute; opacity: 0; z-index: -1; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 16px; height: 16px; top: 12px; right: 8px; } }

@media screen and (min-width: 769px) and (min-width: 769px), print { .pc-sideheader .pc_cse_close::before, .pc-sideheader .pc_cse_close::after { content: ''; display: block; background: #c1d20f; position: absolute; z-index: 1; width: 20px; height: 2px; top: 7px; left: -2px; } }

@media screen and (min-width: 769px) and (min-width: 769px), print { .pc-sideheader .pc_cse_close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } }

@media screen and (min-width: 769px) and (min-width: 769px), print { .pc-sideheader .pc_cse_close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } }

@media screen and (max-width: 768px), print { .pc-sideheader #pc_icns { display: none; } }

@media screen and (min-width: 769px), print { .pc-gnav { text-align: center; margin-top: 30px; font-size: 0; min-width: 1000px; }
  .pc-gnav a { font-size: 14px; display: block; color: #000; font-weight: bold; text-decoration: none; cursor: pointer; padding-bottom: 20px; }
  .pc-gnav li { display: inline-block; margin: 0 20px; cursor: default; }
  .pc-gnav li span { display: inline-block; text-indent: 0; white-space: nowrap; overflow: hidden; letter-spacing: 0.01em; color: transparent; }
  .pc-gnav li.pc-gnav__about span { background: url(../images/gnavi/gnav_about.png) no-repeat top left; background-size: 83px; }
  .pc-gnav li.pc-gnav__runner span { background: url(../images/gnavi/gnav_runner.png) no-repeat top left; background-size: 54px; }
  .pc-gnav li.pc-gnav__event span { background: url(../images/gnavi/gnav_event.png) no-repeat top left; background-size: 50px; }
  .pc-gnav li.pc-gnav__news span { background: url(../images/gnavi/gnav_news.png) no-repeat top left; background-size: 51px; }
  .pc-gnav li.pc-gnav__charity span { background: url(../images/gnavi/gnav_charity.png) no-repeat top left; background-size: 63px; }
  .pc-gnav li.pc-gnav__voluntainer span { background: url(../images/gnavi/gnav_vol.png) no-repeat top left; background-size: 76px; }
  .pc-gnav li.pc-gnav__shop span { background: url(../images/gnavi/gnav_shop.png) no-repeat top left; background-size: 129px; }
  .pc-gnav li.pc-gnav__media span { background: url(../images/gnavi/gnav_media.png) no-repeat top left; background-size: 92px; }
  .pc-gnav li.pc-gnav__myentry span { background: url(../images/gnavi/gnav_myentry.png) no-repeat top left; background-size: 92px; }
  .pc-gnav li.pc-gnav__about.en span { background: url(../images/gnavi/egnav_about.png) no-repeat top left; background-size: 158px; width: 158px; }
  .pc-gnav li.pc-gnav__runner.en span { background: url(../images/gnavi/egnav_runner.png) no-repeat top left; background-size: 95px; width: 95px; }
  .pc-gnav li.pc-gnav__event.en span { background: url(../images/gnavi/egnav_event.png) no-repeat top left; background-size: 51px; width: 51px; }
  .pc-gnav li.pc-gnav__news.en span { background: url(../images/gnavi/egnav_news.png) no-repeat top left; background-size: 40px; width: 40px; }
  .pc-gnav li.pc-gnav__charity.en span { background: url(../images/gnavi/egnav_charity.png) no-repeat top left; background-size: 58px; width: 58px; }
  .pc-gnav li.pc-gnav__voluntainer.en span { background: url(../images/gnavi/egnav_vol.png) no-repeat top left; background-size: 80px; width: 80px; }
  .pc-gnav li.pc-gnav__shop.en span { background: url(../images/gnavi/egnav_shop.png) no-repeat top left; background-size: 129px; width: 129px; }
  .pc-gnav li.pc-gnav__media.en span { background: url(../images/gnavi/egnav_media.png) no-repeat top left; background-size: 46px; width: 46px; }
  .pc-gnav li.pc-gnav__myentry.en span { background: url(../images/gnavi/egnav_myentry.png) no-repeat top left; background-size: 63px; width: 63px; }
  .pc-gnav li.active span, .pc-gnav li:hover span { background-position: 0 -27px !important; } }

@media screen and (max-width: 768px), print { .pc-gnav { display: none; }
  .pc-gnav li span { text-indent: 100%; } }

#sp_btn { z-index: 20000; position: absolute; right: 0; top: 0; width: 64px; height: 64px; cursor: pointer; }

@media screen and (min-width: 769px), print { #sp_btn { display: none; } }

#sp_btn > span { position: absolute; left: 0; right: 0; width: 21px; height: 3px; margin: 0 auto; background: #808080; -webkit-transition: .25s; transition: .25s; }

#sp_btn > span:nth-child(1) { top: 24px; }

#sp_btn > span:nth-child(2) { top: 31px; }

#sp_btn > span:nth-child(3) { top: 38px; }

#sp_btn.on span:nth-child(1) { top: 31px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#sp_btn.on span:nth-child(2) { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

#sp_btn.on span:nth-child(3) { top: 31px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

/* serch_google
---------------------------------------------------------- */
#cse { padding: 0; margin: 0; width: 206px; margin-right: 24px; position: relative; /* テキスト入力フォーム */ }

#cse input[type="text"] { width: 186px !important; border-radius: 0 !important; font-family: inherit; }

#cse td.gsc-input { height: 28px; border: 1px solid #b9c636; -webkit-box-shadow: none !important; box-shadow: none !important; }

#cse .gsib_a { padding: 0; }

#cse .gsib_b { display: none; }

#cse .gsc-search-button { background: none; background-size: contain; border: none; width: 30px; font-size: 0; padding: 1px 0; overflow: hidden; }

#cse .gsc-search-button input { opacity: 0; }

#cse .gsc-search-button:hover { cursor: pointer; opacity: 0.8; }

#cse .gsc-search-button:hover input { opacity: 0; }

#cse .gsc-search-box { margin: 0; padding: 0; }

#cse .gsc-input { padding-right: 0; }

/* gNavi
---------------------------------------------------------- */
.gnav { color: #fff; position: absolute; }

@media screen and (min-width: 769px), print { .gnav { width: 100%; top: 99px; } }

@media screen and (max-width: 768px), print { .gnav { display: none; top: 0; padding-top: 64px; width: 100%; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; height: 100vh; background: rgba(255, 255, 255, 0.8); -webkit-transform: translateZ(0); transform: translateZ(0); } }

.gnav__inner { position: relative; }

@media screen and (max-width: 768px), print { .gnav__inner { overflow: hidden; width: 100%; -webkit-transition: .25s; transition: .25s; } }

.gnav__inner > li { display: block; font-size: 14px; background: #fff; letter-spacing: 0.1em; }

@media screen and (min-width: 769px), print { .gnav__inner > li { display: none; position: absolute; width: 100%; }
  .gnav__inner > li:hover { display: block !important; } }

.gnav__inner > li a { display: block; color: #000; letter-spacing: 0; }

@media screen and (min-width: 769px), print { .gnav__inner > li a { display: inline-block; } }

.gnav__inner > li > b { background: #aaa; line-height: 1; color: #fff; position: relative; display: block; font-weight: bold; border-bottom: 2px solid #fff; }

@media screen and (min-width: 769px), print { .gnav__inner > li > b { width: 100%; font-size: 18px; padding: 1.1em 20px; }
  .gnav__inner > li > b span { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } }

@media screen and (max-width: 768px), print { .gnav__inner > li > b { font-size: 14px; padding: 1em 22px; }
  .gnav__inner > li > b:after { content: ""; width: 12px; height: 12px; border-right: 3px solid #000; border-top: 3px solid #000; position: absolute; opacity: 0.1; top: 50%; right: 22px; -webkit-transform: translate(0, -50%) rotate(135deg); -ms-transform: translate(0, -50%) rotate(135deg); transform: translate(0, -50%) rotate(135deg); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
  .gnav__inner > li > b.on:after { -webkit-transform: translate(0, -29%) rotate(-45deg); -ms-transform: translate(0, -29%) rotate(-45deg); transform: translate(0, -29%) rotate(-45deg); } }

.gnav__inner > li > a.gnav__link { background: #aaa; line-height: 1; color: #fff; padding: 1em 22px; position: relative; display: block; font-weight: bold; border-bottom: 2px solid #fff; text-decoration: none; }

@media screen and (min-width: 769px), print { .gnav__inner > li > a.gnav__link { display: none; } }

.gnav__inner > li.gnav__about > b { background: #0fb7be; }

.gnav__inner > li.gnav__runner > b { background: #ff7422; }

.gnav__inner > li.gnav__event > b { background: #ffd019; }

.gnav__inner > li.gnav__news > a { background: #aebf00; }

.gnav__inner > li.gnav__charity > a { background: #e2007e; }

.gnav__inner > li.gnav__voluntainer > a { background: #009fe9; }

.gnav__inner > li.gnav__shop > a { background: #9e7b6e; }

.gnav__inner > li.gnav__media > b { background: #126f49; }

.gnav__inner > li.gnav__myentry > a { background: #005bac; }

@media screen and (min-width: 769px), print { .subnav { display: block; padding: 40px 0 40px; margin-right: 30px; position: relative; max-width: 30%; }
  .subnav:last-child { margin-right: 0; } }

@media screen and (max-width: 768px), print { .subnav { padding: 5px 23px  15px; display: none; } }

@media screen and (min-width: 769px), print { .subnav__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; } }

.subnav__tit { color: #000; display: block; }

@media screen and (min-width: 769px), print { .subnav__tit { padding: 0 0 0.8em; font-size: 16px; display: inline-block; } }

@media screen and (max-width: 768px), print { .subnav__tit { padding: 1em 0 0.8em; font-size: 13px; border-bottom: 1px solid #e7e7e7; } }

.subnav__inner > li { margin-bottom: 3px; }

.subnav__inner a { font-size: 12px; text-decoration: none; vertical-align: bottom; line-height: 1; position: relative; }

@media screen and (min-width: 769px), print { .subnav__inner a { padding: 0.4em 0; }
  .subnav__inner a:hover { opacity: 0.6; } }

@media screen and (max-width: 768px), print { .subnav__inner a { padding: 1.15em 0; border-bottom: 1px solid #e7e7e7; position: relative; } }

.subnav__inner a .newwin { margin-left: 4px; }

@media screen and (min-width: 769px), print { .subnav__inner a .newwin { -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a svg { width: 10px; height: 10px; margin-right: 5px; }

@media screen and (min-width: 769px), print { .subnav__inner a svg { position: absolute; top: 10px; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } }

@media screen and (max-width: 768px), print { .subnav__inner a svg { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } }

.subnav__inner a span { display: inline-block; position: relative; line-height: 1.6; }

.subnav__inner a svg + span { padding-left: 15px; }

.subnav__inner a.tag-ready:hover { opacity: 1 !important; }

.subnav__inner a.etag-ready:hover { opacity: 1 !important; }

.subnav__inner a.tag-ready span:after { content: "準備中"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.tag-ready span:after { position: absolute; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.tag-ready span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.tag-up span:after { content: "UP"; color: #fff; background: #e2007e; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.tag-up span:after { position: absolute; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.tag-up span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.tag-entry span:after { content: "受付中"; color: #fff; background: #dc3b1d; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.tag-entry span:after { position: absolute; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.tag-entry span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.tag-entry02 span:after { content: "エントリー受付中"; color: #fff; background: #ff7422; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.tag-entry02 span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav__inner a.tag-entry02 span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.tag-end span:after { content: "受付終了"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.tag-end span:after { position: absolute; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.tag-end span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.etag-ready span:after { content: "Coming Soon"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.etag-ready span:after { position: absolute; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.etag-ready span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.etag-entry span:after { content: "Accepting"; color: #fff; background: #dc3b1d; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.etag-entry span:after { position: absolute; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.etag-entry span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.etag-entry02 span:after { content: "Now Open"; color: #fff; background: #ff7422; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.etag-entry02 span:after { position: relative; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.etag-entry02 span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.etag-end02 span:after { content: "Closed"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.etag-end02 span:after { position: absolute; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.etag-end02 span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav__inner a.etag-end span:after { content: "End of reception"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav__inner a.etag-end span:after { position: absolute; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav__inner a.etag-end span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

@media screen and (min-width: 769px), print { .subnav.vr2 { max-width: 1280px; width: 100%; } }

@media screen and (max-width: 768px), print { .subnav.vr2 { padding: 0px 23px  23px; } }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.subnav.vr2 .subnav__inner a { line-height: 1.4; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner a { font-size: 16px; padding-top: 138px; width: 380px; }
  .subnav.vr2 .subnav__inner a svg { top: 140px; } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner a { font-size: 13px; } }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li { margin-bottom: 25px; }
  .subnav.vr2 .subnav__inner li:nth-child(3n-1) { margin: 0 30px; }
  .subnav.vr2 .subnav__inner li .event1 { background: url(/common/images/navevent1.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .event2 { background: url(/common/images/navevent2.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .event3 { background: url(/common/images/navevent3.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .event4 { background: url(/common/images/navevent4.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .event5 { background: url(/common/images/navevent5.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .event6 { background: url(/common/images/navevent6.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .event7 { background: url(/common/images/navevent7.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .event8 { background: url(/common/images/navevent8.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .media1 { background: url(/common/images/navmedia1.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .media2 { background: url(/common/images/navmedia2.jpg) no-repeat top center; background-size: 380px; }
  .subnav.vr2 .subnav__inner li .media3 { background: url(/common/images/navmedia3.jpg) no-repeat top center; background-size: 380px; } }

.subnav.vr2 .subnav__inner li a.tag-ready span:after { content: "準備中"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.tag-ready span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.tag-ready span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.tag-up span:after { content: "UP"; color: #fff; background: #e2007e; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.tag-up span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.tag-up span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.tag-entry span:after { content: "受付中"; color: #fff; background: #dc3b1d; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.tag-entry span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.tag-entry span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.tag-entry02 span:after { content: "エントリー受付中"; color: #fff; background: #ff7422; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.tag-entry02 span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.tag-entry02 span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.tag-end span:after { content: "受付終了"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.tag-end span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.tag-end span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.etag-ready span:after { content: "Coming Soon"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.etag-ready span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.etag-ready span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.etag-entry span:after { content: "Accepting"; color: #fff; background: #dc3b1d; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.etag-entry span:after { position: relative; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.etag-entry span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.etag-entry02 span:after { content: "Now Open"; color: #fff; background: #ff7422; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.etag-entry02 span:after { position: relative; top: 50%; right: -5px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.etag-entry02 span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.etag-end02 span:after { content: "Closed"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.etag-end02 span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.etag-end02 span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

.subnav.vr2 .subnav__inner li a.etag-end span:after { content: "End of reception"; color: #fff; background: #a2a2a2; padding: 0.2em 0.4em; letter-spacing: 0; font-size: 10px; }

@media screen and (min-width: 769px), print { .subnav.vr2 .subnav__inner li a.etag-end span:after { position: relative; top: 0; right: -6px; display: inline-block; -webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } }

@media screen and (max-width: 768px), print { .subnav.vr2 .subnav__inner li a.etag-end span:after { display: inline-block; margin-left: 5px; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } }

@media screen and (min-width: 769px), print { .subnav.vr3 { max-width: 1280px; width: 100%; } }

@media screen and (max-width: 768px), print { .subnav.vr3 { padding: 0px 23px  23px; } }

@media screen and (min-width: 769px), print { .subnav.vr3 .subnav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.subnav.vr3 .subnav__inner a { line-height: 1.4; }

@media screen and (min-width: 769px), print { .subnav.vr3 .subnav__inner a { font-size: 14px; padding-top: 138px; width: 278px; }
  .subnav.vr3 .subnav__inner a svg { top: 140px; } }

@media screen and (max-width: 768px), print { .subnav.vr3 .subnav__inner a { font-size: 13px; } }

@media screen and (min-width: 769px), print { .subnav.vr3 .subnav__inner li { margin-bottom: 25px; margin-left: 20px; }
  .subnav.vr3 .subnav__inner li .event1 { background: url(/common/images/gnavi/vr3/navevent1.jpg) no-repeat top center; background-size: 100% auto; }
  .subnav.vr3 .subnav__inner li .event2 { background: url(/common/images/gnavi/vr3/navevent2.jpg) no-repeat top center; background-size: 100% auto; }
  .subnav.vr3 .subnav__inner li .event3 { background: url(/common/images/gnavi/vr3/navevent3.jpg) no-repeat top center; background-size: 100% auto; }
  .subnav.vr3 .subnav__inner li .event4 { background: url(/common/images/gnavi/vr3/navevent4.jpg) no-repeat top center; background-size: 100% auto; }
  .subnav.vr3 .subnav__inner li .event5 { background: url(/common/images/gnavi/vr3/navevent5.jpg) no-repeat top center; background-size: 100% auto; }
  .subnav.vr3 .subnav__inner li .event6 { background: url(/common/images/gnavi/vr3/navevent6.jpg) no-repeat top center; background-size: 100% auto; }
  .subnav.vr3 .subnav__inner li .event7 { background: url(/common/images/gnavi/vr3/navevent7.jpg) no-repeat top center; background-size: 100% auto; }
  .subnav.vr3 .subnav__inner li .event8 { background: url(/common/images/gnavi/vr3/navevent8.jpg) no-repeat top center; background-size: 100% auto; }
  .subnav.vr3 .subnav__inner li .event9 { background: url(/common/images/gnavi/vr3/navevent9.jpg) no-repeat top center; background-size: 100% auto; } }

.subnav .exceptionbox { padding: 25px 0 0; }

.exceptionbox { padding: 10px 23px  40px; }

.exceptionbox a { display: block; }

.exceptionbox img { width: 100%; }

@media screen and (min-width: 769px), print { .gnav__about .subnav:first-child { padding-bottom: 80px; } }

.gnav__about .subnav__tit { color: #0fb7be; }

.gnav__about path { fill: #0fb7be; }

@media screen and (min-width: 769px), print { .gnav__about .exceptionbox { position: absolute; right: -20px; bottom: 17px; width: 347px; } }

.gnav__runner .subnav__tit { color: #ff7422; }

.gnav__runner path { fill: #ff7422; }

@media screen and (min-width: 769px), print { .gnav__runner .exceptionbox { width: 210px; } }

@media screen and (min-width: 769px), print { .gnav__event path { fill: #ffd019; }
  .gnav__event span { width: 364px; }
  .gnav__event svg { vertical-align: top; margin-top: 6px; } }

@media screen and (max-width: 768px), print { .gnav__event li a { color: #000; }
  .gnav__event li a svg { display: none; }
  .gnav__event li a svg + span { padding-left: 0; } }

@media screen and (min-width: 769px), print { .gnav__media span { width: 364px; }
  .gnav__media svg { vertical-align: top; margin-top: 6px; }
  .gnav__media path { fill: #126f49; } }

@media screen and (max-width: 768px), print { .gnav__media li a { color: #000; }
  .gnav__media li a svg { display: none; }
  .gnav__media li a svg + span { padding-left: 0; } }

/* serch_google
---------------------------------------------------------- */
.cse_wrap { background: #fff; padding-bottom: 180px; color: #000; }

@media screen and (min-width: 769px), print { .cse_wrap { display: none; } }

#cse { padding: 0; margin: 0; width: 230px; margin: 0 auto; background: #fff; }

#cse input[type="text"] { width: 186px !important; border-radius: 0 !important; font-family: inherit; height: 36px !important; margin: 0 -30px 0 0 !important; border: none !important; line-height: normal !important; }

@media screen and (max-width: 768px), print { #cse input[type="text"] { margin: 0 0 0 40px !important; } }

#cse td.gsc-input { height: 38px; border: 2px solid #c1d20f; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 !important; }

@media screen and (max-width: 768px), print { #cse td.gsc-input { padding: 0; } }

#cse .gsc-input-box { border: none; padding: 0 !important; }

#cse .gsib_b { display: none; }

#cse td.gsc-search-button { background: url(/common/images/serch_img.png) no-repeat; position: absolute; top: 8px; left: 7px; }

#cse .gsc-search-button { background-size: contain; border: none; width: 22px; font-size: 0; padding: 1px 0; overflow: hidden; }

#cse .gsc-search-button svg { display: none !important; }

#cse .gsc-search-button { height: 22px; }

#cse .gsc-search-button input { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#cse .gsc-search-button:hover { cursor: pointer; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

#cse .gsc-search-button:hover input { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#cse .gsc-search-box { margin: 0; padding: 0; }

#cse .gsc-input { padding-right: 0; }

#cse .gsc-clear-button { display: none; }

#sp_icns { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; width: 100%; padding: 20px 0 15px 0; }

@media screen and (min-width: 769px), print { #sp_icns { display: none; } }

#sp_icns li { display: inline-block; text-align: center; margin-right: 10px; }

#sp_icns li:last-child { margin-right: 0; }

/* breadcrumbs_list
---------------------------------------------------------- */
.breadcrumbs_list { padding: 0; margin-bottom: 13px; }

.breadcrumbs_list li { display: inline; color: #999; }

.breadcrumbs_list li + li { margin-left: 5px; }

.breadcrumbs_list li::after { content: ">"; margin-left: 10px; }

.breadcrumbs_list li:last-child::after { content: none; }

.breadcrumbs_list a { font-size: 0.13rem; text-decoration: underline; }

/* contents
---------------------------------------------------------- */
.l-contents { width: 1250px; min-height: 1915px; margin: 0 auto; padding-top: 40px; padding-bottom: 90px; background-color: #f4f4f4; }

.l-contents:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* main contents
---------------------------------------------------------- */
.l-main { float: left; width: 1080px; min-height: 1000px; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.l-main.no_minhieght { min-height: inherit; }

.l-main__inner { background: #fff; padding-top: 60px; margin-bottom: 80px; }

.l-main__inner.about_course { margin-bottom: 0; }

.l-main__inner .sample_title { margin-left: 60px; margin-right: 60px; }

.l-main__inner .sample_subtitle { margin-left: 60px; margin-right: 60px; }

.l-main__inner .code { margin-left: 60px; margin-right: 60px; }

.l-main__inner .code-no { margin-left: 0; margin-right: 0; }

.l-main__inner.paddingset { padding-right: 60px; padding-left: 60px; padding-bottom: 60px; }

.l-main__inner.paddingset_officialp { padding-right: 60px; padding-left: 60px; padding-bottom: 60px; }

/* Side
---------------------------------------------------------- */
.l-sideR { position: relative; width: 150px; float: right; margin: 0 auto; text-align: center; }

.l-sideR_01 { position: absolute; top: 0; left: 0; background: #fff; width: 150px; height: 98px; margin: 0 auto; text-align: center; }

.l-sideR_02 { position: absolute; top: 108px; left: 0; }

.js-fade_banner { position: absolute; top: 10px; left: 10px; }

.js-fade_banner ul { position: relative; }

.js-fade_banner ul li { top: 0; left: 0; position: absolute; display: none; }

.m-side_banner { text-align: center; display: block; }

.m-side_banner_type { background: #fff; margin-bottom: 10px; padding: 5px 10px; }

.m-side_banner_type ul li { margin: 5px auto; }

/* footer
---------------------------------------------------------- */
.l-footer_inner { max-width: 1920px; margin: 0 auto; clear: both; }

@media screen and (min-width: 769px), print { .l-footer_inner { min-width: 1260px; } }

.m-footer01 { background-color: #fff; height: 107px; }

@media screen and (min-width: 769px), print { .m-footer01 { height: auto; min-width: 1260px; } }

.m-footer01_left { padding-left: 20px; padding-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 769px), print { .m-footer01_left { padding: 40px 0 40px 0; margin: 0 auto; } }

.m-footer01_left a { display: block; }

@media screen and (min-width: 769px), print { .m-footer01_left a { margin: 0 5px; } }

@media screen and (max-width: 768px), print { .m-footer01_left a { margin: 0 4px; } }

.m-footer01_right { float: right; padding-right: 20px; padding-top: 40px; }

@media screen and (min-width: 769px), print { .m-footer01_right { float: none; text-align: center; padding: 0; width: 1050px; margin: 0 auto; padding-bottom: 20px; } }

@media screen and (min-width: 769px), print { .m-footer01_right a { display: inline-block; margin-right: 20px; margin-bottom: 20px; }
  .m-footer01_right a.legacy { margin-right: 3px; }
  .m-footer01_right a.vol { margin-right: 0px; }
  .m-footer01_right a.jaaf { margin-right: 0px; } }

@media screen and (max-width: 768px), print { .m-footer01_right a { margin-right: 6px; } }

.m-footer01_right img { vertical-align: middle; }

.m-footer02 { background-color: #303130; height: 60px; color: #fff; }

@media screen and (min-width: 769px), print { .m-footer02 { min-width: 1260px; } }

.m-footer02_left { float: left; padding-left: 20px; padding-top: 15px; font-size: 0.11rem; line-height: 1.72727; }

.m-footer02_right { float: right; padding-right: 20px; padding-top: 30px; }

.m-footer02_en { background-color: #303130; height: 60px; color: #fff; }

@media screen and (min-width: 769px), print { .m-footer02_en { min-width: 1260px; } }

.m-footer02_left_en { float: left; padding-left: 20px; padding-top: 15px; font-size: 0.09rem; line-height: 1.72727; }

.m-footer02_right_en { float: right; padding-right: 20px; padding-top: 30px; }

.copywrite_sp { display: none; }

#l-countdown { top: 5px; width: auto; height: 30px; }

@media screen and (max-width: 768px), print { #l-countdown { background: #fff; height: 50px; padding: 8px 0; } }

#m-countdown.liftOff { background: url(/common/images/countdown/bg_countdown_liftOff.png) no-repeat; }

#m-countdown_en.liftOff { background: url(/common/images/countdown/bg_countdown_liftOff_en.png) no-repeat; }

#m-countdown { position: relative; display: inline-block; background: url(/common/images/countdown/bg_countdown.png) no-repeat; margin: 0 auto; width: 320px; height: 30px; }

@media screen and (max-width: 768px), print { #m-countdown { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

#m-countdown .m-day { position: absolute; top: 8px; left: 80px; }

#m-countdown .m-day span { background-size: 11px; }

#m-countdown .m-time { position: absolute; top: 7px; left: 158px; }

#m-countdown .m-time span { background-size: 11px; }

#m-countdown_en { position: relative; display: inline-block; background: url(/common/images/countdown/bg_countdown_en.png) no-repeat; margin: 0 auto; width: 250px; height: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

#m-countdown_en .m-day { position: absolute; top: 8px; left: 9px; }

#m-countdown_en .m-day span { background-size: 11px; }

#m-countdown_en .m-time { position: absolute; top: 7px; left: 86px; }

#m-countdown_en .m-time span { background-size: 11px; }

#m-countdown_fin { background: url(/images/time_fin_link.png) no-repeat; position: relative; display: inline-block; margin: 0 auto; width: 320px; height: 30px; }

@media screen and (max-width: 768px), print { #m-countdown_fin { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

#m-countdown_en_fin { position: relative; display: inline-block; margin: 0 auto; width: 320px; height: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(/en/images/time_fin_link.png) no-repeat; }

#m-countdown span { display: inline-block; background-size: auto 100%; padding-right: 1px; width: 11px; height: 19px; }

#m-countdown_en span { display: inline-block; background-size: auto 100%; padding-right: 1px; width: 11px; height: 19px; }

span.num0 { background: url(/common/images/countdown/num_0.png) no-repeat; }

span.num1 { background: url(/common/images/countdown/num_1.png) no-repeat; }

span.num2 { background: url(/common/images/countdown/num_2.png) no-repeat; }

span.num3 { background: url(/common/images/countdown/num_3.png) no-repeat; }

span.num4 { background: url(/common/images/countdown/num_4.png) no-repeat; }

span.num5 { background: url(/common/images/countdown/num_5.png) no-repeat; }

span.num6 { background: url(/common/images/countdown/num_6.png) no-repeat; }

span.num7 { background: url(/common/images/countdown/num_7.png) no-repeat; }

span.num8 { background: url(/common/images/countdown/num_8.png) no-repeat; }

span.num9 { background: url(/common/images/countdown/num_9.png) no-repeat; }

#m-countdown .m-time span.num_colon { background: url(/common/images/countdown/num_colon.png) center center no-repeat; background-size: 5px; width: 5px; }

#m-countdown_en .m-time span.num_colon { background: url(/common/images/countdown/num_colon.png) center center no-repeat; background-size: 5px; width: 5px; }

.stylebutton { display: inline-block; }

/* ---------- スマホ：横幅768px以下 ----------- */
@media screen and (max-width: 768px) { img { max-width: 100%; height: auto; }
  .clearfix_sp { display: inline-block; }
  .clearfix_sp:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
  .l-wrapper { padding-top: 98px; position: relative; min-width: auto; }
  .l-main__inner { margin-top: 0; margin-bottom: 0; }
  .l-main__inner.paddingset { padding: 20px; }
  .l-main__inner.paddingset_officialp { padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 0; }
  .l-listCol { display: none; }
  .l-gnavi { display: none; }
  .a-link-off { opacity: 1; cursor: default; color: #666 !important; }
  .a-link-off:hover { opacity: 1; cursor: default; color: #666 !important; }
  .m-side_banner { display: none; }
  .l-sideR { position: static; padding: 0; margin: 0 auto; width: 100%; max-width: 100%; min-width: 100%; }
  .l-sideR_01 { position: static; height: auto; width: 40.625%; }
  .l-sideR_02 { position: static; display: none; }
  .js-fade_banner { padding: 20px 0; top: 0; left: 0; position: static; background: #fff; position: relative; width: 100%; }
  .js-fade_banner ul { width: 100%; }
  .js-fade_banner ul li { width: 100%; top: 0; left: 0; position: absolute; display: none; }
  .js-fade_banner ul li img { display: block; width: 100%; margin: 0 auto; }
  .l-contents { padding: 0; margin: 0; margin-top: 0; width: 100%; max-width: 100%; min-width: 100%; min-height: inherit; background: #fff; padding-right: 0; padding-bottom: 0; }
  .l-main { background-color: #f4f4f4; margin: 0; width: 100%; min-width: 100%; max-width: 100%; min-height: inherit; float: none; padding: 0; padding-top: 30px; -webkit-box-sizing: inherit; box-sizing: inherit; }
  .l-main .sample_title { margin-left: 6.25%; margin-right: 6.25%; }
  .l-main .sample_subtitle { margin-left: 6.25%; margin-right: 6.25%; }
  .l-main .code { margin-left: 6.25%; margin-right: 6.25%; }
  .l-main .code-no { margin-left: 0; margin-right: 0; }
  .l-footer_inner { width: 100%; max-width: 100%; min-width: 100%; margin: 0; position: relative; }
  .m-footer01 { width: 100%; max-width: 100%; min-width: 100%; background-color: #fff; text-align: center; padding-bottom: 8%; height: auto; }
  .m-footer01 img { margin: 20px 0 5px; }
  .m-footer01_left { padding: 0; float: none; text-align: center; border-top: 2px solid #ddd; margin-left: 5.78%; margin-right: 5.78%; margin-top: 0; }
  .m-footer01_left a { margin-top: 20px; }
  .m-footer01_right { float: none; padding-right: 0; padding-top: 0; margin-top: 5px; }
  .m-footer01_right img { margin-top: 15px; }
  .m-footer02 { position: relative; width: 100%; max-width: 100%; min-width: 100%; background-color: #343433; color: #fff; padding-top: 28px; height: auto; }
  .m-footer02_left { float: left; width: 50.5%; padding-left: 5.78%; font-size: 0.09rem; line-height: 1.77778; padding-top: 0; }
  .m-footer02_left .enter_pc { display: none; }
  .m-footer02_right { float: right; width: 25%; text-align: center; padding-top: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .m-footer02_right .sp_view_foooter { display: block; margin-bottom: 2px; }
  .m-footer02_right .sp_view_foooter img { display: block; width: 80%; }
  .m-footer02_right .sp_view_foooter a { width: 100%; display: block; margin-bottom: 2px; }
  .m-footer02_en { position: relative; width: 100%; max-width: 100%; min-width: 100%; background-color: #343433; color: #fff; padding-top: 28px; height: auto; }
  .m-footer02_left_en { float: left; width: 50.5%; padding-left: 5.78%; font-size: 0.09rem; line-height: 1.77778; padding-top: 0; }
  .m-footer02_left_en .enter_pc { display: none; }
  .m-footer02_right_en { float: right; width: 31%; margin: 0; text-align: center; padding-top: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .m-footer02_right_en .sp_view_foooter { width: 67%; margin-bottom: 2px; }
  .m-footer02_right_en .sp_view_foooter a { display: block; }
  .m-footer02_right_en .sp_view_foooter img { width: 100%; }
  .pc_view_foooter { display: none; }
  .sp_view_foooter { display: block; }
  .copywrite_pc { display: none; }
  .copywrite_sp { display: block; padding-top: 5.78%; padding-bottom: 5.78%; border-top: 1px solid #afafaf; margin-left: 5.78%; margin-right: 5.78%; text-align: center; font-size: 0.09rem; line-height: 1.05556; }
  .stylebutton { display: block; }
  .m-footer01_left_img01 { width: 9.375%; }
  .m-footer01_right_img01 { width: 44.53125%; }
  .m-footer01_right_img02 { width: 36.09375%; }
  .m-footer01_right_img03 { width: 25.46875%; }
  .m-footer01_right_img04 { width: 37.5%; }
  .m-footer01_right_img12 { display: inline-block; width: 35%; }
  .m-footer01_right_img05 { display: inline-block; width: 50%; }
  .m-footer01_right_img05 img { width: 100%; }
  .m-footer01_right_img06 { display: inline-block; width: 11.5625%; }
  .m-footer01_right_img07 { display: inline-block; width: 18.75%; }
  .m-footer01_right_img08 { display: inline-block; width: 10.46875%; }
  .m-footer01_right_img09 { display: inline-block; width: 7.65625%; }
  .m-footer01_right_img10 { display: inline-block; width: 5.9375%; }
  .m-footer01_right_img11 { display: inline-block; width: 12.8125%; }
  .m-footer01_right_img13 { display: inline-block; width: 19.0625%; }
  .m-footer01_right_img14 { display: inline-block; width: 9%; }
  .m-footer01_right_img15 { display: inline-block; width: 5%; }
  .m-footer02_right_img { width: 30.90909%; text-align: center; display: block; } }

@media all and (-ms-high-contrast: none) { #m-countdown_en_fin { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

.icon_en, .icon_fb, .icon_tw, .icon_yt, .icon_sr { display: block; border-radius: 50%; text-align: center; }

@media screen and (min-width: 769px), print { .icon_en, .icon_fb, .icon_tw, .icon_yt, .icon_sr { width: 38px; height: 38px; -webkit-transition: -webkit-box-shadow 0.5s ease; transition: -webkit-box-shadow 0.5s ease; transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease; } }

@media screen and (max-width: 768px), print { .icon_en, .icon_fb, .icon_tw, .icon_yt, .icon_sr { width: 30px; height: 30px; padding-left: 2px; } }

@media screen and (min-width: 769px), print { .icon_en:hover, .icon_fb:hover, .icon_tw:hover, .icon_yt:hover, .icon_sr:hover { -webkit-box-shadow: none; box-shadow: none; } }

.icon_en { color: #fff; background: #f75858; letter-spacing: 0.1em; -webkit-box-shadow: 0 2px 0px 0 #be3030; box-shadow: 0 2px 0px 0 #be3030; }

@media screen and (min-width: 769px), print { .icon_en { font-size: 16px; line-height: 40px; } }

@media screen and (max-width: 768px), print { .icon_en { font-size: 13px; line-height: 31px; } }

.icon_fb { background: #1877f2; -webkit-box-shadow: 0 2px 0px 0 #024cac; box-shadow: 0 2px 0px 0 #024cac; }

@media screen and (min-width: 769px), print { .icon_fb img { width: 16px; height: 30px; margin-top: 8px; } }

@media screen and (max-width: 768px), print { .icon_fb img { width: 12px; height: 23px; margin-top: 7px; } }

.icon_tw { background: #1da1f2; -webkit-box-shadow: 0 2px 0px 0 #12689d; box-shadow: 0 2px 0px 0 #12689d; }

@media screen and (min-width: 769px), print { .icon_tw img { width: 21px; height: 18px; margin-top: 11px; } }

@media screen and (max-width: 768px), print { .icon_tw img { width: 16px; height: 14px; margin-top: 9px; } }

.icon_yt { background: #ff0000; -webkit-box-shadow: 0 2px 0px 0 #a00000; box-shadow: 0 2px 0px 0 #a00000; }

@media screen and (min-width: 769px), print { .icon_yt img { width: 22px; height: 16px; margin-top: 12px; } }

@media screen and (max-width: 768px), print { .icon_yt img { width: 17px; height: 12px; margin-top: 10px; } }

.icon_sr { background: #c1d20f; -webkit-box-shadow: 0 2px 0px 0 #899509; box-shadow: 0 2px 0px 0 #899509; }

@media screen and (min-width: 769px), print { .icon_sr img { width: 20px; height: 20px; margin-top: 10px; } }

@media screen and (max-width: 768px), print { .icon_sr img { width: 20px; height: 20px; margin-top: 10px; } }