@charset "UTF-8";
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

html, body {
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #684c3d;
  font-family: YakuHanJP,'Noto Sans JP', sans-serif;
  letter-spacing: 0.08em;
  text-indent: 0.08em;
  font-weight: 400;
}

img {
  vertical-align: bottom;
}

a {
  text-decoration: none;
}

#container {
  width: 100%;
  max-width: 1920px;
  min-width: 1020px;
  margin: 0 auto;
  background-image: url(../img/bk_loop.jpg);
  background-size: 1920px 3957px;
  background-position: 50% 0;
  overflow-x: hidden;
}

#jumbotron {
  position: relative;
  width: 100%;
  background-color: #fff;
}

#jumbotron::before {
  display: block;
  padding-top: 54.688%;
  content: "";
}

#jumbotron .header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 13;
}

#jumbotron .header .platform_01 {
  width: 82px;
  height: 82px;
  background-image: url(../img/jumbo_platform_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

#jumbotron .header .platform_01:hover {
  opacity: 0.5;
}

#jumbotron .inner .meta {
  position: absolute;
  bottom: 60px;
  right: 50px;
  z-index: 12;
}

#jumbotron .inner .meta h1 {
  width: 632px;
  height: 373px;
  margin: 0 auto;
  background-image: url(../img/jumbo_h1.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#jumbotron .inner .meta .date {
  width: 409px;
  height: 59px;
  margin: 20px auto 0;
  background-image: url(../img/jumbo_date.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#jumbotron .inner .meta .nos {
  width: 220px;
  height: 59px;
  margin: 20px auto 0;
  background-image: url(../img/jumbo_nos.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#jumbotron .inner h2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/jumbo_copy.png);
  background-size: 69px 473px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  z-index: 11;
}

#jumbotron .inner .slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 25px 30px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#jumbotron .inner .slider > ul {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

#jumbotron .inner .slider > ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
}

#jumbotron .inner .slider > ul li.item_01 {
  background-image: url(../img/jumbo_visual_01.jpg);
  opacity: 1;
}

#jumbotron .inner .slider > ul li.item_02 {
  background-image: url(../img/jumbo_visual_02.jpg);
}

#jumbotron .inner .slider > ul li.item_03 {
  background-image: url(../img/jumbo_visual_03.jpg);
}

#jumbotron .inner .slider > ul li.item_04 {
  background-image: url(../img/jumbo_visual_04.jpg);
}

#jumbotron .inner .slider > ul li.item_05 {
  background-image: url(../img/jumbo_visual_05.jpg);
}

#jumbotron .inner .slider > ul li.item_06 {
  background-image: url(../img/jumbo_visual_06.jpg);
}

#jumbotron .inner .slider > ul li.item_07 {
  background-image: url(../img/jumbo_visual_07.jpg);
}

#jumbotron .inner .slider > ul li.item_08 {
  background-image: url(../img/jumbo_visual_08.jpg);
}

#jumbotron .inner .slider > ul li.item_09 {
  background-image: url(../img/jumbo_visual_09.jpg);
}

#jumbotron .inner .slider .slider_nav {
  position: absolute;
  width: 100%;
  height: 12px;
  bottom: 32px;
  left: 0;
  z-index: 12;
}

#jumbotron .inner .slider .slider_nav ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#jumbotron .inner .slider .slider_nav ul li {
  width: 12px;
  height: 12px;
  margin: 0 20px;
  background-color: #9dd7e0;
  border-radius: 6px;
  cursor: pointer;
}

#jumbotron .inner .slider .slider_nav ul li.active {
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px #80c2d0,0 0 6px #80c2d0;
          box-shadow: 0 0 6px #80c2d0,0 0 6px #80c2d0;
}

@media screen and (max-width: 1800px) {
  #jumbotron .inner .meta {
    bottom: 48px;
    right: 40px;
  }
  #jumbotron .inner .meta h1 {
    width: 505.6px;
    height: 298.4px;
  }
  #jumbotron .inner .meta p {
    width: 327.2px;
    height: 47.2px;
  }
  #jumbotron .inner h2 {
    background-size: 55.2px 378.4px;
  }
  #jumbotron .inner .slider .slider_nav {
    height: 10px;
    bottom: 30px;
  }
  #jumbotron .inner .slider .slider_nav ul li {
    width: 10px;
    height: 10px;
    margin: 0 15px;
  }
}

@media screen and (max-width: 1400px) {
  #jumbotron .inner .meta {
    bottom: 39px;
    right: 32.5px;
  }
  #jumbotron .inner .meta h1 {
    width: 410.8px;
    height: 242.45px;
  }
  #jumbotron .inner .meta p {
    width: 265.85px;
    height: 38.35px;
  }
  #jumbotron .inner h2 {
    background-size: 34.5px 236.5px;
  }
  #jumbotron .inner .slider .slider_nav {
    height: 8px;
    bottom: 25px;
  }
  #jumbotron .inner .slider .slider_nav ul li {
    width: 8px;
    height: 8px;
    margin: 0 10px;
  }
}

#relative_nav,
#fixed_nav {
  width: 100%;
  padding: 40px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(white));
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.4) 0%, white 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, white 100%);
}

#relative_nav ul,
#fixed_nav ul {
  width: 800px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#relative_nav ul li,
#fixed_nav ul li {
  padding: 0 25px;
}

#relative_nav ul li a,
#fixed_nav ul li a {
  display: block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#relative_nav ul li a:hover,
#fixed_nav ul li a:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#relative_nav ul li.item_01 a,
#fixed_nav ul li.item_01 a {
  width: 36px;
  height: 40px;
  background-image: url(../img/nav_01.png);
}

#relative_nav ul li.item_02 a,
#fixed_nav ul li.item_02 a {
  width: 84px;
  height: 37px;
  background-image: url(../img/nav_02.png);
}

#relative_nav ul li.item_03 a,
#fixed_nav ul li.item_03 a {
  width: 74px;
  height: 37px;
  background-image: url(../img/nav_03.png);
}

#relative_nav ul li.item_04 a,
#fixed_nav ul li.item_04 a {
  width: 49px;
  height: 40px;
  background-image: url(../img/nav_04.png);
}

#relative_nav ul li.item_05 a,
#fixed_nav ul li.item_05 a {
  width: 42px;
  height: 37px;
  background-image: url(../img/nav_05.png);
}

#relative_nav ul li.item_06 a,
#fixed_nav ul li.item_06 a {
  width: 74px;
  height: 40px;
  background-image: url(../img/nav_06.png);
}

#relative_nav ul li.item_07 a,
#fixed_nav ul li.item_07 a {
  width: 74px;
  height: 37px;
  background-image: url(../img/nav_07.png);
}

#fixed_nav {
  position: fixed;
  top: -120px;
  left: 0;
  padding: 20px 0;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 30;
  -webkit-transition: 0.8s ease top;
  transition: 0.8s ease top;
}

#fixed_nav.active {
  top: 0;
}

#news {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)));
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
  z-index: 5;
}

#news > .header {
  display: none;
}

#news > .inner .pickup {
  width: 960px;
  padding-top: 20px;
  margin: 0 auto 80px;
}

#news > .inner .pickup ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#news > .inner .pickup ul li {
  width: 290px;
  height: 172px;
  margin-bottom: 30px;
}

#news > .inner .pickup ul li a, #news > .inner .pickup ul li span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#news > .inner .pickup ul li a:hover, #news > .inner .pickup ul li span:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#news > .inner .pickup ul li:empty {
  border-radius: 6px;
  background-color: #eedabd;
}

#news > .inner .pickup ul li.item_01 span {
  background-image: url(../img/news_banner_01.png);
}

#news > .inner .pickup ul li.item_02 a {
  background-image: url(../img/news_banner_02.png);
}

#news > .inner .pickup ul li.item_03 a {
  background-image: url(../img/news_banner_06.png);
}

#news > .inner .pickup ul li.item_04 a {
  background-image: url(../img/news_banner_04.png);
}

#news > .inner .pickup ul li.item_05 span {
  background-image: url(../img/news_banner_03.png);
}

#news > .inner .pickup ul li.item_06 a {
  background-image: url(../img/news_banner_05.png);
}

#news > .inner .pickup ul li.item_08 span {
  background-image: url(../img/news_banner_08.png);
}

#news > .inner .pickup ul li.item_08 a {
  background-image: url(../img/news_banner_08.png);
}

#news > .inner .pickup ul li.item_09 span {
  background-image: url(../img/news_banner_09.png);
}

#news > .inner .pickup ul li.item_15 span {
  background-image: url(../img/news_banner_15.png);
}

#news > .inner .pickup ul li.item_15 a {
  background-image: url(../img/news_banner_15.png);
}

#news > .inner .pickup ul li.item_20 span {
  background-image: url(../img/news_banner_20.png);
}

#news > .inner .pickup ul li.item_20 a {
  background-image: url(../img/news_banner_20.png);
}

#news > .inner .pickup ul li.item_24 span {
  background-image: url(../img/news_banner_24.png);
}

#news > .inner .pickup ul li.item_24 a {
  background-image: url(../img/news_banner_24.png);
}

#news > .inner .pickup ul li.item_25 a {
  background-image: url(../img/news_banner_25.png);
}

#news > .inner .pickup ul li.item_26 a {
  background-image: url(../img/news_banner_26.png);
}

#story {
  margin-top: -100px;
  padding-top: 80px;
  background-image: url(../img/bk_snow.png);
  background-size: 1920px 628px;
  background-position: 50% 100px;
  background-repeat: no-repeat;
}

#story > .header {
  display: none;
}

#story > .inner {
  width: 924px;
  margin: 0 auto;
}

#story > .inner .h3_01 {
  position: relative;
  display: block;
  width: 589px;
  height: 44px;
  margin-bottom: 50px;
  left: 0px;
  background-image: url(../img/story_lead_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#story > .inner .h3_02 {
  position: relative;
  display: block;
  width: 451px;
  height: 44px;
  margin-bottom: 50px;
  left: -2px;
  background-image: url(../img/story_lead_02.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#story > .inner .p_01 {
  margin-bottom: 70px;
}

#story > .inner .p_01 .text {
  display: block;
  background-image: url(../img/story_text_01.png);
  background-size: 526px 448px;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 0;
}

#story > .inner .p_01 .text.text_01 {
  height: 30px;
  background-position-y: 0px;
}

#story > .inner .p_01 .text.text_02 {
  height: 30px;
  background-position-y: -30px;
}

#story > .inner .p_01 .text.text_03 {
  height: 40px;
  background-position-y: -60px;
}

#story > .inner .p_01 .text.text_04 {
  height: 30px;
  background-position-y: -100px;
}

#story > .inner .p_01 .text.text_05 {
  height: 40px;
  background-position-y: -130px;
}

#story > .inner .p_01 .text.text_06 {
  height: 30px;
  background-position-y: -170px;
}

#story > .inner .p_01 .text.text_07 {
  height: 50px;
  background-position-y: -200px;
}

#story > .inner .p_01 .text.text_08 {
  height: 100px;
  background-position-y: -250px;
}

#story > .inner .p_01 .text.text_09 {
  height: 30px;
  background-position-y: -350px;
}

#story > .inner .p_01 .text.text_10 {
  height: 40px;
  background-position-y: -380px;
}

#story > .inner .p_01 .text.text_11 {
  height: 28px;
  background-position-y: -420px;
}

#story > .inner .p_02 .text {
  display: block;
  background-image: url(../img/story_text_02.png);
  background-size: 619px 52px;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 0;
}

#story > .inner .p_02 .text.text_12 {
  height: 30px;
  background-position-y: 0px;
}

#story > .inner .p_02 .text.text_13 {
  height: 22px;
  background-position-y: -30px;
}

#character {
  padding-top: 80px;
}

#character > .header h2 {
  width: 166px;
  height: 34px;
  margin: 80px auto 70px;
  background-image: url(../img/character_h2.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#character .character_nav {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  z-index: 5;
}

#character .character_nav .main {
  width: 470px;
}

#character .character_nav .main h3 {
  width: 100%;
  height: 11px;
  background-image: url(../img/character_nav_h3_01.png);
  background-size: 108px 11px;
  background-position: 20px 0;
  background-repeat: no-repeat;
  font-size: 0;
}

#character .character_nav .sub {
  width: 490px;
}

#character .character_nav .sub h3 {
  width: 100%;
  height: 11px;
  background-image: url(../img/character_nav_h3_02.png);
  background-size: 100px 11px;
  background-position: 20px 0;
  background-repeat: no-repeat;
  font-size: 0;
}

#character .character_nav ul {
  padding: 15px 0 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#character .character_nav .item {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#character .character_nav .item:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#character .character_nav .item.item_01 {
  background-image: url(../img/character_nav_01.png);
}

#character .character_nav .item.item_02 {
  background-image: url(../img/character_nav_02.png);
}

#character .character_nav .item.item_03 {
  background-image: url(../img/character_nav_03.png);
}

#character .character_nav .item.item_04 {
  background-image: url(../img/character_nav_04.png);
}

#character .character_nav .item.item_05 {
  background-image: url(../img/character_nav_05.png);
}

#character .character_nav .item.item_06 {
  background-image: url(../img/character_nav_06.png);
}

#character .character_nav .item.item_07 {
  background-image: url(../img/character_nav_07.png);
}

#character .character_nav .item.item_08 {
  background-image: url(../img/character_nav_08.png);
}

#character .character_nav .item.item_09 {
  background-image: url(../img/character_nav_09.png);
}

#character .character_nav .item.item_10 {
  background-image: url(../img/character_nav_10.png);
}

#character .character_nav .item.item_11 {
  background-image: url(../img/character_nav_11.png);
}

#character .character_nav .item.item_12 {
  margin-left: 20px;
  background-image: url(../img/character_nav_12.png);
}

#character .character_wrap {
  position: relative;
  height: 1120px;
  margin: -25px auto 0;
  background-image: url(../img/character_text_bg.png);
  background-size: 1920px 280px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  z-index: 4;
}

#character .character_wrap .character_box {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 100%;
}

#character .character_wrap .character_box .img_wrap .img {
  opacity: 0;
  position: absolute;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.8s ease opacity;
  transition: 0.8s ease opacity;
}

#character .character_wrap .character_box .img_wrap .active {
  opacity: 1;
}

#character .character_wrap .character_box .meta {
  width: 1000px;
  height: 840px;
  margin: 0 auto;
  padding: 125px 0 0 500px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#character .character_wrap .character_box .meta h3 {
  margin-bottom: 18px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#character .character_wrap .character_box .meta .cv {
  display: block;
  margin-bottom: 38px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#character .character_wrap .character_box .meta .lead {
  width: 590px;
  margin-bottom: 30px;
}

#character .character_wrap .character_box .meta .lead .text {
  display: block;
  width: 100%;
  font-size: 0;
  background-repeat: no-repeat;
}

#character .character_wrap .character_box .meta .lead .text.text_01 {
  height: 35px;
  background-position: 0 0;
}

#character .character_wrap .character_box .meta .lead .text.text_02 {
  height: 35px;
  background-position: 0 -35px;
}

#character .character_wrap .character_box .meta .lead .text.text_03 {
  height: 35px;
  background-position: 0 -70px;
}

#character .character_wrap .character_box .meta .lead .text.text_04 {
  height: 35px;
  background-position: 0 -105px;
}

#character .character_wrap .character_box .meta .lead .text.text_05 {
  height: 35px;
  background-position: 0 -140px;
}

#character .character_wrap .character_box .meta .lead .text.text_06 {
  height: 35px;
  background-position: 0 -175px;
}

#character .character_wrap .character_box .meta .lead .text.text_07 {
  height: 35px;
  background-position: 0 -210px;
}

#character .character_wrap .character_box .meta .lead .text.text_08 {
  height: 35px;
  background-position: 0 -245px;
}

#character .character_wrap .character_box .meta .lead .text.text_09 {
  height: 35px;
  background-position: 0 -280px;
}

#character .character_wrap .character_box .meta .lead .text.text_10 {
  height: 35px;
  background-position: 0 -315px;
}

#character .character_wrap .character_box .meta .personal {
  padding: 0 0 35px 18px;
}

#character .character_wrap .character_box .meta .personal li {
  height: 16px;
  position: relative;
  background-position: 0 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#character .character_wrap .character_box .meta .personal li::before {
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  top: 6px;
  left: -16px;
  background-color: #dca89f;
  content: "";
}

#character .character_wrap .character_box .meta .event_cg {
  width: 418px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#character .character_wrap .character_box .meta .event_cg li {
  width: 132px;
  height: 74px;
  margin-bottom: 10px;
}

#character .character_wrap .character_box .meta .event_cg li span {
  display: block;
  width: 132px;
  height: 74px;
  border-radius: 4px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#character .character_wrap .character_box .meta .event_cg li span:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#character .character_wrap .character_box .meta .event_cg li:empty {
  border-radius: 4px;
  background-color: #eedabd;
}

#character .character_wrap .character_box .meta .face_change {
  width: 418px;
  padding-top: 4px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#character .character_wrap .character_box .meta .face_change li {
  width: 93px;
  height: 185px;
  margin-bottom: 10px;
}

#character .character_wrap .character_box .meta .face_change li span {
  display: block;
  width: 93px;
  height: 185px;
  margin-bottom: 10px;
  border-radius: 4px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#character .character_wrap .character_box .meta .face_change li span:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#character .character_wrap .character_box .profile {
  width: 502px;
  height: 280px;
  padding: 0 0 0 498px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#character .character_wrap .character_box .profile p {
  width: 100%;
}

#character .character_wrap .character_box .profile p .text {
  display: block;
  width: 100%;
  height: 25px;
  font-size: 0;
  background-repeat: no-repeat;
}

#character .character_wrap .character_box .profile p .text.text_01 {
  background-position: 0 0;
}

#character .character_wrap .character_box .profile p .text.text_02 {
  background-position: 0 -25px;
}

#character .character_wrap .character_box .profile p .text.text_03 {
  background-position: 0 -50px;
}

#character .character_wrap .character_box .profile p .text.text_04 {
  background-position: 0 -75px;
}

#character .character_wrap .character_box .profile p .text.text_05 {
  background-position: 0 -100px;
}

#character .character_wrap .character_box .profile p .text.text_06 {
  background-position: 0 -125px;
}

#character .character_wrap .character_box .profile p .text.text_07 {
  background-position: 0 -150px;
}

#character .character_wrap .character_box .profile p .text.text_08 {
  background-position: 0 -175px;
}

#character .character_wrap .character_box .profile p .text.text_09 {
  background-position: 0 -200px;
}

#character_01 .img_wrap .img_01 {
  width: 375px;
  height: 968px;
  top: 80px;
  left: 53px;
  background-image: url(../img/c01_img_01.png);
}

#character_01 .img_wrap .img_02 {
  width: 382px;
  height: 992px;
  top: 62px;
  left: 33px;
  background-image: url(../img/c01_img_02.png);
}

#character_01 .img_wrap .img_03 {
  width: 370px;
  height: 979px;
  top: 75px;
  left: 29px;
  background-image: url(../img/c01_img_03.png);
}

#character_01 .img_wrap .img_04 {
  width: 382px;
  height: 992px;
  top: 62px;
  left: 33px;
  background-image: url(../img/c01_img_04.png);
}

#character_01 .meta h3 {
  width: 205px;
  height: 45px;
  background-image: url(../img/c01_name.png);
}

#character_01 .meta .cv {
  width: 134px;
  height: 20px;
  background-image: url(../img/c01_cv.png);
}

#character_01 .meta .lead {
  height: 87px;
}

#character_01 .meta .lead .text {
  background-image: url(../img/c01_lead.png);
  background-size: 286px 87px;
}

#character_01 .meta .personal .birthday {
  background-image: url(../img/c01_birthday.png);
  background-size: 107px 15px;
}

#character_01 .meta .event_cg .item_01 span {
  background-image: url(../img/c01_event_01.png);
}

#character_01 .meta .event_cg .item_02 span {
  background-image: url(../img/c01_event_02.png);
}

#character_01 .meta .event_cg .item_03 span {
  background-image: url(../img/c01_event_03.png);
}

#character_01 .meta .event_cg .item_04 span {
  background-image: url(../img/c01_event_04.png);
}

#character_01 .meta .event_cg .item_05 span {
  background-image: url(../img/c01_event_05.png);
}

#character_01 .meta .event_cg .item_06 span {
  background-image: url(../img/c01_event_06.png);
}

#character_01 .meta .face_change .item_01 span {
  background-image: url(../img/c01_face_01.png);
}

#character_01 .meta .face_change .item_02 span {
  background-image: url(../img/c01_face_02.png);
}

#character_01 .meta .face_change .item_03 span {
  background-image: url(../img/c01_face_03.png);
}

#character_01 .meta .face_change .item_04 span {
  background-image: url(../img/c01_face_04.png);
}

#character_01 .profile p {
  height: 170px;
}

#character_01 .profile p .text {
  background-image: url(../img/c01_text.png);
  background-size: 398px 170px;
}

#character_02 .img_wrap .img_01 {
  width: 368px;
  height: 963px;
  top: 90px;
  left: 27px;
  background-image: url(../img/c02_img_01.png);
}

#character_02 .img_wrap .img_02 {
  width: 355px;
  height: 967px;
  top: 87px;
  left: 38px;
  background-image: url(../img/c02_img_02.png);
}

#character_02 .img_wrap .img_03 {
  width: 338px;
  height: 963px;
  top: 90px;
  left: 57px;
  background-image: url(../img/c02_img_03.png);
}

#character_02 .img_wrap .img_04 {
  width: 409px;
  height: 963px;
  top: 82px;
  left: 0px;
  background-image: url(../img/c02_img_04.png);
}

#character_02 .meta {
  height: 160px;
}

#character_02 .meta h3 {
  width: 205px;
  height: 46px;
  background-image: url(../img/c02_name.png);
}

#character_02 .meta .cv {
  width: 134px;
  height: 20px;
  background-image: url(../img/c02_cv.png);
}

#character_02 .meta .lead {
  height: 124px;
}

#character_02 .meta .lead .text {
  background-image: url(../img/c02_lead.png);
  background-size: 376px 124px;
}

#character_02 .meta .personal .birthday {
  background-image: url(../img/c02_birthday.png);
  background-size: 94px 15px;
}

#character_02 .meta .event_cg .item_01 span {
  background-image: url(../img/c02_event_01.png);
}

#character_02 .meta .event_cg .item_02 span {
  background-image: url(../img/c02_event_02.png);
}

#character_02 .meta .event_cg .item_03 span {
  background-image: url(../img/c02_event_03.png);
}

#character_02 .meta .event_cg .item_04 span {
  background-image: url(../img/c02_event_04.png);
}

#character_02 .meta .event_cg .item_05 span {
  background-image: url(../img/c02_event_05.png);
}

#character_02 .meta .event_cg .item_06 span {
  background-image: url(../img/c02_event_06.png);
}

#character_02 .meta .face_change .item_01 span {
  background-image: url(../img/c02_face_01.png);
}

#character_02 .meta .face_change .item_02 span {
  background-image: url(../img/c02_face_02.png);
}

#character_02 .meta .face_change .item_03 span {
  background-image: url(../img/c02_face_03.png);
}

#character_02 .meta .face_change .item_04 span {
  background-image: url(../img/c02_face_04.png);
}

#character_02 .profile p {
  height: 170px;
}

#character_02 .profile p .text {
  background-image: url(../img/c02_text.png);
  background-size: 397px 170px;
}

#character_03 .img_wrap .img_01 {
  width: 443px;
  height: 992px;
  top: 59px;
  left: 6px;
  background-image: url(../img/c03_img_01.png);
}

#character_03 .img_wrap .img_02 {
  width: 443px;
  height: 991px;
  top: 59px;
  left: 6px;
  background-image: url(../img/c03_img_02.png);
}

#character_03 .img_wrap .img_03 {
  width: 344px;
  height: 994px;
  top: 59px;
  left: 61px;
  background-image: url(../img/c03_img_03.png);
}

#character_03 .img_wrap .img_04 {
  width: 430px;
  height: 971px;
  top: 78px;
  left: 6px;
  background-image: url(../img/c03_img_04.png);
}

#character_03 .meta h3 {
  width: 157px;
  height: 45px;
  background-image: url(../img/c03_name.png);
}

#character_03 .meta .cv {
  width: 71px;
  height: 20px;
  background-image: url(../img/c03_cv.png);
}

#character_03 .meta .lead {
  height: 124px;
}

#character_03 .meta .lead .text {
  background-image: url(../img/c03_lead.png);
  background-size: 376px 124px;
}

#character_03 .meta .personal .birthday {
  background-image: url(../img/c03_birthday.png);
  background-size: 94px 15px;
}

#character_03 .meta .event_cg .item_01 span {
  background-image: url(../img/c03_event_01.png);
}

#character_03 .meta .event_cg .item_02 span {
  background-image: url(../img/c03_event_02.png);
}

#character_03 .meta .event_cg .item_03 span {
  background-image: url(../img/c03_event_03.png);
}

#character_03 .meta .event_cg .item_04 span {
  background-image: url(../img/c03_event_04.png);
}

#character_03 .meta .event_cg .item_05 span {
  background-image: url(../img/c03_event_05.png);
}

#character_03 .meta .event_cg .item_06 span {
  background-image: url(../img/c03_event_06.png);
}

#character_03 .meta .face_change .item_01 span {
  background-image: url(../img/c03_face_01.png);
}

#character_03 .meta .face_change .item_02 span {
  background-image: url(../img/c03_face_02.png);
}

#character_03 .meta .face_change .item_03 span {
  background-image: url(../img/c03_face_03.png);
}

#character_03 .meta .face_change .item_04 span {
  background-image: url(../img/c03_face_04.png);
}

#character_03 .profile p {
  height: 196px;
}

#character_03 .profile p .text {
  background-image: url(../img/c03_text.png);
  background-size: 426px 196px;
}

#character_04 .img_wrap .img_01 {
  width: 405px;
  height: 958px;
  top: 80px;
  left: 10px;
  background-image: url(../img/c04_img_01.png);
}

#character_04 .img_wrap .img_02 {
  width: 518px;
  height: 1039px;
  top: -27px;
  left: -13px;
  background-image: url(../img/c04_img_02.png);
}

#character_04 .img_wrap .img_03 {
  width: 371px;
  height: 963px;
  top: 80px;
  left: 8px;
  background-image: url(../img/c04_img_03.png);
}

#character_04 .img_wrap .img_04 {
  width: 382px;
  height: 952px;
  top: 80px;
  left: 22px;
  background-image: url(../img/c04_img_04.png);
}

#character_04 .meta h3 {
  width: 157px;
  height: 45px;
  background-image: url(../img/c04_name.png);
}

#character_04 .meta .cv {
  width: 112px;
  height: 20px;
  background-image: url(../img/c04_cv.png);
}

#character_04 .meta .lead {
  height: 88px;
}

#character_04 .meta .lead .text {
  background-image: url(../img/c04_lead.png);
  background-size: 359px 88px;
}

#character_04 .meta .personal .birthday {
  background-image: url(../img/c04_birthday.png);
  background-size: 107px 15px;
}

#character_04 .meta .event_cg .item_01 span {
  background-image: url(../img/c04_event_01.png);
}

#character_04 .meta .event_cg .item_02 span {
  background-image: url(../img/c04_event_02.png);
}

#character_04 .meta .event_cg .item_03 span {
  background-image: url(../img/c04_event_03.png);
}

#character_04 .meta .event_cg .item_04 span {
  background-image: url(../img/c04_event_04.png);
}

#character_04 .meta .event_cg .item_05 span {
  background-image: url(../img/c04_event_05.png);
}

#character_04 .meta .event_cg .item_06 span {
  background-image: url(../img/c04_event_06.png);
}

#character_04 .meta .face_change .item_01 span {
  background-image: url(../img/c04_face_01.png);
}

#character_04 .meta .face_change .item_02 span {
  background-image: url(../img/c04_face_02.png);
}

#character_04 .meta .face_change .item_03 span {
  background-image: url(../img/c04_face_03.png);
}

#character_04 .meta .face_change .item_04 span {
  background-image: url(../img/c04_face_04.png);
}

#character_04 .profile {
  padding-left: 438px !important;
}

#character_04 .profile p {
  height: 170px;
}

#character_04 .profile p .text {
  background-image: url(../img/c04_text.png);
  background-size: 482px 170px;
}

#character_05 .img_wrap .img_01 {
  width: 318px;
  height: 871px;
  top: 168px;
  left: 38px;
  background-image: url(../img/c05_img_01.png);
}

#character_05 .img_wrap .img_02 {
  width: 287px;
  height: 871px;
  top: 168px;
  left: 69px;
  background-image: url(../img/c05_img_02.png);
}

#character_05 .img_wrap .img_03 {
  width: 294px;
  height: 844px;
  top: 195px;
  left: 69px;
  background-image: url(../img/c05_img_03.png);
}

#character_05 .img_wrap .img_04 {
  width: 315px;
  height: 880px;
  top: 159px;
  left: 50px;
  background-image: url(../img/c05_img_04.png);
}

#character_05 .meta h3 {
  width: 157px;
  height: 45px;
  background-image: url(../img/c05_name.png);
}

#character_05 .meta .cv {
  width: 134px;
  height: 20px;
  background-image: url(../img/c05_cv.png);
}

#character_05 .meta .lead {
  height: 124px;
}

#character_05 .meta .lead .text {
  background-image: url(../img/c05_lead.png);
  background-size: 411px 124px;
}

#character_05 .meta .personal .birthday {
  background-image: url(../img/c05_birthday.png);
  background-size: 94px 15px;
}

#character_05 .meta .event_cg .item_01 span {
  background-image: url(../img/c05_event_01.png);
}

#character_05 .meta .event_cg .item_02 span {
  background-image: url(../img/c05_event_02.png);
}

#character_05 .meta .event_cg .item_03 span {
  background-image: url(../img/c05_event_03.png);
}

#character_05 .meta .event_cg .item_04 span {
  background-image: url(../img/c05_event_04.png);
}

#character_05 .meta .event_cg .item_05 span {
  background-image: url(../img/c05_event_05.png);
}

#character_05 .meta .event_cg .item_06 span {
  background-image: url(../img/c05_event_06.png);
}

#character_05 .meta .face_change .item_01 span {
  background-image: url(../img/c05_face_01.png);
}

#character_05 .meta .face_change .item_02 span {
  background-image: url(../img/c05_face_02.png);
}

#character_05 .meta .face_change .item_03 span {
  background-image: url(../img/c05_face_03.png);
}

#character_05 .meta .face_change .item_04 span {
  background-image: url(../img/c05_face_04.png);
}

#character_05 .profile {
  padding-left: 418px !important;
}

#character_05 .profile p {
  height: 170px;
}

#character_05 .profile p .text {
  background-image: url(../img/c05_text.png);
  background-size: 503px 170px;
}

#character_06 .img_wrap .img_01 {
  width: 306px;
  height: 875px;
  top: 160px;
  left: 68px;
  background-image: url(../img/c06_img_01.png);
}

#character_06 .img_wrap .img_02 {
  width: 357px;
  height: 879px;
  top: 160px;
  left: 37px;
  background-image: url(../img/c06_img_02.png);
}

#character_06 .img_wrap .img_03 {
  width: 233px;
  height: 876px;
  top: 162px;
  left: 101px;
  background-image: url(../img/c06_img_03.png);
}

#character_06 .img_wrap .img_04 {
  width: 289px;
  height: 870px;
  top: 160px;
  left: 102px;
  background-image: url(../img/c06_img_04.png);
}

#character_06 .meta h3 {
  width: 158px;
  height: 46px;
  background-image: url(../img/c06_name.png);
}

#character_06 .meta .cv {
  width: 113px;
  height: 20px;
  background-image: url(../img/c06_cv.png);
}

#character_06 .meta .lead {
  height: 52px;
}

#character_06 .meta .lead .text {
  background-image: url(../img/c06_lead.png);
  background-size: 323px 52px;
}

#character_06 .meta .personal .birthday {
  background-image: url(../img/c06_birthday.png);
  background-size: 107px 15px;
}

#character_06 .meta .event_cg .item_01 span {
  background-image: url(../img/c06_event_01.png);
}

#character_06 .meta .event_cg .item_02 span {
  background-image: url(../img/c06_event_02.png);
}

#character_06 .meta .event_cg .item_03 span {
  background-image: url(../img/c06_event_03.png);
}

#character_06 .meta .event_cg .item_04 span {
  background-image: url(../img/c06_event_04.png);
}

#character_06 .meta .event_cg .item_05 span {
  background-image: url(../img/c06_event_05.png);
}

#character_06 .meta .event_cg .item_06 span {
  background-image: url(../img/c06_event_06.png);
}

#character_06 .meta .face_change .item_01 span {
  background-image: url(../img/c06_face_01.png);
}

#character_06 .meta .face_change .item_02 span {
  background-image: url(../img/c06_face_02.png);
}

#character_06 .meta .face_change .item_03 span {
  background-image: url(../img/c06_face_03.png);
}

#character_06 .meta .face_change .item_04 span {
  background-image: url(../img/c06_face_04.png);
}

#character_06 .profile p {
  height: 170px;
}

#character_06 .profile p .text {
  background-image: url(../img/c06_text.png);
  background-size: 356px 170px;
}

#character_07 .img_wrap .img_01 {
  width: 342px;
  height: 896px;
  top: 100px;
  left: 69px;
  background-image: url(../img/c07_img_01.png);
}

#character_07 .img_wrap .img_02 {
  width: 314px;
  height: 897px;
  top: 100px;
  left: 96px;
  background-image: url(../img/c07_img_02.png);
}

#character_07 .meta h3 {
  width: 206px;
  height: 45px;
  background-image: url(../img/c07_name.png);
}

#character_07 .meta .cv {
  width: 112px;
  height: 20px;
  background-image: url(../img/c07_cv.png);
}

#character_07 .meta .lead {
  height: 88px;
}

#character_07 .meta .lead .text {
  background-image: url(../img/c07_lead.png);
  background-size: 268px 88px;
}

#character_07 .meta .personal .birthday {
  background-image: url(../img/c07_birthday.png);
  background-size: 94px 15px;
}

#character_07 .meta .face_change .item_01 span {
  background-image: url(../img/c07_face_01.png);
}

#character_07 .meta .face_change .item_02 span {
  background-image: url(../img/c07_face_02.png);
}

#character_08 .img_wrap .img_01 {
  width: 425px;
  height: 974px;
  top: 80px;
  left: 32px;
  background-image: url(../img/c08_img_01.png);
}

#character_08 .img_wrap .img_02 {
  width: 425px;
  height: 974px;
  top: 80px;
  left: 32px;
  background-image: url(../img/c08_img_02.png);
}

#character_08 .meta h3 {
  width: 206px;
  height: 46px;
  background-image: url(../img/c08_name.png);
}

#character_08 .meta .cv {
  width: 113px;
  height: 20px;
  background-image: url(../img/c08_cv.png);
}

#character_08 .meta .lead {
  height: 52px;
}

#character_08 .meta .lead .text {
  background-image: url(../img/c08_lead.png);
  background-size: 253px 52px;
}

#character_08 .meta .personal .birthday {
  background-image: url(../img/c08_birthday.png);
  background-size: 107px 15px;
}

#character_08 .meta .face_change .item_01 span {
  background-image: url(../img/c08_face_01.png);
}

#character_08 .meta .face_change .item_02 span {
  background-image: url(../img/c08_face_02.png);
}

#character_09 .img_wrap .img_01 {
  width: 349px;
  height: 930px;
  top: 93px;
  left: 64px;
  background-image: url(../img/c09_img_01.png);
}

#character_09 .img_wrap .img_02 {
  width: 349px;
  height: 930px;
  top: 93px;
  left: 64px;
  background-image: url(../img/c09_img_02.png);
}

#character_09 .meta h3 {
  width: 205px;
  height: 46px;
  background-image: url(../img/c09_name.png);
}

#character_09 .meta .cv {
  width: 113px;
  height: 20px;
  background-image: url(../img/c09_cv.png);
}

#character_09 .meta .lead {
  height: 88px;
}

#character_09 .meta .lead .text {
  background-image: url(../img/c09_lead.png);
  background-size: 304px 88px;
}

#character_09 .meta .personal .birthday {
  background-image: url(../img/c09_birthday.png);
  background-size: 94px 15px;
}

#character_09 .meta .face_change .item_01 span {
  background-image: url(../img/c09_face_01.png);
}

#character_09 .meta .face_change .item_02 span {
  background-image: url(../img/c09_face_02.png);
}

#character_10 .img_wrap .img_01 {
  width: 315px;
  height: 972px;
  top: 89px;
  left: 109px;
  background-image: url(../img/c10_img_01.png);
}

#character_10 .img_wrap .img_02 {
  width: 315px;
  height: 971px;
  top: 90px;
  left: 109px;
  background-image: url(../img/c10_img_02.png);
}

#character_10 .meta h3 {
  width: 158px;
  height: 45px;
  background-image: url(../img/c10_name.png);
}

#character_10 .meta .cv {
  width: 134px;
  height: 20px;
  background-image: url(../img/c10_cv.png);
}

#character_10 .meta .lead {
  height: 16px;
}

#character_10 .meta .lead .text {
  background-image: url(../img/c10_lead.png);
  background-size: 165px 16px;
}

#character_10 .meta .face_change .item_01 span {
  background-image: url(../img/c10_face_01.png);
}

#character_10 .meta .face_change .item_02 span {
  background-image: url(../img/c10_face_02.png);
}

#character_11 .img_wrap .img_01 {
  width: 259px;
  height: 1047px;
  top: 59px;
  left: 109px;
  background-image: url(../img/c11_img_01.png);
}

#character_11 .img_wrap .img_02 {
  width: 280px;
  height: 1047px;
  top: 59px;
  left: 88px;
  background-image: url(../img/c11_img_02.png);
}

#character_11 .meta h3 {
  width: 157px;
  height: 46px;
  background-image: url(../img/c11_name.png);
}

#character_11 .meta .cv {
  width: 113px;
  height: 20px;
  background-image: url(../img/c11_cv.png);
}

#character_11 .meta .lead {
  height: 52px;
}

#character_11 .meta .lead .text {
  background-image: url(../img/c11_lead.png);
  background-size: 218px 52px;
}

#character_11 .meta .face_change .item_01 span {
  background-image: url(../img/c11_face_01.png);
}

#character_11 .meta .face_change .item_02 span {
  background-image: url(../img/c11_face_02.png);
}

#character_12 .img_wrap .img_01 {
  width: 289px;
  height: 1025px;
  top: 40px;
  left: 87px;
  background-image: url(../img/c12_img_01.png);
}

#character_12 .meta h3 {
  width: 205px;
  height: 45px;
  background-image: url(../img/c12_name.png);
}

#character_12 .meta .cv {
  width: 212px;
  height: 11px;
  background-image: url(../img/c12_cv.png);
}

#character_12 .meta .lead {
  height: 232px;
}

#character_12 .meta .lead .text {
  background-image: url(../img/c12_lead.png);
  background-size: 465px 232px;
}

#gallery {
  margin-top: -70px;
  padding-top: 120px;
}

#gallery > .header {
  padding: 25px 0 55px;
}

#gallery > .header h2 {
  width: 77px;
  height: 34px;
  margin: 0 auto;
  background-image: url(../img/gallery_h2.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#gallery > .inner ul {
  width: 960px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#gallery > .inner ul li {
  width: 290px;
  height: 172px;
  margin-bottom: 18px;
}

#gallery > .inner ul li span {
  display: block;
  width: 290px;
  height: 172px;
  border-radius: 4px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#gallery > .inner ul li span:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#gallery > .inner ul li:empty {
  /*
  background-color: #eedabd;
  border-radius: 4px;
  */
}

#gallery > .inner .item_01 span {
  background-image: url(../img/gallery_img_01.png);
}

#gallery > .inner .item_02 span {
  background-image: url(../img/gallery_img_02.png);
}

#gallery > .inner .item_03 span {
  background-image: url(../img/gallery_img_03.png);
}

#gallery > .inner .item_04 span {
  background-image: url(../img/gallery_img_04.png);
}

#gallery > .inner .item_05 span {
  background-image: url(../img/gallery_img_05.png);
}

#gallery > .inner .item_06 span {
  background-image: url(../img/gallery_img_06.png);
}

#gallery > .inner .item_07 span {
  background-image: url(../img/gallery_img_07.png);
}

#gallery > .inner .item_08 span {
  background-image: url(../img/gallery_img_08.png);
}

#gallery > .inner .item_09 span {
  background-image: url(../img/gallery_img_09.png);
}

#gallery > .inner .item_10 span {
  background-image: url(../img/gallery_img_10.png);
}

#gallery > .inner .item_11 span {
  background-image: url(../img/gallery_img_11.png);
}

#gallery > .inner .item_12 span {
  background-image: url(../img/gallery_img_12.png);
}

#gallery > .inner .item_13 span {
  background-image: url(../img/gallery_img_13.png);
}

#gallery > .inner .item_14 span {
  background-image: url(../img/gallery_img_14.png);
}

#gallery > .inner .item_15 span {
  background-image: url(../img/gallery_img_15.png);
}

#movie {
  margin-top: -60px;
  padding: 120px 0 50px;
}

#movie > .header {
  padding: 25px 0 55px;
}

#movie > .header h2 {
  width: 78px;
  height: 34px;
  margin: 0 auto;
  background-image: url(../img/movie_h2.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#movie > .inner ul {
  width: 960px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#movie > .inner ul li {
  width: 290px;
  height: 172px;
  margin-bottom: 88px;
}

#movie > .inner ul li .open_movie {
  display: block;
  width: 290px;
  height: 172px;
  border-radius: 4px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#movie > .inner ul li .open_movie:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#movie > .inner ul li .caption {
  width: 100%;
  display: block;
  margin: 15px 0 0;
  color: #684c3d;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#movie > .inner ul li:empty {
  background-color: #eedabd;
  border-radius: 4px;
}

#movie > .inner .item_01 .open_movie {
  background-image: url(../img/movie_thumbnail_01.png);
}

#movie > .inner .item_02 .open_movie {
  background-image: url(../img/movie_thumbnail_02.png);
}

#movie > .inner .item_03 .open_movie {
  background-image: url(../img/movie_thumbnail_03.png);
}

#movie > .inner .item_04 .open_movie {
  background-image: url(../img/movie_thumbnail_04.png);
}

#movie > .inner .item_05 .open_movie {
  background-image: url(../img/movie_thumbnail_05.png);
}

#movie > .inner .item_06 .open_movie {
  background-image: url(../img/movie_thumbnail_06.png);
}

#movie > .inner .item_07 .open_movie {
  background-image: url(../img/movie_thumbnail_07.png);
}

#movie > .inner .item_08 .open_movie {
  background-image: url(../img/movie_thumbnail_08.png);
}

#movie > .inner .item_09 .open_movie {
  background-image: url(../img/movie_thumbnail_09.png);
}

#movie > .inner .item_10 .open_movie {
  background-image: url(../img/movie_thumbnail_10.png);
}

#movie > .inner .item_11 .open_movie {
  background-image: url(../img/movie_thumbnail_11.png);
}

#movie > .inner .item_12 .open_movie {
  background-image: url(../img/movie_thumbnail_12.png);
}

#movie > .inner .item_13 .open_movie {
  background-image: url(../img/movie_thumbnail_13.png);
}


/*外部リンク用*/
#movie > .inner ul li .open_bl {
  display: block;
  width: 290px;
  height: 172px;
  border-radius: 4px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#movie > .inner ul li .open_bl:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#movie > .inner .item_09 .open_bl {
  background-image: url(../img/movie_thumbnail_09.png);
}

#movie > .inner .item_11 .open_bl {
  background-image: url(../img/movie_thumbnail_11.png);
}

#movie > .inner .item_12 .open_bl {
  background-image: url(../img/movie_thumbnail_12.png);
}

#movie > .inner .item_13 .open_bl {
  background-image: url(../img/movie_thumbnail_13.png);
}


#product {
  margin-top: -70px;
  padding-top: 120px;
}

#product > .header {
  padding: 20px 0 60px;
}

#product > .header h2 {
  width: 165px;
  height: 34px;
  margin: 0 auto;
  background-image: url(../img/product_h2.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#product > .inner .staff_wrap {
  padding-bottom: 20px;
}

#product > .inner .staff_wrap dl {
  width: 960px;
  height: 55px;
  margin: 0 auto 50px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#product > .inner .staff_wrap dl dt {
  width: 280px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  font-size: 0;
}

#product > .inner .staff_wrap dl dd {
  width: 280px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  font-size: 0;
}

#product > .inner .staff_wrap dl.dl_01 .dt_01 {
  background-image: url(../img/staff_dt_01.png);
  background-size: 42px 14px;
}

#product > .inner .staff_wrap dl.dl_01 .dd_01 {
  background-image: url(../img/staff_dd_01.png);
  background-size: 83px 26px;
}

#product > .inner .staff_wrap dl.dl_02 .dt_01 {
  background-image: url(../img/staff_dt_02.png);
  background-size: 28px 13px;
}

#product > .inner .staff_wrap dl.dl_02 .dd_01 {
  background-image: url(../img/staff_dd_02.png);
  background-size: 92px 22px;
}

#product > .inner .staff_wrap dl.dl_02 .dt_02 {
  background-image: url(../img/staff_dt_03.png);
  background-size: 56px 14px;
}

#product > .inner .staff_wrap dl.dl_02 .dd_02 {
  background-image: url(../img/staff_dd_03.png);
  background-size: 132px 22px;
}

#product > .inner .staff_wrap dl.dl_02 .dt_03 {
  background-image: url(../img/staff_dt_04.png);
  background-size: 27px 13px;
}

#product > .inner .staff_wrap dl.dl_02 .dd_03 {
  background-image: url(../img/staff_dd_04.png);
  background-size: 92px 22px;
}

#product > .inner .staff_wrap dl.dl_03 .dt_01 {
  background-image: url(../img/staff_dt_05.png);
  background-size: 27px 14px;
}

#product > .inner .staff_wrap dl.dl_03 .dd_01 {
  background-image: url(../img/staff_dd_05.png);
  background-size: 36px 12px;
}

#product > .inner .staff_wrap dl.dl_03 .dt_02 {
  background-image: url(../img/staff_dt_06.png);
  background-size: 55px 14px;
}

#product > .inner .staff_wrap dl.dl_03 .dd_02 {
  background-image: url(../img/staff_dd_06.png);
  background-size: 193px 20px;
}

#product > .inner .package_wrap {
  width: 910px;
  margin: 0 auto 75px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#product > .inner .package_wrap .item {
  width: 366px;
  padding: 0 10px;
}

#product > .inner .package_wrap .item a {
  display: block;
  width: 355px;
  height: 43px;
  margin: 25px auto 0;
  border-radius: 6px;
  background-color: #eedabd;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#product > .inner .package_wrap .item a:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#product > .inner .package_wrap .item_01 {
  height: 405px;
}

#product > .inner .package_wrap .item_01 .img {
  width: 364px;
  height: 318px;
  border: 1px solid #b7a9a2;
  border-radius: 6px;
  background-image: url(../img/product_image_01.png);
  background-size: 366px 320px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#product > .inner .package_wrap .item_01 a {
  background-image: url(../img/product_btn_01.png);
  background-size: 175px 29px;
  background-position: 50% 7px;
}

#product > .inner .package_wrap .item_02 {
  height: 405px;
}

#product > .inner .package_wrap .item_02 .img {
  width: 435px;
  height: 320px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#product > .inner .package_wrap .item_02 .img_01 {
  width: 195px;
  height: 318px;
  border: 1px solid #b7a9a2;
  border-radius: 6px;
  background-image: url(../img/product_image_02.png);
  background-size: 197px 320px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#product > .inner .package_wrap .item_02 .img_02 {
  width: 225px;
  height: 318px;
  border: 1px solid #b7a9a2;
  border-radius: 6px;
  background-image: url(../img/product_image_03.png);
  background-size: 227px 320px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#product > .inner .package_wrap .item_02 a {
  background-image: url(../img/product_btn_02.png);
  background-size: 230px 16px;
  background-position: 50% 14px;
}

#product > .inner .package_wrap .item_03 a {
  background-image: url(../img/product_btn_03.png);
  background-size: 271px 16px;
  background-position: 50% 14px;
}

#product > .inner .list_wrap {
  width: 960px;
  margin: 0 auto;
}

#product > .inner .list_wrap h3 {
  width: 960px;
  height: 12px;
  background-position: 100% 0;
  background-repeat: no-repeat;
  font-size: 0;
}

#product > .inner .list_wrap .inner {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#product > .inner .list_wrap .inner dl {
  width: 480px;
  margin: 40px 0 30px;
}

#product > .inner .list_wrap .inner dl dt {
  margin: 0 0 10px;
  color: #b7a9a2;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#product > .inner .list_wrap .inner dl dd {
  margin: 0 0 30px;
  color: #684c3d;
  font-size: 18px;
  font-weight: 400;
  line-height: 180%;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#product > .inner .list_wrap .inner dl dd span {
  font-size: 12px;
  color: #d29b97;
}

#product > .inner .product_wrap h3 {
  background-image: url(../img/product_h3_01.png);
  background-size: 960px 16px;
}

#product > .inner .spec_wrap h3 {
  background-image: url(../img/product_h3_02.png);
  background-size: 960px 15px;
}

#product > .inner .caution {
  width: 960px;
  margin: 0 auto;
  color: #d29b97;
}

#product > .inner .caution li {
  font-size: 12px;
  line-height: 180%;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#product > .inner .caution li::before {
  content: "※";
}

#footer {
  padding: 170px 0 100px;
}

#footer .novamicus {
  width: 204px;
  height: 68px;
  margin: 0 auto;
  background-image: url(../img/footer_maker.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#footer .btns {
  padding: 75px 0 120px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#footer .btns li {
  width: 48px;
  height: 48px;
  margin: 0 10px;
}

#footer .btns li a {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background-color: #eedabd;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#footer .btns li a:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#footer .btns li.item_01 a {
  background-image: url(../img/footer_icon_01.png);
}

#footer .btns li.item_02 a {
  background-image: url(../img/footer_icon_02.png);
}

#footer .btns li.item_03 a {
  background-image: url(../img/footer_icon_03.png);
}

#footer .copy {
  color: #baafa6;
  font-size: 13px;
  line-height: 180%;
  text-align: center;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#footer .tm {
  position: relative;
  left: 0.3em;
  color: #baafa6;
  font-size: 13px;
  line-height: 180%;
  text-align: center;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 90;
}

#modal .eventcg_inner,
#modal .background_inner,
#modal .movie_inner,
#modal .gallery_inner {
  position: absolute;
  width: 720px;
  height: 405px;
  padding: 12px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #fff;
  overflow: hidden;
}

#modal .eventcg_inner div,
#modal .background_inner div,
#modal .movie_inner div,
#modal .gallery_inner div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: none;
}

#modal .eventcg_inner div p,
#modal .background_inner div p,
#modal .movie_inner div p,
#modal .gallery_inner div p {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#modal .gallery_inner {
  width: 720px;
  height: 1090px;
}

#modal .background_inner {
  padding-bottom: 50px;
}

#modal #zoom_c01_01 {
  background-image: url(../cg/ch/cgA01.png);
}

#modal #zoom_c01_02 {
  background-image: url(../cg/ch/cgA02.png);
}

#modal #zoom_c01_03 {
  background-image: url(../cg/ch/cgA03.png);
}

#modal #zoom_c01_04 {
  background-image: url(../cg/ch/cgA04.png);
}

#modal #zoom_c01_05 {
  background-image: url(../cg/ch/cgA05.png);
}

#modal #zoom_c01_06 {
  background-image: url(../cg/ch/cgA06.png);
}

#modal #zoom_c02_01 {
  background-image: url(../cg/ch/cgB01.png);
}

#modal #zoom_c02_02 {
  background-image: url(../cg/ch/cgB02.png);
}

#modal #zoom_c02_03 {
  background-image: url(../cg/ch/cgB03.png);
}

#modal #zoom_c02_04 {
  background-image: url(../cg/ch/cgB04.png);
}

#modal #zoom_c02_05 {
  background-image: url(../cg/ch/cgB05.png);
}

#modal #zoom_c02_06 {
  background-image: url(../cg/ch/cgB06.png);
}

#modal #zoom_c03_01 {
  background-image: url(../cg/ch/cgC01.png);
}

#modal #zoom_c03_02 {
  background-image: url(../cg/ch/cgC02.png);
}

#modal #zoom_c03_03 {
  background-image: url(../cg/ch/cgC03.png);
}

#modal #zoom_c03_04 {
  background-image: url(../cg/ch/cgC04.png);
}

#modal #zoom_c03_05 {
  background-image: url(../cg/ch/cgC05.png);
}

#modal #zoom_c03_06 {
  background-image: url(../cg/ch/cgC06.png);
}

#modal #zoom_c04_01 {
  background-image: url(../cg/ch/cgD01.png);
}

#modal #zoom_c04_02 {
  background-image: url(../cg/ch/cgD02.png);
}

#modal #zoom_c04_03 {
  background-image: url(../cg/ch/cgD03.png);
}

#modal #zoom_c04_04 {
  background-image: url(../cg/ch/cgD04.png);
}

#modal #zoom_c04_05 {
  background-image: url(../cg/ch/cgD05.png);
}

#modal #zoom_c04_06 {
  background-image: url(../cg/ch/cgD06.png);
}

#modal #zoom_c05_01 {
  background-image: url(../cg/ch/cgE01.png);
}

#modal #zoom_c05_02 {
  background-image: url(../cg/ch/cgE02.png);
}

#modal #zoom_c05_03 {
  background-image: url(../cg/ch/cgE03.png);
}

#modal #zoom_c05_04 {
  background-image: url(../cg/ch/cgE04.png);
}

#modal #zoom_c05_05 {
  background-image: url(../cg/ch/cgE05.png);
}

#modal #zoom_c05_06 {
  background-image: url(../cg/ch/cgE06.png);
}

#modal #zoom_c06_01 {
  background-image: url(../cg/ch/cgF01.png);
}

#modal #zoom_c06_02 {
  background-image: url(../cg/ch/cgF02.png);
}

#modal #zoom_c06_03 {
  background-image: url(../cg/ch/cgF03.png);
}

#modal #zoom_c06_04 {
  background-image: url(../cg/ch/cgF04.png);
}

#modal #zoom_c06_05 {
  background-image: url(../cg/ch/cgF05.png);
}

#modal #zoom_c06_06 {
  background-image: url(../cg/ch/cgF06.png);
}

#modal #zoom_g01 {
  background-image: url(../cg/gallery/ga01.png);
}

#modal #zoom_g02 {
  background-image: url(../cg/gallery/ga02.png);
}

#modal #zoom_g03 {
  background-image: url(../cg/gallery/ga03.png);
}

#modal #zoom_g04 {
  background-image: url(../cg/gallery/ga04.png);
}

#modal #zoom_g05 {
  background-image: url(../cg/gallery/ga05.png);
}

#modal #zoom_g06 {
  background-image: url(../cg/gallery/ga06.png);
}

#modal #zoom_g07 {
  background-image: url(../cg/gallery/ga07.png);
}

#modal #zoom_g08 {
  background-image: url(../cg/gallery/ga08.png);
}

#modal #zoom_g09 {
  background-image: url(../cg/gallery/ga09.png);
}

#modal #zoom_g10 {
  background-image: url(../cg/gallery/ga10.png);
}

#modal #zoom_g11 {
  background-image: url(../cg/gallery/ga11.png);
}

#modal #zoom_g12 {
  background-image: url(../cg/gallery/ga12.png);
}

#modal #zoom_g13 {
  background-image: url(../cg/gallery/ga13.png);
}

#modal #zoom_g14 {
  background-image: url(../cg/gallery/ga14.png);
}

#modal #zoom_g15 {
  background-image: url(../cg/gallery/ga15.png);
}

#modal .close {
  position: fixed;
  width: 38px;
  height: 38px;
  top: 30px;
  right: 30px;
  background-image: url(../img/modal_close.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#modal .close:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 101;
}

#loading .inner {
  position: absolute;
  width: 300px;
  height: 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 1px;
  background-color: #eee;
  overflow: hidden;
}

#loading .inner .bar {
  position: absolute;
  width: 0%;
  height: 2px;
  top: 0;
  left: 0;
  background-color: #9dd7e0;
}

#loading_cover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  z-index: 100;
}

#body_product #header {
  padding: 0 32px 90px;
}

#body_product #header .header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 13;
}

#body_product #header .header .platform_01 {
  width: 82px;
  height: 82px;
  background-image: url(../img/jumbo_platform_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

#body_product #header .header .platform_01:hover {
  opacity: 0.5;
}

#body_product #header h1 {
  display: none;
}

#body_product #header h2 {
  position: relative;
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 12px;
  background-image: url(../img/product/product_h2_bk.png);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#body_product #header h2 span {
  position: absolute;
  display: block;
  width: 239px;
  height: 87px;
  margin: auto;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  background-image: url(../img/product/product_h2.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #relative_nav {
  padding: 35px 0 30px;
  background: transparent !important;
}

#body_product #product_info {
  width: 960px;
  margin: 0 auto;
  border-radius: 6px;
  background-image: url(../img/product/info_bk.png);
  background-size: 960px 2356px;
}

#body_product #product_info .header {
  padding: 45px 0 40px;
}

#body_product #product_info .header h3 {
  width: 184px;
  height: 58px;
  margin: 0 auto;
  background-image: url(../img/product/info_h3.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #product_info .product_info_section {
  padding: 0 0 50px;
}

#body_product #product_info .product_info_section h4 {
  width: 746px;
  height: 40px;
  margin: 0 auto 30px;
  border-radius: 6px;
  background-color: #eedabd;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #product_info .product_info_section .price {
  margin: 35px 0 0;
}

#body_product #product_info .product_info_section .price p {
  margin: 0 auto;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #product_info .product_info_section .price .price {
  display: block;
  width: 266px;
  height: 32px;
  margin: 20px auto 0;
  border-radius: 6px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #product_info #memorial {
  padding-top: 120px;
  margin-top: -120px;
}

#body_product #product_info #memorial h4 {
  background-image: url(../img/product/info_h4_01.png);
  background-size: 357px 16px;
}

#body_product #product_info #memorial .img {
  width: 960px;
  height: 407px;
  background-image: url(../img/product/info_img_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #product_info #memorial .lineup {
  width: 700px;
  height: 426px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#body_product #product_info #memorial .lineup dt, #body_product #product_info #memorial .lineup dd {
  width: 350px !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

#body_product #product_info #memorial .lineup dt {
  margin-bottom: 10px;
}

#body_product #product_info #memorial .lineup dd {
  margin-bottom: 30px;
}

#body_product #product_info #memorial .lineup .dt_01 {
  width: 146px;
  height: 15px;
  background-image: url(../img/product/info_dt_01.png);
}

#body_product #product_info #memorial .lineup .dt_02 {
  width: 141px;
  height: 15px;
  background-image: url(../img/product/info_dt_02.png);
}

#body_product #product_info #memorial .lineup .dt_03 {
  width: 98px;
  height: 15px;
  background-image: url(../img/product/info_dt_03.png);
}

#body_product #product_info #memorial .lineup .dt_04 {
  width: 178px;
  height: 15px;
  background-image: url(../img/product/info_dt_04.png);
}

#body_product #product_info #memorial .lineup .dt_05 {
  width: 264px;
  height: 15px;
  background-image: url(../img/product/info_dt_05.png);
}

#body_product #product_info #memorial .lineup .dt_06 {
  width: 182px;
  height: 15px;
  background-image: url(../img/product/info_dt_06.png);
}

#body_product #product_info #memorial .lineup .dt_07 {
  width: 148px;
  height: 15px;
  background-image: url(../img/product/info_dt_07.png);
}

#body_product #product_info #memorial .lineup .dt_08 {
  width: 352px;
  height: 18px;
  background-image: url(../img/product/info_dt_08.png);
}

#body_product #product_info #memorial .lineup .dt_09 {
  width: 123px;
  height: 15px;
  background-image: url(../img/product/info_dt_09.png);
}

#body_product #product_info #memorial .lineup .dt_10 {
  width: 121px;
  height: 15px;
  background-image: url(../img/product/info_dt_10.png);
}

#body_product #product_info #memorial .lineup .dd_01 {
  width: 312px;
  height: 32px;
  background-image: url(../img/product/info_dd_01.png);
}

#body_product #product_info #memorial .lineup .dd_02 {
  width: 316px;
  height: 31px;
  background-image: url(../img/product/info_dd_02.png);
}

#body_product #product_info #memorial .lineup .dd_03 {
  width: 310px;
  height: 32px;
  background-image: url(../img/product/info_dd_03.png);
}

#body_product #product_info #memorial .lineup .dd_04 {
  width: 312px;
  height: 111px;
  background-image: url(../img/product/info_dd_04.png);
}

#body_product #product_info #memorial .lineup .dd_05 {
  width: 323px;
  height: 32px;
  background-image: url(../img/product/info_dd_05.png);
}

#body_product #product_info #memorial .lineup .dd_06 {
  width: 239px;
  height: 12px;
  background-image: url(../img/product/info_dd_06.png);
}

#body_product #product_info #memorial .lineup .dd_07 {
  width: 355px;
  height: 12px;
  background-image: url(../img/product/info_dd_07.png);
}

#body_product #product_info #memorial .lineup .dd_08 {
  width: 344px;
  height: 13px;
  background-image: url(../img/product/info_dd_08.png);
}

#body_product #product_info #memorial .lineup .dd_09 {
  width: 232px;
  height: 12px;
  background-image: url(../img/product/info_dd_09.png);
}

#body_product #product_info #memorial .price p {
  width: 357px;
  height: 42px;
  background-image: url(../img/product/info_price_label_01.png);
}

#body_product #product_info #memorial .price .price {
  background-color: #d29b97;
  background-image: url(../img/product/info_price_01.png);
  background-size: 114px 15px;
}

#body_product #product_info #standard {
  padding-top: 120px;
  margin-top: -120px;
}

#body_product #product_info #standard h4 {
  background-image: url(../img/product/info_h4_02.png);
  background-size: 278px 16px;
}

#body_product #product_info #standard .img_wrap {
  width: 548px;
  height: 400px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#body_product #product_info #standard .img_wrap .img_01 {
  width: 244px;
  height: 398px;
  border-radius: 6px;
  border: 1px solid #b7a9a2;
  background-image: url(../img/product/info_img_02.png);
  background-size: 246px 400px;
}

#body_product #product_info #standard .img_wrap .img_02 {
  width: 282px;
  height: 398px;
  border-radius: 6px;
  border: 1px solid #b7a9a2;
  background-image: url(../img/product/info_img_03.png);
  background-size: 284px 400px;
}

#body_product #product_info #standard .price p {
  width: 278px;
  height: 16px;
  background-image: url(../img/product/info_price_label_02.png);
}

#body_product #product_info #standard .price .price {
  background-color: #7cbece;
  background-image: url(../img/product/info_price_02.png);
  background-size: 104px 15px;
}

#body_product #product_info #download {
  padding-top: 120px;
  margin-top: -120px;
}

#body_product #product_info #download h4 {
  background-image: url(../img/product/info_h4_03.png);
  background-size: 330px 15px;
}

#body_product #product_info #download .img {
  width: 548px;
  height: 191px;
  margin: 0 auto;
  border-radius: 6px;
  border: 1px solid #b7a9a2;
  background-image: url(../img/product/info_img_04.png);
  background-size: 550px 193px;
}

#body_product #product_info #download .price p {
  width: 330px;
  height: 15px;
  background-image: url(../img/product/info_price_label_03.png);
}

#body_product #product_info #download .price .price {
  background-color: #c29e78;
  background-image: url(../img/product/info_price_03.png);
  background-size: 104px 15px;
}

#body_product #product_info #download .btns {
  padding: 40px 0 35px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#body_product #product_info #download .btns .btn {
  display: block;
  margin: 0 30px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #product_info #download .btns span {
  opacity: 0.3;
}

#body_product #product_info #download .btns a {
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
}

#body_product #product_info #download .btns a:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#body_product #product_info #download .btns .btn_01 {
  width: 157px;
  height: 49px;
  background-image: url(../img/product/info_btn_01.png);
}

#body_product #product_info #download .btns .btn_02 {
  width: 188px;
  height: 49px;
  border: 1px solid #b7a9a2;
  border-radius: 6px;
  background-image: url(../img/product/info_btn_02.png);
}

#body_product #product_info #download .btns .btn_03 {
  width: 144px;
  height: 43px;
  background-image: url(../img/product/info_btn_03.png);
}

#body_product #product_info #download .caution {
  width: 500px;
  margin: 0 auto;
}

#body_product #product_info #download .caution li {
  color: #d29b97;
  font-size: 12px;
  line-height: 160%;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#body_product #product_info #download .caution li::before {
  content: "※";
}

#body_product #shop {
  width: 960px;
  margin: 50px auto 0;
  padding-top: 120px;
  margin-top: -70px;
}

#body_product #shop .caution {
  padding-top: 40px;
  font-size: 12px;
  color: #d29b97;
  -webkit-transform: rotate(0.04deg);
  transform: rotate(0.04deg);
}

#body_product #special .header {
  padding-bottom: 60px;
}

#body_product #special .header h3 {
  width: 258px;
  height: 58px;
  margin: 0 auto;
  background-image: url(../img/product/special_h3.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #special .inner {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_product #special .inner .item {
  position: relative;
  width: 462px;
  padding-bottom: 60px;
  margin-bottom: 35px;
}

#body_product #special .inner .item h4 {
  height: 40px;
  margin: 0 0 10px;
  border-radius: 6px;
  background-color: #eedabd;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #special .inner .item .img {
  width: 460px;
  height: 649px;
  margin: 0 0 20px;
  border-radius: 6px;
  border: 1px solid #b7a9a2;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#body_product #special .inner .item ul {
  margin: 0 auto;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #special .inner .item .btn {
  position: absolute;
  display: block;
  width: 300px;
  height: 40px;
  left: 50%;
  bottom: 0;
  margin-left: -150px;
  border-radius: 6px;
  background-color: #7cbece;
  background-image: url(../img/product/special_btn_01.png);
  background-size: 82px 15px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
  font-size: 0;
}

#body_product #special .inner .item .btn:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#body_product #special .inner .item_01 h4 {
  background-image: url(../img/product/special_shop_01_name.png);
  background-size: 80px 15px;
}

#body_product #special .inner .item_01 .img {
  background-image: url(../img/product/special_shop_01_img.png);
}

#body_product #special .inner .item_01 ul {
  width: 256px;
  height: 147px;
  background-image: url(../img/product/special_shop_01_text.png);
}

#body_product #special .inner .item_02 h4 {
  background-image: url(../img/product/special_shop_02_name.png);
  background-size: 79px 14px;
}

#body_product #special .inner .item_02 .img {
  background-image: url(../img/product/special_shop_02_img.png);
}

#body_product #special .inner .item_02 ul {
  width: 362px;
  height: 147px;
  background-image: url(../img/product/special_shop_02_text.png);
}

#body_product #special .inner .item_03 h4 {
  background-image: url(../img/product/special_shop_03_name.png);
  background-size: 76px 16px;
}

#body_product #special .inner .item_03 .img {
  background-image: url(../img/product/special_shop_03_img.png);
}

#body_product #special .inner .item_03 ul {
  width: 124px;
  height: 15px;
  background-image: url(../img/product/special_shop_03_text.png);
}

#body_product #special .inner .item_04 h4 {
  background-image: url(../img/product/special_shop_04_name.png);
  background-size: 113px 16px;
}

#body_product #special .inner .item_04 .img {
  background-image: url(../img/product/special_shop_04_img.png);
}

#body_product #special .inner .item_04 ul {
  width: 124px;
  height: 15px;
  background-image: url(../img/product/special_shop_04_text.png);
}

#body_product #special .inner .item_05 h4 {
  background-image: url(../img/product/special_shop_05_name.png);
  background-size: 63px 15px;
}

#body_product #special .inner .item_05 .img {
  background-image: url(../img/product/special_shop_05_img.png);
}

#body_product #special .inner .item_05 ul {
  width: 159px;
  height: 57px;
  background-image: url(../img/product/special_shop_05_text.png);
}

#body_product #special .inner .item_06 h4 {
  background-image: url(../img/product/special_shop_06_name.png);
  background-size: 97px 16px;
}

#body_product #special .inner .item_06 .img {
  background-image: url(../img/product/special_shop_06_img.png);
}

#body_product #special .inner .item_06 ul {
  width: 124px;
  height: 15px;
  background-image: url(../img/product/special_shop_06_text.png);
}

#body_product #special .inner .item_07 h4 {
  background-image: url(../img/product/special_shop_07_name.png);
  background-size: 341px 15px;
}

#body_product #special .inner .item_07 .img {
  background-image: url(../img/product/special_shop_07_img.png);
}

#body_product #special .inner .item_07 ul {
  width: 126px;
  height: 15px;
  background-image: url(../img/product/special_shop_07_text.png);
}

#body_product #original {
  margin-top: 40px;
}

#body_product #original .header {
  padding-bottom: 60px;
}

#body_product #original .header h3 {
  width: 256px;
  height: 58px;
  margin: 0 auto;
  background-image: url(../img/product/original_h3.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #original .inner {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_product #original .inner .item {
  position: relative;
  width: 302px;
  padding-bottom: 60px;
  margin-bottom: 35px;
}

#body_product #original .inner .item h4 {
  height: 40px;
  margin: 0 0 10px;
  border-radius: 6px;
  background-color: #eedabd;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #original .inner .item .img {
  width: 300px;
  height: 200px;
  margin: 0 0 15px;
  border-radius: 6px;
  border: 1px solid #b7a9a2;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#body_product #original .inner .item ul {
  margin: 0 auto;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product #original .inner .item .btn {
  position: absolute;
  display: block;
  width: 260px;
  height: 40px;
  left: 50%;
  bottom: 0;
  margin-left: -130px;
  border-radius: 6px;
  background-color: #7cbece;
  background-image: url(../img/product/original_btn_01.png);
  background-size: 82px 15px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  cursor: pointer;
  font-size: 0;
}

#body_product #original .inner .item .btn:hover {
  opacity: 0.5;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

#body_product #original .inner .item_01 h4 {
  background-image: url(../img/product/original_shop_01_name.png);
  background-size: 62px 15px;
}

#body_product #original .inner .item_01 .img {
  background-image: url(../img/product/original_shop_01_img.png);
}

#body_product #original .inner .item_01 ul {
  width: 225px;
  height: 57px;
  background-image: url(../img/product/original_shop_01_text.png);
}

#body_product #original .inner .item_02 h4 {
  background-image: url(../img/product/original_shop_02_name.png);
  background-size: 47px 15px;
}

#body_product #original .inner .item_02 .img {
  background-image: url(../img/product/original_shop_02_img.png);
}

#body_product #original .inner .item_02 ul {
  width: 161px;
  height: 39px;
  background-image: url(../img/product/original_shop_02_text.png);
}

#body_product #original .inner .item_03 h4 {
  background-image: url(../img/product/original_shop_03_name.png);
  background-size: 77px 15px;
}

#body_product #original .inner .item_03 .img {
  background-image: url(../img/product/original_shop_03_img.png);
}

#body_product #original .inner .item_03 ul {
  width: 204px;
  height: 58px;
  background-image: url(../img/product/original_shop_03_text.png);
}

#body_product #original .inner .item_04 h4 {
  background-image: url(../img/product/original_shop_04_name.png);
  background-size: 74px 14px;
}

#body_product #original .inner .item_04 .img {
  background-image: url(../img/product/original_shop_04_img.png);
}

#body_product #original .inner .item_04 ul {
  width: 79px;
  height: 15px;
  background-image: url(../img/product/original_shop_04_text.png);
}

#body_product #original .inner .item_05 h4 {
  background-image: url(../img/product/original_shop_05_name.png);
  background-size: 134px 15px;
}

#body_product #original .inner .item_05 .img {
  background-image: url(../img/product/original_shop_05_img.png);
}

#body_product #original .inner .item_05 ul {
  width: 124px;
  height: 39px;
  background-image: url(../img/product/original_shop_05_text.png);
}

#body_product #original .inner .item_06 h4 {
  background-image: url(../img/product/original_shop_06_name.png);
  background-size: 106px 14px;
}

#body_product #original .inner .item_06 .img {
  background-image: url(../img/product/original_shop_06_img.png);
}

#body_product #original .inner .item_06 ul {
  width: 124px;
  height: 15px;
  background-image: url(../img/product/original_shop_06_text.png);
}

#body_product #original .inner .item_07 h4 {
  background-image: url(../img/product/original_shop_07_name.png);
  background-size: 79px 16px;
}

#body_product #original .inner .item_07 .img {
  background-image: url(../img/product/original_shop_07_img.png);
}

#body_product #original .inner .item_07 ul {
  width: 161px;
  height: 115px;
  background-image: url(../img/product/original_shop_07_text.png);
}

#body_product #original .inner .item_08 h4 {
  background-image: url(../img/product/original_shop_08_name.png);
  background-size: 30px 16px;
}

#body_product #original .inner .item_08 .img {
  background-image: url(../img/product/original_shop_08_img.png);
}

#body_product #original .inner .item_08 ul {
  width: 143px;
  height: 15px;
  background-image: url(../img/product/original_shop_08_text.png);
}

#body_product #original .inner .item_09 h4 {
  background-image: url(../img/product/original_shop_09_name.png);
  background-size: 158px 16px;
}

#body_product #original .inner .item_09 .img {
  background-image: url(../img/product/original_shop_09_img.png);
}

#body_product #original .inner .item_09 ul {
  width: 142px;
  height: 15px;
  background-image: url(../img/product/original_shop_09_text.png);
}

#body_product #original .inner .item_10 h4 {
  background-image: url(../img/product/original_shop_10_name.png);
  background-size: 157px 15px;
}

#body_product #original .inner .item_10 .img {
  background-image: url(../img/product/original_shop_10_img.png);
}

#body_product #original .inner .item_10 ul {
  width: 92px;
  height: 32px;
  background-image: url(../img/product/original_shop_10_text.png);
}

#body_product #original .inner .item_11 h4 {
  background-image: url(../img/product/original_shop_11_name.png);
  background-size: 93px 15px;
}

#body_product #original .inner .item_11 .img {
  background-image: url(../img/product/original_shop_11_img.png);
}

#body_product #original .inner .item_11 ul {
  width: 142px;
  height: 15px;
  background-image: url(../img/product/original_shop_11_text.png);
}

#language_toggle {
  display: none;
}

#language {
  position: absolute;
  width: 120px;
  height: 72px;
  top: 0;
  right: 0;
  background-color: #fff;
  -webkit-transition: 0.2s ease height;
  transition: 0.2s ease height;
  z-index: 30;
  overflow: hidden;
}

#language label {
  display: block;
  width: 120px;
  height: 72px;
  background-image: url(../img/language.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

#language label:hover {
  opacity: 0.5;
}

#language ul {
  width: 120px;
  border-top: 1px solid #d4d5d9;
}

#language ul li {
  width: 120px;
  height: 30px;
  border-bottom: 1px solid #d4d5d9;
}

#language ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 17px 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

#language ul li a:hover {
  opacity: 0.5;
}

#language ul li.jp a {
  background-image: url(../img/language_jp.png);
  background-size: 38px 13px;
}

#language ul li.en a {
  background-image: url(../img/language_en.png);
  background-size: 59px 11px;
}

#language ul li.cn a {
  background-image: url(../img/language_cn.png);
  background-size: 55px 13px;
}

#language ul li.tw a {
  background-image: url(../img/language_tw.png);
  background-size: 55px 13px;
}

#language_toggle:checked + #language {
  height: 208px;
}
/*# sourceMappingURL=style.css.map */