.embed html,
.embed body,
.embed div,
.embed span,
.embed applet,
.embed object,
.embed iframe,
.embed h1,
.embed h2,
.embed h3,
.embed h4,
.embed h5,
.embed h6,
.embed p,
.embed blockquote,
.embed pre,
.embed a,
.embed abbr,
.embed acronym,
.embed address,
.embed big,
.embed cite,
.embed code,
.embed del,
.embed dfn,
.embed em,
.embed img,
.embed ins,
.embed kbd,
.embed q,
.embed s,
.embed samp,
.embed small,
.embed strike,
.embed strong,
.embed sub,
.embed sup,
.embed tt,
.embed var,
.embed b,
.embed u,
.embed i,
.embed center,
.embed dl,
.embed dt,
.embed dd,
.embed ol,
.embed ul,
.embed li,
.embed fieldset,
.embed form,
.embed label,
.embed legend,
.embed table,
.embed caption,
.embed tbody,
.embed tfoot,
.embed thead,
.embed tr,
.embed th,
.embed td,
.embed article,
.embed aside,
.embed canvas,
.embed details,
.embed embed,
.embed figure,
.embed figcaption,
.embed footer,
.embed header,
.embed hgroup,
.embed menu,
.embed nav,
.embed output,
.embed ruby,
.embed section,
.embed summary,
.embed time,
.embed mark,
.embed audio,
.embed video,
.embed :after,
.embed :before {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
  box-sizing: content-box;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

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

.embed body {
  line-height: 1
}

.embed ol, ul {
  list-style: none
}

.embed blockquote, q {
  quotes: none
}

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

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

.embed img {
  max-width: 100%;
  height: auto
}

.embed ul li {
  background: none;
  margin-bottom: inherit
}

.embed .m-001, .wrap_serch {
  box-sizing: border-box
}

.embed .m-001 *, .wrap_serch * {
  box-sizing: border-box
}

.embed html {
  font-size: 62.5%
}

.embed body {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.embed body.webfont {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 100
}

.embed select, input, button, textarea {
  font: 99% arial, helvetica, clean, sans-serif
}

.embed table {
  font-size: inherit;
  font: 100%
}

.embed pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%
}

.embed a {
  text-decoration: none;
  color: #fff
}

.embed a:hover {
  text-decoration: none
}

.embed a:active {
  text-decoration: none
}

.embed p {
  font-size: 100%;
  line-height: 1.8
}

.embed li {
  font-size: 100%;
  line-height: 1.8
}

.embed html {
  height: 100%;
  color: #fff;
  background: #e6002d;
  background: #b10023
}

.embed body {
  height: 100%;
  text-align: left;
  background: none
}

.embed body p::selection, body h1::selection, body h2::selection, body h3::selection, body h4::selection, body a::selection, body img::selection, body em::selection, body strong::selection, body dd::selection, body dt::selection, body u::selection, body dfn::selection, body li::selection {
  color: #fff;
  background: #555
}

.embed body *::-moz-selection {
  color: #fff;
  background: #555
}

.embed #wrapper {
  min-width: 1024px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .embed #wrapper {
    -webkit-text-size-adjust: none
  }
}

.embed .l-header {
  height: auto !important;
  font-family: "Open Sans", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.embed .l-header * {
  box-sizing: border-box
}

.embed .m-001__inner {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.embed .m-001 .FirstLevel .SecondLevel {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.embed .m-003 {
  z-index: 1000
}

.embed .m-003 h2 {
  line-height: 1.307692307692308
}

@-webkit-keyframes dotline {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
  }
}

@keyframes dotline {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
  }
}

@-webkit-keyframes categoryFade {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes categoryFade {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes bgFadeIn {
  0% {
    opacity: 0.2
  }
  20% {
    opacity: 0.2
  }
  100% {
    opacity: 1
  }
}

@keyframes bgFadeIn {
  0% {
    opacity: 0.2
  }
  20% {
    opacity: 0.2
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes bgFadeOut {
  to {
    opacity: 0
  }
}

@keyframes bgFadeOut {
  to {
    opacity: 0
  }
}

.embed #contents {
  width: 100%;
  min-height: 100%;
  padding: 0 0 70px;
  position: absolute;
  overflow: hidden;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  opacity: 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: 0.6s cubic-bezier(0.06, 0.65, 0.58, 1);
  transition: 0.6s cubic-bezier(0.06, 0.65, 0.58, 1)
}

.embed html.ie9 #contents {
  -webkit-transform: none;
  transform: none;
  opacity: 1
}

.embed .contents__category {
  width: 1000px;
  height: auto;
  overflow: visible;
  display: block;
  top: 115px;
  left: 50%;
  position: absolute;
  z-index: 200;
  margin-left: -500px;
  -webkit-animation: categoryFade .5s ease-out .9s 1 forwards;
  animation: categoryFade .5s ease-out .9s 1 forwards;
  opacity: 0
}

.embed .blc-topics-comment {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 200;
  text-align: center
}

.embed .blc-topics-comment .body {
  min-width: 640px;
  box-sizing: border-box;
  display: inline-block;
  padding: 14px 20px;
  position: relative;
  background: rgba(227, 2, 45, 0.5);
  letter-spacing: 2.5px;
  border-radius: 8px
}

.embed .blc-topics-comment .body:before, .blc-topics-comment .body:after {
  position: absolute;
  z-index: 0;
  font-size: 90px;
  color: black;
  opacity: .6;
  line-height: 1;
  font-family: serif, "serif"
}

.embed .blc-topics-comment .body:before {
  content: "“";
  top: -8px;
  left: 0px
}

.embed .blc-topics-comment .body:after {
  content: "”";
  top: 10px;
  right: 0px
}

.embed .blc-topics-comment .txt {
  position: relative;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  color: white;
  line-height: 1
}

.embed .blc-topics-comment--white .body {
  background: rgba(255, 255, 255, 0.5)
}

.embed .blc-topics-comment--white .body:before, .blc-topics-comment--white .body:after {
  color: white;
  opacity: 1
}

.embed .blc-topics-comment--white .txt {
  color: #333
}

.embed #bg {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  min-height: 646px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 0
}

.embed #bgBlock {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 2
}

.embed #bgShadow {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  min-height: 646px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 1
}

.embed #bgCity {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: 0
}

.embed #bgPhoto {
  width: auto;
  height: auto;
  overflow: visible;
  display: block;
  min-width: 100%;
  min-height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  z-index: 1;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity;
  opacity: 0
}

.embed html.ie9 #bgPhoto {
  opacity: 1
}

.embed .footer {
  bottom: 18px;
  right: 18px;
  position: fixed;
  z-index: 11;
  zoom: 1;
  display: none
}

.embed .footer:before, .footer:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.embed .footer:after {
  clear: both
}

.embed .footer__copy {
  clear: both;
  margin: 0 0 5px;
  text-align: left
}

.embed .footer__copy small {
  display: inline-block;
  line-height: 1;
  font-size: 11px
}

.embed .footer__copy small+small {
  margin-left: 10px
}

.embed .footer__copyright {
  display: block;
  padding: 5px 0 10px;
  color: white;
  clear: both;
  text-align: right;
  display: none
}

.embed .footer__nav {
  clear: both;
  overflow: hidden;
  text-align: left;
  display: none
}

.embed .footer__navBtn {
  display: inline-block;
  line-height: 1.1;
  margin: 0 7px 0 0;
  padding: 0 7px 0 0;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
  border-right: 1px solid white
}

.embed .footer__navBtn a {
  display: block;
  border-bottom: 1px dotted transparent;
  -webkit-transition: 0.15s linear border;
  transition: 0.15s linear border
}

.embed .footer__navBtn a:hover {
  border-color: white
}

.embed .footer__navBtn:last-child {
  margin: 0;
  padding: 0;
  border: none
}

#sound-btn {
  width: 32px;
  height: 30px;
  overflow: visible;
  display: block;
  float: right;
  margin: 0 15px 0 0;
  background: url(../../common/images/ico-sound-off.png) no-repeat left top;
  cursor: pointer;
  opacity: 0.8
}

.embed #sound-btn:hover {
  opacity: 0.4
}

.embed #sound-btn.is-on-sound {
  background: url(../../common/images/ico-sound-on.png) no-repeat left top
}

.embed #langNav {
  float: right;
  margin: 0 0 10px 0;
  overflow: hidden;
  font-family: "helvetica";
  opacity: .75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
  zoom: 1;
  display: none
}

.embed .langNav__btn {
  float: left;
  margin: 0;
  padding: 0
}

.embed .langNav__btn a {
  width: 34px;
  height: 26px;
  overflow: visible;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  box-sizing: border-box;
  border: 1px solid white;
  font-weight: bold;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear
}

.embed .langNav__btn a:hover {
  text-decoration: none;
  background: white;
  color: #e6002d
}

.embed .langNav__btn:first-child a {
  padding: 7px 0 0 12px;
  border-radius: 35px 0 0 35px
}

.embed .langNav__btn:last-child a {
  padding: 7px 0 0 7px;
  border-radius: 0 35px 35px 0
}

.embed .langNav__btn.is-current a {
  color: #e6002d;
  background: white
}

.embed .country-jp .langNav__btn:first-child a {
  color: #e6002d;
  background: white
}

.embed .country-en .langNav__btn:last-child a {
  color: #e6002d;
  background: white
}

.embed #fbBtn {
  float: left;
  display: none
}

.embed #fbBtn a {
  width: 26px;
  height: 26px;
  overflow: visible;
  display: block;
  background: url(../../common/images/btn-facebook.png) no-repeat left top
}

.embed #vision {
    height: 800px;
}

.embed #vision img {
    height: auto !important;
    width: auto !important;
}

.embed #viSection--01 .viSection__txt {
    font-size: 19px !important;
}