/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

@font-face {
  font-family: 'NotoSansJP-Regular';
  src: url("/front/Content/commons/font/NotoSansJP/NotoSansJP-Regular.woff") format("woff");
}

@font-face {
  font-family: 'NotoSansJP-Bold';
  src: url("/front/Content/commons/font/NotoSansJP/NotoSansJP-Bold.woff") format("woff");
}

@font-face {
  font-family: 'ChouGokuButokaiSho';
  src: url("/front/Content/commons/font/font/DF-ChouGokuButokaiSho-W14.woff") format("woff");
}

@font-face {
  font-family: 'FutoMaruGothic';
  src: url("/front/Content/commons/font/font/DF-FutoMaruGothic-W9.woff") format("woff");
}

@font-face {
  font-family: 'HeiSeiMaruGothic';
  src: url("/front/Content/commons/font/font/DF-HeiSeiMaruGothic-W4.woff") format("woff");
}

@font-face {
  font-family: 'HeiSeiMinCho';
  src: url("/front/Content/commons/font/font/DF-HeiSeiMinCho-W5.woff") format("woff");
}

@font-face {
  font-family: 'TokuButoGothic';
  src: url("/front/Content/commons/font/font/DF-TokuButoGothic-W10.woff") format("woff");
}

html {
  display: block;
  width: 100%;
  height: 100%;
}

body {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  min-width: 320px;
  height: 100%;
  min-height: 454px;
  font-family: "NotoSansJP-Regular", "NotoSansJP-Bold";
  color: #462717;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 1240px) {
  body {
    min-height: 620px;
  }
}

body.sideways {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
}

body article, body section, body #inner {
  width: 100%;
  height: 100%;
}

body a, body button, body select, body input, body textarea {
  padding: 0;
  cursor: pointer;
  color: #462717;
  font-family: "NotoSansJP-Regular", "NotoSansJP-Bold";
}

body a:focus, body button:focus, body select:focus, body input:focus, body textarea:focus {
  outline: none;
}

body input[type="text"]::selection,
body input[type="password"]::selection,
body textarea::selection {
  outline: none;
  background: rgba(0, 0, 0, 0.2);
}

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

.disable {
  opacity: 0.3 !important;
  pointer-events: none !important;
}

__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

__content__loader {
  margin: 40px auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-animation: loader 1s infinite ease;
  animation: loader 1s infinite ease;
}

@-webkit-keyframes loader {
  0%, 100% {
    box-shadow: 0 -42px 0 0 #fff, 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.5), -29px -29px 0 0 rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.7), 29px -29px 0 0 #fff, 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.5), 29px -29px 0 0 rgba(255, 255, 255, 0.7), 40px 0 0 0 #fff, 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.5), 40px 0 0 0 rgba(255, 255, 255, 0.7), 28px 28px 0 0 #fff, 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.5), 28px 28px 0 0 rgba(255, 255, 255, 0.7), 0 40px 0 0 #fff, -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.5), 0 40px 0 0 rgba(255, 255, 255, 0.7), -29px 29px 0 0 #fff, -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.5), -29px 29px 0 0 rgba(255, 255, 255, 0.7), -42px 0 0 0 #fff, -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.5), -42px 0 0 0 rgba(255, 255, 255, 0.7), -29px -29px 0 0 #fff;
  }
}

@keyframes loader {
  0%, 100% {
    box-shadow: 0 -42px 0 0 #fff, 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.5), -29px -29px 0 0 rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.7), 29px -29px 0 0 #fff, 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.5), 29px -29px 0 0 rgba(255, 255, 255, 0.7), 40px 0 0 0 #fff, 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.5), 40px 0 0 0 rgba(255, 255, 255, 0.7), 28px 28px 0 0 #fff, 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.5), 28px 28px 0 0 rgba(255, 255, 255, 0.7), 0 40px 0 0 #fff, -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.5), 0 40px 0 0 rgba(255, 255, 255, 0.7), -29px 29px 0 0 #fff, -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.5), -29px 29px 0 0 rgba(255, 255, 255, 0.7), -42px 0 0 0 #fff, -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.5), -42px 0 0 0 rgba(255, 255, 255, 0.7), -29px -29px 0 0 #fff;
  }
}

__content__msg {
  font-size: 14px;
  text-align: center;
  padding: 40px 0 0 0;
  color: #fff;
}