.page-title {
  background-size: 100% auto;
  width: 100%;
  margin: 0;
}
@media (max-width: 768px) {
  .page-title {
    background: url(/_materials/img/product/bg-title_jp_sp.jpg) no-repeat center 0/cover;
    height: 48.828125vw;
  }
}
@media (min-width: 769px) {
  .page-title {
    background: url(/_materials/img/product/bg-title_jp_pc.jpg) no-repeat center 0/cover;
    height: 16.34375vw;
  }
}

.productmenu-navbar {
  height: 3.4em;
  margin: auto;
  background: #533771 url("/_materials/img/news/pattern.png") repeat-x;
  border-bottom: 0.4vw #000 solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .productmenu-navbar {
    /*height: get_vw(86, $sp);*/
    height: auto;
    min-height: 11.1979166667vw;
  }
}
@media (min-width: 769px) {
  .productmenu-navbar {
    height: 4.8125vw;
    margin-bottom: 3.28125vw;
  }
}
.productmenu-navbar ul.productmenu-nav {
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .productmenu-navbar ul.productmenu-nav {
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .productmenu-navbar ul.productmenu-nav {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
  }
}
.productmenu-navbar ul.productmenu-nav li {
  background: url("/_materials/img/news/gnav_line.png");
  background-repeat: no-repeat;
  background-position: center left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  .productmenu-navbar ul.productmenu-nav li {
    width: 33%;
    background-size: auto 100%;
    margin: 1.3020833333vw 0;
    padding: 0 0 0 0.78125vw;
  }
	.jp .productmenu-navbar ul.productmenu-nav li {
		width: 25%;
		background-size: auto 100%;
		margin: 1.3020833333vw 0;
		padding: 0 0 0 0.78125vw;
	}
}
@media (min-width: 769px) {
  .productmenu-navbar ul.productmenu-nav li {
    width: 100%;
    background-size: auto 100%;
    padding: 0 0 0 0.375vw;
  }
}
.productmenu-navbar ul.productmenu-nav li:first-child {
  background-image: none;
}
/*@media (max-width: 768px) {
  .productmenu-navbar ul.productmenu-nav li:nth-child(4) {
    background-image: none;
  }
}*/
.productmenu-navbar ul.productmenu-nav li a {
  color: #fff;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 768px) {
  .productmenu-navbar ul.productmenu-nav li a {
    font-size: 3.125vw;
  }
}
@media (min-width: 769px) {
  .productmenu-navbar ul.productmenu-nav li a {
    font-size: 1.5vw;
  }
}
.productmenu-navbar ul.productmenu-nav li a.current {
  color: #fff000;
}
.productmenu-navbar ul.productmenu-nav li a.grayout {
  opacity: 0.3;
}

.container {
  max-width: 1280px;
  width: 100%;
  border-top: 0.78125vw #000 solid;
  border-bottom: 0.78125vw #000 solid;
  background: #fff;
  overflow: hidden;
}
@media (max-width: 768px) {
  .container {
    margin: 0 auto 14.3229166667vw auto;
    padding: 9.1145833333vw 5.2083333333vw;
  }
}
@media (min-width: 769px) {
  .container {
    border: 0.375vw solid #000;
    border-radius: 1.25vw;
    margin: 0 auto 5.625vw auto;
    padding: 3.59375vw;
  }
}
@media (max-width: 768px) {
  .container .content-inner {
    border-bottom: 0.78125vw solid #000;
    margin-bottom: 7.8125vw;
    padding-bottom: 7.8125vw;
  }
}
@media (min-width: 769px) {
  .container .content-inner {
    border-bottom: 0.25vw solid #000;
    margin-top: 0;
    margin-bottom: 3.4375vw;
    padding-bottom: 3.125vw;
  }
}
@media (max-width: 768px) {
  .container .content-inner .package {
    width: 100%;
    height: auto;
    margin-bottom: 4.5572916667vw;
  }
}
@media (min-width: 769px) {
  .container .content-inner .package {
    float: left;
    width: 44%;
    max-width: 974px;
    height: auto;
  }
}
@media (min-width: 769px) {
  .container .content-inner .text_wrap {
    width: 51%;
    max-width: 1066px;
    float: right;
    margin-top: -0.6510416667vw;
  }
}
.container .content-inner .text_wrap h2 {
  color: #c6ff00;
  text-align: left;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .container .content-inner .text_wrap h2 {
    font-size: 9.8958333333vw;
    -webkit-text-stroke: 0.5208333333vw #191919;
    text-shadow: 1.3020833333vw 1.3020833333vw 0px #191919;
    margin-bottom: 3.90625vw;
  }
  .container .content-inner .text_wrap h2.tx-left {
    text-align: left;
  }
}
@media (min-width: 769px) {
  .container .content-inner .text_wrap h2 {
    font-size: 3.59375vw;
    -webkit-text-stroke: 0.1875vw #191919;
    text-shadow: 0.625vw 0.375vw 0px #191919;
    margin-bottom: 1.875vw;
  }
}
.container .content-inner .text_wrap h2 span {
  display: inline-block;
}
@media (min-width: 769px) {
  .container .content-inner .text_wrap dl {
    margin-bottom: 2.1875vw;
  }
}
.container .content-inner .text_wrap dl dt {
  background-color: #533771;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 768px) {
  .container .content-inner .text_wrap dl dt {
    border-radius: 3.2552083333vw;
    font-size: 3.6458333333vw;
    margin-bottom: 1.953125vw;
    padding: 1.3020833333vw 3.2552083333vw;
  }
}
@media (min-width: 769px) {
  .container .content-inner .text_wrap dl dt {
    border-radius: 1.09375vw;
    font-size: 1.25vw;
    margin-bottom: 0.625vw;
    padding: 0.375vw 1.09375vw;
  }
}
.container .content-inner .text_wrap dl dd {
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .container .content-inner .text_wrap dl dd {
    font-size: 3.6458333333vw;
    margin-bottom: 3.90625vw;
    padding: 0 0 0 1.3020833333vw;
  }
}
@media (min-width: 769px) {
  .container .content-inner .text_wrap dl dd {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
    padding: 0 0 0 0.46875vw;
  }
}
@media (max-width: 768px) {
  .container .content-inner .text_wrap .btn-product {
    text-align: center;
  }
}
.container .content-inner p.notice {
  font-weight: 700;
  line-height: 1.75;
}
.container .content-inner p.notice include sp {
  font-size: 2.6041666667vw;
}
@media (min-width: 769px) {
  .container .content-inner p.notice {
    font-size: 1vw;
  }
}
.container .content-inner.spec {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.container .content-inner.spec dl {
  background-color: #ededed;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 768px) {
  .container .content-inner.spec dl {
    border-radius: 1.3020833333vw;
    margin-bottom: 7.8125vw;
  }
}
@media (min-width: 769px) {
  .container .content-inner.spec dl {
    border-radius: 0.625vw;
    margin-bottom: 3.125vw;
  }
}
.container .content-inner.spec dl dt {
  background-color: #434343;
  color: #c6ff00;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 768px) {
  .container .content-inner.spec dl dt {
    font-size: 3.6458333333vw;
    padding: 3.2552083333vw 0;
  }
}
@media (min-width: 769px) {
  .container .content-inner.spec dl dt {
    font-size: 1.25vw;
    padding: 0.9375vw 0;
  }
}
.container .content-inner.spec dl dd {
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .container .content-inner.spec dl dd {
    font-size: 3.6458333333vw;
    padding: 2.6041666667vw 3.2552083333vw;
  }
}
@media (min-width: 769px) {
  .container .content-inner.spec dl dd {
    font-size: 1.25vw;
    padding: 0.78125vw 0;
  }
}
@media (max-width: 768px) {
  .container .content-inner.spec dl dd span {
    font-size: 2.6041666667vw;
    display: inline-block;
    text-align: left;
  }
}
@media (min-width: 769px) {
  .container .content-inner.spec dl dd span {
    font-size: 1.125vw;
  }
}
.container .content-inner.last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.special-edition-wrap{
	display:flex;
	flex-wrap: wrap;
}
.special-edition{
	width: 49%;
	border: #434343 3px solid;
	border-radius: 25px;
	margin: 1em auto 0;
	padding: 1em;
	text-align: center;
}
.special-edition:nth-child(odd){
	margin-right: 1em;
}
.special-edition p{
	margin: 1em auto;
}
@media (max-width: 768px) {
	.special-edition-wrap{
		display: block;
	}
	.special-edition{
		width: 100%;
	}
	.special-edition:nth-child(odd){
		margin-right: 0;
	}
}

.sec-ttl-mini{
	width: 94%;
	margin: 0 auto .5em;
	padding: 0.2em 1.5em;
	background: url("/_materials/img/news/icon_syuriken.svg") no-repeat padding-box 0/1.2em;
	font-size: 1.5em;
	font-weight: 900;
	color:#721bb5;
}

/* 20210528 */
.container a:not(.btn) {
	color: #BC65FF;
	text-decoration: underline;
}

/* Images */
.catch-visual{
	max-width: 800px;
	width: 98%;
	margin: 0 auto 1em;
}

h2.add-ttl {
	padding: 1rem 2rem;
	color:#fff;
	text-align: left;
	line-height: 1.2;
	background: #533771;
}
@media (max-width: 768px) {
	h2.add-ttl {
		font-size: 9.8958333333vw;
		margin-bottom: 3.90625vw;
	}
}
@media (min-width: 769px) {
	html, body {
		scroll-padding-top: 7em;
	}
	h2.add-ttl {
		font-size: 3vw;
		margin-bottom: 1.875vw;
	}
	.container .content-inner .text_wrap {margin-top: 0vw;}
}
.btn-wrap{text-align: center;}