@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
@charset "UTF-8";
@-webkit-keyframes hueChange {
  0% {
    -webkit-filter: hue-rotate(0); }
  30% {
    -webkit-filter: hue-rotate(0); }
  36% {
    -webkit-filter: hue-rotate(1turn); }
  70% {
    -webkit-filter: hue-rotate(1turn); }
  100% {
    -webkit-filter: hue-rotate(0); } }

@keyframes hueChange {
  0% {
    -webkit-filter: hue-rotate(0);
            filter: hue-rotate(0); }
  30% {
    -webkit-filter: hue-rotate(0);
            filter: hue-rotate(0); }
  36% {
    -webkit-filter: hue-rotate(1turn);
            filter: hue-rotate(1turn); }
  70% {
    -webkit-filter: hue-rotate(1turn);
            filter: hue-rotate(1turn); }
  100% {
    -webkit-filter: hue-rotate(0);
            filter: hue-rotate(0); } }

@-webkit-keyframes bgHoverChange {
  0% {
    -webkit-clip-path: circle(0% at 0 50%);
            clip-path: circle(0% at 0 50%); }
  50% {
    -webkit-clip-path: circle(130%);
            clip-path: circle(130%); }
  100% {
    -webkit-clip-path: circle(130%);
            clip-path: circle(130%);
    opacity: 0; } }

@keyframes bgHoverChange {
  0% {
    -webkit-clip-path: circle(0% at 0 50%);
            clip-path: circle(0% at 0 50%); }
  50% {
    -webkit-clip-path: circle(130%);
            clip-path: circle(130%); }
  100% {
    -webkit-clip-path: circle(130%);
            clip-path: circle(130%);
    opacity: 0; } }

@keyframes pageTopWave {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; } }

@-webkit-keyframes pageTopWave {
  0% {
    -webkit-transform: translateY(-5px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  50% {
    -webkit-transform: translateY(0px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(-5px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; } }

@-webkit-keyframes pageTopRotate {
  0% {
    -webkit-transform: rotate(0deg) translateY(10px) rotate(0deg);
            transform: rotate(0deg) translateY(10px) rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg) translateY(10px) rotate(-360deg);
            transform: rotate(360deg) translateY(10px) rotate(-360deg); } }

@keyframes pageTopRotate {
  0% {
    -webkit-transform: rotate(0deg) translateY(10px) rotate(0deg);
            transform: rotate(0deg) translateY(10px) rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg) translateY(10px) rotate(-360deg);
            transform: rotate(360deg) translateY(10px) rotate(-360deg); } }

nav ul {
  list-style: none; }

input, select {
  vertical-align: middle; }

/* Base Style
------------------------------------------------------ */
/*----- for HTML5 -----*/
html, body, h1, h2, h3, h4, h5, h6, strong {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "Yu Gothic Medium", sans-serif;
  -webkit-font-feature-settings: "pkna" 1;
          font-feature-settings: "pkna" 1;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "Yu Gothic Medium", sans-serif;
  line-height: 1.5;
  word-wrap: break-word; }

h1, h2, h3, h4, h5, h6, strong {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "Yu Gothic", sans-serif;
  font-weight: 700; }

/* page */
* {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* input */
input, select, textarea {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "Yu Gothic Medium", sans-serif;
  /* -webkit-appearance: none; */ }

/* link */
a {
  cursor: pointer; }
  a img {
    transition-property: all;
    transition-duration: .3s; }

/* link */
img {
  max-width: 100%;
  height: auto; }

/* fontsize */
.tx-large {
  font-size: 1.2em; }

.tx-xlarge {
  font-size: 1.4em; }

.tx-xxlarge {
  font-size: 1.6em; }

.tx-small {
  font-size: .9em; }

.tx-xsmall {
  font-size: .7em; }

.tx-xxsmall {
  font-size: .6em; }

/* Utility Style
------------------------------------------------------ */
.nowrap {
  white-space: nowrap !important; }

.pc_nowrap {
  white-space: nowrap !important; }

/*----- scroll -----*/
div#fl_contents { 
     width:100%; 
     height:300px;
     overflow:auto;
     background:#000;
     padding:0.4em 0.4em;
     box-sizing:border-box;
}

/*----- width -----*/
.w1per {
  width: 1% !important; }

.w2per {
  width: 2% !important; }

.w3per {
  width: 3% !important; }

.w4per {
  width: 4% !important; }

.w5per {
  width: 5% !important; }

.w6per {
  width: 6% !important; }

.w7per {
  width: 7% !important; }

.w8per {
  width: 8% !important; }

.w9per {
  width: 9% !important; }

.w10per {
  width: 10% !important; }

.w11per {
  width: 11% !important; }

.w12per {
  width: 12% !important; }

.w13per {
  width: 13% !important; }

.w14per {
  width: 14% !important; }

.w15per {
  width: 15% !important; }

.w16per {
  width: 16% !important; }

.w17per {
  width: 17% !important; }

.w18per {
  width: 18% !important; }

.w19per {
  width: 19% !important; }

.w20per {
  width: 20% !important; }

.w21per {
  width: 21% !important; }

.w22per {
  width: 22% !important; }

.w23per {
  width: 23% !important; }

.w24per {
  width: 24% !important; }

.w25per {
  width: 25% !important; }

.w26per {
  width: 26% !important; }

.w27per {
  width: 27% !important; }

.w28per {
  width: 28% !important; }

.w29per {
  width: 29% !important; }

.w30per {
  width: 30% !important; }

.w31per {
  width: 31% !important; }

.w32per {
  width: 32% !important; }

.w33per {
  width: 33% !important; }

.w34per {
  width: 34% !important; }

.w35per {
  width: 35% !important; }

.w36per {
  width: 36% !important; }

.w37per {
  width: 37% !important; }

.w38per {
  width: 38% !important; }

.w39per {
  width: 39% !important; }

.w40per {
  width: 40% !important; }

.w41per {
  width: 41% !important; }

.w42per {
  width: 42% !important; }

.w43per {
  width: 43% !important; }

.w44per {
  width: 44% !important; }

.w45per {
  width: 45% !important; }

.w46per {
  width: 46% !important; }

.w47per {
  width: 47% !important; }

.w48per {
  width: 48% !important; }

.w49per {
  width: 49% !important; }

.w50per {
  width: 50% !important; }

.w51per {
  width: 51% !important; }

.w52per {
  width: 52% !important; }

.w53per {
  width: 53% !important; }

.w54per {
  width: 54% !important; }

.w55per {
  width: 55% !important; }

.w56per {
  width: 56% !important; }

.w57per {
  width: 57% !important; }

.w58per {
  width: 58% !important; }

.w59per {
  width: 59% !important; }

.w60per {
  width: 60% !important; }

.w61per {
  width: 61% !important; }

.w62per {
  width: 62% !important; }

.w63per {
  width: 63% !important; }

.w64per {
  width: 64% !important; }

.w65per {
  width: 65% !important; }

.w66per {
  width: 66% !important; }

.w67per {
  width: 67% !important; }

.w68per {
  width: 68% !important; }

.w69per {
  width: 69% !important; }

.w70per {
  width: 70% !important; }

.w71per {
  width: 71% !important; }

.w72per {
  width: 72% !important; }

.w73per {
  width: 73% !important; }

.w74per {
  width: 74% !important; }

.w75per {
  width: 75% !important; }

.w76per {
  width: 76% !important; }

.w77per {
  width: 77% !important; }

.w78per {
  width: 78% !important; }

.w79per {
  width: 79% !important; }

.w80per {
  width: 80% !important; }

.w81per {
  width: 81% !important; }

.w82per {
  width: 82% !important; }

.w83per {
  width: 83% !important; }

.w84per {
  width: 84% !important; }

.w85per {
  width: 85% !important; }

.w86per {
  width: 86% !important; }

.w87per {
  width: 87% !important; }

.w88per {
  width: 88% !important; }

.w89per {
  width: 89% !important; }

.w90per {
  width: 90% !important; }

.w91per {
  width: 91% !important; }

.w92per {
  width: 92% !important; }

.w93per {
  width: 93% !important; }

.w94per {
  width: 94% !important; }

.w95per {
  width: 95% !important; }

.w96per {
  width: 96% !important; }

.w97per {
  width: 97% !important; }

.w98per {
  width: 98% !important; }

.w99per {
  width: 99% !important; }

.wFull {
  width: 100% !important; }

.wAuto {
  width: auto !important; }

.w1-3rd {
  width: 33.33% !important; }

.w2-3rd {
  width: 66.66% !important; }

.w1-6th {
  width: 16.66% !important; }

.w1-7th {
  width: 14.28% !important; }

.w1-8th {
  width: 12.5%  !important; }

.w1-9th {
  width: 11.11% !important; }

.mAuto {
  margin-left: auto !important;
  margin-right: auto !important; }

/*----- margin padding -----*/
.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.m0 {
  margin: 0px !important; }

.pt0 {
  padding-top: 0px !important; }

.pr0 {
  padding-right: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pl0 {
  padding-left: 0px !important; }

.p0 {
  padding: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.ml5 {
  margin-left: 5px !important; }

.m5 {
  margin: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pr5 {
  padding-right: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pl5 {
  padding-left: 5px !important; }

.p5 {
  padding: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.m10 {
  margin: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pr10 {
  padding-right: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pl10 {
  padding-left: 10px !important; }

.p10 {
  padding: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.ml15 {
  margin-left: 15px !important; }

.m15 {
  margin: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pr15 {
  padding-right: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pl15 {
  padding-left: 15px !important; }

.p15 {
  padding: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.m20 {
  margin: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.p20 {
  padding: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mr25 {
  margin-right: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.ml25 {
  margin-left: 25px !important; }

.m25 {
  margin: 25px !important; }

.pt25 {
  padding-top: 25px !important; }

.pr25 {
  padding-right: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pl25 {
  padding-left: 25px !important; }

.p25 {
  padding: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.m30 {
  margin: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pr30 {
  padding-right: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pl30 {
  padding-left: 30px !important; }

.p30 {
  padding: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mr35 {
  margin-right: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.ml35 {
  margin-left: 35px !important; }

.m35 {
  margin: 35px !important; }

.pt35 {
  padding-top: 35px !important; }

.pr35 {
  padding-right: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pl35 {
  padding-left: 35px !important; }

.p35 {
  padding: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.ml40 {
  margin-left: 40px !important; }

.m40 {
  margin: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pr40 {
  padding-right: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pl40 {
  padding-left: 40px !important; }

.p40 {
  padding: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mr45 {
  margin-right: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.ml45 {
  margin-left: 45px !important; }

.m45 {
  margin: 45px !important; }

.pt45 {
  padding-top: 45px !important; }

.pr45 {
  padding-right: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pl45 {
  padding-left: 45px !important; }

.p45 {
  padding: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml50 {
  margin-left: 50px !important; }

.m50 {
  margin: 50px !important; }

.pt50 {
  padding-top: 50px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pl50 {
  padding-left: 50px !important; }

.p50 {
  padding: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mr55 {
  margin-right: 55px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.ml55 {
  margin-left: 55px !important; }

.m55 {
  margin: 55px !important; }

.pt55 {
  padding-top: 55px !important; }

.pr55 {
  padding-right: 55px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pl55 {
  padding-left: 55px !important; }

.p55 {
  padding: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mr60 {
  margin-right: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.ml60 {
  margin-left: 60px !important; }

.m60 {
  margin: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pr60 {
  padding-right: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pl60 {
  padding-left: 60px !important; }

.p60 {
  padding: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mr65 {
  margin-right: 65px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.ml65 {
  margin-left: 65px !important; }

.m65 {
  margin: 65px !important; }

.pt65 {
  padding-top: 65px !important; }

.pr65 {
  padding-right: 65px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.pl65 {
  padding-left: 65px !important; }

.p65 {
  padding: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mr70 {
  margin-right: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.ml70 {
  margin-left: 70px !important; }

.m70 {
  margin: 70px !important; }

.pt70 {
  padding-top: 70px !important; }

.pr70 {
  padding-right: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pl70 {
  padding-left: 70px !important; }

.p70 {
  padding: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mr75 {
  margin-right: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.ml75 {
  margin-left: 75px !important; }

.m75 {
  margin: 75px !important; }

.pt75 {
  padding-top: 75px !important; }

.pr75 {
  padding-right: 75px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pl75 {
  padding-left: 75px !important; }

.p75 {
  padding: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mr80 {
  margin-right: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.ml80 {
  margin-left: 80px !important; }

.m80 {
  margin: 80px !important; }

.pt80 {
  padding-top: 80px !important; }

.pr80 {
  padding-right: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pl80 {
  padding-left: 80px !important; }

.p80 {
  padding: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mr85 {
  margin-right: 85px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.ml85 {
  margin-left: 85px !important; }

.m85 {
  margin: 85px !important; }

.pt85 {
  padding-top: 85px !important; }

.pr85 {
  padding-right: 85px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.pl85 {
  padding-left: 85px !important; }

.p85 {
  padding: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.ml90 {
  margin-left: 90px !important; }

.m90 {
  margin: 90px !important; }

.pt90 {
  padding-top: 90px !important; }

.pr90 {
  padding-right: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pl90 {
  padding-left: 90px !important; }

.p90 {
  padding: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mr95 {
  margin-right: 95px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.ml95 {
  margin-left: 95px !important; }

.m95 {
  margin: 95px !important; }

.pt95 {
  padding-top: 95px !important; }

.pr95 {
  padding-right: 95px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.pl95 {
  padding-left: 95px !important; }

.p95 {
  padding: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml100 {
  margin-left: 100px !important; }

.m100 {
  margin: 100px !important; }

.pt100 {
  padding-top: 100px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.pl100 {
  padding-left: 100px !important; }

.p100 {
  padding: 100px !important; }

/*----- border -----*/
.bdNone {
  border: none !important; }

.bdtNone {
  border-top: none !important; }

.bdrNone {
  border-right: none !important; }

.bdbNone {
  border-bottom: none !important; }

.bdlNone {
  border-left: none !important; }

/*----- align -----*/
/* text-align */
.alL {
  text-align: left !important; }

.alC {
  text-align: center !important; }

.alR {
  text-align: right !important; }

/* vertical-align */
.alT {
  vertical-align: top !important; }

.alM {
  vertical-align: middle !important; }

.alB {
  vertical-align: bottom !important; }

/*----- clear -----*/
/* clear */
.clL {
  clear: left !important; }

.clR {
  clear: right !important; }

.clBoth {
  clear: both !important; }

.clNone {
  clear: none !important; }

/*----- float -----*/
/* float */
.flL {
  float: left !important; }

.flR {
  float: right !important; }

.flNone {
  float: none !important; }

/*----- display -----*/
/* display */
.dpBlock {
  display: block !important; }

.dpInlBlock {
  display: inline-block !important; }

.dpNone {
  display: none !important; }

/*----- overflow -----*/
.ovfHidden {
  overflow: hidden !important; }

.ovfVisible {
  overflow: visible !important; }

/*----- font -----*/
.bold {
  font-weight: bold !important; }

.italic {
  font-style: italic !important; }

.fwNormal {
  font-weight: normal !important; }

.fsNormal {
  font-style: normal !important; }

/*----- break -----*/
.brAll {
  word-break: break-all !important; }

.brWord {
  word-wrap: break-word !important; }

.brNone {
  white-space: nowrap !important; }

/*----- centering -----*/
.centering {
  margin-left: auto !important;
  margin-right: auto !important; }

.ispc, .issp, .istb,
.ispcIn, .isspIn, .istbIn,
.ispcInBlock, .isspInBlock, .istbInBlock {
  display: none !important; }

/* tablet Utility Style
------------------------------------------------------ */

/* PC Utility Style
------------------------------------------------------ */

/* SP Utility Style
------------------------------------------------------ */

/* small mobile Utility Style
------------------------------------------------------ */

/* GRID
------------------------------------------------------ */
.container_12 {
  overflow: hidden;
  zoom: 1;
  width: 100%; }

.container_12 .grid_1 {
  float: left;
  width: 8.33333%;
  position: relative; }

.container_12 .push_1 {
  margin-left: 8.33333% !important; }

.container_12 .pull_1 {
  margin-right: 8.33333% !important; }

.container_12 .grid_2 {
  float: left;
  width: 16.66667%;
  position: relative; }

.container_12 .push_2 {
  margin-left: 16.66667% !important; }

.container_12 .pull_2 {
  margin-right: 16.66667% !important; }

.container_12 .grid_3 {
  float: left;
  width: 25%;
  position: relative; }

.container_12 .push_3 {
  margin-left: 25% !important; }

.container_12 .pull_3 {
  margin-right: 25% !important; }

.container_12 .grid_4 {
  float: left;
  width: 33.33333%;
  position: relative; }

.container_12 .push_4 {
  margin-left: 33.33333% !important; }

.container_12 .pull_4 {
  margin-right: 33.33333% !important; }

.container_12 .grid_5 {
  float: left;
  width: 41.66667%;
  position: relative; }

.container_12 .push_5 {
  margin-left: 41.66667% !important; }

.container_12 .pull_5 {
  margin-right: 41.66667% !important; }

.container_12 .grid_6 {
  float: left;
  width: 50%;
  position: relative; }

.container_12 .push_6 {
  margin-left: 50% !important; }

.container_12 .pull_6 {
  margin-right: 50% !important; }

.container_12 .grid_7 {
  float: left;
  width: 58.33333%;
  position: relative; }

.container_12 .push_7 {
  margin-left: 58.33333% !important; }

.container_12 .pull_7 {
  margin-right: 58.33333% !important; }

.container_12 .grid_8 {
  float: left;
  width: 66.66667%;
  position: relative; }

.container_12 .push_8 {
  margin-left: 66.66667% !important; }

.container_12 .pull_8 {
  margin-right: 66.66667% !important; }

.container_12 .grid_9 {
  float: left;
  width: 75%;
  position: relative; }

.container_12 .push_9 {
  margin-left: 75% !important; }

.container_12 .pull_9 {
  margin-right: 75% !important; }

.container_12 .grid_10 {
  float: left;
  width: 83.33333%;
  position: relative; }

.container_12 .push_10 {
  margin-left: 83.33333% !important; }

.container_12 .pull_10 {
  margin-right: 83.33333% !important; }

.container_12 .grid_11 {
  float: left;
  width: 91.66667%;
  position: relative; }

.container_12 .push_11 {
  margin-left: 91.66667% !important; }

.container_12 .pull_11 {
  margin-right: 91.66667% !important; }

.container_12 .grid_12 {
  float: left;
  width: 100%;
  position: relative;
  clear: both; }

.container_12 .push_12 {
  margin-left: 100% !important; }

.container_12 .pull_12 {
  margin-right: 100% !important; }

/* mobi
------------------------------------------------------ */

/* tablet
------------------------------------------------------ */

/* over desktop
------------------------------------------------------ */

.wrapper {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5; }

.sample-icon {
  margin: 10px 0px;
  width: 128px;
  height: 128px;
  background-image: url("/img/html5.png");
  background-repeat: no-repeat; }

body {
  color: #fff;
  background: #222;
  background-position-y: 0px; }

a, a:link, a:hover, .clickObj {
  color: #50fb13;
  text-shadow: 0 0 10px #50fb13, 0 0 20px #50fb13;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
  cursor: pointer; }

a:visited {
  color: #2ea503; }

a:hover, .clickObj:hover {
  text-shadow: 0 0 5px #50fb13, 0 0 10px #50fb13, 0 0 15px #50fb13;
  text-decoration: underline;
  color: #000; }

.txt a, .txt-block a {
  text-shadow: none;
  color: #66ccff;
  text-decoration: underline; }

.checker {
  display: none; }

h1, .h1 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #50fb13;
  text-align: center;
  letter-spacing: 0.1rem;
  text-shadow: 0 0 5px #50fb13, 0 0 10px #50fb13;
  line-height: 1.3;
  display: block;
  background: url("/img/bg02.png");
  padding: 1rem 0.5rem;
  border: 2px solid #000;
  box-shadow: 0 0 10px #50fb13, 0 0 10px #000 inset; }

h2, .h2 {
  font-size: 20px;
  font-weight: normal;
  color: #50fb13;
  text-align: center;
  letter-spacing: 0.2rem;
  text-shadow: 0 0 5px #50fb13, 0 0 10px #50fb13; }
  h2.underline:after, .h2.underline:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #50fb13;
    box-shadow: 0 0 5px #50fb13, 0 0 10px #50fb13, 0 0 15px #50fb13;
    display: block;
    margin: 10px 0; }

h3, .h3 {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
  padding: 0.3rem;
  text-align: center;
  background-color: #24af24;
  background: -webkit-repeating-linear-gradient(-45deg, #24af24 0px, #24af24 3px, #03a303 4px, #03a303 6px); }

h4, .h4 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffd800; }

.viewport {
  margin: auto;
  max-width: 1000px; }

.wrap {
  margin-left: 3%;
  margin-right: 3%; }

.img-canvas {
  position: relative;
  width: 100%;
  transition: all 0.3s; }
  .img-canvas:before {
    content: "";
    display: block;
    padding-top: 66.66%; }
  .img-canvas .img-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .img-canvas .img-inner img {
      width: 100%;
      height: auto; }

.tag {
  background: deeppink;
  color: white;
  font-size: 0.8rem;
  padding: 0.2rem 0.5rem;
  border-radius: 2px;
  display: inline-block;
  margin: 0 5px; }
  .tag.first {
    margin-left: 0; }

em, strong {
  font-weight: bold;
  font-style: normal;
  color: #cc0000; }

.caution {
  font-size: 1.1rem;
  color: #cc0000;
  font-weight: bold; }

.indent-canvas {
  margin: 0.5rem 0; }

.indent {
  margin-left: 1rem;
  text-indent: -1rem; }

.justify {
  text-align: justify; }

.btn-canvas {
  display: block;
  margin: 20px 5%;
  text-align: center; }
  .btn-canvas .btn {
    margin: 0 10px;
    display: flex;
    position: relative;
    color: #fff;
    padding: 10px 5px;
    text-shadow: none;
    background: #03a303;
    border: 1px solid #50fb13;
    box-shadow: 0 0 5px #50fb13, 0 0 10px #50fb13;
    border-radius: 6px;
    overflow: hidden;
    flex-flow: row nowrap;
    align-items: center;
    transition: all ease-in-out .3s; }
    .btn-canvas .btn .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 20vh;
      background: #ffd800;
      -webkit-clip-path: circle(0% at 0 50%);
              clip-path: circle(0% at 0 50%);
      z-index: 1; }
    .btn-canvas .btn .txt {
      z-index: 5;
      display: block;
      text-align: center;
      flex: 1 1 auto; }
    .btn-canvas .btn i {
      text-align: right;
      z-index: 3;
      flex: 0 0 26px; }
    .btn-canvas .btn:hover {
      background: #50fb13;
      color: black;
      text-decoration: none; }
      .btn-canvas .btn:hover .bg {
        -webkit-animation: bgHoverChange .5s;
        animation: bgHoverChange .5s; }
  .btn-canvas.multi {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    margin-left: -10px;
    margin-right: -10px; }


/*20191026 ハロウィンアワード結果発表　　ここから*/
.btn-canvas2 {
  display: block;
  margin: 20px 5%;
  text-align: center; }
  .btn-canvas2 .btn {
    margin: 0 10px;
    display: flex;
    position: relative;
    color: #fff;
    padding: 10px 5px;
    text-shadow: none;
    background: #03a303;
    border: 1px solid #50fb13;
    box-shadow: 0 0 5px #50fb13, 0 0 10px #50fb13;
    border-radius: 6px;
    overflow: hidden;
    flex-flow: row nowrap;
    align-items: center;
    transition: all ease-in-out .3s; }
    .btn-canvas2 .btn .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 20vh;
      background: #ffd800;
      -webkit-clip-path: circle(0% at 0 50%);
              clip-path: circle(0% at 0 50%);
      z-index: 1; }
    .btn-canvas2 .btn .txt {
      z-index: 5;
      display: block;
      text-align: center;
      flex: 1 1 auto; }
    .btn-canvas2 .btn i {
      text-align: right;
      z-index: 3;
      flex: 0 0 26px; }
  .btn-canvas2.multi {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    margin-left: -10px;
    margin-right: -10px; }
/*20191026 ハロウィンアワード結果発表　　ここまで*/



.bg-info {
  background: #505050;
  padding: 1rem;
  border-radius: 6px; }
  .bg-info .h4, .bg-info .txt {
    margin-top: 5px; }
  .bg-info em {
    color: #ffd800; }

.accordion-headline {
  margin-top: 30px;
  display: block;
  cursor: pointer;
  background: darkgreen url("/img/bg-06.png") center repeat;
  background-size: cover;
  opacity: 0.8;
  font-weight: bold;
  color: #000;
  text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
  padding: 20px 20px;
  border-radius: 10px; }
  .accordion-headline:first-child {
    margin-top: 0; }

.accordion-contents {
  background: #000;
  border-radius: 0 0 10px 10px;
  padding: 0 10px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }
  .accordion-contents dt, .accordion-contents dd {
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4em 1fr;
        grid-template-columns: 4em 1fr;
    align-content: start;
    transition: line-height ease-out 0.3s, opacity .2s linear, visibility .2s linear, max-height .2s linear; }
    .accordion-contents dt .btn-canvas, .accordion-contents dd .btn-canvas {
      margin: 0; }
    .accordion-contents dt .up, .accordion-contents dd .up {
      font-weight: bold;
      font-size: 2.5em;
      margin-right: 5px;
      align-items: start; }
      .accordion-contents dt .up.q, .accordion-contents dd .up.q {
        color: #50fb13; }
      .accordion-contents dt .up.a, .accordion-contents dd .up.a {
        color: #ff9933; }
    .accordion-contents dt .btn, .accordion-contents dd .btn {
      margin-left: 0;
      margin-right: 0; }
  .accordion-contents dt {
    font-weight: bold;
    margin-top: 0;
    font-size: 1.4rem; }
  .accordion-contents dd {
    font-size: 1.4rem; }
  .accordion-contents div.fr2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3; }

#faq1:checked ~ .item1 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq1:checked ~ .item1 dt, #faq1:checked ~ .item1 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq1:checked ~ .item1 dt .btn-canvas, #faq1:checked ~ .item1 dd .btn-canvas {
      margin: 20px 5%; }
  #faq1:checked ~ .item1 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq1:checked ~ .item1 dt:first-child {
      margin-top: 0; }
  #faq1:checked ~ .item1 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq1:checked ~ .item1 dd:first-child {
      margin-top: 0; }

#faq2:checked ~ .item2 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq2:checked ~ .item2 dt, #faq2:checked ~ .item2 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq2:checked ~ .item2 dt .btn-canvas, #faq2:checked ~ .item2 dd .btn-canvas {
      margin: 20px 5%; }
  #faq2:checked ~ .item2 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq2:checked ~ .item2 dt:first-child {
      margin-top: 0; }
  #faq2:checked ~ .item2 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq2:checked ~ .item2 dd:first-child {
      margin-top: 0; }

#faq3:checked ~ .item3 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq3:checked ~ .item3 dt, #faq3:checked ~ .item3 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq3:checked ~ .item3 dt .btn-canvas, #faq3:checked ~ .item3 dd .btn-canvas {
      margin: 20px 5%; }
  #faq3:checked ~ .item3 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq3:checked ~ .item3 dt:first-child {
      margin-top: 0; }
  #faq3:checked ~ .item3 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq3:checked ~ .item3 dd:first-child {
      margin-top: 0; }

#faq4:checked ~ .item4 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq4:checked ~ .item4 dt, #faq4:checked ~ .item4 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq4:checked ~ .item4 dt .btn-canvas, #faq4:checked ~ .item4 dd .btn-canvas {
      margin: 20px 5%; }
  #faq4:checked ~ .item4 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq4:checked ~ .item4 dt:first-child {
      margin-top: 0; }
  #faq4:checked ~ .item4 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq4:checked ~ .item4 dd:first-child {
      margin-top: 0; }

#faq5:checked ~ .item5 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq5:checked ~ .item5 dt, #faq5:checked ~ .item5 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq5:checked ~ .item5 dt .btn-canvas, #faq5:checked ~ .item5 dd .btn-canvas {
      margin: 20px 5%; }
  #faq5:checked ~ .item5 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq5:checked ~ .item5 dt:first-child {
      margin-top: 0; }
  #faq5:checked ~ .item5 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq5:checked ~ .item5 dd:first-child {
      margin-top: 0; }

#faq6:checked ~ .item6 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq6:checked ~ .item6 dt, #faq6:checked ~ .item6 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq6:checked ~ .item6 dt .btn-canvas, #faq6:checked ~ .item6 dd .btn-canvas {
      margin: 20px 5%; }
  #faq6:checked ~ .item6 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq6:checked ~ .item6 dt:first-child {
      margin-top: 0; }
  #faq6:checked ~ .item6 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq6:checked ~ .item6 dd:first-child {
      margin-top: 0; }

#faq7:checked ~ .item7 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq7:checked ~ .item7 dt, #faq7:checked ~ .item7 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq7:checked ~ .item7 dt .btn-canvas, #faq7:checked ~ .item7 dd .btn-canvas {
      margin: 20px 5%; }
  #faq7:checked ~ .item7 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq7:checked ~ .item7 dt:first-child {
      margin-top: 0; }
  #faq7:checked ~ .item7 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq7:checked ~ .item7 dd:first-child {
      margin-top: 0; }

#faq8:checked ~ .item8 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq8:checked ~ .item8 dt, #faq8:checked ~ .item8 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq8:checked ~ .item8 dt .btn-canvas, #faq8:checked ~ .item8 dd .btn-canvas {
      margin: 20px 5%; }
  #faq8:checked ~ .item8 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq8:checked ~ .item8 dt:first-child {
      margin-top: 0; }
  #faq8:checked ~ .item8 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq8:checked ~ .item8 dd:first-child {
      margin-top: 0; }

#faq9:checked ~ .item9 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq9:checked ~ .item9 dt, #faq9:checked ~ .item9 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq9:checked ~ .item9 dt .btn-canvas, #faq9:checked ~ .item9 dd .btn-canvas {
      margin: 20px 5%; }
  #faq9:checked ~ .item9 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq9:checked ~ .item9 dt:first-child {
      margin-top: 0; }
  #faq9:checked ~ .item9 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq9:checked ~ .item9 dd:first-child {
      margin-top: 0; }

#faq10:checked ~ .item10 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq10:checked ~ .item10 dt, #faq10:checked ~ .item10 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq10:checked ~ .item10 dt .btn-canvas, #faq10:checked ~ .item10 dd .btn-canvas {
      margin: 20px 5%; }
  #faq10:checked ~ .item10 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq10:checked ~ .item10 dt:first-child {
      margin-top: 0; }
  #faq10:checked ~ .item10 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq10:checked ~ .item10 dd:first-child {
      margin-top: 0; }

#faq11:checked ~ .item11 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq11:checked ~ .item11 dt, #faq11:checked ~ .item11 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq11:checked ~ .item11 dt .btn-canvas, #faq11:checked ~ .item11 dd .btn-canvas {
      margin: 20px 5%; }
  #faq11:checked ~ .item11 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq11:checked ~ .item11 dt:first-child {
      margin-top: 0; }
  #faq11:checked ~ .item11 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq11:checked ~ .item11 dd:first-child {
      margin-top: 0; }

#faq12:checked ~ .item12 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq12:checked ~ .item12 dt, #faq12:checked ~ .item12 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq12:checked ~ .item12 dt .btn-canvas, #faq12:checked ~ .item12 dd .btn-canvas {
      margin: 20px 5%; }
  #faq12:checked ~ .item12 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq12:checked ~ .item12 dt:first-child {
      margin-top: 0; }
  #faq12:checked ~ .item12 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq12:checked ~ .item12 dd:first-child {
      margin-top: 0; }

#faq13:checked ~ .item13 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq13:checked ~ .item13 dt, #faq13:checked ~ .item13 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq13:checked ~ .item13 dt .btn-canvas, #faq13:checked ~ .item13 dd .btn-canvas {
      margin: 20px 5%; }
  #faq13:checked ~ .item13 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq13:checked ~ .item13 dt:first-child {
      margin-top: 0; }
  #faq13:checked ~ .item13 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq13:checked ~ .item13 dd:first-child {
      margin-top: 0; }

#faq14:checked ~ .item14 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq14:checked ~ .item14 dt, #faq14:checked ~ .item14 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq14:checked ~ .item14 dt .btn-canvas, #faq14:checked ~ .item14 dd .btn-canvas {
      margin: 20px 5%; }
  #faq14:checked ~ .item14 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq14:checked ~ .item14 dt:first-child {
      margin-top: 0; }
  #faq14:checked ~ .item14 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq14:checked ~ .item14 dd:first-child {
      margin-top: 0; }

#faq15:checked ~ .item15 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq15:checked ~ .item15 dt, #faq15:checked ~ .item15 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq15:checked ~ .item15 dt .btn-canvas, #faq15:checked ~ .item15 dd .btn-canvas {
      margin: 20px 5%; }
  #faq15:checked ~ .item15 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq15:checked ~ .item15 dt:first-child {
      margin-top: 0; }
  #faq15:checked ~ .item15 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq15:checked ~ .item15 dd:first-child {
      margin-top: 0; }

#faq16:checked ~ .item16 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq16:checked ~ .item16 dt, #faq16:checked ~ .item16 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq16:checked ~ .item16 dt .btn-canvas, #faq16:checked ~ .item16 dd .btn-canvas {
      margin: 20px 5%; }
  #faq16:checked ~ .item16 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq16:checked ~ .item16 dt:first-child {
      margin-top: 0; }
  #faq16:checked ~ .item16 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq16:checked ~ .item16 dd:first-child {
      margin-top: 0; }

#faq17:checked ~ .item17 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq17:checked ~ .item17 dt, #faq17:checked ~ .item17 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq17:checked ~ .item17 dt .btn-canvas, #faq17:checked ~ .item17 dd .btn-canvas {
      margin: 20px 5%; }
  #faq17:checked ~ .item17 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq17:checked ~ .item17 dt:first-child {
      margin-top: 0; }
  #faq17:checked ~ .item17 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq17:checked ~ .item17 dd:first-child {
      margin-top: 0; }

#faq18:checked ~ .item18 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq18:checked ~ .item18 dt, #faq18:checked ~ .item18 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq18:checked ~ .item18 dt .btn-canvas, #faq18:checked ~ .item18 dd .btn-canvas {
      margin: 20px 5%; }
  #faq18:checked ~ .item18 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq18:checked ~ .item18 dt:first-child {
      margin-top: 0; }
  #faq18:checked ~ .item18 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq18:checked ~ .item18 dd:first-child {
      margin-top: 0; }

#faq19:checked ~ .item19 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq19:checked ~ .item19 dt, #faq19:checked ~ .item19 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq19:checked ~ .item19 dt .btn-canvas, #faq19:checked ~ .item19 dd .btn-canvas {
      margin: 20px 5%; }
  #faq19:checked ~ .item19 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq19:checked ~ .item19 dt:first-child {
      margin-top: 0; }
  #faq19:checked ~ .item19 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq19:checked ~ .item19 dd:first-child {
      margin-top: 0; }

#faq20:checked ~ .item20 {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #faq20:checked ~ .item20 dt, #faq20:checked ~ .item20 dd {
    line-height: 1.6;
    opacity: 1;
    visibility: visible;
    max-height: 100%; }
    #faq20:checked ~ .item20 dt .btn-canvas, #faq20:checked ~ .item20 dd .btn-canvas {
      margin: 20px 5%; }
  #faq20:checked ~ .item20 dt {
    margin-top: 3rem;
    border-bottom: 1px dotted white; }
    #faq20:checked ~ .item20 dt:first-child {
      margin-top: 0; }
  #faq20:checked ~ .item20 dd {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 2px solid white; }
    #faq20:checked ~ .item20 dd:first-child {
      margin-top: 0; }

.checker:checked + .accordion-headline {
  border-radius: 10px 10px 0 0;
  opacity: 1; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

#header {
  z-index: 9999;
  width: 100%;
  position: fixed; }
  #header .header-inner {
    width: 94%;
    height: 115px;
    transition: height ease-in-out .3s;
    position: relative; }
  #header #header-bg {
    position: relative;
    margin: auto;
    text-align: center;
    height: 115px;
    transition: height ease-in-out .3s;
    z-index: -1; }
    #header #header-bg .bg-l-1, #header #header-bg .bg-l-2 {
      right: 48%;
      width: 100%;
      height: 115px;
      position: absolute;
      transition: height ease-in-out .3s;
      z-index: 2; }
    #header #header-bg .bg-r-1, #header #header-bg .bg-r-2 {
      left: 48%;
      width: 100%;
      height: 115px;
      position: absolute;
      transition: height ease-in-out .3s;
      z-index: 2; }
    #header #header-bg img {
      width: 100%;
      height: 100%; }
  #header #header-logo {
    position: absolute;
    margin: auto;
    top: 20px;
    left: 0;
    right: 0;
    width: 120px;
    transition: all ease-in-out .3s;
    z-index: 10; }
    #header #header-logo a {
      display: block; }
  #header #header-nav {
    position: absolute;
    width: 40px;
    top: 10px;
    left: 0;
    text-align: center;
    z-index: 90;
    transition: all ease-in-out .3s; }
    #header #header-nav .bg {
      position: relative;
      cursor: pointer;
      display: block; }
      #header #header-nav .bg > div {
        display: block;
        position: absolute;
        width: 36px;
        height: 36px;
        top: 7px;
        left: 0;
        right: 0;
        margin: auto;
        transition: all ease-in-out .3s; }
        #header #header-nav .bg > div div {
          position: absolute;
          display: block;
          width: 20px;
          height: 1px;
          background: #fff;
          margin: auto;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          transition: all ease-in-out .3s; }
        #header #header-nav .bg > div#line1 div {
          top: 12px; }
        #header #header-nav .bg > div#line2 div {
          bottom: 12px; }
    #header #header-nav .txt {
      width: 4rem;
      font-size: 10px;
      text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;
      transition: all ease-in-out .3s; }
  #header #language-canvas {
    position: absolute;
    top: 10px;
    right: 0;
    margin: auto;
    width: 60px;
    text-align: center;
    transition: all ease-in-out 0.3s;
    z-index: 80; }
    #header #language-canvas .language {
      height: 50px;
      transition: all ease-in-out 0.3s; }
      #header #language-canvas .language .item {
        width: 50px;
        margin: auto;
        cursor: pointer;
        display: none;
        transition: all ease-in-out 0.3s; }
        #header #language-canvas .language .item label {
          display: block;
          cursor: pointer; }
          #header #language-canvas .language .item label img {
            transition: all ease-in-out 0.3s;
            -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1); }
          #header #language-canvas .language .item label:hover img {
            -webkit-transform: scale3d(1.2, 1.2, 1.2);
                    transform: scale3d(1.2, 1.2, 1.2); }
    #header #language-canvas .txt {
      width: 6rem;
      font-size: 10px;
      text-transform: uppercase;
      margin-top: 0;
      text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;
      transition: all ease-in-out 0.3s; }
  #header.move {
    height: 85px; }
    #header.move #header-bg {
      height: 85px; }
      #header.move #header-bg .bg-l-1, #header.move #header-bg .bg-r-1, #header.move #header-bg .bg-l-2, #header.move #header-bg .bg-r-2 {
        height: 85px; }
    #header.move #header-logo {
      top: 2px;
      width: 100px; }
    #header.move #header-nav {
      top: 5px;
      width: 30px; }
      #header.move #header-nav .bg > div {
        width: 26px;
        height: 26px;
        top: 6px; }
        #header.move #header-nav .bg > div div {
          width: 15px; }
        #header.move #header-nav .bg > div#line1 div {
          top: 8px; }
        #header.move #header-nav .bg > div#line2 div {
          bottom: 8px; }
      #header.move #header-nav .txt {
        margin: -2px 0 0 -5px; }
    #header.move #language-canvas {
      top: 5px; }
      #header.move #language-canvas .language {
        height: 45px; }
        #header.move #language-canvas .language .item {
          width: 40px; }
      #header.move #language-canvas .txt {
        margin: -4px 0 0 0; }
  #header #navList-canvas {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all ease-in-out .3s;
    height: 100vh;
    z-index: 80;
    position: absolute;
    top: 0;
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); }
    #header #navList-canvas .navList-outer {
      background: #000; }
    #header #navList-canvas ul {
      display: -ms-grid;
      display: grid;
      grid-column-gap: 0;
      -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
      -ms-grid-rows: auto;
          grid-template-rows: auto; }
    #header #navList-canvas #navList {
      padding: 1rem 10px 1rem 55px; }
    #header #navList-canvas li {
      text-align: center;
      margin-bottom: 8px; }
      #header #navList-canvas li a {
        display: block;
        padding: 10px;
        background: #222;
        font-weight: bold;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        color: #50fb13;
        font-size: 1.3rem;
        height: 100%; }
        #header #navList-canvas li a .bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 20vh;
          background: #50fb13;
          -webkit-clip-path: circle(0% at 0 50%);
                  clip-path: circle(0% at 0 50%);
          z-index: 1; }
        #header #navList-canvas li a .txt {
          display: block;
          z-index: 10;
          position: relative; }
        #header #navList-canvas li a:hover .bg {
          -webkit-animation: bgHoverChange .8s;
          animation: bgHoverChange .8s; }
        #header #navList-canvas li a:hover .txt {
          font-weight: bold;
          color: #000; }
      #header #navList-canvas li.title {
        background: #505050;
        padding: 0 5px; }
        #header #navList-canvas li.title label {
          display: block;
          background: darkgreen;
          padding: 10px;
          cursor: pointer;
          position: relative;
          margin-right: -5px;
          margin-left: -5px; }
          #header #navList-canvas li.title label i {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 1rem;
            margin: auto;
            height: 1rem;
            line-height: 1; }
            #header #navList-canvas li.title label i.close {
              display: none; }
        #header #navList-canvas li.title .navList-inner {
          display: none;
          margin-top: 8px; }
    #header #navList-canvas #event:checked ~ #navList #eventOuter.title label i.open {
      display: none; }
    #header #navList-canvas #event:checked ~ #navList #eventOuter.title label i.close {
      display: block; }
    #header #navList-canvas #event:checked ~ #navList #eventOuter.title #eventInner {
      display: -ms-grid;
      display: grid; }
    #header #navList-canvas #related:checked ~ #navList #relatedOuter.title label i.open {
      display: none; }
    #header #navList-canvas #related:checked ~ #navList #relatedOuter.title label i.close {
      display: block; }
    #header #navList-canvas #related:checked ~ #navList #relatedOuter.title #relatedInner {
      display: -ms-grid;
      display: grid; }
  #header #langList-canvas {
    display: block;
    width: 100%;
    transition: all ease-in-out .3s;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    z-index: 100;
    position: absolute;
    top: 0;
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); }
    #header #langList-canvas #langList {
      padding: 1rem 70px 1rem 0;
      background: #000; }
    #header #langList-canvas li {
      margin: 10px 0 10px 70px;
      text-align: center;
      line-height: 2;
      display: block;
      position: relative;
      overflow: hidden; }
      #header #langList-canvas li .clickObj {
        display: block;
        padding: 10px;
        background: #222;
        font-weight: bold; }
        #header #langList-canvas li .clickObj:hover {
          text-decoration: none; }
      #header #langList-canvas li .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 20vh;
        background: #50fb13;
        -webkit-clip-path: circle(0% at 0 50%);
                clip-path: circle(0% at 0 50%);
        z-index: 1; }
      #header #langList-canvas li .txt {
        display: block;
        z-index: 10;
        position: relative;
        vertical-align: middle;
        line-height: 1; }
        #header #langList-canvas li .txt img {
          height: 15px;
          width: 15px;
          display: inline-block;
          margin-right: 5px; }
      #header #langList-canvas li:hover .bg {
        -webkit-clip-path: circle(0% at 0 50%);
                clip-path: circle(0% at 0 50%);
        -webkit-animation: bgHoverChange .8s;
        animation: bgHoverChange .8s; }
      #header #langList-canvas li:hover .txt {
        font-weight: bold;
        color: #000;
        text-decoration: none; }
  #header #selectLang-ja:checked ~ .header-inner #language-canvas #iconLang-ja {
    display: block; }
  #header #selectLang-en-uk:checked ~ .header-inner #language-canvas #iconLang-en-uk {
    display: block; }
  #header #selectLang-en-usa:checked ~ .header-inner #language-canvas #iconLang-en-usa {
    display: block; }
  #header #selectLang-ch-fanti:checked ~ .header-inner #language-canvas #iconLang-ch-fanti {
    display: block; }
  #header #selectLang-ch-jianti:checked ~ .header-inner #language-canvas #iconLang-ch-jianti {
    display: block; }
  #header #selectLang-kr:checked ~ .header-inner #language-canvas #iconLang-kr {
    display: block; }
  #header #navCheck:checked ~ #navList-canvas {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  #header #navCheck:checked ~ .header-inner #header-nav #line1 {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    #header #navCheck:checked ~ .header-inner #header-nav #line1 div {
      top: 0; }
  #header #navCheck:checked ~ .header-inner #header-nav #line2 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    #header #navCheck:checked ~ .header-inner #header-nav #line2 div {
      bottom: 0; }
  #header #navCheck:checked ~ .header-inner #header-nav #line3 {
    opacity: 0; }
  #header #navCheck:checked ~ .header-inner #header-nav .txt {
    opacity: 0; }
  #header #langCheck:checked ~ #langList-canvas {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  #header #langCheck:checked ~ #header-nav {
    display: none; }

#main {
  display: block;
  padding: 70px 0 50px; }
  #main.secondPage {
    padding-top: 150px; }
  #main .breadcrumb {
    background: #000;
    padding: 0.5rem;
    font-size: 11px;
    color: #cc0000; }
    #main .breadcrumb a {
      text-decoration: none;
      text-shadow: none;
      color: #999;
      white-space: nowrap;
      margin: 0 1em; }
    #main .breadcrumb span, #main .breadcrumb div {
      color: #fff;
      white-space: nowrap;
      margin: 0 1em; }
  #main .img-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-top: 2rem; }
    #main .img-list .item {
      text-align: center; }
      #main .img-list .item img {
        object-fit: contain;
        width: 100%;
        height: 100%;
        display: block; }
  #main .lead {
    margin-top: 2rem;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify; }

#hero-canvas {
  background: transparent url("/img/bg02.png") center repeat;
  position: relative; }
  #hero-canvas .bg {
    position: absolute;
    top: 0;
    max-width: 1300px;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background: transparent url("/img/img-nest.png") top no-repeat;
    background-size: cover; }
  #hero-canvas .hero {
    padding: 90px 0 0;
    margin: -60px 5% 0;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 8px 1fr 8px;
        grid-template-columns: 8px 1fr 8px;
    -ms-grid-rows: 8px 1fr 8px;
        grid-template-rows: 8px 1fr 8px; }
    #hero-canvas .hero .hero-img {
      line-height: 0;
      position: relative;
      z-index: 2; }
      #hero-canvas .hero .hero-img img {
        object-fit: cover;
        -webkit-animation: hueChange 8s infinite;
        animation: hueChange 8s infinite; }
    #hero-canvas .hero .frame {
      overflow: hidden;
      position: relative;
      line-height: 0;
      z-index: 10;
      box-shadow: 0 0 10px #000; }
      #hero-canvas .hero .frame img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        display: block; }
    #hero-canvas .hero .frame-top {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1/2; }
      #hero-canvas .hero .frame-top img {
        height: 15px; }
    #hero-canvas .hero .frame-left {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      grid-row: 1/4; }
      #hero-canvas .hero .frame-left img {
        width: 15px; }
    #hero-canvas .hero .frame-right {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      grid-column: 3/4;
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      grid-row: 1/4; }
      #hero-canvas .hero .frame-right img {
        width: 15px; }
    #hero-canvas .hero .frame-bottom {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3/4; }
      #hero-canvas .hero .frame-bottom img {
        height: 15px; }

#subNav-canvas {
  background: transparent url("/img/bg02.png") center repeat;
  padding: 40px 0 20px; }
  #subNav-canvas #subNav ul {
    margin: 0 3%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px; }
    #subNav-canvas #subNav ul li {
      display: block;
      text-align: center; }
      #subNav-canvas #subNav ul li a {
        display: flex;
        min-height: 85px;
        flex-flow: row wrap;
        justify-content: center;
        align-items: flex-start;
        height: 100%;
        background: #03a303 url("/img/bg-06.png") center repeat;
        background-size: cover;
        opacity: .8;
        border-radius: 4px;
        color: #000;
        padding: 5px 0;
        font-size: 13px;
        line-height: 1.2;
        font-weight: bold;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        z-index: 1; }
        #subNav-canvas #subNav ul li a div {
          flex: 0 0 100%; }
        #subNav-canvas #subNav ul li a img {
          max-width: 100%;
          width: auto;
          height: 30px; }
        #subNav-canvas #subNav ul li a .img, #subNav-canvas #subNav ul li a .txt {
          position: relative;
          z-index: 5; }
        #subNav-canvas #subNav ul li a .bg {
          background: #ffd800;
          position: absolute;
          width: 100%;
          height: 30vh;
          top: 0;
          z-index: 1;
          -webkit-clip-path: circle(0% at 0% 0%);
                  clip-path: circle(0% at 0% 0%); }
        #subNav-canvas #subNav ul li a:hover {
          opacity: 1; }
          #subNav-canvas #subNav ul li a:hover .bg {
            -webkit-animation: bgHoverChange .5s;
            animation: bgHoverChange .5s; }
      #subNav-canvas #subNav ul li .bg-drop {
        background: transparent url("/img/img-drop.png") center repeat-x;
        background-size: cover;
        height: 19px; }

#topics-canvas {
  padding-top: 50px; }
  #topics-canvas .topics .item {
    margin-top: 5px; }
    #topics-canvas .topics .item a {
      color: #222;
      text-shadow: none;
      background: #fff;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 2fr;
          grid-template-columns: 1fr 2fr;
      justify-content: start;
      align-content: start;
      position: relative;
      overflow: hidden;
      text-decoration: none; }
      #topics-canvas .topics .item a .bg {
        position: absolute;
        background: #50fb13;
        -webkit-clip-path: circle(0% at 0 50%);
                clip-path: circle(0% at 0 50%);
        width: 100%;
        height: 50vh;
        z-index: 1; }
      #topics-canvas .topics .item a:hover .bg {
        -webkit-animation: bgHoverChange 1s;
        animation: bgHoverChange 1s; }
      #topics-canvas .topics .item a .img-canvas, #topics-canvas .topics .item a .txt-block {
        position: relative;
        z-index: 10;
        display: block; }
      #topics-canvas .topics .item a .img-canvas {
        overflow: hidden; }
        #topics-canvas .topics .item a .img-canvas img {
          object-fit: cover;
          width: 100%;
          height: 100%;
          display: block;
          transition: all linear 0.3s; }
      #topics-canvas .topics .item a .txt-block {
        border-left: 1px solid #ccc; }
        #topics-canvas .topics .item a .txt-block p {
          padding: 5px;
          font-size: 1.2rem; }
          #topics-canvas .topics .item a .txt-block p em {
            text-decoration: underline; }
      #topics-canvas .topics .item a:hover .img-canvas img {
        object-fit: inherit;
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
                transform: scale3d(1.2, 1.2, 1.2); }

#movie-canvas {
  margin-top: 50px;
  background: radial-gradient(circle, #50fb13, darkgreen);
  position: relative; }
  #movie-canvas .bg {
    background: url("/img/bg03.png") center repeat;
    background-size: 89px auto; }
  #movie-canvas .mv-line {
    height: 18px;
    background: -webkit-repeating-linear-gradient(to right, #000 0, #000 8px, #fff 8px, #fff 16px);
    background: repeating-linear-gradient(to right, #000 0, #000 8px, #fff 8px, #fff 16px);
    border-top: 4px solid #000;
    border-bottom: 4px solid #000; }
  #movie-canvas .h2-movie {
    color: #fff;
    padding: 1.5rem;
    text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px 0px 0 #000, 2px 0px 0 #000, 0px 2px 0 #000, 0px -2px 0 #000; }
  #movie-canvas .movie-box {
    margin: 0 auto;
    max-width: 560px; }
  #movie-canvas .movie-inner {
    position: relative;
    margin: 0 5%;
    border: 2px solid #fff;
    box-shadow: 0 3px 10px #000; }
    #movie-canvas .movie-inner #movie {
      width: 100%;
      position: relative;
      transition: all 0.3s; }
      #movie-canvas .movie-inner #movie:before {
        content: "";
        display: block;
        padding-top: 56.25%; }
    #movie-canvas .movie-inner .content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #movie-canvas .icon-cat {
    position: absolute;
    top: -48px;
    left: -13px;
    width: 60px; }
  #movie-canvas .icon-crow {
    width: calc(125px / 2);
    margin: 10px 30px -7px auto; }

#sns-canvas {
  margin-top: 50px; }
  #sns-canvas #twitter-canvas {
    margin: 0 5%; }
    #sns-canvas #twitter-canvas #twitter {
      position: relative;
      width: 100%;
      padding-bottom: 20px;
      text-align: center; }
  #sns-canvas #snsLink-canvas {
    margin-top: 50px; }
    #sns-canvas #snsLink-canvas .snsLink {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-column-gap: 32px; }
      #sns-canvas #snsLink-canvas .snsLink .item {
        text-align: center; }
        #sns-canvas #snsLink-canvas .snsLink .item a {
          display: block;
          margin: 0 auto; }
  #sns-canvas .bannerLink-canvas {
    margin: 30px 16px 0; }
    #sns-canvas .bannerLink-canvas .bannerLink .item {
      text-align: center;
      margin-top: 20px; }
      #sns-canvas .bannerLink-canvas .bannerLink .item a {
        display: block; }
      #sns-canvas .bannerLink-canvas .bannerLink .item.item2 {
        margin-top: 4px; }

#sponser-canvas {
  padding-top: 50px; }
  #sponser-canvas .sponser-list {
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 15px; }
    #sponser-canvas .sponser-list .item {
      text-align: center; }
      #sponser-canvas .sponser-list .item img {
        display: block; }

#infomation-canvas {
  margin-top: 50px; }
  #infomation-canvas .item {
    margin-top: 2rem; }
    #infomation-canvas .item:first-child {
      margin-top: 0; }
    #infomation-canvas .item .h4 {
      margin-top: 5px; }
    #infomation-canvas .item .txt {
      margin-top: 5px;
      font-size: 1.1rem;
      line-height: 1.8; }

footer {
  display: block;
  padding-top: 70px;
  background: url("/img/bg04.png") top repeat-x; }
  footer .footer-inner {
    display: none; }
  footer #footerLink-canvas {
    padding: 20px 1% 0;
    background: #000; }
  footer .footerLink {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr; }
    footer .footerLink .item {
      border-bottom: 1px solid #505050; }
    footer .footerLink .item:nth-child(odd) {
      border-right: 1px solid #505050; }
    footer .footerLink a {
      display: flex;
      padding: 20px 5px;
      text-align: center;
      position: relative;
      text-decoration: none;
      overflow: hidden;
      transition: all .3s;
      font-size: 1.3rem;
      height: 100%;
      align-items: center; }
      footer .footerLink a .bg {
        display: block;
        position: absolute;
        -webkit-clip-path: circle(0% at 0 0);
                clip-path: circle(0% at 0 0);
        background: #50fb13;
        width: 100%;
        height: 20vh;
        top: 0;
        left: 0; }
      footer .footerLink a:hover {
        color: #000;
        background: darkgreen;
        font-weight: bold; }
      footer .footerLink a:hover .bg {
        -webkit-animation: bgHoverChange .8s;
        animation: bgHoverChange .8s; }
      footer .footerLink a .txt {
        position: relative;
        display: flex;
        text-align: left;
        align-items: center; }
        footer .footerLink a .txt .left {
          margin: 0 1rem 0 0; }
  footer small {
    display: block;
    font-size: 1rem;
    text-align: center;
    padding: 20px 0; }

#pagetop {
  position: fixed;
  z-index: 9999;
  bottom: 10vh;
  right: -100px;
  opacity: 0;
  transition: all ease-in-out 1s; }
  #pagetop a {
    display: block;
    width: 80px;
    height: 52px; }
    #pagetop a img {
      display: block;
      width: 100%;
      height: auto; }
  #pagetop .anm1 {
    -webkit-animation: pageTopRotate 5s linear infinite;
    animation: pageTopRotate 5s linear infinite; }
  #pagetop .anm2 {
    -webkit-animation: pageTopWave 1.2s linear infinite;
    animation: pageTopWave 1.2s linear infinite; }

.table-parade1 {
  display: block;
  background: #000;
  border-top: 1px solid #50fb13;
  border-left: 1px solid #50fb13; }
  .table-parade1 > .th, .table-parade1 > .td {
    border-right: 1px solid #50fb13;
    border-bottom: 1px solid #50fb13;
    padding: 10px 14px; }
  .table-parade1 > .th {
    text-align: center;
    background: darkgreen; }
  .table-parade1 .inTable {
    display: block;
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #aaa; }
    .table-parade1 .inTable .th {
      text-align: center;
      font-size: 1.2em;
      font-weight: bold;
      border-bottom: 1px solid #fff;
      margin-bottom: 5px; }
    .table-parade1 .inTable .td.img {
      margin-top: 5px;
      text-align: center; }
    .table-parade1 .inTable:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }

#site-translate-header-wrapper {
  width: 100% !important;
  height: 44px;
  position: fixed !important;
  top: 0; }

/*ie fix*/

@supports (-ms-ime-align: auto) {
  .bg,
  footer .footerLink a .bg {
    display: none; }
  #hero-canvas .bg,
  #movie-canvas .bg,
  #header #header-nav .bg {
    display: block !important; } }

@media screen and (min-width: 768px) and (max-width: 999px), print {
  .tb_alL {
    text-align: left !important; }
  .tb_alC {
    text-align: center !important; }
  .tb_alR {
    text-align: right !important; }
  .istb {
    display: block !important; }
  .istbIn {
    display: inline !important; }
  .istbInBlock {
    display: inline-block !important; }
  /*----- flex -----*/
  .tb_flex-block {
    display: flex;
    display: -webkit-flex; }
  .tb_flex-inline {
    display: inline-flex;
    display: -webkit-inline-flex; }
  .tb_flex-direction-row {
    flex-direction: row; }
  .tb_flex-direction-row-reverse {
    flex-direction: row-reverse; }
  .tb_flex-direction-column {
    flex-direction: column; }
  .tb_flex-direction-column-reverse {
    flex-direction: column-reverse; }
  .tb_flex-wrap-nowrap {
    flex-wrap: nowrap; }
  .tb_flex-wrap-wrap {
    flex-wrap: wrap; }
  .tb_flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse; }
  .tb_flex-flow-row-wrap {
    flex-flow: row wrap; }
  .tb_flex-flow-row-nowrap {
    flex-flow: row nowrap; }
  .tb_flex-flow-row-reverse-wrap {
    flex-flow: row-reverse wrap; }
  .tb_flex-flow-row-reverse-nowrap {
    flex-flow: row-reverse nowrap; }
  .tb_justify-start {
    justify-content: flex-start; }
  .tb_justify-end {
    justify-content: flex-end; }
  .tb_justify-space-between {
    justify-content: space-between; }
  .tb_justify-space-around {
    justify-content: space-around; }
  .tb_align-items-stretch {
    align-items: stretch; }
  .tb_align-items-flex-start {
    align-items: flex-start; }
  .tb_align-items-flex-end {
    align-items: flex-end; }
  .tb_align-items-center {
    align-items: center; }
  .tb_align-items-baseline {
    align-items: baseline; }
  .tb_align-content-stretch {
    align-content: stretch; }
  .tb_align-content-flex-start {
    align-content: flex-start; }
  .tb_align-content-flex-end {
    align-content: flex-end; }
  .tb_align-content-center {
    align-content: center; }
  .tb_align-content-space-between {
    align-content: space-between; }
  .tb_align-content-space-around {
    align-content: space-around; }
  .tb_align-self-auto {
    -ms-grid-row-align: auto;
        align-self: auto; }
  .tb_align-self-flex-start {
    align-self: flex-start; }
  .tb_align-self-flex-end {
    align-self: flex-end; }
  .tb_align-self-center {
    -ms-grid-row-align: center;
        align-self: center; }
  .tb_align-self-stretch {
    -ms-grid-row-align: stretch;
        align-self: stretch; }
  .tb_align-self-baseline {
    align-self: baseline; } }

@media screen and (min-width: 1000px), print {
  /*----- align -----*/
  /* text-align */
  .pc_alL {
    text-align: left !important; }
  .pc_alC {
    text-align: center !important; }
  .pc_alR {
    text-align: right !important; }
  .ispc {
    display: block !important; }
  .ispcIn {
    display: inline !important; }
  .ispcInBlock {
    display: inline-block !important; }
  /*----- flex -----*/
  .pc_flex-block {
    display: flex;
    display: -webkit-flex; }
  .pc_flex-inline {
    display: inline-flex;
    display: -webkit-inline-flex; }
  .pc_flex-direction-row {
    flex-direction: row; }
  .pc_flex-direction-row-reverse {
    flex-direction: row-reverse; }
  .pc_flex-direction-column {
    flex-direction: column; }
  .pc_flex-direction-column-reverse {
    flex-direction: column-reverse; }
  .pc_flex-wrap-nowrap {
    flex-wrap: nowrap; }
  .pc_flex-wrap-wrap {
    flex-wrap: wrap; }
  .pc_flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse; }
  .pc_flex-flow-row-wrap {
    flex-flow: row wrap; }
  .pc_flex-flow-row-nowrap {
    flex-flow: row nowrap; }
  .pc_flex-flow-row-reverse-wrap {
    flex-flow: row-reverse wrap; }
  .pc_flex-flow-row-reverse-nowrap {
    flex-flow: row-reverse nowrap; }
  .pc_justify-start {
    justify-content: flex-start; }
  .pc_justify-end {
    justify-content: flex-end; }
  .pc_justify-space-between {
    justify-content: space-between; }
  .pc_justify-space-around {
    justify-content: space-around; }
  .pc_align-items-stretch {
    align-items: stretch; }
  .pc_align-items-flex-start {
    align-items: flex-start; }
  .pc_align-items-flex-end {
    align-items: flex-end; }
  .pc_align-items-center {
    align-items: center; }
  .pc_align-items-baseline {
    align-items: baseline; }
  .pc_align-content-stretch {
    align-content: stretch; }
  .pc_align-content-flex-start {
    align-content: flex-start; }
  .pc_align-content-flex-end {
    align-content: flex-end; }
  .pc_align-content-center {
    align-content: center; }
  .pc_align-content-space-between {
    align-content: space-between; }
  .pc_align-content-space-around {
    align-content: space-around; }
  .pc_align-self-auto {
    -ms-grid-row-align: auto;
        align-self: auto; }
  .pc_align-self-flex-start {
    align-self: flex-start; }
  .pc_align-self-flex-end {
    align-self: flex-end; }
  .pc_align-self-center {
    -ms-grid-row-align: center;
        align-self: center; }
  .pc_align-self-stretch {
    -ms-grid-row-align: stretch;
        align-self: stretch; }
  .pc_align-self-baseline {
    align-self: baseline; }
  .container_12 .pc_grid_1 {
    float: left;
    width: 8.33333%;
    position: relative; }
  .container_12 .pc_push_1 {
    margin-left: 8.33333% !important; }
  .container_12 .pc_pull_1 {
    margin-right: 8.33333% !important; }
  .container_12 .pc_grid_2 {
    float: left;
    width: 16.66667%;
    position: relative; }
  .container_12 .pc_push_2 {
    margin-left: 16.66667% !important; }
  .container_12 .pc_pull_2 {
    margin-right: 16.66667% !important; }
  .container_12 .pc_grid_3 {
    float: left;
    width: 25%;
    position: relative; }
  .container_12 .pc_push_3 {
    margin-left: 25% !important; }
  .container_12 .pc_pull_3 {
    margin-right: 25% !important; }
  .container_12 .pc_grid_4 {
    float: left;
    width: 33.33333%;
    position: relative; }
  .container_12 .pc_push_4 {
    margin-left: 33.33333% !important; }
  .container_12 .pc_pull_4 {
    margin-right: 33.33333% !important; }
  .container_12 .pc_grid_5 {
    float: left;
    width: 41.66667%;
    position: relative; }
  .container_12 .pc_push_5 {
    margin-left: 41.66667% !important; }
  .container_12 .pc_pull_5 {
    margin-right: 41.66667% !important; }
  .container_12 .pc_grid_6 {
    float: left;
    width: 50%;
    position: relative; }
  .container_12 .pc_push_6 {
    margin-left: 50% !important; }
  .container_12 .pc_pull_6 {
    margin-right: 50% !important; }
  .container_12 .pc_grid_7 {
    float: left;
    width: 58.33333%;
    position: relative; }
  .container_12 .pc_push_7 {
    margin-left: 58.33333% !important; }
  .container_12 .pc_pull_7 {
    margin-right: 58.33333% !important; }
  .container_12 .pc_grid_8 {
    float: left;
    width: 66.66667%;
    position: relative; }
  .container_12 .pc_push_8 {
    margin-left: 66.66667% !important; }
  .container_12 .pc_pull_8 {
    margin-right: 66.66667% !important; }
  .container_12 .pc_grid_9 {
    float: left;
    width: 75%;
    position: relative; }
  .container_12 .pc_push_9 {
    margin-left: 75% !important; }
  .container_12 .pc_pull_9 {
    margin-right: 75% !important; }
  .container_12 .pc_grid_10 {
    float: left;
    width: 83.33333%;
    position: relative; }
  .container_12 .pc_push_10 {
    margin-left: 83.33333% !important; }
  .container_12 .pc_pull_10 {
    margin-right: 83.33333% !important; }
  .container_12 .pc_grid_11 {
    float: left;
    width: 91.66667%;
    position: relative; }
  .container_12 .pc_push_11 {
    margin-left: 91.66667% !important; }
  .container_12 .pc_pull_11 {
    margin-right: 91.66667% !important; }
  .container_12 .pc_grid_12 {
    float: left;
    width: 100%;
    position: relative;
    clear: both; }
  .container_12 .pc_push_12 {
    margin-left: 100% !important; }
  .container_12 .pc_pull_12 {
    margin-right: 100% !important; } }

@media screen and (max-width: 767px) {
  .pc_nowrap {
    white-space: normal !important; }
  .sp_nowrap {
    white-space: nowrap !important; }
  .issp {
    display: block !important; }
  .isspIn {
    display: inline !important; }
  .isspInBlock {
    display: inline-block !important; }
  /*----- align -----*/
  /* text-align */
  .sp_alL {
    text-align: left !important; }
  .sp_alC {
    text-align: center !important; }
  .sp_alR {
    text-align: right !important; }
  .spW1per {
    width: 1% !important; }
  .spW2per {
    width: 2% !important; }
  .spW3per {
    width: 3% !important; }
  .spW4per {
    width: 4% !important; }
  .spW5per {
    width: 5% !important; }
  .spW6per {
    width: 6% !important; }
  .spW7per {
    width: 7% !important; }
  .spW8per {
    width: 8% !important; }
  .spW9per {
    width: 9% !important; }
  .spW10per {
    width: 10% !important; }
  .spW11per {
    width: 11% !important; }
  .spW12per {
    width: 12% !important; }
  .spW13per {
    width: 13% !important; }
  .spW14per {
    width: 14% !important; }
  .spW15per {
    width: 15% !important; }
  .spW16per {
    width: 16% !important; }
  .spW17per {
    width: 17% !important; }
  .spW18per {
    width: 18% !important; }
  .spW19per {
    width: 19% !important; }
  .spW20per {
    width: 20% !important; }
  .spW21per {
    width: 21% !important; }
  .spW22per {
    width: 22% !important; }
  .spW23per {
    width: 23% !important; }
  .spW24per {
    width: 24% !important; }
  .spW25per {
    width: 25% !important; }
  .spW26per {
    width: 26% !important; }
  .spW27per {
    width: 27% !important; }
  .spW28per {
    width: 28% !important; }
  .spW29per {
    width: 29% !important; }
  .spW30per {
    width: 30% !important; }
  .spW31per {
    width: 31% !important; }
  .spW32per {
    width: 32% !important; }
  .spW33per {
    width: 33% !important; }
  .spW34per {
    width: 34% !important; }
  .spW35per {
    width: 35% !important; }
  .spW36per {
    width: 36% !important; }
  .spW37per {
    width: 37% !important; }
  .spW38per {
    width: 38% !important; }
  .spW39per {
    width: 39% !important; }
  .spW40per {
    width: 40% !important; }
  .spW41per {
    width: 41% !important; }
  .spW42per {
    width: 42% !important; }
  .spW43per {
    width: 43% !important; }
  .spW44per {
    width: 44% !important; }
  .spW45per {
    width: 45% !important; }
  .spW46per {
    width: 46% !important; }
  .spW47per {
    width: 47% !important; }
  .spW48per {
    width: 48% !important; }
  .spW49per {
    width: 49% !important; }
  .spW50per {
    width: 50% !important; }
  .spW51per {
    width: 51% !important; }
  .spW52per {
    width: 52% !important; }
  .spW53per {
    width: 53% !important; }
  .spW54per {
    width: 54% !important; }
  .spW55per {
    width: 55% !important; }
  .spW56per {
    width: 56% !important; }
  .spW57per {
    width: 57% !important; }
  .spW58per {
    width: 58% !important; }
  .spW59per {
    width: 59% !important; }
  .spW60per {
    width: 60% !important; }
  .spW61per {
    width: 61% !important; }
  .spW62per {
    width: 62% !important; }
  .spW63per {
    width: 63% !important; }
  .spW64per {
    width: 64% !important; }
  .spW65per {
    width: 65% !important; }
  .spW66per {
    width: 66% !important; }
  .spW67per {
    width: 67% !important; }
  .spW68per {
    width: 68% !important; }
  .spW69per {
    width: 69% !important; }
  .spW70per {
    width: 70% !important; }
  .spW71per {
    width: 71% !important; }
  .spW72per {
    width: 72% !important; }
  .spW73per {
    width: 73% !important; }
  .spW74per {
    width: 74% !important; }
  .spW75per {
    width: 75% !important; }
  .spW76per {
    width: 76% !important; }
  .spW77per {
    width: 77% !important; }
  .spW78per {
    width: 78% !important; }
  .spW79per {
    width: 79% !important; }
  .spW80per {
    width: 80% !important; }
  .spW81per {
    width: 81% !important; }
  .spW82per {
    width: 82% !important; }
  .spW83per {
    width: 83% !important; }
  .spW84per {
    width: 84% !important; }
  .spW85per {
    width: 85% !important; }
  .spW86per {
    width: 86% !important; }
  .spW87per {
    width: 87% !important; }
  .spW88per {
    width: 88% !important; }
  .spW89per {
    width: 89% !important; }
  .spW90per {
    width: 90% !important; }
  .spW91per {
    width: 91% !important; }
  .spW92per {
    width: 92% !important; }
  .spW93per {
    width: 93% !important; }
  .spW94per {
    width: 94% !important; }
  .spW95per {
    width: 95% !important; }
  .spW96per {
    width: 96% !important; }
  .spW97per {
    width: 97% !important; }
  .spW98per {
    width: 98% !important; }
  .spW99per {
    width: 99% !important; }
  .spWFull {
    width: 100% !important; }
  .spWAuto {
    width: auto !important; }
  .spW1-3rd {
    width: 33.33% !important; }
  .spW2-3rd {
    width: 66.66% !important; }
  .spW1-6th {
    width: 16.66% !important; }
  .spW1-7th {
    width: 14.28% !important; }
  .spW1-8th {
    width: 12.5%  !important; }
  .spW1-9th {
    width: 11.11% !important; }
  /*----- flex -----*/
  .sp_flex-block {
    display: flex;
    display: -webkit-flex; }
  .sp_flex-inline {
    display: inline-flex;
    display: -webkit-inline-flex; }
  .sp_flex-direction-row {
    flex-direction: row; }
  .sp_flex-direction-row-reverse {
    flex-direction: row-reverse; }
  .sp_flex-direction-column {
    flex-direction: column; }
  .sp_flex-direction-column-reverse {
    flex-direction: column-reverse; }
  .sp_flex-wrap-nowrap {
    flex-wrap: nowrap; }
  .sp_flex-wrap-wrap {
    flex-wrap: wrap; }
  .sp_flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse; }
  .sp_flex-flow-row-wrap {
    flex-flow: row wrap; }
  .sp_flex-flow-row-nowrap {
    flex-flow: row nowrap; }
  .sp_flex-flow-row-reverse-wrap {
    flex-flow: row-reverse wrap; }
  .sp_flex-flow-row-reverse-nowrap {
    flex-flow: row-reverse nowrap; }
  .sp_justify-start {
    justify-content: flex-start; }
  .sp_justify-end {
    justify-content: flex-end; }
  .sp_justify-space-between {
    justify-content: space-between; }
  .sp_justify-space-around {
    justify-content: space-around; }
  .sp_align-items-stretch {
    align-items: stretch; }
  .sp_align-items-flex-start {
    align-items: flex-start; }
  .sp_align-items-flex-end {
    align-items: flex-end; }
  .sp_align-items-center {
    align-items: center; }
  .sp_align-items-baseline {
    align-items: baseline; }
  .sp_align-content-stretch {
    align-content: stretch; }
  .sp_align-content-flex-start {
    align-content: flex-start; }
  .sp_align-content-flex-end {
    align-content: flex-end; }
  .sp_align-content-center {
    align-content: center; }
  .sp_align-content-space-between {
    align-content: space-between; }
  .sp_align-content-space-around {
    align-content: space-around; }
  .sp_align-self-auto {
    -ms-grid-row-align: auto;
        align-self: auto; }
  .sp_align-self-flex-start {
    align-self: flex-start; }
  .sp_align-self-flex-end {
    align-self: flex-end; }
  .sp_align-self-center {
    -ms-grid-row-align: center;
        align-self: center; }
  .sp_align-self-stretch {
    -ms-grid-row-align: stretch;
        align-self: stretch; }
  .sp_align-self-baseline {
    align-self: baseline; } }

@media screen and (max-width: 374px) {
  body {
    font-size: 12px;
    font-size: 1.2rem; } }

@media screen and (max-width: 768px), print {
  .container_12 .sp_grid_1 {
    float: left;
    width: 8.33333%;
    position: relative; }
  .container_12 .sp_push_1 {
    margin-left: 8.33333% !important; }
  .container_12 .sp_pull_1 {
    margin-right: 8.33333% !important; }
  .container_12 .sp_grid_2 {
    float: left;
    width: 16.66667%;
    position: relative; }
  .container_12 .sp_push_2 {
    margin-left: 16.66667% !important; }
  .container_12 .sp_pull_2 {
    margin-right: 16.66667% !important; }
  .container_12 .sp_grid_3 {
    float: left;
    width: 25%;
    position: relative; }
  .container_12 .sp_push_3 {
    margin-left: 25% !important; }
  .container_12 .sp_pull_3 {
    margin-right: 25% !important; }
  .container_12 .sp_grid_4 {
    float: left;
    width: 33.33333%;
    position: relative; }
  .container_12 .sp_push_4 {
    margin-left: 33.33333% !important; }
  .container_12 .sp_pull_4 {
    margin-right: 33.33333% !important; }
  .container_12 .sp_grid_5 {
    float: left;
    width: 41.66667%;
    position: relative; }
  .container_12 .sp_push_5 {
    margin-left: 41.66667% !important; }
  .container_12 .sp_pull_5 {
    margin-right: 41.66667% !important; }
  .container_12 .sp_grid_6 {
    float: left;
    width: 50%;
    position: relative; }
  .container_12 .sp_push_6 {
    margin-left: 50% !important; }
  .container_12 .sp_pull_6 {
    margin-right: 50% !important; }
  .container_12 .sp_grid_7 {
    float: left;
    width: 58.33333%;
    position: relative; }
  .container_12 .sp_push_7 {
    margin-left: 58.33333% !important; }
  .container_12 .sp_pull_7 {
    margin-right: 58.33333% !important; }
  .container_12 .sp_grid_8 {
    float: left;
    width: 66.66667%;
    position: relative; }
  .container_12 .sp_push_8 {
    margin-left: 66.66667% !important; }
  .container_12 .sp_pull_8 {
    margin-right: 66.66667% !important; }
  .container_12 .sp_grid_9 {
    float: left;
    width: 75%;
    position: relative; }
  .container_12 .sp_push_9 {
    margin-left: 75% !important; }
  .container_12 .sp_pull_9 {
    margin-right: 75% !important; }
  .container_12 .sp_grid_10 {
    float: left;
    width: 83.33333%;
    position: relative; }
  .container_12 .sp_push_10 {
    margin-left: 83.33333% !important; }
  .container_12 .sp_pull_10 {
    margin-right: 83.33333% !important; }
  .container_12 .sp_grid_11 {
    float: left;
    width: 91.66667%;
    position: relative; }
  .container_12 .sp_push_11 {
    margin-left: 91.66667% !important; }
  .container_12 .sp_pull_11 {
    margin-right: 91.66667% !important; }
  .container_12 .sp_grid_12 {
    float: left;
    width: 100%;
    position: relative;
    clear: both; }
  .container_12 .sp_push_12 {
    margin-left: 100% !important; }
  .container_12 .sp_pull_12 {
    margin-right: 100% !important; } }

@media screen and (min-width: 769px) and (max-width: 999px), print {
  .container_12 .tb_grid_1 {
    float: left;
    width: 8.33333%;
    position: relative; }
  .container_12 .tb_push_1 {
    margin-left: 8.33333% !important; }
  .container_12 .tb_pull_1 {
    margin-right: 8.33333% !important; }
  .container_12 .tb_grid_2 {
    float: left;
    width: 16.66667%;
    position: relative; }
  .container_12 .tb_push_2 {
    margin-left: 16.66667% !important; }
  .container_12 .tb_pull_2 {
    margin-right: 16.66667% !important; }
  .container_12 .tb_grid_3 {
    float: left;
    width: 25%;
    position: relative; }
  .container_12 .tb_push_3 {
    margin-left: 25% !important; }
  .container_12 .tb_pull_3 {
    margin-right: 25% !important; }
  .container_12 .tb_grid_4 {
    float: left;
    width: 33.33333%;
    position: relative; }
  .container_12 .tb_push_4 {
    margin-left: 33.33333% !important; }
  .container_12 .tb_pull_4 {
    margin-right: 33.33333% !important; }
  .container_12 .tb_grid_5 {
    float: left;
    width: 41.66667%;
    position: relative; }
  .container_12 .tb_push_5 {
    margin-left: 41.66667% !important; }
  .container_12 .tb_pull_5 {
    margin-right: 41.66667% !important; }
  .container_12 .tb_grid_6 {
    float: left;
    width: 50%;
    position: relative; }
  .container_12 .tb_push_6 {
    margin-left: 50% !important; }
  .container_12 .tb_pull_6 {
    margin-right: 50% !important; }
  .container_12 .tb_grid_7 {
    float: left;
    width: 58.33333%;
    position: relative; }
  .container_12 .tb_push_7 {
    margin-left: 58.33333% !important; }
  .container_12 .tb_pull_7 {
    margin-right: 58.33333% !important; }
  .container_12 .tb_grid_8 {
    float: left;
    width: 66.66667%;
    position: relative; }
  .container_12 .tb_push_8 {
    margin-left: 66.66667% !important; }
  .container_12 .tb_pull_8 {
    margin-right: 66.66667% !important; }
  .container_12 .tb_grid_9 {
    float: left;
    width: 75%;
    position: relative; }
  .container_12 .tb_push_9 {
    margin-left: 75% !important; }
  .container_12 .tb_pull_9 {
    margin-right: 75% !important; }
  .container_12 .tb_grid_10 {
    float: left;
    width: 83.33333%;
    position: relative; }
  .container_12 .tb_push_10 {
    margin-left: 83.33333% !important; }
  .container_12 .tb_pull_10 {
    margin-right: 83.33333% !important; }
  .container_12 .tb_grid_11 {
    float: left;
    width: 91.66667%;
    position: relative; }
  .container_12 .tb_push_11 {
    margin-left: 91.66667% !important; }
  .container_12 .tb_pull_11 {
    margin-right: 91.66667% !important; }
  .container_12 .tb_grid_12 {
    float: left;
    width: 100%;
    position: relative;
    clear: both; }
  .container_12 .tb_push_12 {
    margin-left: 100% !important; }
  .container_12 .tb_pull_12 {
    margin-right: 100% !important; } }

@media (max-width: 330px) {
  #header #navList-canvas ul li a {
    font-size: 1rem;
    line-height: 1.2;
    padding: 8px; }
  #header #navList-canvas ul li.title {
    font-size: 1.2rem; } }

@media (min-width: 330px) and (orientation: landscape) {
  #header #navList-canvas ul li a {
    font-size: 1.1rem;
    line-height: 1.2; }
  #header #navList-canvas ul li.title {
    font-size: 1.2rem; } }

@media (min-width: 567px) {
  #header #header-bg .bg-l-1, #header #header-bg .bg-l-2 {
    width: 80%;
    text-align: right; }
  #header #header-bg .bg-r-1, #header #header-bg .bg-r-2 {
    width: 80%;
    text-align: left; }
  #header #navList-canvas ul {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px; }
  #header #navList-canvas li.title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3; }
  #header #navList-canvas li a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  #subNav-canvas #subNav ul {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr; }
  #topics-canvas {
    padding-top: 50px; }
    #topics-canvas .topics {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 20px; }
      #topics-canvas .topics .item {
        margin: 0 10px 20px; }
        #topics-canvas .topics .item a {
          display: block; }
          #topics-canvas .topics .item a .img-canvas, #topics-canvas .topics .item a .txt-block {
            display: block; }
  #sns-canvas .bannerLink-canvas .bannerLink {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr; }
    #sns-canvas .bannerLink-canvas .bannerLink .item {
      margin: 0 10px 20px; }
      #sns-canvas .bannerLink-canvas .bannerLink .item a {
        position: relative; }
      #sns-canvas .bannerLink-canvas .bannerLink .item.item2 {
        margin-top: -13px; }
  #sponser-canvas .sponser-list {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr; }
  footer .footerLink {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr; }
    footer .footerLink .item:nth-child(odd) {
      border-right: 1px solid #505050; }
    footer .footerLink .item {
      border-bottom: 1px solid #505050;
      border-right: 1px solid #505050; }
    footer .footerLink .item:nth-child(3n) {
      border-right: none; }
  .table-parade1 {
    display: -ms-grid;
    display: grid;
    background: #000;
    border-top: 1px solid #50fb13;
    border-left: 1px solid #50fb13;
    -ms-grid-columns: 6em 1fr;
        grid-template-columns: 6em 1fr; }
    .table-parade1 > .th, .table-parade1 > .td {
      border-right: 1px solid #50fb13;
      border-bottom: 1px solid #50fb13;
      align-items: center;
      justify-content: center;
      vertical-align: middle;
      padding: 5px 8px; }
    .table-parade1 > .th {
      text-align: center; }
    .table-parade1 .inTable {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 40%;
          grid-template-columns: 1fr 40%;
      -ms-grid-rows: 2em auto;
          grid-template-rows: 2em auto;
      margin-bottom: 1em;
      padding-bottom: 1em;
      border-bottom: 1px dotted #505050; }
      .table-parade1 .inTable .th {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; }
      .table-parade1 .inTable .td.txt {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3; }
      .table-parade1 .inTable .td.img {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3; }
      .table-parade1 .inTable:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; } }

@media (min-width: 1000px) {
  #header .header-inner {
    width: 1000px;
    margin: 0 auto; }
  #header #header-bg .bg-l-1, #header #header-bg .bg-l-2 {
    right: 53%;
    width: 70%;
    text-align: right; }
  #header #header-bg .bg-r-1, #header #header-bg .bg-r-2 {
    left: 53%;
    width: 70%;
    text-align: left; }
  #header #navList-canvas .navList-outer {
    max-width: 1000px;
    margin: auto; }
  #header #langList-canvas #langList {
    max-width: 1000px;
    margin: auto; }
  #header #header-logo {
    width: 174px; }
  #hero-canvas .hero {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    -ms-grid-columns: 15px 1fr 15px;
        grid-template-columns: 15px 1fr 15px;
    -ms-grid-rows: 15px 1fr 15px;
        grid-template-rows: 15px 1fr 15px; }
  #subNav-canvas #subNav ul {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr; }
    #subNav-canvas #subNav ul li a {
      min-height: auto;
      align-items: center;
      padding: 20px 0; }
      #subNav-canvas #subNav ul li a .img, #subNav-canvas #subNav ul li a .txt {
        flex: 1 1 auto; }
      #subNav-canvas #subNav ul li a .img {
        flex: 1 1 30%;
        text-align: right; }
      #subNav-canvas #subNav ul li a .txt {
        flex: 1 1 70%; }
  #sns-canvas .bannerLink-canvas .bannerLink .item.item2 {
    margin-top: -18px; }
  #sns-canvas #snsLink-canvas .snsLink {
    margin: auto;
    max-width: 600px; }
    #sns-canvas #snsLink-canvas .snsLink .item a img {
      max-width: 80px; }
  #sponser-canvas .sponser-list {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr; }
  footer .footer-inner {
    display: block;
    width: 1000px;
    margin-left: auto;
    margin-right: auto; }
  footer .item:nth-child(3n) {
    border-right: inherit; }
  footer .item:nth-child(4n) {
    border-right: none; }
  footer .footerLink {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr; }
    footer .footerLink .item:nth-child(3n) {
      border-right: 1px solid #505050; }
    footer .footerLink .item {
      border-bottom: 1px solid #505050;
      border-right: 1px solid #505050; }
    footer .footerLink .item:nth-child(4n) {
      border-right: none; }
  #pagetop a {
    display: block;
    width: 133px;
    height: 86px; } }

@media all and (-ms-high-contrast: none) {
  .btn-canvas.multi {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px auto; }
    .btn-canvas.multi a {
      flex: 0 1 44%; }
  .accordion-contents dt, .accordion-contents dd {
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    display: flex;
    align-items: flex-start;
    transition: line-height ease-out 0.3s, opacity .2s linear, visibility .2s linear, max-height .2s linear;
    flex-flow: row nowrap; }
    .accordion-contents dt .btn-canvas, .accordion-contents dd .btn-canvas {
      margin: 0; }
    .accordion-contents dt .up, .accordion-contents dd .up {
      font-weight: bold;
      font-size: 2.5em;
      margin-right: 5px;
      flex: 0 0 1.5em;
      text-align: right; }
      .accordion-contents dt .up.q, .accordion-contents dd .up.q {
        color: #50fb13; }
      .accordion-contents dt .up.a, .accordion-contents dd .up.a {
        color: #ff9933; }
    .accordion-contents dt .txt, .accordion-contents dd .txt {
      flex: 1 1 80%; }
    .accordion-contents dt .btn, .accordion-contents dd .btn {
      margin-left: 0; }
  .accordion-contents dt .up, .accordion-contents dt .txt {
    align-self: flex-end; }
  .accordion-contents dd .up, .accordion-contents dd .txt {
    align-self: flex-start; }
  .accordion-contents div.fr2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3; }
  #header #navList-canvas ul {
    display: block; }
  #header #navList-canvas li {
    flex: 1 1 50%; }
    #header #navList-canvas li a {
      margin: 0 3px; }
  #header #navList-canvas #event:checked ~ #navList #eventOuter.title label i.open {
    display: none; }
  #header #navList-canvas #event:checked ~ #navList #eventOuter.title label i.close {
    display: block; }
  #header #navList-canvas #event:checked ~ #navList #eventOuter.title #eventInner {
    display: flex; }
  #header #navList-canvas #related:checked ~ #navList #relatedOuter.title label i.open {
    display: none; }
  #header #navList-canvas #related:checked ~ #navList #relatedOuter.title label i.close {
    display: block; }
  #header #navList-canvas #related:checked ~ #navList #relatedOuter.title #relatedInner {
    display: flex; }
  #main .img-list {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 2rem; }
    #main .img-list .item {
      text-align: center;
      margin: 0 0 10px;
      flex: 0 0 49%; }
      #main .img-list .item img {
        object-fit: contain;
        width: 100%;
        height: 100%;
        display: block; }
  #hero-canvas .hero {
    margin: -60px auto 0;
    position: relative;
    display: -ms-grid;
    -ms-grid-columns: 8px 1fr 8px;
    -ms-grid-rows: 8px 1fr 8px; }
    #hero-canvas .hero .hero-img {
      -ms-grid-row: 2;
      -ms-grid-column: 2; }
    #hero-canvas .hero .frame-top {
      -ms-grid-column: 2;
      -ms-grid-row: 1; }
    #hero-canvas .hero .frame-left {
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 3; }
    #hero-canvas .hero .frame-right {
      -ms-grid-column: 3;
      -ms-grid-row: 1;
      -ms-grid-row-span: 3; }
    #hero-canvas .hero .frame-bottom {
      -ms-grid-column: 2;
      -ms-grid-row: 3; }
  #subNav-canvas #subNav ul {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between; }
    #subNav-canvas #subNav ul li {
      display: block;
      text-align: center;
      flex: 0 0 48%;
      margin-bottom: 10px; }
      #subNav-canvas #subNav ul li a {
        display: flex;
        min-height: 85px;
        flex-flow: row wrap;
        justify-content: center;
        align-items: flex-start; }
  #topics-canvas .topics .item a {
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row nowrap; }
  .table-parade1 {
    display: flex;
    background: #000;
    border-top: 1px solid #50fb13;
    border-left: 1px solid #50fb13;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: stretch; }
    .table-parade1 > .th, .table-parade1 > .td {
      border-right: 1px solid #50fb13;
      border-bottom: 1px solid #50fb13;
      align-items: center;
      justify-content: center;
      vertical-align: middle;
      padding: 5px 8px; }
    .table-parade1 > .th {
      text-align: center;
      flex: 0 0 12%; }
    .table-parade1 > .td {
      text-align: left;
      flex: 1 0 80%; }
    .table-parade1 .inTable {
      display: -ms-grid;
      -ms-grid-columns: 60% 40%;
      -ms-grid-rows: 3em auto;
      margin-bottom: 1em;
      padding-bottom: 1em;
      border-bottom: 1px dotted #505050; }
      .table-parade1 .inTable .th {
        -ms-grid-column: 1;
        -ms-grid-row: 1; }
      .table-parade1 .inTable .td.txt {
        -ms-grid-column: 1;
        -ms-grid-row: 2; }
      .table-parade1 .inTable .td.img {
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2; }
      .table-parade1 .inTable:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; }
  .bg,
  footer .footerLink a .bg {
    display: none; }
  #hero-canvas .bg,
  #movie-canvas .bg,
  #header #header-nav .bg {
    display: block !important; } }

@media all and (-ms-high-contrast: none) and (min-width: 567px) {
  #header #navList-canvas ul {
    display: flex;
    flex-flow: row wrap; }
  #header #navList-canvas li a {
    display: flex;
    align-items: center;
    justify-content: center; }
  #subNav-canvas #subNav ul {
    display: flex; }
    #subNav-canvas #subNav ul li {
      flex: 0 0 23%; }
  #topics-canvas .topics {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    #topics-canvas .topics .item {
      margin: 0 0 20px;
      flex: 0 0 48%; }
      #topics-canvas .topics .item a {
        display: block; }
    #topics-canvas .topics .bannerLink-canvas .bannerLink {
      display: flex;
      flex-flow: row wrap; }
      #topics-canvas .topics .bannerLink-canvas .bannerLink .item {
        flex: 0 0 48%; }
  #sponser-canvas .sponser-list {
    display: flex;
    flex-flow: row wrap; }
    #sponser-canvas .sponser-list .item {
      flex: 0 0 32%; }
  footer .footerLink {
    display: flex;
    flex-flow: row wrap; }
    footer .footerLink .item {
      flex: 0 1 24%; } }