@charset "UTF-8";
/** abe追記 **/
/** //abe追記 **/
@media screen and (max-width: 1200px) {
  .octopathtraveler0[data-ln=demo].index #contents section.section02 {
    width: 1200px;
    margin: -50px auto 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section02 h3 img {
    height: 75px;
    width: auto;
    text-align: center;
    margin: 0 auto;
    text-align: center;
  }
}
.octopathtraveler0[data-ln=demo] .menu-btn b {
  opacity: 1;
}
.octopathtraveler0[data-ln=demo] #contents * {
  box-sizing: border-box;
}
.octopathtraveler0[data-ln=demo] #contents img {
  width: 100%;
  display: block;
}
.octopathtraveler0[data-ln=demo].index #contents::after {
  content: "";
  background: url("/octopathtraveler0/assets/img/demo/bg.jpg") no-repeat center top/100vw auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
}
.octopathtraveler0[data-ln=demo].index #contents .pagetitle {
  margin-bottom: 4.883vw;
}
.octopathtraveler0[data-ln=demo].index #contents hr.mark {
  background: url("/octopathtraveler0/assets/img/mark.png") no-repeat center center/auto 100%;
  height: 14.453vw;
  width: 100vw;
  position: relative;
  z-index: 100;
  pointer-events: none;
  border: none;
  padding: 0;
  margin: 12.2vw 0 0;
}
.octopathtraveler0[data-ln=demo].index #contents section.section01 {
  width: 100%;
  height: auto;
  margin: 0 auto 0;
  position: relative;
  top: 0;
}
.octopathtraveler0[data-ln=demo].index #contents section.section01 img {
  width: 100%;
  height: 174.805vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.octopathtraveler0[data-ln=demo].index #contents section.section02 {
  width: 100%;
  margin: -32.227vw auto 0;
  padding: 0 6.836vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents section.section02 h3 {
  text-align: center;
  margin: 0 auto;
}
.octopathtraveler0[data-ln=demo].index #contents section.section02 h3 img {
  height: 7.617vw;
  width: auto;
  margin: 0 auto;
  text-align: center;
}
.octopathtraveler0[data-ln=demo].index #contents section.section02 h4 {
  margin: 0 auto;
}
.octopathtraveler0[data-ln=demo].index #contents section.section02 h4 img {
  height: 7.617vw;
  text-align: center;
}
.octopathtraveler0[data-ln=demo].index #contents section.section03 {
  padding-top: 8.496vw;
  padding-bottom: 11.719vw;
  margin: 0 auto;
  text-align: center;
}
.octopathtraveler0[data-ln=demo].index #contents section.section03 h3 {
  padding-bottom: 2.93vw;
}
.octopathtraveler0[data-ln=demo].index #contents section.section03 h3 img {
  height: 24.707vw;
  width: auto;
  text-align: center;
  margin: 0 auto;
  text-align: center;
}
.octopathtraveler0[data-ln=demo].index #contents section.section03 img {
  width: 100%;
  padding: 0 4.883vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents section .anchor_list {
  display: flex;
  flex-direction: column;
  width: 71.094vw;
  justify-content: center;
  margin: 5.93vw auto 0;
  border-top: solid 0.195vw #616161;
}
.octopathtraveler0[data-ln=demo].index #contents section .anchor_list a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8.789vw;
  border-bottom: solid 0.195vw #616161;
}
.octopathtraveler0[data-ln=demo].index #contents section .anchor_list a span {
  color: #fff;
  font-size: 3.418vw;
  letter-spacing: -0.01em;
}
.octopathtraveler0[data-ln=demo].index #contents section .system_layout {
  display: flex;
  flex-direction: column;
  margin: 4.883vw auto 0;
}
.octopathtraveler0[data-ln=demo].index #contents section .system_layout .mask {
  pointer-events: none;
  -webkit-mask-image: url("/octopathtraveler0/assets/img/campaign/mask.png");
  -webkit-mask-mode: match-source;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center center;
}
.octopathtraveler0[data-ln=demo].index #contents section .system_layout .movie {
  height: 70.41vw;
  width: 100vw;
  display: flex;
  justify-content: center;
  margin-bottom: -2.246vw;
}
.octopathtraveler0[data-ln=demo].index #contents section .system_layout .movie video {
  height: 70.41vw;
  width: 125.174vw;
}
.octopathtraveler0[data-ln=demo].index #contents section .system_layout + .system_layout {
  margin-top: 12.6vw;
}
.octopathtraveler0[data-ln=demo].index #contents .texts {
  background: url("/octopathtraveler0/assets/img/campaign/bg_text-close.png") no-repeat center bottom/100% 4.883vw;
  padding-bottom: 4.883vw;
}
.octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap {
  background: url("/octopathtraveler0/assets/img/campaign/bg_text.png") no-repeat center top/100% auto;
  padding: 2.93vw 0 0;
  margin-bottom: 0vw;
  position: relative;
  top: 0.1vw;
}
.octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap h3 {
  text-align: center;
  height: 11.133vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap h3 span {
  font-size: 5.078vw;
  font-weight: 600;
  color: #f8edc0;
  position: relative;
  background: linear-gradient(0deg, #9f7d48 0%, #f8edc0 80%, #f8edc0 100%);
  background: -webkit-linear-gradient(90deg, #9f7d48 0%, #f8edc0 80%, #f8edc0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap h3 span::after {
  content: "" attr(data-text) "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  text-shadow: none;
  white-space: nowrap;
  background: linear-gradient(0deg, #9f7d48 0%, #f8edc0 80%, #f8edc0 100%);
  background: -webkit-linear-gradient(90deg, #9f7d48 0%, #f8edc0 80%, #f8edc0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap p {
  font-size: 3.418vw;
  line-height: 2.2;
  letter-spacing: 0.03em;
  text-align: left;
  margin-top: 0;
  padding-bottom: 3.223vw;
}
.octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap p + p {
  margin-top: 0vw;
}
.octopathtraveler0[data-ln=demo].index #contents p.lead {
  color: #fff;
  font-size: 3.906vw;
  line-height: 2.2;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0 0 11.719vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents .hr {
  height: 19.727vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin: 5.371vw auto 5.371vw;
}
.octopathtraveler0[data-ln=demo].index #contents .hr span {
  background: url("/octopathtraveler0/assets/img/demo/hr_left.png") no-repeat center top/100% 100%;
  width: 19.043vw;
  height: 2.734vw;
  margin-top: 1vw;
  z-index: 1;
}
.octopathtraveler0[data-ln=demo].index #contents .hr b {
  background: url("/octopathtraveler0/assets/img/demo/hr_center.png") no-repeat center center/100% 100%;
  width: 19.727vw;
  height: 19.727vw;
  margin: 0 1.953vw;
  z-index: 1;
}
.octopathtraveler0[data-ln=demo].index #contents .hr b + span {
  transform: scale(-1, 1);
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section {
  position: relative;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide {
  margin: 6.4vw 0 0;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide {
  width: 85.938vw;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .img {
  position: relative;
  width: 83.203vw;
  margin: 0 auto;
  padding: 0.879vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .moviemodal {
  overflow: hidden;
  display: block;
  position: relative;
  width: 83.203vw;
  height: 49.414vw;
  margin: 0 auto;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .moviemodal img {
  width: 83.203vw;
  height: 49.414vw;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev {
  border: none;
  outline: none;
  left: -0.2vw;
  top: 17vw;
  z-index: 200;
  margin: 0;
  width: 9.863vw;
  height: 16.992vw;
  background: none;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev span {
  background: url("/octopathtraveler0/assets/img/demo/arr_prev03.png") no-repeat center center/100% 100%;
  width: 9.863vw;
  height: 16.992vw;
  display: block;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next {
  border: none;
  outline: none;
  right: -0.2vw;
  top: 17vw;
  z-index: 200;
  margin: 0;
  background: none;
  width: 9.863vw;
  height: 16.992vw;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next span {
  background: url("/octopathtraveler0/assets/img/demo/arr_next03.png") no-repeat center center/100% 100%;
  width: 9.863vw;
  height: 16.992vw;
  display: block;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: none;
}
.octopathtraveler0[data-ln=demo].index #contents .movie_section .btn_more {
  margin-top: 4.6vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section.download {
  margin-top: -7vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section {
  position: relative;
  z-index: 100;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section h3 {
  text-align: center;
  margin: 0 auto 5.859vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section h3 img {
  height: auto;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a {
  display: flex;
  width: 47.363vw;
  height: 13.672vw;
  position: relative;
  margin-bottom: -0.781vw;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.977vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a::before {
  transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a:hover::before {
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: drop-shadow(0 0 6px rgba(211, 145, 49, 0.6)) brightness(1.5);
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a img {
  width: 47.363vw;
  height: 13.672vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category span {
  display: flex;
  width: 47.363vw;
  height: 13.672vw;
  position: relative;
  margin-bottom: -0.781vw;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.977vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .download_category span img {
  width: 47.363vw;
  height: 13.672vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.93vw;
  z-index: 20;
  position: relative;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a {
  display: flex;
  width: 42.969vw;
  height: 9.766vw;
  position: relative;
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  text-decoration: none;
  box-sizing: border-box;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a::before {
  content: "";
  background: url("/octopathtraveler0/assets/img/top/products/btn-bg.png") no-repeat left top/100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a::after {
  content: "";
  background: url("/octopathtraveler0/assets/img/top/products/btn-bg-active.png") no-repeat left top/100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a[data-parent="5"] {
  width: 59.57vw;
  height: 9.766vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a[data-parent="5"]:before {
  background: url("/octopathtraveler0/assets/img/top/products/btn-bg-long.png") no-repeat left top/100% 100%;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a[data-parent="5"]:after {
  background: url("/octopathtraveler0/assets/img/top/products/btn-bg-long-active.png") no-repeat left top/100% 100%;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a span {
  color: #fff;
  font-size: 3.418vw;
  font-weight: 600;
  position: relative;
  z-index: 20;
  letter-spacing: -0.03em;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a.active {
  pointer-events: none;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a.active::before {
  opacity: 0;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a.active::after {
  opacity: 1;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a.active span {
  display: block;
  color: #000;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a.active span::after {
  opacity: 0;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product {
  width: 100vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap {
  background: url("/octopathtraveler0/assets/img/demo/bg_notes-top.png") no-repeat center top/100% auto, url("/octopathtraveler0/assets/img/demo/bg_notes-btm.png") no-repeat center bottom/100% auto;
  padding: 2.441vw 0;
  width: 90.43vw;
  margin: 0 auto;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap {
  margin: 0 auto;
  position: relative;
  padding: 5.371vw 2.148vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap::before {
  content: "";
  background: url("/octopathtraveler0/assets/img/demo/bg_notes-mid.png") repeat-y center top/90.43vw auto;
  width: 90.43vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 {
  height: 11.328vw;
  background: url("/octopathtraveler0/assets/img/top/products/subtitle-bg.png") no-repeat center center/100% auto;
  display: flex;
  padding: 0.977vw 0 0.977vw;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 span {
  color: #fff;
  font-size: 4.785vw;
  font-weight: 600;
  text-align: center;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 span small {
  font-size: 3.711vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3.in_flex span {
  display: flex;
  flex-direction: column;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3.in_flex span small,
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3.in_flex span b {
  margin: 1.177vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package {
  padding: 6.6vw 0 8.953vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package span.img img {
  width: 34.668vw;
  height: auto;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .price,
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .buy {
  margin: 3.9vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten {
  margin: 0 2.93vw 0;
  position: relative;
  top: -3.906vw;
  background: rgba(255, 255, 255, 0.2);
  padding: 4.883vw 4.883vw 3.418vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten img {
  width: 100%;
  height: auto;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten p {
  color: #fff;
  font-size: 3.418vw;
  font-weight: 600;
  line-height: 1.85;
  padding: 0.7em 0 0;
  letter-spacing: 0.03em;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten p small {
  font-size: 85%;
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .buy img {
  width: 48.047vw;
  height: auto;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .buy .disabled {
  pointer-events: none;
  filter: sepia(100%) grayscale(0.5);
  opacity: 0.5;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .full {
  padding: 7.031vw 2.93vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .full img {
  width: 100%;
  height: auto;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell {
  padding: 7.2vw 4.492vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell p {
  font-size: 2.93vw;
  line-height: 6.152vw;
  letter-spacing: 0.03em;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell p small {
  font-size: 85%;
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell .buy {
  text-align: center;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell .price + .buy {
  margin-top: 4.4vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex + h3 {
  margin-top: 8.4vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .after_list {
  padding: 5.93vw 4.4vw 0;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .after_list li {
  font-size: 2.539vw;
  line-height: 5.176vw;
  letter-spacing: 0.03em;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes {
  font-size: 2.93vw;
  line-height: 6.25vw;
  padding-left: 1em;
  text-indent: -1em;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes li.number {
  margin-bottom: 2.93vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes li span {
  font-size: 2.539vw;
  line-height: 5.176vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes ul {
  font-size: 2.93vw;
  line-height: 6.25vw;
  padding-left: 1em;
  text-indent: -1em;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes ul span {
  font-size: 2.539vw;
  line-height: 5.176vw;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .child_wrap {
  position: relative;
  overflow: hidden;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .child_category {
  position: absolute;
  top: 0;
  left: -101vw;
  opacity: 0;
  transition: opacity 0.3s;
}
.octopathtraveler0[data-ln=demo].index #contents .products_section .product_wrap {
  position: relative;
  overflow: hidden;
}
.octopathtraveler0[data-ln=demo].index #contents .annotation {
  width: 84.961vw;
  margin: 5.859vw auto 0;
  position: relative;
  z-index: 1;
}
.octopathtraveler0[data-ln=demo].index #contents .annotation p {
  font-size: 2.539vw;
  line-height: 5.176vw;
}
.octopathtraveler0[data-ln=demo].index #contents .btn_products {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 1100;
  margin: 5.859vw 0 33.984vw;
}
.octopathtraveler0[data-ln=demo].index #contents .btn_products img {
  width: 79.883vw;
}
.octopathtraveler0[data-ln=demo] .second-footer .footer-logo {
  margin-bottom: 1vw;
}

@media screen and (min-width: 1024px) {
  .octopathtraveler0[data-ln=demo].index #contents {
    background: url("/octopathtraveler0/assets/img/demo/bg@pc.jpg") no-repeat center top/1920px auto;
    background-attachment: fixed;
  }
  .octopathtraveler0[data-ln=demo].index #contents .pagetitle {
    margin-bottom: 5px;
  }
  .octopathtraveler0[data-ln=demo].index #contents::after {
    content: "";
    background: url("/octopathtraveler0/assets/img/demo/bg@pc.jpg") no-repeat center top/1920px auto;
    position: fixed;
    left: 50%;
    width: 1920px;
    transform: translate(-50%, 0);
    display: none;
  }
  .octopathtraveler0[data-ln=demo].index #contents hr.mark {
    background: url("/octopathtraveler0/assets/img/mark@pc.png") no-repeat center center/auto 100%;
    height: 82px;
    width: 82px;
    position: relative;
    z-index: 100;
    pointer-events: none;
    border: none;
    padding: 0;
    margin: 73px auto 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .hr {
    height: 113px;
    width: 350px;
    margin: 72px auto 55px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .hr span {
    background: url("/octopathtraveler0/assets/img/demo/hr_left.png") no-repeat center top/100% 100%;
    width: 106px;
    height: 15px;
    margin-top: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .hr b {
    background: url("/octopathtraveler0/assets/img/demo/hr_center.png") no-repeat center center/100% 100%;
    width: 112px;
    height: 113px;
    margin: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .hr b + span {
    transform: scale(-1, 1);
  }
  .octopathtraveler0[data-ln=demo].index #contents section::after {
    content: "";
    width: 1200px;
    border: 1px solid red;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -600px;
    pointer-events: none;
    display: none;
  }
  .octopathtraveler0[data-ln=demo].index #contents section h3 {
    width: 1024px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 58px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout {
    display: flex;
    flex-direction: row;
    margin: 0 auto 0;
    justify-content: center;
    align-items: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .mask {
    height: 445px;
    width: 714px;
    -webkit-mask-image: url("/octopathtraveler0/assets/img/campaign/mask@pc.png");
    -webkit-mask-mode: match-source;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .movie {
    height: 445px;
    width: 714px;
    margin-bottom: 0;
    position: relative;
    left: 33px;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .movie video {
    height: 445px;
    width: 791.1111111111px;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout:nth-child(even) .movie {
    left: -20px;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout:nth-child(even) .texts {
    margin-right: 0;
    margin-left: -146px;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout + .system_layout {
    margin-top: 34px;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section01 {
    width: auto;
    margin: 0 auto;
    position: relative;
    top: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section01 img {
    width: 100%;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section02 {
    width: 1200px;
    margin: 130px auto 0;
    padding: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section02 h3 img {
    height: 75px;
    width: auto;
    text-align: center;
    margin: 0 auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section02 h4 {
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section02 h4 img {
    height: auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section03 {
    padding-top: 54px;
    padding-bottom: 0px;
    margin: 0 auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section03 h3 {
    padding-bottom: 22px;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section03 h3 img {
    height: 178px;
    width: auto;
    text-align: center;
    margin: 0 auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section03 img {
    width: 100%;
    padding: 0 50px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .texts {
    background: url("/octopathtraveler0/assets/img/campaign/bg_text-close@pc.png") no-repeat center bottom/100% auto;
    padding-bottom: 50px;
    width: 100%;
    position: relative;
    z-index: 10;
    margin-right: -146px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap {
    background: url("/octopathtraveler0/assets/img/campaign/bg_text@pc.png") no-repeat center top/100% auto;
    padding: 0 0 0;
    margin-bottom: 0;
    top: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap h3 {
    height: 63px;
    text-align: center;
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap h3 span {
    font-size: 27px;
    text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.75);
  }
  .octopathtraveler0[data-ln=demo].index #contents .texts .texts_wrap p {
    font-size: 19px;
    line-height: 34px;
    margin-top: 25px;
    padding-bottom: 9px;
    text-align: left;
    /*filter: drop-shadow(0 0 13px #000);
    text-shadow: 0 0 13px #000;*/
  }
  .octopathtraveler0[data-ln=demo].index #contents p.lead {
    font-size: 28px;
    line-height: 64px;
    padding: 0px 0 68px;
    font-weight: 200;
    letter-spacing: 0.1em;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section {
    position: relative;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide {
    margin: 20px 0 0 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask {
    width: auto;
    -webkit-mask-image: none;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide {
    width: 775px;
    margin: 0 60px;
    padding: 10px 0 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .img {
    width: 775px;
    padding: 12px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .moviemodal {
    width: 756px;
    height: 425px;
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .moviemodal img {
    width: 756px;
    height: 425px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev {
    left: auto;
    top: 150px;
    right: 50%;
    margin-right: 396px;
    width: 112px;
    height: 163px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev span {
    background: url("/octopathtraveler0/assets/img/arr_prev02@pc.png") no-repeat center center/100% 100%;
    width: 112px;
    height: 163px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next {
    right: auto;
    top: 150px;
    left: 50%;
    margin-left: 396px;
    width: 112px;
    height: 163px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next span {
    background: url("/octopathtraveler0/assets/img/arr_next02@pc.png") no-repeat center center/100% 100%;
    width: 112px;
    height: 163px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev span,
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next span {
    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev span:hover,
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next span:hover {
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: drop-shadow(0 0 12px rgba(211, 145, 49, 0.4)) brightness(1.4);
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .btn_more {
    margin-top: 19px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section.download {
    margin-top: -130px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section {
    margin-top: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section h3 {
    text-align: center;
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section h3 img {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a {
    width: 250px;
    height: 60px;
    margin: 0 -10px 0;
    padding-bottom: 10px;
    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a:hover {
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: drop-shadow(0 0 10px rgba(211, 145, 49, 0.6)) brightness(1.5);
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 11px;
    flex-wrap: wrap;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a {
    width: 249px;
    height: 59px;
    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a:hover, .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a:focus {
    filter: drop-shadow(0 0 6px rgba(200, 238, 246, 0.8)) brightness(1.1);
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a::before {
    content: "";
    background: url("/octopathtraveler0/assets/img/top/products/btn-bg.png") no-repeat left top/100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a::after {
    content: "";
    background: url("/octopathtraveler0/assets/img/top/products/btn-bg-active.png") no-repeat left top/100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a[data-parent="5"] {
    width: 359px;
    height: 59px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a[data-parent="5"]:before {
    background: url("/octopathtraveler0/assets/img/top/products/btn-bg-long.png") no-repeat left top/100% 100%;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a[data-parent="5"]:after {
    background: url("/octopathtraveler0/assets/img/top/products/btn-bg-long-active.png") no-repeat left top/100% 100%;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .parent_category a span {
    font-size: 21px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product {
    width: 1150px;
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap {
    background: url("/octopathtraveler0/assets/img/demo/bg_notes-top@pc.png") no-repeat center top/100% auto, url("/octopathtraveler0/assets/img/demo/bg_notes-btm@pc.png") no-repeat center bottom/100% 35px;
    padding: 15px 0;
    width: 100%;
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap {
    padding: 35px 12px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap::before {
    content: "";
    background: url("/octopathtraveler0/assets/img/demo/bg_notes-mid@pc.png") repeat-y center top/100% auto;
    width: 100%;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 {
    height: clamp(78px, 4.063vw, 150vw);
    font-size: clamp(30px, 1.563vw, 150vw);
    background: url("/octopathtraveler0/assets/img/top/products/subtitle-bg@pc.png") no-repeat center center/100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3.long {
    font-size: clamp(30px, 1.563vw, 150vw);
    line-height: 1.88;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package {
    padding: 30px 0 46px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package span.img {
    margin-right: 23px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package span.img img {
    width: 303px;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts {
    margin-left: 23px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .price,
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .buy {
    margin: 10px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .price {
    position: relative;
    top: -15px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .in_text_flex {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .in_text_flex .buy {
    position: relative;
    top: -8px;
    margin-left: 20px !important;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item {
    margin: 14px 0 0 0;
    position: relative;
    top: 0;
    background: rgba(255, 255, 255, 0.2);
    padding: 28px;
    display: flex !important;
    width: 630px;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item img {
    width: 270px;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item p {
    font-size: 15px;
    padding: 0.7em 0 0 35px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item p small {
    font-size: 15px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .full {
    padding: 38px 0 42px;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .full img {
    width: 842px;
    height: auto;
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex {
    display: flex;
    justify-content: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell {
    padding: 0 100px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell p {
    font-size: 19px;
    line-height: 34px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell .price + .buy {
    margin-top: 14px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex + h3 {
    margin-top: 76px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .text-center {
    text-align: left;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h4 {
    text-align: left;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h4 span {
    font-size: 26px;
    text-shadow: 0 0 9px #000, 0 0 9px #000;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h4 + p {
    margin-top: 12px;
    margin-bottom: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 + .pc_flex {
    margin-top: 32px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes {
    font-size: 19.25px;
    line-height: 44px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes li.number {
    margin-bottom: 20px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes li span {
    font-size: 18px;
    line-height: 31px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes ul {
    font-size: 19.25px;
    line-height: 44px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes ul span {
    font-size: 18px;
    line-height: 31px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .annotation {
    width: 1120px;
    margin: 40px auto 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .annotation p {
    font-size: 18px;
    line-height: 31px;
    text-align: left;
  }
  .octopathtraveler0[data-ln=demo].index #contents .btn_products {
    margin: 50px 0 240px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .btn_products img {
    width: 459px;
    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .octopathtraveler0[data-ln=demo].index #contents .btn_products img:hover {
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: drop-shadow(0 0 6px #d39131) brightness(1.5);
  }
}
@media screen and (min-width: 1200px) {
  .octopathtraveler0[data-ln=demo].index #contents section.section02 {
    width: 1200px;
    margin: -50px auto 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section02 h3 img {
    height: 75px;
    width: auto;
    text-align: center;
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (min-width: 1281px) {
  /*.movie_section{margin-top: wvw(90);

    .movie_slide{margin:70px 0 0 0;}
    .movie_slide-mask{width:auto;
     -webkit-mask-image:none;
     .swiper-slide {width:wvw(775); margin: 0 wvw(60); padding-top: wvw(10);
       .img{width:wvw(775);
          padding: wvw(12) 0;
        } 
           .moviemodal{border-radius: wvw(28); width: wvw(755); height: wvw(426);
         img{width: wvw(755); height: wvw(426);}
        }
     }
    }
    .swiper-button-prev{top: wvw(150); margin-right: wvw(396);
      width:wvw(112); height: wvw(163) ;
      span{width:wvw(112); height: wvw(163) ;}
    }
    .swiper-button-next{top:wvw(150); margin-left: wvw(396);
      width:wvw(112); height: wvw(163);
      span{width:wvw(112); height: wvw(163) ;}
    }
    .btn_more{margin-top:wvw(19);}
  }*/
}
@media screen and (min-width: 1024px) {
  /*  pc 1024px(vw over write) ~ px()
  ************************************/
  .octopathtraveler0[data-ln=demo].index #contents {
    /*  .btn_products {margin: px(70) 0 px(25);
            img{width:px(459); }		
    }

     */
  }
  .octopathtraveler0[data-ln=demo].index #contents .pagetitle {
    margin-bottom: 3.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide {
    margin: 13.333px 0 0 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask {
    width: auto;
    -webkit-mask-image: none;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide {
    width: 516.662px;
    margin: 0 40px;
    padding-top: clamp(6.67px, 0.521vw, 150vw);
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .img {
    width: 516.662px;
    padding: 8px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .moviemodal {
    width: 503.995px;
    height: 283.331px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .moviemodal img {
    width: 503.995px;
    height: 283.331px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev {
    top: 99.999px;
    margin-right: 263.997px;
    width: 74.666px;
    height: 108.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev span {
    width: 74.666px;
    height: 108.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next {
    top: 99.999px;
    margin-left: 263.997px;
    width: 74.666px;
    height: 108.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next span {
    width: 74.666px;
    height: 108.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .btn_more {
    margin-top: 12.667px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section.download {
    margin-top: -130px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section h3 {
    text-align: center;
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section h3 img {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a {
    width: 187.331px;
    height: 61.999px;
    margin: 0 -6.667px 0;
    padding-bottom: 6.667px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a img {
    width: 187.331px;
    height: 61.999px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category span {
    width: 187.331px;
    height: 61.999px;
    margin: 0 -6.667px 0;
    padding-bottom: 6.667px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category span img {
    width: 187.331px;
    height: 61.999px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .hr {
    height: 75.333px;
    width: 233.331px;
    margin: 0px auto 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .hr span {
    width: 70.666px;
    height: 10px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .hr b {
    width: 74.666px;
    height: 75.333px;
    margin: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product {
    width: 766.659px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap {
    background: url("/octopathtraveler0/assets/img/demo/bg_notes-top@pc.png") no-repeat center top/100% auto, url("/octopathtraveler0/assets/img/demo/bg_notes-btm@pc.png") no-repeat center bottom/100% 35px;
    padding: 10px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap {
    padding: 35px 12px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 {
    min-height: 38px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 span {
    font-size: 20px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 span small {
    font-size: 14px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3.in_flex span small,
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3.in_flex span b {
    margin: 6px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package {
    padding: 20px 0 30.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package span.img {
    margin-right: 15.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package span.img img {
    width: 201.998px;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts {
    margin-left: 15.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .price,
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .buy {
    margin: 6.667px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .price {
    position: relative;
    top: -10px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .in_text_flex {
    margin-bottom: 9.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .in_text_flex .buy {
    top: -5.333px;
    margin-left: 13.333px !important;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item {
    margin: 9.333px 0 0 0;
    padding: 18.666px;
    width: 419.996px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item img {
    width: 179.998px;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item p {
    font-size: 10px;
    padding: 0.7em 0 0 23.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item p small {
    font-size: 10px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .price {
    text-shadow: 0 0 10px #000, 0 0 10px #000;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .price i {
    font-size: 14px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .price b {
    font-size: 21.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .buy img {
    width: 180.665px;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .full {
    padding: 25.333px 0 28px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .full img {
    width: 561.328px;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell {
    padding: 0 66.666px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell p {
    font-size: 12.667px;
    line-height: 22.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell .price + .buy {
    margin-top: 9.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex + h3 {
    margin-top: 50.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h4 span {
    font-size: 17.333px;
    text-shadow: 0 0 9px #000, 0 0 9px #000;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h4 + p {
    margin-top: 8px;
    margin-bottom: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 + .pc_flex {
    margin-top: 21.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .after_list {
    padding: 22.666px 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .after_list li {
    font-size: 12px;
    line-height: 19.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes {
    font-size: 12.833px;
    line-height: 29.333px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes li.number {
    margin-bottom: 13.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes li span {
    font-size: 12px;
    line-height: 20.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes ul {
    font-size: 12.833px;
    line-height: 29.333px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes ul span {
    font-size: 12px;
    line-height: 20.666px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .annotation {
    width: 746.659px;
    margin: 26.666px auto 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .annotation p {
    font-size: 12px;
    line-height: 20.666px;
  }
}
@media screen and (min-width: 1280px) {
  .hr {
    height: 5.885vw;
    width: 18.229vw;
    margin: 43.542vw auto 0;
  }
  .hr span {
    width: 5.521vw;
    height: 0.781vw;
  }
  .hr b {
    width: 5.833vw;
    height: 5.885vw;
    margin: 0;
  }
  .products_section.download {
    margin-top: 0;
  }
  #contents .products_section {
    margin-top: 0;
  }
  #contents .products_section .download_category a {
    width: 14.635vw;
    height: 4.844vw;
    margin: 0 -0.521vw 0;
    padding-bottom: 0.521vw;
  }
  #contents .products_section .download_category a img {
    width: 14.635vw;
    height: 4.844vw;
  }
  #contents .products_section .download_category span {
    width: 14.635vw;
    height: 4.844vw;
    margin: 0 -0.521vw 0;
    padding-bottom: 0.521vw;
  }
  #contents .products_section .download_category span img {
    width: 14.635vw;
    height: 4.844vw;
  }
  .movie_section .movie_slide {
    margin: 1.042vw 0 0 0;
  }
  .movie_section .movie_slide-mask {
    width: auto;
    -webkit-mask-image: none;
  }
  .movie_section .movie_slide-mask .swiper-slide {
    width: 40.365vw;
    margin: 0 3.125vw;
    padding-top: 0.521vw;
  }
  .movie_section .movie_slide-mask .swiper-slide .img {
    width: 40.365vw;
    padding: 0.625vw 0;
  }
  .movie_section .movie_slide-mask .swiper-slide .moviemodal {
    width: 39.375vw;
    height: 22.135vw;
  }
  .movie_section .movie_slide-mask .swiper-slide .moviemodal img {
    width: 39.375vw;
    height: 22.135vw;
  }
  .movie_section .swiper-button-prev {
    top: 7.813vw;
    margin-right: 20.625vw;
    width: 5.833vw;
    height: 8.49vw;
  }
  .movie_section .swiper-button-prev span {
    width: 5.833vw;
    height: 8.49vw;
  }
  .movie_section .swiper-button-next {
    top: 7.813vw;
    margin-left: 20.625vw;
    width: 5.833vw;
    height: 8.49vw;
  }
  .movie_section .swiper-button-next span {
    width: 5.833vw;
    height: 8.49vw;
  }
  .movie_section .btn_more {
    margin-top: 0.99vw;
  }
}
@media screen and (min-width: 1921px) {
  .octopathtraveler0[data-ln=demo].index #contents {
    background-size: cover;
    /*.btn_products {margin: wvw(70) 0 wvw(25);
      img{width:wvw(459); }  
    }*/
  }
  .octopathtraveler0[data-ln=demo].index #contents .pagetitle {
    margin-bottom: 0.26vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents hr.mark {
    height: 4.271vw;
    width: 4.271vw;
    margin: 3.802vw auto 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents section h3 {
    width: 53.333vw;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 3.021vw 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .mask {
    height: 23.177vw;
    width: 37.188vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .movie {
    height: 23.177vw;
    width: 37.188vw;
    left: 1.719vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .movie video {
    height: 23.177vw;
    width: 41.198vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .texts {
    padding-bottom: 2.604vw;
    width: 30.521vw;
    margin-right: -7.604vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .texts .texts_wrap {
    padding: 2.031vw 0 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .texts .texts_wrap h3 {
    height: 3.281vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .texts .texts_wrap h3 span {
    font-size: 1.406vw;
    text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.75);
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout .texts .texts_wrap p {
    font-size: 0.99vw;
    line-height: 1.771vw;
    margin-top: 1.406vw;
    padding-bottom: 0.469vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout:nth-child(even) .mask {
    left: -1.719vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout:nth-child(even) .texts {
    margin-right: 0;
    margin-left: -7.604vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section .system_layout + .system_layout {
    margin-top: 1.771vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section03 {
    padding-bottom: 0vw;
    margin: 0 auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section03 h3 {
    padding-bottom: 1.146vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section03 h3 img {
    height: 9.271vw;
    width: auto;
    text-align: center;
    margin: 0 auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents section.section03 img {
    width: 100%;
    padding: 0 2.604vw 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide {
    margin: 1.042vw 0 0 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask {
    width: auto;
    -webkit-mask-image: none;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide {
    width: 40.365vw;
    margin: 0 3.125vw;
    padding-top: 0.521vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .img {
    width: 40.365vw;
    padding: 0.625vw 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .moviemodal {
    width: 39.375vw;
    height: 22.135vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .movie_slide-mask .swiper-slide .moviemodal img {
    width: 39.375vw;
    height: 22.135vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev {
    top: 7.813vw;
    margin-right: 20.625vw;
    width: 5.833vw;
    height: 8.49vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-prev span {
    width: 5.833vw;
    height: 8.49vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next {
    top: 7.813vw;
    margin-left: 20.625vw;
    width: 5.833vw;
    height: 8.49vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .swiper-button-next span {
    width: 5.833vw;
    height: 8.49vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .movie_section .btn_more {
    margin-top: 0.99vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section.download {
    margin-top: -6.771vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section {
    margin-top: 0.833vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section h3 {
    text-align: center;
    margin: 0 auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section h3 img {
    height: 100%;
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a {
    width: 14.635vw;
    height: 4.844vw;
    margin: 0 -0.521vw 0;
    padding-bottom: 0.521vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category a img {
    width: 14.635vw;
    height: 4.844vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category span {
    width: 14.635vw;
    height: 4.844vw;
    margin: 0 -0.521vw 0;
    padding-bottom: 0.521vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .download_category span img {
    width: 14.635vw;
    height: 4.844vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product {
    width: 59.896vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap {
    background: url("/octopathtraveler0/assets/img/demo/bg_notes-top@pc.png") no-repeat center top/100% auto, url("/octopathtraveler0/assets/img/demo/bg_notes-btm@pc.png") no-repeat center bottom/100% 1.823vw;
    padding: 0.781vw 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap {
    padding: 1.823vw 0.625vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 {
    min-height: 2.969vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 span {
    font-size: 1.563vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 span small {
    font-size: 1.094vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3.in_flex span small,
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3.in_flex span b {
    margin: 0.469vw 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package {
    padding: 1.563vw 0 2.396vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package span.img {
    margin-right: 1.198vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package span.img img {
    width: 15.781vw;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts {
    margin-left: 1.198vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .price,
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .buy {
    margin: 0.521vw 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .texts .price {
    position: relative;
    top: -0.781vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .in_text_flex {
    margin-bottom: 9.333px;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .in_text_flex .buy {
    top: -5.333px;
    margin-left: 13.333px !important;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item {
    margin: 0.729vw 0 0 0;
    padding: 1.458vw;
    width: 32.813vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item img {
    width: 14.063vw;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item p {
    font-size: 0.781vw;
    padding: 0.7em 0 0 1.823vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .package .tokuten.pc-item p small {
    font-size: 0.781vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .price {
    text-shadow: 0 0 10px #000, 0 0 10px #000;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .price i {
    font-size: 1.094vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .price b {
    font-size: 1.667vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .buy img {
    width: 14.115vw;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .full {
    padding: 1.979vw 0 2.188vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .full img {
    width: 43.854vw;
    height: auto;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell {
    padding: 0 5.208vw 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell p {
    font-size: 0.99vw;
    line-height: 1.771vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex .cell .price + .buy {
    margin-top: 0.729vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap .pc_flex + h3 {
    margin-top: 3.958vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h4 span {
    font-size: 1.354vw;
    text-shadow: 0 0 9px #000, 0 0 9px #000;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h4 + p {
    margin-top: 0.625vw;
    margin-bottom: 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .bg_wrap .bg_inwrap h3 + .pc_flex {
    margin-top: 1.667vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .after_list {
    padding: 1.771vw 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .after_list li {
    font-size: 0.938vw;
    line-height: 1.51vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes {
    font-size: 1.003vw;
    line-height: 2.292vw;
    padding-left: 1em;
    text-indent: -1em;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes li.number {
    margin-bottom: 1.042vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes li span {
    font-size: 0.938vw;
    line-height: 1.615vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes ul {
    font-size: 1.003vw;
    line-height: 2.292vw;
    padding-left: 1em;
    text-indent: -1em;
  }
  .octopathtraveler0[data-ln=demo].index #contents .products_section .product .notes ul span {
    font-size: 0.938vw;
    line-height: 1.615vw;
  }
  .octopathtraveler0[data-ln=demo].index #contents .annotation {
    width: 58.333vw;
    margin: 2.083vw auto 0;
  }
  .octopathtraveler0[data-ln=demo].index #contents .annotation p {
    font-size: 0.938vw;
    line-height: 1.615vw;
  }
}
.octopathtraveler0[data-ln=demo] #contents header[data-anim] {
  opacity: 0;
  transform: scale(1.1);
}
.octopathtraveler0[data-ln=demo] #contents header[data-anim] + .anchor_list {
  opacity: 0;
  transform: scale(1.1);
}
.octopathtraveler0[data-ln=demo] #contents .system_layout[data-anim] .movie {
  opacity: 0;
  transform: translate(0, 5vw);
}
.octopathtraveler0[data-ln=demo] #contents .system_layout[data-anim] .texts {
  opacity: 0;
  transform: translate(0, 5vw);
}
.octopathtraveler0[data-ln=demo] #contents hr[data-anim],
.octopathtraveler0[data-ln=demo] #contents p[data-anim] {
  opacity: 0;
  transform: scale(1.2);
}

@media screen and (min-width: 1024px) {
  .octopathtraveler0[data-ln=demo] #contents header[data-anim] {
    filter: blur(3px);
  }
  .octopathtraveler0[data-ln=demo] #contents header[data-anim] + .anchor_list {
    filter: blur(3px);
  }
  .octopathtraveler0[data-ln=demo] #contents .system_layout[data-anim] .movie {
    opacity: 0;
    transform: translate(0, 39px);
  }
  .octopathtraveler0[data-ln=demo] #contents .system_layout[data-anim] .texts {
    opacity: 0;
    transform: translate(0, 39px);
  }
  .octopathtraveler0[data-ln=demo] #contents hr[data-anim],
  .octopathtraveler0[data-ln=demo] #contents p[data-anim] {
    filter: blur(3px);
  }
}/*# sourceMappingURL=p_demo.css.map */