@charset "UTF-8";
body {
  margin: 0;
}

#contents_block {
  position: relative;
  min-width: 1200px;
  line-height: 1.6;
  color: #000;
  text-align: left;
  overflow: hidden;
  /* ========== contents_header ========== */
  /* ========== mv ========== */
  /* ========== nav ========== */
  /* ========== bg ========== */
  /* ========== inner ========== */
  /* ========== campaign ========== */
  /* ========== movie_area ========== */
  /* ========== products ========== */
  /* ========== attention ========== */
  /* ========== under_wrap ========== */
  /* ========== under_bg ========== */
  /* ========== under_mv ========== */
  /* ========== chara_movie ========== */
  /* ========== under_bnr ========== */
  /* ========== margin ========== */
}
@media screen and (max-width:767px) {
  #contents_block {
    min-width: 100%;
  }
}
#contents_block * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
#contents_block img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}
@media screen and (max-width:767px) {
  #contents_block img {
    width: 100%;
  }
}
#contents_block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#contents_block ol,
#contents_block dl, #contents_block dt, #contents_block dd,
#contents_block p {
  margin: 0;
  padding: 0;
}
#contents_block a[href^="tel:"] {
  font-size: 100%;
  pointer-events: none;
  text-decoration: none;
  cursor: default;
  color: inherit;
}
@media screen and (max-width:767px) {
  #contents_block a[href^="tel:"] {
    pointer-events: auto;
  }
}
#contents_block .js-animate.fadeIn01 {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
#contents_block .js-animate.fadeIn01.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#contents_block .js-animate.bounce01 {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#contents_block .js-animate.bounce01.is-animated {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s cubic-bezier(0.245, 0.14, 0.26, 1.41);
  transition: all 0.5s cubic-bezier(0.245, 0.14, 0.26, 1.41);
}
@media print {
  #contents_block .js-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-sm-min {
    display: none !important;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .u-sm-max {
    display: none !important;
  }
}
#contents_block * {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}
#contents_block a {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#contents_block .contents_header * {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}
@media only screen and (min-width: 641px) {
  #contents_block .contents_header {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  #contents_block .contents_header .inner {
    height: auto;
    background: #da0000;
  }
  #contents_block .contents_header .inner .sp_header {
    display: none;
  }
  #contents_block .contents_header .inner ul.hnav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 55px;
    width: 980px;
    margin: 0 auto;
  }
  #contents_block .contents_header .inner ul.hnav li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(1) {
    width: 272px;
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(2) {
    width: 176.5px;
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(3) {
    width: 176.5px;
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(4) {
    width: 176.5px;
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(5) {
    width: 178.5px;
  }
  #contents_block .contents_header .inner ul.hnav li img {
    max-width: 100%;
  }
  #contents_block .contents_nav {
    clear: both;
    background: #da0000;
  }
  #contents_block .contents_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0;
    width: 980px;
    height: 55px;
    overflow: hidden;
    _zoom: 1;
  }
  #contents_block .contents_nav ul li {
    height: 55px;
    overflow: hidden;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  #contents_block .contents_nav ul li:nth-child(1) {
    width: 273px;
  }
  #contents_block .contents_nav ul li:nth-child(2) {
    width: 175px;
  }
  #contents_block .contents_nav ul li:nth-child(3) {
    width: 178px;
  }
  #contents_block .contents_nav ul li:nth-child(4) {
    width: 175px;
  }
  #contents_block .contents_nav ul li:nth-child(5) {
    width: 178px;
  }
  #contents_block .contents_nav ul li img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #contents_block .contents_header {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  #contents_block .contents_header .inner {
    width: 100%;
    margin: 0 auto;
  }
  #contents_block .contents_header .inner .sp_header {
    padding-top: 13.625%;
    overflow: hidden;
    background: #DA0101;
    position: relative;
  }
  #contents_block .contents_header .inner .sp_header:after {
    content: "";
    display: block;
    clear: both;
  }
  #contents_block .contents_header .inner .sp_header .brand_logo {
    float: left;
    text-align: left;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #contents_block .contents_header .inner .sp_header .brand_logo img {
    width: auto;
    height: 100%;
  }
  #contents_block .contents_header .inner .sp_header .sp_nav_btn {
    float: right;
    width: 13.93%;
    height: 100%;
    background: url(../images/common/20_sp_nav_btn.png) no-repeat 0 0;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }
  #contents_block .contents_header .inner .sp_header .sp_nav_btn.is-open {
    background-position: 0 100%;
  }
  #contents_block .contents_header .inner ul.hnav {
    clear: left;
    display: none;
  }
  #contents_block .contents_header .inner ul.hnav li a {
    display: block;
    width: 100%;
    padding-top: 15.2%;
    height: 0;
    overflow: hidden;
    background-size: cover !important;
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(1) a {
    background: url(../images/common/20_sp_gnav01.png);
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(2) a {
    background: url(../images/common/20_sp_gnav02.png);
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(3) a {
    background: url(../images/common/20_sp_gnav03.png);
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(4) a {
    background: url(../images/common/20_sp_gnav04.png);
  }
  #contents_block .contents_header .inner ul.hnav li:nth-child(5) a {
    background: url(../images/common/20_sp_gnav05.png);
  }
  #contents_block .contents_nav {
    margin: 0 auto;
    width: 100%;
    clear: both;
    overflow: hidden;
    display: block;
  }
  #contents_block .contents_nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  #contents_block .contents_nav ul li a {
    display: block;
    padding-top: 15.2%;
    height: 0;
    overflow: hidden;
    background-size: cover !important;
  }
  #contents_block .contents_nav ul li:nth-child(1) a {
    background: url(../images/common/20_sp_gnav01.png);
  }
  #contents_block .contents_nav ul li:nth-child(2) a {
    background: url(../images/common/20_sp_gnav02.png);
  }
  #contents_block .contents_nav ul li:nth-child(3) a {
    background: url(../images/common/20_sp_gnav03.png);
  }
  #contents_block .contents_nav ul li:nth-child(4) a {
    background: url(../images/common/20_sp_gnav04.png);
  }
  #contents_block .contents_nav ul li:nth-child(5) a {
    background: url(../images/common/20_sp_gnav05.png);
  }
}
#contents_block .mv {
  background: url(../images/mv_bg.png) center 0 no-repeat;
  background-size: 100% auto;
  padding-bottom: 150px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  #contents_block .mv {
    background: url(../images/mv_bg_sp.png) center 0 no-repeat;
    background-size: 100% auto;
    padding-bottom: 8vw;
  }
}
#contents_block .mv:before {
  content: "";
  position: absolute;
  top: 690px;
  left: 0;
  width: 100%;
  height: 100%;
  /*
  background:url(../images/mv_cover.png) 0 0 repeat;
  background-size:100% 100%;
  */
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgb(255, 255, 255)), color-stop(88%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(0deg, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 88%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv:before {
    top: 537.6623376623px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv:before {
    top: 60.5333333333vw;
  }
}
#contents_block .mv:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 221px;
  background: url(../images/mv_bottom.png) 0 0 repeat;
  background-size: auto 100%;
  z-index: 4;
}
@media screen and (max-width:767px) {
  #contents_block .mv:after {
    background: url(../images/mv_bottom_sp.png) 0 0 repeat;
    background-size: auto 100%;
    height: 11.2vw;
  }
}
#contents_block .mv.is-animated .mv_chara {
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
          transform: translate3d(0, 0px, 0);
}
#contents_block .mv.is-animated .mv_ttl {
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0px, 0);
          transform: translate3d(-50%, 0px, 0);
}
#contents_block .mv.is-animated .mv_pkg {
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0px, 0);
          transform: translate3d(-50%, 0px, 0);
}
#contents_block .mv.is-animated .mv_plate {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0px, 0);
          transform: translate3d(0%, 0px, 0);
}
#contents_block .mv.is-animated .mv_copyright {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0px, 0);
          transform: translate3d(0%, 0px, 0);
}
#contents_block .mv .mv_inner {
  position: relative;
  width: 1540px;
  margin: 0 auto;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_inner {
    width: 1200px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_inner {
    width: 100%;
  }
}
#contents_block .mv .mv_head {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -429px;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_head {
    margin-left: -334.2857142857px;
    width: 668.5714285714px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_head {
    width: 73.0666666667vw;
    top: 0;
    left: 2.4vw;
    margin-left: 0;
  }
}
#contents_block .mv .mv_logo {
  position: absolute;
  top: 40px;
  right: 75px;
  width: 210px;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_logo {
    top: 31.1688311688px;
    right: 58.4415584416px;
    width: 163.6363636364px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_logo {
    display: none;
  }
}
#contents_block .mv .mv_copy {
  position: absolute;
  top: 155px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  /*
  opacity: 0;
  transform: translate(-50%,50px) scale(0.8);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: 0.4s;
  &.is-animated{
  	opacity: 1;
  	transform: translate(-50%,0);
  }
  */
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_copy {
    top: 120.7792207792px;
    width: 517.4025974026px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_copy {
    width: 55.6vw;
    top: 12.5333333333vw;
    left: 50%;
  }
}
#contents_block .mv .mv_chara {
  margin: 0 auto;
  padding-top: 171px;
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translate3d(0, 60px, 0);
          transform: translate3d(0, 60px, 0);
  -webkit-transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_chara {
    padding-top: 133.2467532468px;
    width: 1200px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_chara {
    padding-top: 34vw;
    width: 88.1333333333vw;
    margin-left: 1.3333333333vw;
  }
}
#contents_block .mv .mv_block {
  position: absolute;
  z-index: 5;
  width: 100%;
  top: 0;
  left: 0;
}
#contents_block .mv .mv_ttl {
  position: absolute;
  top: 595px;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate3d(-50%, 30px, 0);
          transform: translate3d(-50%, 30px, 0);
  -webkit-transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_ttl {
    top: 463.6363636364px;
    width: 420.7792207792px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_ttl {
    width: 49.6vw;
    top: 87.3333333333vw;
  }
}
#contents_block .mv .mv_pkg {
  position: absolute;
  top: 727px;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate3d(-50%, 30px, 0);
          transform: translate3d(-50%, 30px, 0);
  -webkit-transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_pkg {
    top: 566.4935064935px;
    width: 314.8051948052px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_pkg {
    width: 39.2vw;
    top: 101.0666666667vw;
  }
}
#contents_block .mv .mv_plate {
  position: absolute;
  top: 773px;
  left: 226px;
  opacity: 0;
  -webkit-transform: translate3d(0%, 30px, 0);
          transform: translate3d(0%, 30px, 0);
  -webkit-transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_plate {
    top: 602.3376623377px;
    left: 176.1038961039px;
    width: 941.2987012987px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_plate {
    width: 67.0666666667vw;
    top: 68vw;
    left: 16.4vw;
  }
}
#contents_block .mv .mv_copyright {
  position: absolute;
  top: 943px;
  left: 286px;
  opacity: 0;
  -webkit-transform: translate3d(0%, 30px, 0);
          transform: translate3d(0%, 30px, 0);
  -webkit-transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}
#contents_block .mv .mv_copyright span {
  font-weight: bold;
  font-size: 15px;
  display: block;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_copyright span {
    font-size: 11.6883116883px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_copyright span {
    font-size: 1.6vw;
  }
}
#contents_block .mv .mv_copyright a {
  color: #231815;
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (min-width:768px) {
  #contents_block .mv .mv_copyright a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_copyright a {
    color: #fff;
  }
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_copyright {
    top: 734.8051948052px;
    left: 222.8571428571px;
    font-size: 9.3506493506px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_copyright {
    top: 2.4vw;
    right: 2.1333333333vw;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translate3d(0%, 0px, 0);
            transform: translate3d(0%, 0px, 0);
    text-align: right;
    font-size: 1.3333333333vw;
  }
}
#contents_block .mv .mv_txt {
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_txt {
    width: 757.4025974026px;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_txt {
    padding-top: 34.6666666667vw;
    width: 78.1333333333vw;
  }
}
#contents_block .mv .mv_bnr {
  position: relative;
  z-index: 5;
  margin: 0 auto;
  margin-top: 90px;
}
@media screen and (max-width: 1540px) {
  #contents_block .mv .mv_bnr {
    margin-top: 70.1298701299px;
    width: 364.6753246753px;
  }
}
#contents_block .mv .mv_bnr a {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (min-width:768px) {
  #contents_block .mv .mv_bnr a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:767px) {
  #contents_block .mv .mv_bnr {
    width: 62.4vw;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
  }
}
#contents_block .sidebnr {
  position: absolute;
  bottom: 120px;
  right: 0;
  z-index: 20;
  display: none;
  width: 218px;
}
#contents_block .sidebnr a {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (min-width:768px) {
  #contents_block .sidebnr a:hover {
    opacity: 0.7;
  }
}
#contents_block .sidebnr.is-hide {
  opacity: 0 !important;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#contents_block .sidebnr.fixed {
  position: fixed;
}
@media print, screen and (min-width:768px) {
  #contents_block .sidebnr.fixed {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width:767px) {
  #contents_block .sidebnr {
    width: 67.8666666667vw;
    bottom: 4vw;
    right: auto;
    left: 4vw;
  }
}
#contents_block .nav {
  position: relative;
  z-index: 10;
  padding-top: 14px;
  padding-bottom: 14px;
}
@media screen and (max-width:767px) {
  #contents_block .nav {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
#contents_block .nav__inner {
  position: relative;
  margin: 0 auto;
  width: 1344px;
}
@media screen and (max-width:767px) {
  #contents_block .nav__inner {
    width: 100%;
    padding: 0;
  }
}
#contents_block .nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-right: 1px solid #320000;
}
@media screen and (max-width:767px) {
  #contents_block .nav__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-right: none;
    position: relative;
  }
  #contents_block .nav__list:after {
    content: "";
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
#contents_block .nav__list > li {
  height: 86px;
  font-size: 0;
  font-weight: 700;
  border-left: 1px solid #320000;
  width: 25%;
}
@media screen and (max-width:767px) {
  #contents_block .nav__list > li {
    position: relative;
    width: 50%;
    height: 15.3333333333vw;
    border-left: none;
  }
  #contents_block .nav__list > li:nth-child(1) {
    border-right: 1px solid #9f8888;
    border-bottom: 1px solid #9f8888;
  }
  #contents_block .nav__list > li:nth-child(2) {
    border-bottom: 1px solid #9f8888;
  }
  #contents_block .nav__list > li:nth-child(3) {
    border-right: 1px solid #9f8888;
  }
}
#contents_block .nav__list > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #320000;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width:767px) {
  #contents_block .nav__list > li a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#contents_block .nav__list > li a .txt {
  font-weight: 500;
  font-size: 24px;
}
@media screen and (max-width:767px) {
  #contents_block .nav__list > li a .txt {
    font-size: 4vw;
    padding-bottom: 1.7333333333vw;
  }
}
#contents_block .nav__list > li a .ico {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width:767px) {
  #contents_block .nav__list > li a .ico {
    width: 2.4vw;
    bottom: 2.6666666667vw;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .nav__list > li a:hover {
    opacity: 0.7;
  }
  #contents_block .nav__list > li a:hover .ico {
    bottom: -3px;
  }
}
#contents_block .nav .share dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 32px;
  height: 100%;
}
@media screen and (max-width:767px) {
  #contents_block .nav .share dl {
    gap: 0 2.8vw;
  }
}
#contents_block .nav .share dl dt {
  font-size: 22px;
  font-weight: 500;
  color: #320000;
}
@media screen and (max-width:767px) {
  #contents_block .nav .share dl dt {
    font-size: 2.9333333333vw;
  }
}
#contents_block .nav .share dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 18px;
}
@media screen and (max-width:767px) {
  #contents_block .nav .share dl dd ul {
    gap: 0;
  }
}
#contents_block .nav .share dl dd ul li {
  height: auto;
  background: none;
}
@media screen and (max-width:767px) {
  #contents_block .nav .share dl dd ul li {
    width: 6.6666666667vw;
    margin: 0 1.3333333333vw;
    line-height: 1;
  }
  #contents_block .nav .share dl dd ul li a {
    padding: 0;
  }
  #contents_block .nav .share dl dd ul li a img {
    width: 100%;
  }
}
#contents_block .bg {
  background: url(../images/bg.jpg) 0 0 repeat-y;
  background-size: 100% auto;
  padding-top: 230px;
}
@media screen and (max-width: 2000px) {
  #contents_block .bg {
    background-size: 2000px auto;
  }
}
@media screen and (max-width:767px) {
  #contents_block .bg {
    background: #047bd5;
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width:767px) {
  #contents_block .inner {
    width: 86vw;
    margin: 0 auto;
  }
}
#contents_block .campaign {
  margin-bottom: 220px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign {
    margin-bottom: 13.3333333333vw;
  }
}
#contents_block .campaign .campaign_ttl {
  margin-bottom: 75px;
  text-align: center;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_ttl {
    margin-bottom: 6.6666666667vw;
  }
}
#contents_block .campaign .campaign_block {
  width: 980px;
  margin: 0 auto;
  background: url(../images/campaign_bg.png) 0 0 no-repeat #fff;
  background-size: 100% auto;
  border-radius: 24px;
  overflow: hidden;
  text-align: center;
  padding-bottom: 60px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_block {
    width: 100%;
    background: url(../images/campaign_bg_sp.png) 0 0 no-repeat #fff;
    background-size: 100% auto;
    padding-bottom: 6.6666666667vw;
    border-radius: 2.6666666667vw;
    border: 2px solid #fff;
  }
}
#contents_block .campaign .campaign_subttl {
  padding-top: 58px;
  padding-bottom: 45px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_subttl {
    width: 72.9333333333vw;
    padding-top: 3.3333333333vw;
    padding-bottom: 2.6666666667vw;
    margin: 0 auto;
  }
}
#contents_block .campaign .campaign_fukidashi {
  padding-bottom: 14px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_fukidashi {
    width: 56.8vw;
    padding-bottom: 1.3333333333vw;
    margin: 0 auto;
  }
}
#contents_block .campaign .campaign_txt {
  padding-bottom: 24px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_txt {
    width: 66.9333333333vw;
    padding-bottom: 2.4vw;
    margin: 0 auto;
  }
}
#contents_block .campaign .campaign_period {
  padding-bottom: 124px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_period {
    width: 74.2666666667vw;
    padding-bottom: 13.3333333333vw;
    margin: 0 auto;
  }
}
#contents_block .campaign .campaign_otona {
  padding-bottom: 46px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_otona {
    width: 64.1333333333vw;
    padding-bottom: 6vw;
    margin: 0 auto;
  }
}
#contents_block .campaign .campaign_item {
  position: relative;
  width: 840px;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_item {
    width: 100%;
  }
}
#contents_block .campaign .campaign_item .campaign_item_ttl {
  margin-bottom: 20px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_item .campaign_item_ttl {
    width: 27.0666666667vw;
    margin: 0 auto;
    margin-bottom: 2.6666666667vw;
  }
}
#contents_block .campaign .campaign_item .campaign_item_movie {
  width: 510px;
  height: 510px;
  border: 14px solid #320000;
  border-radius: 5px;
  margin: 0 auto;
  margin-bottom: 20px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_item .campaign_item_movie {
    width: 53.3333333333vw;
    height: 53.3333333333vw;
    border-width: 1.6vw;
    margin: 0 auto;
    margin-bottom: 2.6666666667vw;
  }
}
#contents_block .campaign .campaign_item .campaign_item_label {
  font-size: 23px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.025em;
  border-radius: 18px;
  border: 1px solid #000;
  padding: 4px 25px 6px;
  display: inline-block;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_item .campaign_item_label {
    font-size: 2.4vw;
    border-radius: 1.8666666667vw;
    padding: 0.5333333333vw 2.9333333333vw 0.8vw;
  }
}
#contents_block .campaign .campaign_item .campaign_item_name {
  margin-top: 6px;
  padding-bottom: 8px;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_item .campaign_item_name {
    font-size: 2.6666666667vw;
    margin-top: 1.3333333333vw;
    padding-bottom: 0.8vw;
  }
}
#contents_block .campaign .campaign_item .campaign_item_pkg {
  position: absolute;
  bottom: 0;
  right: 22px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_item .campaign_item_pkg {
    width: 12.8vw;
    right: 3.3333333333vw;
  }
}
#contents_block .campaign .campaign_item + .campaign_item {
  margin-top: 105px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_item + .campaign_item {
    margin-top: 9.3333333333vw;
  }
}
#contents_block .campaign .campaign_h_deco01 {
  top: 292px;
  right: 80px;
  position: absolute;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_h_deco01 {
    top: 35.7333333333vw;
    right: 7.7333333333vw;
    width: 4.6666666667vw;
  }
}
#contents_block .campaign .campaign_h_deco02 {
  top: 628px;
  left: 155px;
  position: absolute;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_h_deco02 {
    top: 67.2vw;
    left: 14.6666666667vw;
    width: 5.4666666667vw;
  }
}
#contents_block .campaign .campaign_k_deco01 {
  bottom: 8px;
  left: 75px;
  position: absolute;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_k_deco01 {
    bottom: 0.4vw;
    left: 6.4vw;
    width: 15.7333333333vw;
  }
}
#contents_block .campaign .campaign_p_deco01 {
  bottom: 8px;
  left: 104px;
  position: absolute;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_p_deco01 {
    bottom: 0.4vw;
    left: 9.3333333333vw;
    width: 12.2666666667vw;
  }
}
#contents_block .campaign .campaign_fukidashi02 {
  margin-bottom: 105px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_fukidashi02 {
    width: 80.1333333333vw;
    margin: 0 auto;
    margin-bottom: 13.3333333333vw;
  }
}
#contents_block .campaign .campaign_intro {
  margin-bottom: 40px;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_intro {
    width: 64.1333333333vw;
    margin: 0 auto;
    margin-bottom: 5.3333333333vw;
  }
}
#contents_block .campaign .campaign_h_intro {
  margin-left: 65px;
  margin-right: 70px;
  text-align: left;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_h_intro {
    width: 76.5333333333vw;
    margin-left: 4vw;
    margin-right: 0;
  }
}
#contents_block .campaign .campaign_k_intro {
  margin-left: 70px;
  margin-top: 20px;
  text-align: left;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_k_intro {
    width: 76.5333333333vw;
    margin-left: 4vw;
    margin-top: 3.7333333333vw;
  }
}
#contents_block .campaign .campaign_p_intro {
  margin-left: 65px;
  margin-top: 20px;
  text-align: left;
}
@media screen and (max-width:767px) {
  #contents_block .campaign .campaign_p_intro {
    width: 76.5333333333vw;
    margin-left: 4vw;
    margin-top: 3.7333333333vw;
  }
}
#contents_block .movie_area {
  position: relative;
}
#contents_block .movie_area .icon_play {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#contents_block .products {
  margin-bottom: 210px;
}
@media screen and (max-width:767px) {
  #contents_block .products {
    margin-bottom: 13.3333333333vw;
  }
}
#contents_block .products .products_ttl {
  margin-bottom: 75px;
  text-align: center;
}
@media screen and (max-width:767px) {
  #contents_block .products .products_ttl {
    margin-bottom: 6.6666666667vw;
  }
}
#contents_block .products .products_block {
  width: 980px;
  margin: 0 auto;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
@media screen and (max-width:767px) {
  #contents_block .products .products_block {
    width: 100%;
    border-radius: 2.6666666667vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 4vw;
  }
}
#contents_block .products .products_check {
  margin-left: 316px;
  opacity: 0;
  -webkit-transform: translate(0%, 30px);
          transform: translate(0%, 30px);
  -webkit-transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#contents_block .products .products_check.is-animated {
  opacity: 1;
  -webkit-transform: translate(0%, 0);
          transform: translate(0%, 0);
}
@media screen and (max-width:767px) {
  #contents_block .products .products_check {
    width: 52.4vw;
    margin-left: 27.7333333333vw;
  }
}
#contents_block .products .products_txt {
  color: #320000;
  font-size: 22px;
  line-height: 1.6363636364;
  letter-spacing: 0.05em;
  margin-left: 320px;
  padding-top: 15px;
  padding-bottom: 40px;
  opacity: 0;
  -webkit-transform: translate(0%, 30px);
          transform: translate(0%, 30px);
  -webkit-transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
#contents_block .products .products_txt.is-animated {
  opacity: 1;
  -webkit-transform: translate(0%, 0);
          transform: translate(0%, 0);
}
@media screen and (max-width:767px) {
  #contents_block .products .products_txt {
    font-size: 2vw;
    margin-left: 28.6666666667vw;
    padding-top: 1.6vw;
    padding-bottom: 4.2666666667vw;
  }
}
#contents_block .products .products_txt span {
  font-size: 130%;
  font-weight: 700;
}
#contents_block .products .products_label {
  position: absolute;
  top: 60px;
  left: 68px;
  opacity: 0;
  -webkit-transform: translate(0%, 30px) scale(0.8);
          transform: translate(0%, 30px) scale(0.8);
  -webkit-transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.9s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
#contents_block .products .products_label.is-animated {
  opacity: 1;
  -webkit-transform: translate(0%, 0);
          transform: translate(0%, 0);
}
@media screen and (max-width:767px) {
  #contents_block .products .products_label {
    top: 5.3333333333vw;
    left: 5.6vw;
    width: 19.2vw;
  }
}
#contents_block .products ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 125px;
  padding-right: 115px;
}
@media screen and (max-width:767px) {
  #contents_block .products ul {
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
@media screen and (max-width:767px) {
  #contents_block .products ul li {
    width: 18.4vw;
  }
}
#contents_block .attention {
  text-align: center;
  /* ========== contact ========== */
  /* ========== bnr ========== */
}
#contents_block .attention .attention_ttl {
  margin-bottom: 75px;
}
@media screen and (max-width:767px) {
  #contents_block .attention .attention_ttl {
    margin-bottom: 4vw;
  }
}
#contents_block .attention .attention__txt01 {
  font-size: 30px;
  line-height: 2.0666666667;
  letter-spacing: -0.015em;
  font-weight: 600;
  color: #320000;
  margin-bottom: 85px;
}
@media screen and (max-width:767px) {
  #contents_block .attention .attention__txt01 {
    color: #fff;
    font-size: 3.2vw;
    text-align: left;
    width: 77.3333333333vw;
    margin: 0 auto;
    margin-bottom: 5.3333333333vw;
  }
}
#contents_block .attention .attention_block {
  width: 980px;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  #contents_block .attention .attention_block {
    width: 100%;
  }
}
#contents_block .attention .under .attention__txt01 {
  color: #fff;
}
#contents_block .attention__box01 {
  position: relative;
  margin-top: 50px;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01 {
    margin: 8vw 0 0;
  }
}
#contents_block .attention__box01 + .attention__box01 {
  margin-top: 30px;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01 + .attention__box01 {
    margin: 4vw 0 0;
  }
}
#contents_block .attention__box01__outer {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
#contents_block .attention__box01__inner {
  padding: 35px 40px 35px;
  letter-spacing: 0.05em;
  text-align: left;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__inner {
    padding: 4vw 5.3333333333vw;
  }
}
#contents_block .attention__box01__inner a {
  color: #c40d23;
  text-decoration: none;
}
#contents_block .attention__box01__inner p {
  font-size: 16px;
  line-height: 1.625;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__inner p {
    font-size: 3.4666666667vw;
  }
}
#contents_block .attention__box01__inner .bold {
  font-size: 20px;
  font-weight: 600;
  padding-top: 25px;
  padding-bottom: 15px;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__inner .bold {
    font-size: 4.2666666667vw;
    padding-top: 3.3333333333vw;
    padding-bottom: 2vw;
  }
}
#contents_block .attention__box01__inner ul > li {
  position: relative;
  font-size: 16px;
  color: #000;
  padding-left: 1em;
  line-height: 2;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__inner ul > li {
    font-size: 3.4666666667vw;
  }
}
#contents_block .attention__box01__inner ul > li::before {
  content: "・";
  position: absolute;
  left: 0;
}
#contents_block .attention__box01__inner ol > li {
  position: relative;
  font-size: 16px;
  color: #000;
  line-height: 1.7;
  padding-left: 1.2em;
  text-indent: -1.2em;
  list-style: none;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__inner ol > li {
    font-size: 3.4666666667vw;
    padding-left: 1em;
    text-indent: -1em;
  }
}
#contents_block .attention__box01__inner p + ol {
  margin-top: 30px;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__inner p + ol {
    margin-top: 4vw;
  }
}
#contents_block .attention__box01__ttl01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  background-color: #642828;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (min-width:768px) {
  #contents_block .attention__box01__ttl01:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__ttl01 {
    height: 13.3333333333vw;
  }
}
#contents_block .attention__box01__ttl01::before {
  content: "";
  position: absolute;
  right: 44px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  width: 28px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__ttl01::before {
    right: 2.6666666667vw;
    width: 3.7333333333vw;
    height: 0.5333333333vw;
    border-radius: 0.2666666667vw;
  }
}
#contents_block .attention__box01__ttl01::after {
  content: "";
  position: absolute;
  right: 44px;
  bottom: 50%;
  -webkit-transform: translateY(50%) rotate(90deg);
          transform: translateY(50%) rotate(90deg);
  width: 28px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__ttl01::after {
    right: 2.6666666667vw;
    width: 3.7333333333vw;
    height: 0.5333333333vw;
    border-radius: 0.2666666667vw;
  }
}
#contents_block .attention__box01__ttl01.is-active::after {
  display: none;
}
#contents_block .attention__box01__ttl01 .txt {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width:767px) {
  #contents_block .attention__box01__ttl01 .txt {
    font-size: 4.8vw;
  }
}
#contents_block .attention .acBox {
  display: none;
}
#contents_block .attention .pagetop {
  position: absolute;
  bottom: 0;
  right: 24px;
  width: 82px;
  padding-bottom: 30px;
  z-index: 200;
}
@media screen and (max-width:767px) {
  #contents_block .attention .pagetop {
    right: 2.6666666667vw;
    width: 22.9333333333vw;
    padding-bottom: 4vw;
  }
}
#contents_block .attention .pagetop.fixed {
  position: fixed;
}
@media print, screen and (min-width:768px) {
  #contents_block .attention .pagetop a:hover {
    opacity: 0.7;
  }
}
#contents_block .attention .contact {
  margin: 0 auto;
  margin-top: 80px;
  background: #fff;
  border-radius: 24px;
  width: 980px;
  position: relative;
  padding-top: 185px;
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width:767px) {
  #contents_block .attention .contact {
    margin-top: 13.3333333333vw;
    padding-top: 17.3333333333vw;
    padding-bottom: 4vw;
    width: 100%;
    border-radius: 2.6666666667vw;
  }
}
#contents_block .attention .contact .contact_ttl {
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -422px;
  width: 844px;
}
@media screen and (max-width:767px) {
  #contents_block .attention .contact .contact_ttl {
    width: 78.1333333333vw;
    top: -2.6666666667vw;
    margin-left: -39.0666666667vw;
  }
}
#contents_block .attention .contact .contact_subttl {
  margin-bottom: 35px;
}
@media screen and (max-width:767px) {
  #contents_block .attention .contact .contact_subttl {
    width: 52.2666666667vw;
    margin: 0 auto;
    margin-bottom: 2.6666666667vw;
  }
}
#contents_block .attention .contact .contact_tel {
  margin-bottom: 25px;
}
@media screen and (max-width:767px) {
  #contents_block .attention .contact .contact_tel {
    margin: 0 auto;
    margin-bottom: 2.6666666667vw;
  }
}
#contents_block .attention .contact .contact_tel a {
  pointer-events: none;
  color: #320000;
  font-size: 88px;
  font-weight: 900;
  line-height: 1;
}
@media screen and (max-width:767px) {
  #contents_block .attention .contact .contact_tel a {
    pointer-events: auto;
    font-size: 8vw;
  }
}
#contents_block .attention .contact .contact_txt {
  color: #320000;
  font-size: 20px;
}
@media screen and (max-width:767px) {
  #contents_block .attention .contact .contact_txt {
    margin: 0 auto;
    font-size: 2.6666666667vw;
  }
}
#contents_block .attention .bnr {
  padding-top: 30px;
  padding-bottom: 80px;
}
#contents_block .attention .bnr a {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (min-width:768px) {
  #contents_block .attention .bnr a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:767px) {
  #contents_block .attention .bnr {
    margin: 0 auto;
    width: 85.6vw;
    padding-top: 2vw;
    padding-bottom: 28vw;
  }
}
#contents_block .under_wrap {
  background: url(../images/01or/bg_pc.jpg) no-repeat 0 0;
  background-size: 100% auto;
}
@media screen and (max-width: 2000px) {
  #contents_block .under_wrap {
    background-size: 2000px auto;
  }
}
@media screen and (max-width:767px) {
  #contents_block .under_wrap {
    background: none;
  }
}
#contents_block .under_bg {
  padding-bottom: 120px;
  max-width: 750px;
  margin: 0 auto;
  background: url(../images/01or/bg.png) no-repeat 0 0 #047bd5;
  background-size: 100% auto;
}
@media screen and (max-width:767px) {
  #contents_block .under_bg {
    background: url(../images/01or/bg.png) no-repeat 0 0 #047bd5;
    background-size: 100% auto;
    padding-bottom: 30.6666666667vw;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bg .attention .attention__txt01 {
    font-size: 20px;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bg .attention .attention_block {
    width: 690px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bg .contact {
    width: 690px;
    margin: 0 auto;
    margin-top: 100px;
    padding-top: 130px;
    padding-bottom: 30px;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bg .contact .contact_ttl {
    width: 586px;
    top: -20px;
    margin-left: -293px;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bg .contact .contact_subttl {
    width: 392px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bg .contact .contact_tel {
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bg .contact .contact_tel a {
    font-size: 60px;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bg .contact .contact_txt {
    font-size: 20px;
  }
}
#contents_block .under_mv .under_mv_inner {
  width: 750px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width:767px) {
  #contents_block .under_mv .under_mv_inner {
    width: 100%;
  }
}
#contents_block .under_mv .mv_ttl {
  padding-top: 45px;
  padding-bottom: 35px;
  width: 639px;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  #contents_block .under_mv .mv_ttl {
    width: 85.2vw;
    padding-top: 6vw;
    padding-bottom: 4.6666666667vw;
  }
}
#contents_block .under_mv .mv_credit {
  top: 25px;
  right: 24px;
  position: absolute;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}
#contents_block .under_mv .mv_credit span {
  font-weight: bold;
  font-size: 15px;
  display: block;
}
@media screen and (max-width:767px) {
  #contents_block .under_mv .mv_credit span {
    font-size: 1.6vw;
  }
}
#contents_block .under_mv .mv_credit a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (min-width:768px) {
  #contents_block .under_mv .mv_credit a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:767px) {
  #contents_block .under_mv .mv_credit a {
    color: #fff;
  }
}
@media screen and (max-width:767px) {
  #contents_block .under_mv .mv_credit {
    top: 3.3333333333vw;
    right: 3.2vw;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translate3d(0%, 0px, 0);
            transform: translate3d(0%, 0px, 0);
    text-align: right;
    font-size: 1.3333333333vw;
  }
}
#contents_block .under_mv .mv_present {
  width: 581px;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media screen and (max-width:767px) {
  #contents_block .under_mv .mv_present {
    width: 77.4666666667vw;
    margin-bottom: 4vw;
  }
}
#contents_block .under_mv .mv_period {
  width: 648px;
  margin: 0 auto;
  margin-bottom: 55px;
}
@media screen and (max-width:767px) {
  #contents_block .under_mv .mv_period {
    width: 86.4vw;
    margin-bottom: 7.3333333333vw;
  }
}
#contents_block .chara_movie .chara_movie_inner {
  width: 646px;
  margin: 0 auto;
  margin-bottom: 75px;
  position: relative;
  border-radius: 24px;
  background: url(../images/01or/movie_bg.png) no-repeat 0 bottom #fff;
  background-size: 100% auto;
  padding-top: 280px;
}
@media screen and (max-width:767px) {
  #contents_block .chara_movie .chara_movie_inner {
    width: 86.1333333333vw;
    margin-bottom: 10vw;
    border-radius: 3.2vw;
    padding-top: 37.3333333333vw;
  }
}
#contents_block .chara_movie .chara_movie_inner .chara_icon {
  width: 134px;
  top: 12px;
  left: -30px;
  position: absolute;
  z-index: 2;
}
@media screen and (max-width:767px) {
  #contents_block .chara_movie .chara_movie_inner .chara_icon {
    width: 17.8666666667vw;
    top: 1.6vw;
    left: -4vw;
  }
}
#contents_block .chara_movie .chara_movie_inner .chara {
  position: absolute;
  z-index: 1;
  left: 0;
  top: -24px;
}
@media screen and (max-width:767px) {
  #contents_block .chara_movie .chara_movie_inner .chara {
    top: -3.2vw;
  }
}
#contents_block .chara_movie .chara_movie_inner .chara_txt {
  width: 310px;
  font-size: 14.5px;
  line-height: 1.5714285714;
  position: absolute;
  top: 90px;
  left: 308px;
  z-index: 2;
  color: #320000;
}
@media screen and (max-width:767px) {
  #contents_block .chara_movie .chara_movie_inner .chara_txt {
    width: 41.3333333333vw;
    font-size: 1.9333333333vw;
    top: 12vw;
    left: 41.0666666667vw;
  }
}
#contents_block .chara_movie .chara_movie_inner .play_txt {
  width: 473px;
  top: 218px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  z-index: 2;
}
@media screen and (max-width:767px) {
  #contents_block .chara_movie .chara_movie_inner .play_txt {
    width: 63.0666666667vw;
    top: 29.0666666667vw;
  }
}
#contents_block .chara_movie .chara_movie_inner .chara_movie {
  width: 602px;
  height: 602px;
  border: 14px solid #320000;
  border-radius: 5px;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media screen and (max-width:767px) {
  #contents_block .chara_movie .chara_movie_inner .chara_movie {
    width: 80.2666666667vw;
    height: 80.2666666667vw;
    border-width: 1.8666666667vw;
    border-radius: 0.6666666667vw;
    margin-bottom: 4vw;
  }
}
#contents_block .chara_movie .chara_movie_inner .chara_movie_check {
  text-align: center;
  font-size: 28px;
  line-height: 1.6428571429;
  letter-spacing: 0.055em;
  color: #320000;
  padding-bottom: 30px;
}
@media screen and (max-width:767px) {
  #contents_block .chara_movie .chara_movie_inner .chara_movie_check {
    font-size: 3.7333333333vw;
    padding-bottom: 4vw;
  }
}
#contents_block .chara_movie .chara_movie_inner .chara_movie_check span {
  font-weight: 700;
}
#contents_block .under_bnr {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  #contents_block .under_bnr {
    width: 100%;
  }
}
@media print, screen and (min-width:768px) {
  #contents_block .under_bnr a:hover {
    opacity: 0.7;
  }
}
#contents_block .u-mt-0 {
  margin-top: 0 !important;
}
#contents_block .u-mt-1 {
  margin-top: 1px !important;
}
#contents_block .u-mt-2 {
  margin-top: 2px !important;
}
#contents_block .u-mt-3 {
  margin-top: 3px !important;
}
#contents_block .u-mt-4 {
  margin-top: 4px !important;
}
#contents_block .u-mt-5 {
  margin-top: 5px !important;
}
#contents_block .u-mt-6 {
  margin-top: 6px !important;
}
#contents_block .u-mt-7 {
  margin-top: 7px !important;
}
#contents_block .u-mt-8 {
  margin-top: 8px !important;
}
#contents_block .u-mt-9 {
  margin-top: 9px !important;
}
#contents_block .u-mt-10 {
  margin-top: 10px !important;
}
#contents_block .u-mt-11 {
  margin-top: 11px !important;
}
#contents_block .u-mt-12 {
  margin-top: 11px !important;
}
#contents_block .u-mt-13 {
  margin-top: 13px !important;
}
#contents_block .u-mt-14 {
  margin-top: 14px !important;
}
#contents_block .u-mt-15 {
  margin-top: 15px !important;
}
#contents_block .u-mt-16 {
  margin-top: 16px !important;
}
#contents_block .u-mt-17 {
  margin-top: 17px !important;
}
#contents_block .u-mt-18 {
  margin-top: 18px !important;
}
#contents_block .u-mt-19 {
  margin-top: 19px !important;
}
#contents_block .u-mt-20 {
  margin-top: 20px !important;
}
#contents_block .u-mt-21 {
  margin-top: 21px !important;
}
#contents_block .u-mt-22 {
  margin-top: 21px !important;
}
#contents_block .u-mt-23 {
  margin-top: 23px !important;
}
#contents_block .u-mt-24 {
  margin-top: 24px !important;
}
#contents_block .u-mt-25 {
  margin-top: 25px !important;
}
#contents_block .u-mt-26 {
  margin-top: 26px !important;
}
#contents_block .u-mt-27 {
  margin-top: 27px !important;
}
#contents_block .u-mt-28 {
  margin-top: 28px !important;
}
#contents_block .u-mt-29 {
  margin-top: 29px !important;
}
#contents_block .u-mt-30 {
  margin-top: 30px !important;
}
#contents_block .u-mt-31 {
  margin-top: 31px !important;
}
#contents_block .u-mt-32 {
  margin-top: 31px !important;
}
#contents_block .u-mt-33 {
  margin-top: 33px !important;
}
#contents_block .u-mt-34 {
  margin-top: 34px !important;
}
#contents_block .u-mt-35 {
  margin-top: 35px !important;
}
#contents_block .u-mt-36 {
  margin-top: 36px !important;
}
#contents_block .u-mt-37 {
  margin-top: 37px !important;
}
#contents_block .u-mt-38 {
  margin-top: 38px !important;
}
#contents_block .u-mt-39 {
  margin-top: 39px !important;
}
#contents_block .u-mt-40 {
  margin-top: 40px !important;
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-0-sp {
    margin-top: 0vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-1-sp {
    margin-top: 0.1333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-2-sp {
    margin-top: 0.2666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-3-sp {
    margin-top: 0.4vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-4-sp {
    margin-top: 0.5333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-5-sp {
    margin-top: 0.6666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-6-sp {
    margin-top: 0.8vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-7-sp {
    margin-top: 0.9333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-8-sp {
    margin-top: 1.0666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-9-sp {
    margin-top: 1.2vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-10-sp {
    margin-top: 1.3333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-11-sp {
    margin-top: 1.4666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-12-sp {
    margin-top: 1.4666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-13-sp {
    margin-top: 1.7333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-14-sp {
    margin-top: 1.8666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-15-sp {
    margin-top: 2vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-16-sp {
    margin-top: 2.1333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-17-sp {
    margin-top: 2.2666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-18-sp {
    margin-top: 2.4vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-19-sp {
    margin-top: 2.5333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-20-sp {
    margin-top: 2.6666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-21-sp {
    margin-top: 2.8vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-22-sp {
    margin-top: 2.8vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-23-sp {
    margin-top: 3.0666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-24-sp {
    margin-top: 3.2vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-25-sp {
    margin-top: 3.3333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-26-sp {
    margin-top: 3.4666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-27-sp {
    margin-top: 3.6vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-28-sp {
    margin-top: 3.7333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-29-sp {
    margin-top: 3.8666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-30-sp {
    margin-top: 4vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-31-sp {
    margin-top: 4.1333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-32-sp {
    margin-top: 4.1333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-33-sp {
    margin-top: 4.4vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-34-sp {
    margin-top: 4.5333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-35-sp {
    margin-top: 4.6666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-36-sp {
    margin-top: 4.8vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-37-sp {
    margin-top: 4.9333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-38-sp {
    margin-top: 5.0666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-39-sp {
    margin-top: 5.2vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-40-sp {
    margin-top: 5.3333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-41-sp {
    margin-top: 5.4666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-42-sp {
    margin-top: 5.6vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-43-sp {
    margin-top: 5.7333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-44-sp {
    margin-top: 5.8666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-45-sp {
    margin-top: 6vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-46-sp {
    margin-top: 6.1333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-47-sp {
    margin-top: 6.2666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-48-sp {
    margin-top: 6.4vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-49-sp {
    margin-top: 6.5333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-50-sp {
    margin-top: 6.6666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-51-sp {
    margin-top: 6.8vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-52-sp {
    margin-top: 6.9333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-53-sp {
    margin-top: 7.0666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-54-sp {
    margin-top: 7.2vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-55-sp {
    margin-top: 7.3333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-56-sp {
    margin-top: 7.4666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-57-sp {
    margin-top: 7.6vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-58-sp {
    margin-top: 7.7333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-59-sp {
    margin-top: 7.8666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-60-sp {
    margin-top: 8vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-61-sp {
    margin-top: 8.1333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-62-sp {
    margin-top: 8.2666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-63-sp {
    margin-top: 8.4vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-64-sp {
    margin-top: 8.5333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-65-sp {
    margin-top: 8.6666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-66-sp {
    margin-top: 8.8vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-67-sp {
    margin-top: 8.9333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-68-sp {
    margin-top: 9.0666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-69-sp {
    margin-top: 9.2vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-70-sp {
    margin-top: 9.3333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-71-sp {
    margin-top: 9.4666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-72-sp {
    margin-top: 9.6vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-73-sp {
    margin-top: 9.7333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-74-sp {
    margin-top: 9.8666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-75-sp {
    margin-top: 10vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-76-sp {
    margin-top: 10.1333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-77-sp {
    margin-top: 10.2666666667vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-78-sp {
    margin-top: 10.4vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-79-sp {
    margin-top: 10.5333333333vw !important;
  }
}
@media screen and (max-width:767px) {
  #contents_block .u-mt-80-sp {
    margin-top: 10.6666666667vw !important;
  }
}