@charset "UTF-8";
/************************************
  Theme/TOP
************************************/
/************************************
  TOPページMV
************************************/
.page-top .mv {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.page-top .mv-bg {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
/*---- MVテーマ変更- -----*/
.page-top .mv.is-bgchange {
  display: none;
}
.theme-am .mv-bg.mv-bg-am {
  display: block;
}
.theme-pm .mv-bg.mv-bg-pm {
  display: block;
}
/************************************
  リンクボタン
************************************/
.link-btn {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.link-btn a {
  color: #FFF;
  display: block;
}
.link-btn .svg-box {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.link-btn .svg-box > svg {
  display: block;
  filter: drop-shadow(3px 2px 2px rgba(0, 0, 0, 0.8));
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.link-btn .svg-box > svg path {
  transition: stroke .5s ease;
}
.link-btn .link-btn-item-lable {
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
  transition: color .5s ease;
  transform: translate(-50%, -50%);
  width: 100%;
}
.link-btn .link-btn-item-lable::before {
  background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: .8em;
  margin-right: .5em;
  transition: background .5s ease;
  vertical-align: middle;
  width: 1em;
}
@media only screen and (min-width: 769px) {
  .link-btn a:hover path {
    stroke: #EED998;
  }
  .link-btn a:hover .link-btn-item-lable {
    color: #EED998;
  }
  .link-btn a:hover .link-btn-item-lable::before {
    background: url(../images/common/arrow_ic-r-y.png) center no-repeat;
    background-size: contain;
  }
}


/************************************
  サイトナビ
************************************/
.sec#gameinfo .site-nav {
  padding: 0 4vw;
}
@media only screen and (max-width: 768px) {
  .sec#gameinfo .site-nav {
    overflow-x: hidden;
  }
}
.sec#gameinfo .site-nav-list {
  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;
}
.sec#gameinfo .site-nav-list-item {
  line-height: 0;
  margin-bottom: 3%;
  position: relative;
  text-align: center;
  width: 100%;
}
.sec#gameinfo .site-nav-list-item .site-nav-bg {
  overflow: hidden;
  position: relative;
}
.sec#gameinfo .site-nav-list-item .site-nav-flame {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 2;
}
.sec#gameinfo .site-nav-list-item .site-nav-flame picture {
  display: block;
}
.sec#gameinfo .site-nav-list-item .site-nav-flame-inner {
  border-radius: 1.5em;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.sec#gameinfo .site-nav-list-item.size-s .site-nav-flame-inner {
  /*border-radius: 2.5em;*/
}
@media only screen and (max-width: 768px) {
  .sec#gameinfo .site-nav-list-item .site-nav-flame-inner {
    transform: scale(1.02);
  }
  .sec#gameinfo .site-nav-list-item.size-s  .site-nav-flame-inner {
    transform: none;
  }
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item .site-nav-flame-inner {
    border-radius: 3.5em;
  }
  .sec#gameinfo .site-nav-list-item.size-s .site-nav-flame-inner {
    border-radius: 3.5em;
  }
}
.sec#gameinfo .site-nav-list-item .site-nav-flame-inner img {
  transition: transform .2s ease-in;
}
.sec#gameinfo .site-nav-list-item.size-l {
  z-index: 1;
}
.sec#gameinfo .site-nav-list-item.size-m {
  margin-bottom: 5%;
  width: 100%;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item.size-m {
		margin-bottom: 3%;
    width: 49.5%;
  }
}
.sec#gameinfo .site-nav-list-item.size-s {
  width: 48.5%;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item.size-s {
    width: 32.5%;
  }
}
.sec#gameinfo .site-nav-list-item a {
  color: #FFF;
  position: relative;
}
.sec#gameinfo .site-nav-list-item .site-nav-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}
.sec#gameinfo .site-nav-list-item .site-nav-label {
  font-family: "source-han-serif-japanese", serif;
  font-size: 8.26vw;
  font-weight: 900;
  font-style: italic;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
  line-height: 1.1;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item .site-nav-label {
    font-size: 4.895vw;
		text-shadow: 0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000;
  }
}
.sec#gameinfo .site-nav-list-item .site-nav-label small {
  font-size: .85em;
}
.sec#gameinfo .site-nav-list-item.site-nav-list-item-rampage .site-nav-label small {
	font-size: .68em;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item.site-nav-list-item-rampage .site-nav-label small {
		font-size: .72em;
	}
}
.sec#gameinfo .site-nav-list-item.size-m .site-nav-label {
  font-size: 6.26vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item.size-m .site-nav-label {
    font-size: 3.7333vw;
    text-align: center;
  }
}
.sec#gameinfo .site-nav-list-item.size-s .site-nav-label {
  font-size: 4.8vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item.size-s .site-nav-label {
    font-size: 2.9vw;
    text-align: center;
  }
}
/* 詳細ボタン */
.sec#gameinfo .detail-btn {
  display: inline-block;
  left: .5em;
  line-height: 1.5;
  margin-top: 3vw;
  position: relative;
  transition: border .5s ease;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .detail-btn {
    left: 1em;
    margin-top: 1.5vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.sec#gameinfo .detail-btn .detail-btn-inner {
  color: #FFF;
  display: block;
  font-family: "source-han-serif-japanese", serif;
  font-size: 3.667vw;
  font-weight: 700;
  height: 100%;
  transition: color .2s ease;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .detail-btn .detail-btn-inner {
    font-size: 1.667vw;
  }
}
.sec#gameinfo .detail-btn-label {
  padding: 1vw 0;
  position: relative;
  transition: border .5s ease;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 768px) {
  .sec#gameinfo .detail-btn-label {
    min-width: 8em;
  }
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .detail-btn-label {
    padding: 0.5vw 1vw;
		text-shadow: 0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000;
  }
}
.sec#gameinfo .detail-btn-label span {
  left: -1.5em;
  position: relative;
}
.sec#gameinfo .detail-btn-pattern {
  bottom: -10%;
  height: 4px;
  position: absolute;
  transition: transform .2s ease;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .detail-btn-pattern {
    width: 92%;
  }
}
.sec#gameinfo .detail-btn-pattern-inner-btm {
  background: white;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease;
  width: 100%;
}
.sec#gameinfo .detail-btn-pattern-inner-btm::after {
  background: white;
  content: "";
  display: block;
  height: 24px;
  left: calc(100% - 10px);
  position: absolute;
  top: calc(100% - 22px);
  transform: rotateZ(-45deg);
  transition: background .2s ease;
  width: 2px;
}
.sec#gameinfo .detail-btn-pattern-inner-top {
  background: rgba(255, 255, 255, 0.8);
  bottom: 3px;
  display: block;
  height: 1px;
  left: 3px;
  position: relative;
  transition: background .2s ease;
  width: calc(100% - 13px);
}
.sec#gameinfo .detail-btn-pattern-inner-top::after {
  background: rgba(255, 255, 255, 0.8);
  content: "";
  display: block;
  height: 16px;
  left: calc(100% - 7px);
  position: absolute;
  top: calc(100% - 15px);
  transform: rotateZ(-45deg);
  transition: background .2s ease;
  width: 1px;
}
.sec#gameinfo .detail-btn .site-nav-ic {
  display: inline-block;
  position: relative;
  padding-left: 2.3em;
}
.sec#gameinfo .detail-btn .site-nav-ic::before {
  content: "";
  display: inline-block;
  height: 2em;
  left: 0;
  top: calc(50% + 3px);
  position: absolute;
  transform: translateY(-50%);
  width: 2em;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .detail-btn .site-nav-ic {
    padding-left: 2.2em;
  }
  .sec#gameinfo .detail-btn .site-nav-ic::before {
    height: 2em;
    left: -3px;
    top: calc(50% + 6px);
    transition: background .2s ease-in;
    width: 2em;
  }
}
.sec#gameinfo .detail-btn .site-nav-ic-world::before {
  background: url("../images/common/world_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-action::before {
  background: url("../images/common/action_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-field::before {
  background: url("../images/common/field_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-otomo::before {
  background: url("../images/common/otomo_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-monster::before {
  background: url("../images/common/monster_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-weapon::before {
  background: url("../images/common/weapon_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-kamura::before {
  background: url("../images/common/kamura_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-field::before {
  background: url("../images/common/field_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-environment::before {
  background: url("../images/common/environment_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-multiplayer::before {
  background: url("../images/common/multiplayer_ic.png") center no-repeat;
  background-size: contain;
}
.sec#gameinfo .detail-btn .site-nav-ic-rampage::before {
  background: url("../images/common/rampage_ic.png") center no-repeat;
  background-size: contain;
}
/* switch */
@media only screen and (max-width: 768px) {
  .sec#gameinfo .detail-btn .site-nav-ic.site-nav-ic-world {
    padding-left: 3em;
  }
  .sec#gameinfo .detail-btn .site-nav-ic.site-nav-ic-world::before {
    left: -.5em;
  }
}
/* アクション */
.sec#gameinfo .site-nav-list-item-action {
	z-index: 3;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-inner {
  /*left: 6%;
  top: 60%;*/
	top: 4vw;
	transform: none;
  z-index: 4;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-label.site-nav-label-main {
  position: absolute;
  text-align: center;
  top: 4%;
  width: 100%;
  z-index: 4;
}
@media only screen and (max-width: 768px) {
  .sec#gameinfo .site-nav-list-item-action .site-nav-label.site-nav-label-main {
    line-height: 1.6;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-label.site-nav-label-main .ruby-box .ruby {
    bottom: calc(100% - .9em);
  }
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item-action .site-nav-label.site-nav-label-main {
    top: 6%;
  }
}
/* add 201221 アクション-翔蟲 */
.sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi .site-nav-label-sub {
  font-size: 6.26vw;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, .5), -3px 2px 2px rgba(0, 0, 0, .5), 3px -2px 2px rgba(0, 0, 0, .5), -3px -2px 2px rgba(0, 0, 0, .5);
  transition: color .2s ease;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi .site-nav-image {
  pointer-events: none;
  position: absolute;
  right: -2%;
  top: 15vw;
  width: 110%;
  z-index: 3;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi .site-nav-inner {
  left: -4%;
  top: 60vw;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi {
    width: 50%;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi .site-nav-label-sub {
    font-size: 3.7333vw;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi .site-nav-inner {
    left: -4%;
    top: 28vw;
    width: 100%;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi .site-nav-image {
    right: -4%;
    top: -4vw;
    width: 170%;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi .site-nav-image img {
    transition: transform .2s ease;
  }
}
/* add 201221 アクション-操竜 */
.sec#gameinfo .site-nav-list-item-action .site-nav-soryu {
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-label-sub {
  font-size: 6.26vw;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, .5), -3px 2px 2px rgba(0, 0, 0, .5), 3px -2px 2px rgba(0, 0, 0, .5), -3px -2px 2px rgba(0, 0, 0, .5);
  transition: color .2s ease;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-label-sub .ruby-box {
  font-size: 1.6em;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-label-sub .ruby-box .ruby {
  left: .5em;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-image {
  pointer-events: none;
  position: absolute;
  left: -18%;
  top: -6vw;
  width: 100%;
  z-index: 3;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-inner {
  left: 0;
  text-align: right;
  top: 56vw;
  width: 92%;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item-action .site-nav-soryu {
    top: 45%;
    width: 50%;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-inner {
    left: 6%;
    text-align: right;
    top: 20vw;
    width: 100%;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-label-sub {
    font-size: 3.7333vw;
    text-align: left;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-image {
    left: -10%;
    top: -12vw;
    width: 126%;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-soryu .site-nav-image img {
    transition: transform .2s ease;
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-soryu .detail-btn {
    left: 0;
  }
}
/* 210308 アクション */
.sec#gameinfo .site-nav-list-item-action {
	margin-bottom: 6%;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-action {
		margin-bottom: 4%;
	}
}
.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wirebug .site-nav-image {
	pointer-events: none;
	position: absolute;
	top: 1vw;
	right: -7vw;
	width: 121%;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wirebug .site-nav-image {
		top: -13vw;
		right: 2vw;
		width: 80%;
	}
}
.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wirebug .site-nav-label {
	text-align: left;
	line-height: 1.3;
	position: absolute;
	top: 35vw;
	right: 18vw;
	font-size: 5.3vw;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wirebug .site-nav-label {
		top: 17vw;
		right: 13vw;
		font-size: 3.125vw;
	}
}
.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wyvern-riding .site-nav-image {
	pointer-events: none;
	position: absolute;
	top: 44vw;
	left: -20vw;
	width: 100%;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wyvern-riding .site-nav-image {
		top: 9vw;
		left: 0;
		width: 55%;
	}
}
.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wyvern-riding .site-nav-label {
	text-align: left;
	position: absolute;
	top: 88vw;
	right: 4vw;
	font-size: 4.2vw;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wyvern-riding .site-nav-label {
		top: 20vw;
		right: auto;
		left: 6vw;
		font-size: 2.5vw;
	}
}
.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wyvern-riding .site-nav-label .fs-l {
	font-size: 8.2vw;
	line-height: 1.3;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wyvern-riding .site-nav-label .fs-l {
		font-size: 4.8vw;
	}
}
.sec#gameinfo .site-nav-list-item-action .site-nav-inner .wyvern-riding .site-nav-label .ruby-box .ruby {
	bottom: 90%;
}
.sec#gameinfo .site-nav-list-item-action .site-nav-inner .detail-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 106vw;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-action .site-nav-inner .detail-btn {
		left: auto;
		transform: none;
		right: 5vw;
		top: 32vw;
	}
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-action .site-nav-image img {
    transition: transform .2s ease;
  }
}
/* オトモ */
.sec#gameinfo .site-nav-list-item.size-m.site-nav-list-item-otomo {
	z-index: 3;
}
.sec#gameinfo .site-nav-list-item-otomo .site-nav-inner {
  left: 6%;
  width: 45%;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item-otomo .site-nav-inner {
		left: 4%;
		width: 50%;
	}
}
.sec#gameinfo .site-nav-list-item-otomo .site-nav-image {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  right: 5%;
  top: -14%;
  width: 43%;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item-otomo .site-nav-image {
    left: auto;
    right: 1%;
    top: -4%;
    width: 47%;
  }
	.sec#gameinfo .site-nav-list-item-otomo .site-nav-image img {
    transition: transform .2s ease;
  }
}
/* モンスター */
.sec#gameinfo .site-nav-list-item-monster .site-nav-inner {
  right: 2%;
  width: 55%;
  z-index: 4;
}
.sec#gameinfo .site-nav-list-item-monster .site-nav-image {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  left: -7.5%;
  top: -74%;
  width: 108%;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item-monster .site-nav-inner {
    /*left: 2%;
    right: auto;*/
    width: 65%;
  }
  .sec#gameinfo .site-nav-list-item-monster .site-nav-image {
    /*left: auto;
    right: 5%;*/
		left: -7%;
    top: -47%;
    width: 120%;
  }
  .sec#gameinfo .site-nav-list-item-monster .site-nav-image img {
    transition: transform .2s ease;
  }
}
/* size-S */
.sec#gameinfo .site-nav-list-item.size-s .site-nav-inner {
  top: 72%;
}
.sec#gameinfo .site-nav-list-item.size-s .detail-btn {
	margin-top: 1vw;
}
@media only screen and (min-width: 769px) {
	.sec#gameinfo .site-nav-list-item.size-s .detail-btn {
		margin-top: 0.5vw;
	}
}
.sec#gameinfo .site-nav-list-item.size-s .detail-btn .detail-btn-inner {
  font-size: 2vw;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item.size-s .detail-btn .detail-btn-inner {
    font-size: 1.267vw;
  }
}
@media (orientation: portrait) and (max-width: 768px) {
  .sec#gameinfo .site-nav-list-item.size-s .detail-btn .detail-btn-inner .detail-btn-label {
		min-width: 11em;
		padding: 1vw 0 2vw;
  }
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item.size-s .detail-btn .site-nav-ic::before {
    left: -7px;
  }
}
/* hover/State */
.sec#gameinfo .About .detail-btn-inner:hover,
.sec#gameinfo .site-nav-list a:hover .detail-btn-inner {
  color: #EED998;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi:hover .site-nav-image img,
  .sec#gameinfo .site-nav-list-item-action .site-nav-soryu:hover .site-nav-image img,
  .sec#gameinfo .site-nav-list-item-action a:hover .site-nav-image img,
  .sec#gameinfo .site-nav-list-item-monster a:hover .site-nav-image img,
  .sec#gameinfo .site-nav-list-item-otomo a:hover .site-nav-image img,
  .sec#gameinfo .site-nav-list-item:not(.site-nav-list-item-monster):not(.site-nav-list-item-action):not(.site-nav-list-item-otomo) a:hover .site-nav-flame-inner img {
    transform: scale(1.1, 1.1);
  }
  .sec#gameinfo .site-nav-list-item-action .site-nav-kakerimushi:hover .site-nav-label.site-nav-label-sub,
  .sec#gameinfo .site-nav-list-item-action .site-nav-soryu:hover .site-nav-label.site-nav-label-sub {
    color: rgba(238, 217, 152, 1);
  }
  .sec#gameinfo .About a:hover .detail-btn-pattern,
  .sec#gameinfo .site-nav-list a:hover .detail-btn-pattern {
    transform: translateX(6px);
  }
  .sec#gameinfo .About a:hover .detail-btn-pattern,
  .sec#gameinfo .site-nav-list a:hover .detail-btn-pattern {
    transform: translateX(6px);
  }
  .sec#gameinfo .About a:hover .detail-btn-pattern-inner-btm,
  .sec#gameinfo .site-nav-list a:hover .detail-btn-pattern-inner-btm {
    background: #eed998;
  }
  .sec#gameinfo .About a:hover .detail-btn-pattern-inner-btm::after,
  .sec#gameinfo .site-nav-list a:hover .detail-btn-pattern-inner-btm::after {
    background: #eed998;
  }
  .sec#gameinfo .About a:hover .detail-btn-pattern-inner-top,
  .sec#gameinfo .site-nav-list a:hover .detail-btn-pattern-inner-top {
    background: rgba(238, 217, 152, 0.8);
  }
  .sec#gameinfo .About a:hover .detail-btn-pattern-inner-top::after,
  .sec#gameinfo .site-nav-list a:hover .detail-btn-pattern-inner-top::after {
    background: rgba(238, 217, 152, 0.8);
  }
  .sec#gameinfo .About a:hover .site-nav-ic::before {
    background: url("../images/common/world_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-world::before {
    background: url("../images/common/world_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-action::before {
    background: url("../images/common/action_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-field::before {
    background: url("../images/common/field_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-otomo::before {
    background: url("../images/common/otomo_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-monster::before {
    background: url("../images/common/monster_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-weapon::before {
    background: url("../images/common/weapon_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-kamura::before {
    background: url("../images/common/kamura_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-field::before {
    background: url("../images/common/field_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-environment::before {
    background: url("../images/common/environment_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-multiplayer::before {
    background: url("../images/common/multiplayer_ic-active.png") center no-repeat;
    background-size: contain;
  }
  .sec#gameinfo .site-nav-list a:hover .detail-btn .site-nav-ic-rampage::before {
    background: url("../images/common/rampage_ic-active.png") center no-repeat;
    background-size: contain;
  }
}
.sec#gameinfo .site-nav-list-item.is-disable {
  pointer-events: none;
}
.sec#gameinfo .site-nav-list-item.is-disable img {
  opacity: .6;
}
.sec#gameinfo .site-nav-list-item.is-disable .site-nav-inner {
  height: 100%;
  top: 50%;
}
.sec#gameinfo .site-nav-list-item.is-disable .site-nav-label {
  opacity: .5;
  position: relative;
  top: 70%;
}
.sec#gameinfo .site-nav-list-item.is-disable .disable-message {
  display: block;
  font-family: "source-han-serif-japanese", serif;
  font-size: 5.06vw;
  font-weight: 900;
  font-style: italic;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
  line-height: 1.1;
  opacity: .5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.sec#gameinfo .site-nav-list-item.is-disable .detail-btn {
  display: none;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .site-nav-list-item.is-disable .disable-message {
    font-size: 2.1875vw;
  }
}
/****** firstview ******/
.sec#firstview {
  padding-bottom: 8vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#firstview {
    padding-bottom: 12vw;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .sec#firstview {
    min-height: initial;
    min-height: auto;
  }
}

.sec#firstview .sec-inner {
  padding: 0;
  position: relative;
  z-index: 3;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .sec-inner {
    padding: 0 4vw;
  }
}

.sec#firstview .conts.Detail {
  /*padding: 0 4vw;*/
  text-align: center;
}
/* add 201221 */
@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail {
    margin-right: -4vw;
    margin-left: auto;
    padding: 0 0 6vw;
    text-align: center;
    width: 39.77273%;
  }
  .fvBnr-on .sec#firstview .conts.Detail {
    padding: 0 0 11vw;
  }
  .fvBnr-on.fvBnr-two .sec#firstview .conts.Detail {
    padding: 0 0 0;
  }
  .fvBnr-on-traial .sec#firstview .conts.Detail {
    padding: 0;
  }
  .fvBnr-on.fvBnr-two.fvBnr-tvcm .sec#firstview .conts.Detail {
		width: 37.5%;
  }
}

.sec#firstview .conts.Detail .logo {
  margin-right: auto;
  margin-bottom: 92vw;
  margin-left: auto;
  padding-top: 6vw;
  position: relative;
  width: 79.02985%;
}
/* add 201221 */
@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Detail .logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .logo {
    padding-top: 4vw;
    margin-bottom: 0;
    width: 90%;
  }
  .fvBnr-on.fvBnr-two.fvBnr-tvcm .sec#firstview .conts.Detail .logo {
    padding-top: 3vw;
    width: 80%;
  }
}
.sec#firstview .conts.Detail .release {
  color: #FFF;
  font-family: "source-han-serif-japanese", serif;
  font-weight: 900;
  font-size: 9.8vw;
  margin-bottom: 4vw;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}
/* add 201221 */
@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Detail .release {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .release {
    font-size: 3.75vw;
    font-weight: 700;
    margin-bottom: 1.33333vw;
  }
  .fvBnr-on.fvBnr-two.fvBnr-tvcm .sec#firstview .conts.Detail .release {
    font-size: 3.35vw;
    margin-bottom: 0.5vw;
  }
}

.sec#firstview .conts.Detail .release small {
  font-size: .6em;
}

.sec#firstview .conts.Detail .sales-medal {
	position: absolute;
	color: #fcec95;
	z-index: 500;
	text-align: center;
	/*border: 2px solid #fcec95;
	border-radius: 50%;
	box-sizing: border-box;
	background: rgba(0,0,0,0.75);*/
	width: 25vw;
	height: 25vw;
	background: url(../images/sales-medal_bg.png) center center no-repeat;
	background-size: contain;
	top: 109vw;
	right: 32vw;
}
.sec#firstview .conts.Detail .sales-medal p {
	font-family: "source-han-serif-japanese", serif;
	position: absolute;
	display: block;
	top: 52%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	font-weight: 700;
	font-size: 3.2vw;
	line-height: 1.3;
}
.sec#firstview .conts.Detail .sales-medal p strong {
	font-size: 5vw;
}
.sec#firstview .conts.Detail .sales-medal p span {
	font-size: 1.8vw;
	vertical-align: super;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .sales-medal {
		width: 8.3vw;
		height: 8.3vw;
		top: 10.5vw;
		right: initial;
		left: 4vw;
	}
	.sec#firstview .conts.Detail .sales-medal p {
		top: 52%;
		font-size: 1vw;
	}
	.sec#firstview .conts.Detail .sales-medal p strong {
		font-size: 1.6vw;
	}
	.sec#firstview .conts.Detail .sales-medal p span {
		font-size: 0.6vw;
	}
}

/*2021.10.04*/
.sec#firstview .conts.Detail .award-medal {
	position: absolute;
	color: #fcec95;
	z-index: 500;
	text-align: center;
	width: 25vw;
	height: 25vw;
	top: 109vw;
	right: 4vw;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .award-medal {
		width: 8.3vw;
		height: 8.3vw;
		top: 10.5vw;
		right: initial;
		left: 13.5vw;
	}
}

.sec#firstview .conts.Detail .buy {
  margin-right: auto;
  margin-bottom: 10vw;
  margin-left: auto;
  width: 92%;
}
/* add 201221 */
@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Detail .buy {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .fvBnr-trial .sec#firstview .conts.Detail .buy {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .buy {
    margin-bottom: 4vw;
    width: 74.28571%;
  }
}

.fvBnr-on .sec#firstview .conts.Detail .buy {
  margin-bottom: 8vw;
}
@media only screen and (min-width: 769px) {
  .fvBnr-on .sec#firstview .conts.Detail .buy {
    margin-bottom: 3vw;
  }
  .fvBnr-on.fvBnr-two.fvBnr-tvcm .sec#firstview .conts.Detail .buy {
    margin-bottom: 2vw;
    width: 67%;
  }
}

.sec#firstview .conts.Detail .buy-btn-text {
  font-weight: 700;
}

.sec#firstview .conts.Detail .buy-btn-text-image {
  line-height: 0;
  margin-right: auto;
  margin-left: auto;
  width: 56.25%;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .buy-btn-text-image {
    width: 55.76923%;
  }
}

.sec#firstview .conts.Detail .buy-btn::after {
  background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 1.2em;
  margin-left: 1vw;
  position: absolute;
  right: 1vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5em;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .buy-btn::after {
    margin-left: 0.5vw;
  }
}

/* add 201221 */
@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Detail .fvBnr {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
		margin: 0 auto 10vw;
		width: 90%;
  }
}

.sec#firstview .conts.Detail .fvBnr .ttl {
	color: #fff;
  font-size: 4vw;
  margin-bottom: 2.5vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .fvBnr .ttl {
		font-size: 1.2vw;
    margin-bottom: 0.5vw;
    width: 100%;
	}
}

.sec#firstview .conts.Detail .topics {
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .topics {
    margin: 0 auto;
    width: 68%;
  }
}

.sec#firstview .conts.Detail .topics-list-item {
  position: relative;
}
.sec#firstview .conts.Detail .topics-list-item:not(:last-child) {
  margin-bottom: 4vw;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .topics-list-item:not(:last-child) {
    margin-bottom: 1vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .topics-list-item:hover .topics-text {
    opacity: .8;
  }
}

.sec#firstview .conts.Detail .topics-thumb {
  line-height: 0;
}
.sec#firstview .conts.Detail .topics-text {
  color: #FFF;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 1.5;
  padding: .4em;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .2s ease-in;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .topics-text {
    font-size: 1.04167vw;
  }
}

/*映像見聞録*/
.sec#firstview .conts.Detail .shortvideo .topics-text {
  width: 50%;
}

/*LINEスタンプ*/
.sec#firstview .conts.Detail .line-stamp .topics-text {
  width: 79%;
  color: #07b53b;
  text-align: center;
  font-weight: 900;
  padding: .4em 0;
  font-size: 5.2vw;
}
.sec#firstview .conts.Detail .line-stamp .topics-text span {
  color: #f19712;
}
.sec#firstview .conts.Detail .line-stamp .topics-text div {
  line-height: 1;
}
.sec#firstview .conts.Detail .line-stamp .topics-text .period {
  color: #fff;
  background: #07b53b;
  border-radius: 1em;
  box-sizing: border-box;
  text-align: center;
  font-weight: 700;
  width: 80%;
  margin: 1vw auto 0;
  padding: 1vw 0;
  font-size: 2.9vw;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .line-stamp .topics-text {
    font-size: 1.7vw;
  }
  .sec#firstview .conts.Detail .line-stamp .topics-text .period {
    margin:  0.5vw auto 0;
    padding: 0.35vw 0;
    font-size: 0.95vw;
  }
}

/*スペシャルプログラム・デジタルライブイベント*/
/*.sec#firstview .conts.Detail .topics-list-item.event:not(:last-child) {
  margin-bottom: 2vw;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .topics-list-item.event:not(:last-child) {
    margin-bottom: 0.5vw;
  }
}*/
.sec#firstview .conts.Detail .event .topics-text {
  width: 68%;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .event .topics-text {
		font-size: 0.95vw;
	}
}
.sec#firstview .conts.Detail .event .topics-thumb-text {
	color: #fff;
	font-weight: 700;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 31%;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .event .topics-thumb-text {
		font-size: 1vw;
	}
}

.sec#firstview .conts.Detail .event .topics-thumb-text .fs-l {
	line-height: 1;
	font-size: 5.5vw;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .event .topics-thumb-text .fs-l {
		font-size: 1.6vw;
	}
}
.ic-up.ic-up-event::before,
.ic-up.ic-up-event::after {
	left: 0;
	top: -5vw;
}
@media only screen and (min-width: 769px) {
	.ic-up.ic-up-event::before,
	.ic-up.ic-up-event::after {
		left: -2vw;
		top: 0;
	}
}
/* TVCM */
.sec#firstview .conts.Detail .tvcm .topics-text {
	position: static;
	transform: none;
	text-align: center;
	padding: 0;
	line-height: 1.3;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
	width: 100%;
	font-size: 4vw;
	margin-top: 2vw;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .tvcm .topics-text {
		font-size: 1.22vw;
		margin-top: 0.3vw;
	}
}
.sec#firstview .conts.Detail .tvcm .topics-text::before {
 background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: .8em;
  margin-right: .5em;
  transition: background .5s ease;
  width: 1em;
}

/*rise-exp*/
.sec#firstview .conts.Detail .rise-exp .topics-text {
  width: 70%;
  text-align: center;
  padding: 0 1em;
	line-height: 1;
}
.sec#firstview .conts.Detail .rise-exp .topics-text small {
	display: block;
  font-weight: 400;
	font-size: 1.85vw;
}
.sec#firstview .conts.Detail .rise-exp .topics-text .serif-text {
  font-family: "source-han-serif-japanese", serif;
  font-weight: 900;
}
.sec#firstview .conts.Detail .rise-exp .topics-text .title {
	line-height: 1.3;
	font-size: 2.52vw;
	margin: 2vw 0;
}
.sec#firstview .conts.Detail .rise-exp .topics-text .date {
	color: #fff;
	font-size: 5.4vw;
}
.sec#firstview .conts.Detail .rise-exp .topics-text .date span {
	font-size: 80%;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .rise-exp .topics-text small {
		line-height: 1.3;
		font-size: 0.588vw;
	}
	.sec#firstview .conts.Detail .rise-exp .topics-text .title {
		font-size: 0.748vw;
		margin: 0.5vw 0;
	}
	.sec#firstview .conts.Detail .rise-exp .topics-text .date {
		font-size: 1.6vw;
	}
}

/*tgs2021*/
.sec#firstview .conts.Detail .tgs2021 a {
	position: relative;
}
.sec#firstview .conts.Detail .tgs2021 .topics-text {
	text-align: center;
  width: 60%;
  padding: 0 1em;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
	font-size: 4vw;
}
.sec#firstview .conts.Detail .tgs2021 .topics-btm-text {
	color: #fff;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
	font-size: 3vw;
	margin-top: 1vw;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .tgs2021 .topics-text {
		font-size: 1.2vw;
	}
	.sec#firstview .conts.Detail .tgs2021 .topics-btm-text {
		font-size: 0.85vw;
		margin-top: 0.5vw;
	}
}


/*体験版 ver2*/
.sec#firstview .conts.Detail .trial .topics-text {
	font-weight: 900;
	line-height: 1;
	text-align: center;
	background: linear-gradient(to right, rgba(192,162,90,1) 0%,rgba(252,236,149,1) 40%,rgba(252,236,149,1) 50%,rgba(195,165,95,1) 100%);
	color: rgba(252,236,149,1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(2px 2px 1px rgba(0,0,0,.8)) drop-shadow(-1px 1px 1px rgba(0,0,0,.8)) drop-shadow(1px -1px 1px rgba(0,0,0,.8)) drop-shadow(-1px -1px 1px rgba(0,0,0,.8));
	width: 100%;
	top: 0.2vw;
	transform: none;
	font-size: 6.8vw;
}
.ua-ie .sec#firstview .conts.Detail .trial .topics-text {
	background: none;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .trial .topics-text {
		top: 0.1vw;
		font-size: 2vw;
	}
	.fvBnr-on.fvBnr-two.fvBnr-tvcm .sec#firstview .conts.Detail .trial .topics-text {
		top: 0;
	}
}

.sec#firstview .conts.Detail .trial .topics-text small {
	font-size: .67em;
}
.sec#firstview .conts.Detail .trial .topics-text small .fs-s {
	font-size: .75em;
	position: initial;
}

/*体験版*/
.ic-up.ic-up-demo::before,
.ic-up.ic-up-demo::after {
	left: -3vw;
	top: -6vw;
}
@media only screen and (min-width: 769px) {
	.ic-up.ic-up-demo::before,
	.ic-up.ic-up-demo::after {
		left: -1.4vw;
		top: -1.8vw;
	}
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .topics.trial {
    margin: 0 auto;
    width: 60%;
  }
}
.sec#firstview .conts.Detail .topics-traial {
  position: relative;
}

.sec#firstview .conts.Detail .topics-traial {
  position: relative;
}
.sec#firstview .conts.Detail .topics-traial .topics-text {
  font-size: 7.6vw;
  font-weight: 900;
  line-height: 1.2;
  position: absolute;
  right: 0;
  text-align: center;
  top: 44%;
  transform: translateY(-50%);
  width: 100%;
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .topics-traial .topics-text {
		top: 45%;
	}
}
.sec#firstview .conts.Detail .topics-traial .topics-text span {
  color: rgba(255,255,255,1);
  display: block;
  margin: .1em 0 0;
}
.sec#firstview .conts.Detail .topics-traial .topics-text small {
  color: rgba(255,255,255,1);
  display: block;
  font-family: "source-han-serif-japanese", serif;
  font-size: .35em;
  font-weight: 700;
}
.sec#firstview .conts.Detail .topics-traial .topics-text small.fs-l {
  display: block;
  font-size: .55em;
  margin-top: .2em;
}
.sec#firstview .conts.Detail .topics-traial .topics-text small.fs-s {
	display: inline;
	margin-top: 0;
	font-size: .7em;
	background: none;
	filter: none;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Detail .topics-traial .topics-text {
    font-size: 2.6vw;
  }
  .sec#firstview .conts.Detail .topics-traial .topics-text span {
    background: linear-gradient(to right, rgba(192,162,90,1) 0%,rgba(252,236,149,1) 40%,rgba(252,236,149,1) 50%,rgba(195,165,95,1) 100%);
    color: rgba(252,236,149,1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(2px 2px 1px rgba(0,0,0,.8)) drop-shadow(-1px 1px 1px rgba(0,0,0,.8)) drop-shadow(1px -1px 1px rgba(0,0,0,.8)) drop-shadow(-1px -1px 1px rgba(0,0,0,.8));
  }
  .sec#firstview .conts.Detail .topics-traial .topics-text small {
    background: linear-gradient(to right, rgba(192,162,90,1) 0%,rgba(252,236,149,1) 40%,rgba(252,236,149,1) 50%,rgba(195,165,95,1) 100%);
    color: rgba(252,236,149,1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(2px 2px 1px rgba(0,0,0,.8)) drop-shadow(-1px 1px 1px rgba(0,0,0,.8)) drop-shadow(1px -1px 1px rgba(0,0,0,.8)) drop-shadow(-1px -1px 1px rgba(0,0,0,.8));
  }
}
@media only screen and (min-width: 769px) {
	.sec#firstview .conts.Detail .topics-traial .topics-text .demo-btn {
		position: relative;
		width: 50%;
		margin: 2vw auto 0;
  }
	.sec#firstview .conts.Detail .topics-traial .topics-text .demo-btn img {
		display: block;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		transition: .4s ease-in-out;
  }
	.sec#firstview .conts.Detail .topics-traial a:hover .topics-text .demo-btn img:nth-of-type(2) {
		opacity: 0;
  }
}
@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Detail .topics-traial .link-btn {
		width: 65%;
		margin-top: 8vw;
  }
  .sec#firstview .conts.Detail .topics-traial .link-btn .svg-box {
		padding-top: 13vw;
  }
  .sec#firstview .conts.Detail .topics-traial .link-btn .link-btn-item-lable {
		font-size: 3.6vw;
		font-weight: 400;
  }
}

.sec#firstview .conts.Detail .topics-text .date {
  color: #EED998;
  display: block;
}
.sec#firstview .conts.Media {
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media {
    bottom: 0;
    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;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    left: 4vw;
    position: absolute;
    width: 36.65909%;
  }
}

.sec#firstview .conts.Media .trailer {
  width: 90%;/*100%*/
}
@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Media .trailer {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .trailer {
    width: 64.55738%;
  }
}
@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Media .trailer-pc {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .trailer-sp {
    display: none;
  }
}

.sec#firstview .conts.Media .trailer .link-btn {
  margin-top: 8vw;
  width: 50%
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .trailer .link-btn {
    margin-top: 2.5vw;
    width: 50%
  }
}
.sec#firstview .conts.Media .trailer .link-btn .svg-box {
  padding-top: 13vw;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .trailer .link-btn .svg-box {
    padding-top: 4vw;
  }
  .sec#firstview .conts.Media .trailer .link-btn .link-btn-item-lable {
    font-size: 1.01rem;
  }
  .sec#firstview .conts.Media .trailer .link-btn .link-btn-item-lable::before {
    vertical-align: unset;
  }
}

.sec#firstview .conts.Media .trailer-pc .trailer-ttl,
.sec#firstview .conts.Media .trailer-common .trailer-ttl {
  color: #FFF;
  font-size: 3.6vw;
  margin-bottom: 1.5vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}
.sec#firstview .conts.Media .trailer-common .trailer-ttl small {
  font-size: .9em;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .trailer-pc .trailer-ttl,
  .sec#firstview .conts.Media .trailer-common .trailer-ttl {
    font-size: 1.04167vw;
    margin-bottom: 0.5vw;
  }
}

.sec#firstview .conts.Media .trailer-pc .trailer-ttl .update,
.sec#firstview .conts.Media .trailer-common .trailer-ttl .update {
  color: #EED998;
  margin-right: .5em;
}

.sec#firstview .conts.Media .trailer-pc .player-box-inner::before,
.sec#firstview .conts.Media .trailer-common .player-box-inner::before {
  background: #000;
  content: "";
  display: block;
  left: 50%;
  height: calc(100% - 12px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 12px);
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Media .trailer-pc .player-box-inner::before,
  .sec#firstview .conts.Media .trailer-common .player-box-inner::before {
    display: none;
  }
}

.sec#firstview .conts.Media .trailer-pc .player-box-inner a::before,
.sec#firstview .conts.Media .trailer-common .player-box-inner a::before {
  background: url(../images/trailer_flame.png) center no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .trailer-pc .player-box-inner a::after,
  .sec#firstview .conts.Media .trailer-common .player-box-inner a::after {
    display: none;
  }
}

.sec#firstview .conts.Media .trailer-pc .player-box-inner a video,
.sec#firstview .conts.Media .trailer-common .player-box-inner a video {
  border-radius: 15%;
  height: 100%;
  transition: opacity .2s ease-in;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Media .trailer-pc .player-box-inner a video,
  .sec#firstview .conts.Media .trailer-common .player-box-inner a video {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .trailer-pc .player-box-inner a .thumb,
  .sec#firstview .conts.Media .trailer-common .player-box-inner a .thumb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Media .trailer-pc .player-box-inner a .thumb img,
  .sec#firstview .conts.Media .trailer-common .player-box-inner a .thumb img {
    border-radius: 15%;
  }
}

.sec#firstview .conts.Media .trailer-pc .player-box-inner a:hover video {
  opacity: .8;
}

.sec#firstview .conts.Media .trailer-sp .trailer-slider {
  padding-top: 2vw;
  width: 100%;
}

.sec#firstview .conts.Media .trailer-sp .trailer-ttl {
  color: #FFF;
  font-size: 3.2vw;
  margin-bottom: 1vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}

.sec#firstview .conts.Media .trailer-sp .trailer-ttl .update {
  color: #EED998;
  margin-right: .5em;
}

.sec#firstview .conts.Media .trailer-sp .slide-list {
  width: 100%;
}

.sec#firstview .conts.Media .trailer-sp .slide-list-item {
  position: relative;
  width: 98.75%;
}

.sec#firstview .conts.Media .trailer-sp .slide-list-item:not(:last-child) {
  margin-right: 4.8%;
}

.sec#firstview .conts.Media .trailer-sp .player-ttl {
  background: url(../images/player-ttl_bg.jpg) center no-repeat;
  background-size: cover;
  color: #FFF;
  height: 100%;
  left: 8%;
  line-height: 1;
  padding: 2.66667vw;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .sec#firstview .conts.Media .trailer-sp .player-box-inner::before {
    display: none;
  }
}

.sec#firstview .conts.Media .trailer-sp .player-box-inner a::before {
  background: url(../images/trailer_flame.png) center no-repeat;
  background-size: contain;
}

.sec#firstview .conts.Media .trailer-sp .player-box-inner a .thumb img {
  border-radius: 15%;
}

.sec#firstview .conts.Media .audio {
  width: 26.66667%;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .audio {
    position: relative;
    top: 1vw;
    width: 30.16393%;
  }
}

.sec#firstview .conts.Media .audio-ttl {
  color: #FFF;
  font-size: 2.4vw;
  margin-bottom: 2vw;
  overflow: hidden;
  padding: 2vw 0;
  position: relative;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .audio-ttl {
    font-size: 0.83333vw;
    margin-bottom: 0.5vw;
    padding: 1vw 0;
  }
}

.sec#firstview .conts.Media .audio-ttl-inner {
  display: inline-block;
  left: 0;
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}

.sec#firstview .conts.Media .audio-ttl .ttl-kerning {
  margin-left: -.1em;
  margin-right: -.1em;
  position: relative;
}

.sec#firstview .conts.Media .audio-ttl small {
  font-size: .75em;
}

.sec#firstview .conts.Media .audio-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .audio-btn-list {
    margin-left: auto;
    margin-right: auto;
    width: 89.13043%;
  }
}
.sec#firstview .conts.Media .audio-btn-list-item {
  cursor: pointer;
  line-height: 1;
  text-align: center;
  width: 42%;
}
.sec#firstview .conts.Media .audio-btn-list-item span {
  border: 1px solid #FFF;
  border-radius: 5em;
  box-shadow: 3px 2px 2px 0 rgba(0, 0, 0, 0.5);
  color: #FFF;
  display: block;
  font-size: 2.13333vw;
  padding: .2em .5em .25em;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
  transition: border .2s ease, color .2s ease;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .audio-btn-list-item span {
    font-size: 0.83333vw;
  }
}

.sec#firstview .conts.Media .audio-btn-list-item:first-child {
  margin-right: 8%;
}

.sec#firstview .conts.Media .audio-btn-list-item:last-child {
  margin-left: 8%;
}

.sec#firstview .conts.Media .audio-btn-list-item:hover span {
  border: 1px solid #EED998;
  color: #EED998;
}

.sec#firstview .conts.Media .audio-btn-list::before {
  background: #FFF;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1px;
}

/* Swiper */
.sec#firstview .conts.Media .swiper-nav {
  cursor: pointer;
  position: absolute;
  top: -.15em;
  width: .5em;
}
.sec#firstview .conts.Media .swiper-nav.previous-song {
  left: -3vw;
}
.sec#firstview .conts.Media .swiper-nav.next-song {
  right: -3vw;
}
.sec#firstview .conts.Media .song-item.swiper-slide-prev {
  opacity: 0;
}
.sec#firstview .conts.Media .swiper-nav.swiper-button-disabled {
  opacity: .5;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.Media .swiper-nav {
    top: .5em;
    width: .75em;
  }
  .sec#firstview .conts.Media .swiper-nav.previous-song {
    left: -1.2vw;
  }
  .sec#firstview .conts.Media .swiper-nav.next-song {
    right: -1.2vw;
  }
}

.sec#firstview .platform {
  left: 0;
  line-height: 0;
  max-width: 112px;
  position: absolute;
  top: 0;
  width: 16.71642%;
  z-index: 3;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .platform {
    max-width: 160px;
    width: 8.33333%;
  }
}

@media only screen and (max-width: 768px) {
	.sec#firstview .conts.sns {
		display: none;
	}
}
@media only screen and (min-width: 769px) {
	.fvBnr-on .sec#firstview .conts.sns {
		display: none;
	}
	.sec#firstview .conts.sns .sns-ttl {
		color: #FFF;
		font-size: 1.35417vw;
		margin-bottom: 2vw;
		text-align: center;
		text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
	}
	.sec#firstview .conts.sns .sns-list-item {
		width: 8.19899%;
	}
	.sec#firstview .conts.sns .sns-list-item:not(:last-child) {
		margin-right: 1vw;
		margin-bottom: 0;
	}
}


/************************************
  ニュース
************************************/
.sec#news {
  padding-bottom: 14vw;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .sec#news {
    padding-bottom: 4vw;
  }
}

.sec#news .sec-ttl {
  margin-bottom: 6vw;
}
@media only screen and (min-width: 769px) {
  .sec#news .sec-ttl {
    margin-bottom: 2vw;
  }
}
.sec#news .sec-inner {
  padding: 0;
}

.sec#news .topics-bnr {
  width: 90.66667vw;
  margin: 5vw auto;
}
@media only screen and (min-width: 769px) {
  .sec#news .topics-bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    margin: 0 auto;
  }
}

.sec#news .topics-bnr li {
  margin-bottom: 3vw;
}
@media only screen and (min-width: 769px) {
  .sec#news .topics-bnr li {
    width: 45%;
    margin: 0 1% 2vw;
  }
}

.sec#news .conts.news .slide-list {
  padding-top: 4vw;
  padding-right: 4vw;
}
@media only screen and (min-width: 769px) {
  .sec#news .conts.news .slide-list {
    padding-top: 2vw;
  }
}
.sec#news .conts.news .slide-list-item {
  position: relative;
  width: 64.78873%;
}

@media only screen and (min-width: 769px) {
  .sec#news .conts.news .slide-list-item {
    width: 22.82609%;
  }
}

/*@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .sec#news .conts.news .slide-list-item {
    width: 32%;
  }
}*/

.sec#news .conts.news .slide-list-item:not(:last-child) {
  margin-right: 2.4%;
}

@media only screen and (min-width: 769px) {
  .sec#news .conts.news .slide-list-item:not(:last-child) {
    margin-right: 1.2%;
  }
}

.sec#news .conts.news .slide-list-item .inner {
  padding: 1vw 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#news .conts.news .slide-list-item .inner {
    padding: 0 1.2vw;
  }
}

.sec#news .conts.sns {
  margin-bottom: 20vw;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .sec#news .conts.sns {
    margin-top: 12vw;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .sec#news .sec-sns {
    z-index: 2;
  }
  .sec#news .conts.sns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 33.66667%;
		display: none;
  }

  .fvBnr-on .sec#news .conts.sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.sec#news .conts.sns .sns-ttl {
  color: #FFF;
  font-size: 4vw;
  margin-bottom: 2vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 769px) {
  .sec#news .conts.sns .sns-ttl {
    font-size: 1.2vw;
    margin-bottom: .5vw;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#news .conts.sns .sns-list {
    width: 46.8125%;
  }
}

.sec#news .conts.sns .sns-list-item {
  width: 12.83582%;
}

@media only screen and (min-width: 769px) {
  .sec#news .conts.sns .sns-list-item {
    width: 14.28571%;
  }
  .sec#news .conts.sns .sns-list-item .ic {
    height: 2.5vw;
    width: 2.5vw;
  }
}

.sec#news .conts.sns .sns-list-item:not(:last-child) {
  margin-right: 1vw;
  margin-bottom: 0;
}

.sec#news .topics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sec#news .topics .bnr {
  overflow: hidden;
  width: 90%
}
@media only screen and (min-width: 769px) {
  .sec#news .topics .bnr {
    width: 30%
  }
}
@media only screen and (max-width: 768px) {
  .sec#news .topics .bnr:not(:last-child) {
    margin-bottom: 2vw;
  }
}
@media only screen and (min-width: 769px) {
  .sec#news .topics .bnr:not(:last-child) {
    margin-right: 1.5%;
  }
}
.sec#news .topics .bnr a {
  color: #FFF;
  display: block;
  position: relative;
  width: 100%;
  z-index: 2;
}

.sec#news .topics .enclose-box {
  border: 4px solid rgba(0, 15, 44, 0.9);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.sec#news .topics .enclose-box-inner {
  background: rgba(0, 15, 44, 0.9);
  margin: 2px;
  padding: 1vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sec#news .topics .enclose-box-inner {
    padding: 1vw;
  }
}
.sec#news .topics .enclose-box-inner::before {
  background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  bottom: -1vw;
  content: "";
  display: block;
  height: 3.2vw;
  position: absolute;
  right: 1vw;
  top: 50%;
  transform: translateY(-50%);
  width: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#news .topics .enclose-box-inner::before {
    bottom: -1.33333vw;
    height: 1.6em;
    right: 1.33333vw;
    width: 2em;
  }
}
.sec#news .topics .enclose-box-inner::after {
  background: url(../images/common/elem_pt.png) center no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(100% + 12px);
  right: -8px;
  opacity: .6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45.65217%;
}
@media only screen and (min-width: 769px) {
  .sec#news .topics .enclose-box-inner::after {
    height: calc(100% + 24px);
    right: -12px;
  }
}
.sec#news .topics .bnr-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sec#news .topics .bnr-flame {
  line-height: 0;
  position: relative;
  z-index: 2;
}
.sec#news .topics .bnr .thumb {
  line-height: 0;
  width: 42%;
}
.sec#news .topics .bnr .text-box {
  font-size: 2.4vw;
  padding: 0 4vw 0 2vw;
  text-align: left;
  width: 58%;
}
@media only screen and (min-width: 769px) {
  .sec#news .topics .bnr .text-box {
    font-size: 0.9vw;
    padding: 0 2vw 0 1vw;
  }
}
.sec#news .topics .bnr .text-box .ttl {
	font-family: "source-han-serif-japanese", serif;
	font-weight: 700;
	line-height: 1.2;
	font-size: 3.5vw;
	margin-bottom: 1.5vw;
}
@media only screen and (min-width: 769px) {
	.sec#news .topics .bnr .text-box .ttl {
		font-size: 1.1vw;
		margin-bottom: 0.5vw;
  }
}
@media only screen and (max-width: 768px) {
	.sec#news .topics .bnr .text-box .ver {
		font-size: 3.1vw;
  }
}
.sec#news .topics .bnr .text-box .date {
  color: #d9c19e;
}
.sec#news .topics .bnr#tu .text-box .date {
	display: inline-block;
	margin-left: 0.5em;
}
@media only screen and (max-width: 768px) {
	.sec#news .topics .bnr#tu .text-box .date {
		font-size: 2.4vw;
  }
}

.sec#news .link-btn {
  margin-top: 10vw;
  width: 50%
}
@media only screen and (min-width: 769px) {
  .sec#news .link-btn {
    margin-top: 5vw;
    width: 25%
  }
}
.sec#news .link-btn .svg-box {
  padding-top: 13vw;
}
@media only screen and (min-width: 769px) {
  .sec#news .link-btn .svg-box {
    padding-top: 6vw;
    font-size: 1.4vw;
  }
}


.sec#news .manual {
	width: 90%;
	margin: 8vw auto 12vw;
}
@media only screen and (min-width: 769px) {
	.sec#news .manual {
		width: 40%;
		margin: 4vw auto 6vw;
  }
}

.sec#news .manual a {
	position: relative;
	display: block;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	padding: 2vw 5vw 2vw 2vw;
}
@media only screen and (min-width: 769px) {
	.sec#news .manual a {
		transition: border .3s ease, color .3s ease;
		padding: 1vw 2.5vw 1vw 1vw;
  }
	.sec#news .manual a:hover {
		border: 1px solid #eed998;
		color: #eed998;
  }
}

.sec#news .manual a::after {
  background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  transition: background .5s ease;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 2vw;
  width: 0.697em;
  height: 0.976em;
}
@media only screen and (min-width: 769px) {
	.sec#news .manual a::after {
		right: 1vw;
		width: 0.868em;
		height: 1.23em;
	}
  .sec#news .manual a:hover::after {
    background: url(../images/common/arrow_ic-r-y.png) center no-repeat;
    background-size: contain;
  }
}

/************************************
  映像
************************************/
.sec#trailer {
  padding: 4vw 0 3vw;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .sec#trailer {
    display: none;
  }
}

.sec#trailer .sec-inner {
  padding: 0;
}

.sec#trailer .trailer-ttl {
  color: #FFF;
  font-size: 1.04167vw;
  margin-bottom: 0.5vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}

.sec#trailer .trailer-ttl .update {
  color: #EED998;
  margin-right: .5em;
}

.sec#trailer .slide-list {
  width: 100%;
}

.sec#trailer .slide-list-item {
  position: relative;
  width: 39.308%;
}

.sec#trailer .slide-list-item:not(:last-child) {
  margin-right: 2.5%;
}

.sec#trailer .player-ttl {
  background: url(../images/player-ttl_bg.jpg) center no-repeat;
  background-size: cover;
  color: #FFF;
  font-size: 0.9375vw;
  height: 100%;
  left: 8%;
  line-height: 1;
  padding: 1.33333vw;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  z-index: 1;
}

.sec#trailer .player-box-inner::before {
  background: #000;
  content: "";
  display: block;
  left: 50%;
  height: calc(100% - 12px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 12px);
  z-index: 1;
}

.sec#trailer .player-box-inner a::before {
  background: url(../images/trailer_flame.png) center no-repeat;
  background-size: contain;
}

.sec#trailer .player-box-inner a .thumb img {
  border-radius: 15%;
}

/************************************
  ゲーム情報/Aboutのみ
************************************/
/****** gameinfo ******/
.sec#gameinfo {
  background: #000;
  padding-bottom: 24vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo {
    padding-bottom: 16vw;
    z-index: 1;
  }
}

.sec#gameinfo .sec-ttl {
  z-index: 4;
}

.sec#gameinfo .sec-inner {
  padding: 38vw 0 0;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .sec-inner {
    padding: 4vw 0 0;
  }
}

.sec#gameinfo .sec-inner:nth-child(2),
.sec#gameinfo .sec-inner:nth-child(3) {
  padding: 8vw 0 0;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .sec-inner:nth-child(2),
	.sec#gameinfo .sec-inner:nth-child(3) {
    overflow-x: hidden;
    padding: 4vw 0 0;
  }
}

.sec#gameinfo .conts {
  color: #FFF;
}

.sec#gameinfo .conts-ttl {
  font-size: 10.4vw;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts-ttl {
    font-size: 5vw;
  }
}

.sec#gameinfo .conts-ttl small {
  font-size: .65em;
}

.sec#gameinfo .conts-ttl small.fs-sl {
  font-size: .9em;
}

.sec#gameinfo .conts-ttl-sp {
  font-family: "source-han-serif-japanese", serif;
  font-size: 9.6vw;
  font-weight: 700;
  margin-bottom: 2vw;
  position: relative;
  text-align: center;
  z-index: 4;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts-ttl-sp {
    display: none;
  }
}

.sec#gameinfo .conts-ttl-sp small {
  font-size: .65em;
}

.sec#gameinfo .conts-ttl-sp small.fs-sl {
  font-size: .85em;
}

.sec#gameinfo .conts-lead {
  font-size: 10.4vw;
  font-weight: 700;
  line-height: 1.1;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts-lead {
    font-size: 5vw;
  }
}

.sec#gameinfo .conts-lead small {
  font-size: .65em;
}

.sec#gameinfo .conts-lead small.fs-sl {
  font-size: .9em;
}

.sec#gameinfo .conts .text-box {
  font-size: 3.73333vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .text-box {
    font-size: 1.45833vw;
  }
}

.sec#gameinfo .conts .ruby-box {
  display: inline-block;
  position: relative;
}

.sec#gameinfo .conts .ruby-box .ruby {
  bottom: 100%;
  font-size: .3em;
  font-weight: 400;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}

.sec#gameinfo .conts .image {
  line-height: 0;
}

.sec#gameinfo .conts .enclose-box {
  border: 4px solid rgba(0, 15, 44, 0.9);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/*@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .enclose-box {
    border: 8px solid rgba(0, 15, 44, 0.9);
  }
}*/

.sec#gameinfo .conts .enclose-box-inner {
  background: rgba(0, 15, 44, 0.9);
  margin: 2px;
  padding: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .enclose-box-inner {
    margin: 4px;
    padding: 2vw 3vw;
  }
}

.sec#gameinfo .conts .enclose-box::after {
  background: url(../images/common/elem_pt.png) center no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(100% + 12px);
  left: -8px;
  opacity: .6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45.65217%;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .enclose-box::after {
    height: calc(100% + 24px);
    left: -12px;
  }
}

.sec#gameinfo .conts .enclose-box-lead {
  display: inline-block;
  font-family: "source-han-serif-japanese", serif;
  font-size: 7.46667vw;
  font-weight: 700;
  margin-bottom: 2vw;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .sec#gameinfo .conts .enclose-box-lead {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .enclose-box-lead {
    font-size: 4.6875vw;
    margin-bottom: 1vw;
  }
}

.sec#gameinfo .conts .enclose-box-lead small {
  font-size: .65em;
}

.sec#gameinfo .conts .enclose-box-lead small.fs-sl {
  font-size: .85em;
}

.sec#gameinfo .conts .enclose-box .text-box .text {
  font-size: 2.8vw;
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .enclose-box .text-box .text {
    font-size: 1.35417vw;
  }
}

.sec#gameinfo .conts .enclose-box .text-box .text:not(:last-child) {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .enclose-box .text-box .text:not(:last-child) {
    margin-bottom: 1vw;
  }
}

.sec#gameinfo .conts .modal-btn {
  line-height: 1.5;
  margin-top: 2vw;
  position: relative;
  transition: border .5s ease;
  text-align: center;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn {
    margin-top: 1vw;
    margin-right: auto;
    margin-left: auto;
  }
}

.sec#gameinfo .conts .modal-btn a {
  color: #FFF;
  display: block;
  height: 100%;
  font-size: 3.2vw;
  transition: color .2s ease;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn a {
    font-size: 1.14583vw;
  }
}

.sec#gameinfo .conts .modal-btn-text {
  padding: 2vw 0;
  position: relative;
  transition: border .5s ease;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn-text {
    padding: 0.5vw 1vw;
  }
}

.sec#gameinfo .conts .modal-btn-text span {
  left: -1.5em;
  position: relative;
}

.sec#gameinfo .conts .modal-btn-pattern {
  bottom: -10%;
  height: 4px;
  position: absolute;
  transition: transform .2s ease;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn-pattern {
    width: 98%;
  }
}

.sec#gameinfo .conts .modal-btn-pattern-inner-btm {
  background: white;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease;
  width: 100%;
}

.sec#gameinfo .conts .modal-btn-pattern-inner-btm::after {
  background: white;
  content: "";
  display: block;
  height: 24px;
  left: calc(100% - 10px);
  position: absolute;
  top: calc(100% - 22px);
  transform: rotateZ(-45deg);
  transition: background .2s ease;
  width: 2px;
}

.sec#gameinfo .conts .modal-btn-pattern-inner-top {
  background: rgba(255, 255, 255, 0.8);
  bottom: 3px;
  display: block;
  height: 1px;
  position: relative;
  transition: background .2s ease;
  width: calc(100% - 10px);
}

.sec#gameinfo .conts .modal-btn-pattern-inner-top::after {
  background: rgba(255, 255, 255, 0.8);
  content: "";
  display: block;
  height: 16px;
  left: calc(100% - 7px);
  position: absolute;
  top: calc(100% - 15px);
  transform: rotateZ(-45deg);
  transition: background .2s ease;
  width: 1px;
}

.sec#gameinfo .conts .modal-btn:hover a {
  color: #EED998;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn:hover .modal-btn-pattern {
    transform: translateX(6px);
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn:hover .modal-btn-pattern-inner-btm {
    background: #eed998;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn:hover .modal-btn-pattern-inner-btm::after {
    background: #eed998;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn:hover .modal-btn-pattern-inner-top {
    background: rgba(238, 217, 152, 0.8);
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts .modal-btn:hover .modal-btn-pattern-inner-top::after {
    background: rgba(238, 217, 152, 0.8);
  }
}

.sec#gameinfo .conts.About {
  color: #FFF;
  margin-bottom: 16vw;
  padding-top: 16vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About {
    margin-bottom: 8vw;
    padding-top: 6vw;
  }
}

.sec#gameinfo .conts.About .conts-ttl {
  font-size: 9.33333vw;
  font-style: italic;
  font-weight: 900;
  margin-bottom: 4vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 768px) {
  .sec#gameinfo .conts.About .conts-ttl {
    margin-top: 4vw;
    position: relative;
    top: -48vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .conts-ttl {
    font-size: 3.85417vw;
    margin-bottom: 1.33333vw;
  }
}

.sec#gameinfo .conts.About .conts-lead {
  font-size: 7.46667vw;
  font-weight: 900;
  font-style: italic;
  margin-bottom: 4vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .conts-lead {
    font-size: 5.41667vw;
    font-weight: 700;
    margin-bottom: 2vw;
  }
}

.sec#gameinfo .conts.About .image-box {
  margin-bottom: 4vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .image-box {
    margin-bottom: 1vw;
    margin-left: auto;
    width: 98.95833%;
  }
}

.sec#gameinfo .conts.About .image-box .image-base {
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  position: relative;
  width: 91.33333%;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .image-box .image-base {
    width: 52.63158%;
  }
}

.sec#gameinfo .conts.About .image-box .image-base-slider {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 57.66423%;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .image-box .image-base-slider {
    width: 60%;
  }
}

.sec#gameinfo .conts.About .image-box .image.pos-float {
  z-index: -1;
}

.sec#gameinfo .conts.About .image-box .image.pos-float.pos-left {
  left: 1.33333%;
  top: 36vw;
  width: 52%;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .image-box .image.pos-float.pos-left {
    top: 12vw;
    width: 36.94737%;
  }
}

.sec#gameinfo .conts.About .image-box .image.pos-float.pos-right {
  right: 0;
  top: 34vw;
  width: 49.06667%;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .image-box .image.pos-float.pos-right {
    top: 10vw;
    width: 32.63158%;
  }
}

.sec#gameinfo .conts.About .text-box {
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 768px) {
  .sec#gameinfo .conts.About .text-box {
    margin-right: auto;
    margin-left: auto;
    width: 91.33333%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .text-box {
    text-align: center;
  }
}

.sec#gameinfo .conts.About {
  text-align: center;
}
.sec#gameinfo .conts.About .detail-btn-pattern {
  width: 110%;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .conts.About .detail-btn-pattern {
    width: 98%;
  }
}

.sec#gameinfo .topics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sec#gameinfo .topics .bnr {
  overflow: hidden;
  width: 90%
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .topics .bnr {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .sec#gameinfo .topics .bnr:not(:last-child) {
    margin-bottom: 2vw;
  }
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .topics .bnr:not(:last-child) {
    margin-right: 1.5%;
  }
}
.sec#gameinfo .topics .bnr a {
  color: #FFF;
  display: block;
  position: relative;
  width: 100%;
  z-index: 2;
}

.gnav .topics .enclose-box {
  border: 4px solid rgba(0, 15, 44, 0.9);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.sec#gameinfo .topics .enclose-box-inner {
  background: rgba(0, 15, 44, 0.9);
  margin: 2px;
  padding: 1vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .topics .enclose-box-inner {
    padding: 0.5vw;
  }
}
.sec#gameinfo .topics .enclose-box-inner::before {
  background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 3.2vw;
  position: absolute;
  right: 1vw;
  top: 50%;
  transform: translateY(-50%);
  width: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameinfo .topics .enclose-box-inner::before {
    height: 1.6em;
    right: 0.5vw;
    width: 2em;
  }
}
.sec#gameinfo .topics .enclose-box-inner::after {
  background: url(../images/common/elem_pt.png) center no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(100% + 12px);
  right: -8px;
  opacity: .6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45.65217%;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .topics .enclose-box-inner::after {
    height: calc(100% + 24px);
    right: -12px;
  }
}
.sec#gameinfo .topics .bnr-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sec#gameinfo .topics .bnr-flame {
  line-height: 0;
  position: relative;
  z-index: 2;
}
.sec#gameinfo .topics .bnr .thumb {
  line-height: 0;
  width: 40%;
}
.sec#gameinfo .topics .bnr .text-box {
  padding: 0 4vw 0 2vw;
  width: 60%;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .topics .bnr .text-box {
    padding: 0 2vw 0 1vw;
  }
}
.sec#gameinfo .topics .bnr .text-box .text {
  font-size: 2.6vw;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .sec#gameinfo .topics .bnr .text-box .text {
    font-size: 1.1vw;
  }
}

/****** product ******/
.sec#product {
  padding-bottom: 4vw;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .sec#product {
    padding-bottom: 2vw;
  }
}

.sec#product .sec-inner {
  padding: 0 4vw 8vw;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .sec#product .sec-inner {
    padding: 0 8vw 2vw;
  }
}

.sec#product .product-privilege {
  color: #666;
  margin-bottom: 2.66667vw;
  transition: opacity .2s ease-in;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege {
    margin-bottom: 0;
  }
}

.sec#product .product-privilege::before, .sec#product .product-privilege::after {
  content: "";
  display: block;
  width: 100%;
  z-index: -1;
}

.sec#product .product-privilege::before {
  background: url(../images/product/privilege_bg-t.png) center bottom no-repeat;
  background-size: 100% 16px;
  height: 16px;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege::before {
    height: 50px;
    background-size: 100% 50px;
  }
}

.sec#product .product-privilege::after {
  background: url(../images/product/privilege_bg-b.png) center top no-repeat;
  background-size: 100% 20px;
  height: 20px;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege::after {
    height: 69px;
    background-size: 100% 69px;
  }
}

.sec#product .product-privilege:hover {
  opacity: .8;
}

.sec#product .product-privilege .inner {
  background: url(../images/product/privilege_bg-c.png) center top repeat-y;
  background-size: 100% 38px;
  padding: 1vw 2vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege .inner {
    background-size: 100% 77px;
    padding: 1vw;
  }
}

.sec#product .product-privilege a {
  color: #666;
  display: block;
  height: 100%;
  position: relative;
}

.sec#product .product-privilege a::after {
  background: url(../images/common/arrow_ic-r-brown.png) center no-repeat;
  background-size: contain;
  bottom: -1vw;
  content: "";
  display: block;
  height: 3.2vw;
  position: absolute;
  right: 4vw;
  width: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege a::after {
    bottom: -1.33333vw;
    height: 1.6em;
    right: 1.33333vw;
    width: 2em;
  }
}

.sec#product .product-privilege-inner {
  margin: -8px 0 -10px;
  padding: 2vw 0 7vw;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege-inner {
    margin: -13px auto -22px;
    padding: 1vw 0;
    width: 83.33333%;
  }
}

.sec#product .product-privilege-ic {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 27.16418%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege-ic {
    left: -4%;
    width: 29.125%;
  }
}

.sec#product .product-privilege-detail {
  font-size: 2.4vw;
  line-height: 1.2;
  position: relative;
  margin-left: auto;
  width: 72%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege-detail {
    font-size: 1.25vw;
    margin-right: auto;
    text-align: center;
    width: 75%;
  }
}

.sec#product .product-privilege-ttl {
  background: url(../images/common/sec-ttl_bg-sp.png) center no-repeat;
  background-size: contain;
  color: #FFF;
  font-size: 3.46667vw;
  margin-right: auto;
  margin-bottom: 2vw;
  padding: .6em 0 .7em;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
  width: 75%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege-ttl {
    background: url(../images/common/sec-ttl_bg.png) center no-repeat;
    background-size: 100%;
    font-size: 1.5625vw;
    margin-top: -29px;
    margin-bottom: 1vw;
    margin-left: auto;
    width: 50%;
  }
}

.sec#product .product-privilege-text {
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege-text {
    text-align: center;
  }
}

.sec#product .product-privilege-text-name {
  font-size: 2.4vw;
  font-weight: 700;
  margin-bottom: 1.33333vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege-text-name {
    font-size: 1.5625vw;
    margin-bottom: 0.66667vw;
  }
}

.sec#product .product-privilege-text-ttl {
  color: #A4811A;
  line-height: 1.5;
  margin-left: .5em;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege-text-ttl {
    display: inline-block;
    vertical-align: top;
  }
}

.sec#product .product-privilege-text-item {
  margin-left: .5em;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-privilege-text-item {
    display: inline-block;
  }
}

.sec#product .product-lineup {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-lineup {
    margin-bottom: 3vw;
  }
}

.sec#product .product-lineup-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .sec#product .product-lineup-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.sec#product .product-lineup-list-item {
  margin-bottom: -1%;
  position: relative;
  transition: opacity .2s ease-in;
  width: 49.92701%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-lineup-list-item {
    margin-bottom: -.25%;
    width: 24.43182%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-lineup-list-item:not(:nth-child(4n)) {
    margin-right: .75%;
  }
}

.sec#product .product-lineup-list-item::after {
  background: url(../images/common/arrow_ic-r-brown.png) center no-repeat;
  background-size: contain;
  bottom: 4vw;
  content: "";
  display: block;
  height: 3.2vw;
  position: absolute;
  right: 2.66667vw;
  width: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-lineup-list-item::after {
    bottom: 2vw;
    height: 1.6em;
    right: 1.33333vw;
    width: 2em;
  }
}

.sec#product .product-lineup-list-item .product-ttl {
  background: url(../images/common/sec-ttl_bg-sp.png) center no-repeat;
  background-size: contain;
  color: #FFF;
  font-size: 2.5vw;
  margin-top: -14px;
  margin-bottom: 2vw;
  padding: .9vw 0 1vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-lineup-list-item .product-ttl {
    background: url(../images/common/sec-ttl_bg.png) center no-repeat;
    background-size: 100%;
    font-size: 1vw;
    margin-top: -29px;
    margin-bottom: 0.5vw;
  }
}

.sec#product .product-lineup-list-item .product-image {
  line-height: 0;
  margin-bottom: -9px;
  padding: 0;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-lineup-list-item .product-image {
    margin-bottom: -19px;
  }
}

.sec#product .product-lineup-list-item .product-text {
	font-size: 2.4vw;
	margin-top: 3vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-lineup-list-item .product-text {
		font-size: 100%;
		margin-top: 1.5vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-lineup-list-item:hover {
    opacity: .8;
  }
}

.sec#product .product-lineup-list-item .note {
	text-align: center;
	color: #f00;
	font-size: 3.2vw;
	margin-bottom: 1vw;
}
@media only screen and (min-width: 769px) {
	.sec#product .product-lineup-list-item .note {
		font-size: 1.3vw;
		margin-bottom: 0.5vw;
  }
}

.sec#product .product-nav {
  margin-bottom: 12vw;
  width: 92%;
  z-index: 3;
}

@media only screen and (max-width: 768px) {
  .sec#product .product-nav {
    margin-right: auto;
    margin-left: auto;
    padding-top: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav {
    margin-bottom: 5vw;
    width: 100%;
  }
}

.sec#product .product-nav-list {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.sec#product .product-nav-list-item {
  position: relative;
  text-align: center;
}

.sec#product .product-nav-list-item a {
  color: #FFF;
  display: block;
  font-size: 3.46667vw;
  line-height: 1;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item a {
    font-size: 1.35417vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item a:hover path {
    stroke: #EED998;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item a:hover .product-nav-list-item-lable {
    color: #EED998;
  }
}

.sec#product .product-nav-list-item .svg-box {
  left: 50%;
  padding-top: 12vw;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item .svg-box {
    padding-top: 5vw;
  }
}

.sec#product .product-nav-list-item .svg-box > svg {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.sec#product .product-nav-list-item .svg-box > svg path {
  transition: stroke .5s ease;
}

.sec#product .product-nav-list-item.item-normal {
  margin-right: 2%;
  width: 34%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item.item-normal {
    margin-right: 1%;
    width: 17%;
  }
}

.sec#product .product-nav-list-item.item-delux {
  width: 64%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item.item-delux {
    width: 34%;
  }
}

.sec#product .product-nav-list-item.item-doublepack {
  margin-right: 2%;
  width: 49%;
}

@media only screen and (max-width: 768px) {
  .sec#product .product-nav-list-item.item-doublepack {
    margin-bottom: 12vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item.item-doublepack {
    margin-right: 1%;
    width: 24%;
  }
}

.sec#product .product-nav-list-item.item-dlcard {
  width: 49%;
}

@media only screen and (max-width: 768px) {
  .sec#product .product-nav-list-item.item-dlcard {
    margin-bottom: 12vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item.item-dlcard {
    margin-right: 1%;
    width: 24%;
  }
}

.sec#product .product-nav-list-item.item-dlcode {
  margin-right: 2%;
  width: 49%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item.item-dlcode {
    margin-right: 1%;
    width: 24%;
  }
}

.sec#product .product-nav-list-item.item-amiibo {
  width: 49%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-nav-list-item.item-amiibo {
    margin-right: 1%;
    width: 24%;
  }
}

.sec#product .product-nav-list-item-lable {
  color: #FFF;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: color .5s ease;
  transform: translate(-50%, -50%);
  width: 100%;
}

.sec#product .product-box {
  background: url(../images/product/product_bg-c.jpg) center top repeat-y;
  background-size: cover;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box {
    background: url(../images/product/product_bg-c.jpg) center top repeat-y;
    background-size: 100% 100px;
  }
}

.sec#product .product-box::before, .sec#product .product-box::after {
  content: "";
  display: block;
  width: 100%;
}

.sec#product .product-box::before {
  background: url(../images/product/product-item_pt-t-sp.jpg) center top no-repeat;
  background-size: 100%;
  top: 0;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box::before {
    background: url(../images/product/product_bg-t.jpg) center bottom no-repeat;
    background-size: 100% 480px;
    height: 480px;
    top: 1.33333vw;
  }
}

.sec#product .product-box::after {
  background: url(../images/product/product-item_pt-b-sp.jpg) center bottom no-repeat;
  background-size: 100%;
  bottom: 0;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box::after {
    background: url(../images/product/product_bg-b.jpg) center top no-repeat;
    background-size: 100% 540px;
    height: 540px;
    bottom: 2vw;
  }
}

.sec#product .product-box-mg {
  padding: 6vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-mg {
    margin-top: -448px;
    margin-bottom: -508px;
    padding: 3vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-inner {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2vw;
    position: relative;
  }
}

.sec#product .product-box-item .product-ttl {
  background: url(../images/common/sec-ttl_bg-sp.png) center no-repeat;
  background-size: contain;
  color: #FFF;
  font-size: 4.26667vw;
  margin-bottom: 4vw;
  padding: .4em 0 .5em;
  position: relative;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-ttl {
    background: url(../images/common/product-ttl_bg.png) center no-repeat;
    background-size: 100%;
    font-size: 2.08333vw;
    margin-right: auto;
    margin-bottom: 2vw;
    margin-left: auto;
    width: 100%;
  }
}

.sec#product .product-box-item .product-lead {
  color: #1B2740;
  font-size: 4.53333vw;
  font-weight: 700;
  margin-bottom: 4vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-lead {
    font-size: 1.77083vw;
    margin-bottom: 2vw;
    text-align: center;
  }
}

.sec#product .product-box-item .product-image {
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-image {
    width: 49.26471%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail {
    width: 47.05882%;
  }
}

.sec#product .product-box-item .product-detail-inner:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail-inner:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.sec#product .product-box-item .product-detail-ed {
  color: #1B2740;
  font-size: 6.13333vw;
  font-weight: 700;
  margin-bottom: 0.5vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail-ed {
    font-size: 2.39583vw;
    margin-bottom: 0;
  }
}

.sec#product .product-box-item .product-detail-price {
  font-size: 3.73333vw;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail-price {
    font-size: 1.45833vw;
    margin-bottom: 1vw;
  }
}

.sec#product .product-box-item .product-detail-price strong {
  color: #1B2740;
  font-size: 1.2em;
  font-weight: 700;
}

.sec#product .product-box-item .product-detail .buy-btn-inner {
  padding: 5.6vw 4vw 9.6vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail .buy-btn-inner {
    padding: 2vw 2vw 3.2vw;
  }
}

.sec#product .product-box-item .product-detail .buy-btn-text {
  font-size: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail .buy-btn-text {
    font-size: 1.5625vw;
  }
}

.sec#product .product-box-item .product-detail-text {
  font-size: 3.2vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail-text {
    font-size: 1.14583vw;
  }
}

.sec#product .product-box-item .product-detail-text-item strong {
  color: #002160;
  display: block;
}

.sec#product .product-box-item .product-detail-text-item:not(:last-child) {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail-text-item:not(:last-child) {
    margin-bottom: 1vw;
  }
}

.sec#product .product-box-item .product-detail-text-shop {
  font-size: 3.46667vw;
  margin-bottom: 1em;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-detail-text-shop {
    font-size: 1.14583vw;
  }
}

.sec#product .product-box-item .product-detail-text-shop strong {
  color: #002160;
  display: block;
  font-size: 1.2em;
}

.sec#product .product-box-item .product-text-box {
  font-size: 3.2vw;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-text-box {
    font-size: 1.14583vw;
  }
}

.sec#product .product-box-item .product-text-box p {
  text-align: left;
}

.sec#product .product-box-item .product-text-box .text-center {
  display: inline-block;
}

.sec#product .product-box-item .product-text-box::before {
  background: url(../images/product/product_line.png) center no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  margin: 4vw auto;
  padding-top: 4vw;
  width: 53.73134%;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item .product-text-box::before {
    background: url(../images/product/product_line.png) center no-repeat;
    margin: 1vw auto;
    padding-top: 2vw;
    width: 16.91176%;
  }
}

.sec#product .product-box-item:not(:last-child) {
  margin-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#product .product-box-item:not(:last-child) {
    margin-bottom: 4vw;
  }
}

/***** 商品情報/TOP *****/
.page-top .sec#product {
  padding-bottom: 16vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product {
    padding-bottom: 8vw;
  }
}

.page-top .sec#product .sec-inner {
  padding: 0 4vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .sec-inner {
    padding: 0 4vw;
  }
}

.page-top .sec#product .sec-inner.Privilege {
  margin-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .sec-inner.Privilege {
    margin-right: auto;
    margin-bottom: 4vw;
    margin-left: auto;
    width: 81.11111%;
  }
}

.page-top .sec#product .sec-inner.Default {
  margin-bottom: 16vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .sec-inner.Default {
    margin-bottom: 8vw;
  }
}

.page-top .sec#product .sec-ttl-image {
  margin-right: auto;
  margin-bottom: 4vw;
  margin-left: auto;
  position: relative;
  width: 49%;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .sec-ttl-image {
    margin-bottom: 2vw;
    width: 25.7%;
  }
}

.page-top .sec#product .sec-ttl-image::before {
  background: url(../images/common/elem_pt.png) center no-repeat;
  background-size: contain;
  content: "";
  height: 30vw;
  left: calc(50% - 15vw);
  opacity: 0.8;
  position: absolute;
  top: calc(50% - 15vw);
  width: 30vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .sec-ttl-image::before {
    height: 15vw;
    left: calc(50% - 7.5vw);
    top: calc(50% - 7.5vw);
    width: 15vw;
  }
}

.page-top .sec#product .sec-inner .sec-ttl-text {
  position: relative;
}

.page-top .sec#product .sec-inner .sec-ttl-text::before {
  background: url(../images/common/elem_pt.png) center no-repeat;
  background-size: contain;
  content: "";
  height: 30vw;
  left: calc(50% - 15vw);
  opacity: 0.8;
  position: absolute;
  top: calc(50% - 15vw);
  width: 30vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .sec-inner .sec-ttl-text::before {
    height: 15vw;
    left: calc(50% - 7.5vw);
    top: calc(50% - 7.5vw);
    width: 15vw;
  }
}

.page-top .sec#product .ns-special-edition {
  position: relative;
	background: rgba(0,0,0,0.6);
	padding: 4vw 0;
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
	.page-top .sec#product .ns-special-edition {
		padding: 3vw 0;
    margin-bottom: 2vw;
  }
}

.page-top .sec#product .ns-special-edition a {
	display: block;
  margin-right: auto;
  margin-left: auto;
  width: 92%;
}

@media only screen and (min-width: 769px) {
	.page-top .sec#product .ns-special-edition a {
    width: 72.3675%;
  }
}

@media only screen and (max-width: 768px) {
  .page-top .sec#product .product-privilege {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-privilege {
    margin-left: auto;
    margin-bottom: 2%;
    margin-right: auto;
    width: 69.86301%;
  }
}

.page-top .sec#product .product-privilege::before, .page-top .sec#product .product-privilege::after {
  content: "";
  display: block;
  width: 100%;
  z-index: -1;
}

.page-top .sec#product .product-privilege .inner {
  background: url(../images/product/privilege_bg-c.png) center top repeat-y;
  background-size: 100% 38px;
  padding: 0.5vw 2vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-privilege .inner {
    background-size: 100% 77px;
    padding: 1vw;
  }
}

.page-top .sec#product .product-privilege a::after {
  right: 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-privilege a::after {
    bottom: -2vw;
    right: 2vw;
  }
}

.page-top .sec#product .product-privilege-detail {
  font-size: 2.93333vw;
  width: 72%;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-privilege-detail {
    font-size: 1.25vw;
    margin-right: 0;
    width: 78.43137%;
  }
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-privilege-ic {
    left: -10%;
    width: 31.96078%;
  }
}

.page-top .sec#product .product-privilege-ttl {
  font-size: 3.2vw;
  padding: .6em 0 .7em;
  width: 72%;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-privilege-ttl {
    font-size: 1.45833vw;
    margin-left: 12%;
    padding: .5em 0 .6em;
    width: 55%;
  }
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-privilege-text {
    text-align: left;
  }
}

.page-top .sec#product .product-privilege-text-name {
  font-size: 3.46667vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-privilege-text-name {
    font-size: 1.5625vw;
  }
}

.page-top .sec#product .product-note {
  border: 1px solid #FFF;
  color: #FFF;
  font-size: 3.2vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-note {
    font-size: 1.04167vw;
    margin-left: auto;
    margin-right: auto;
    width: 87%;
  }
}

.page-top .sec#product .product-note-list {
  border: 1px solid rgba(255, 255, 255, 0.8);
  margin: 2px;
  padding: 4vw;
}

@media only screen and (min-width: 769px) {
  .page-top .sec#product .product-note-list {
    padding: 2vw;
  }
}

.page-top .sec#product .product-note li {
  padding-left: 1em;
  text-indent: -1em;
}

.product-movie-text {
  position: absolute;
  color: #A4811A;
  font-weight: 700;
  bottom: -1.5vw;
  right: 6.5vw;
  font-size: 3.1vw;
}
@media only screen and (min-width: 769px) {
  .product-movie-text {
    bottom: -2.1vw;
    right: 4vw;
    font-size: 1.2vw;
  }
}

/****** spec ******/
.sec#spec {
  margin-bottom: 10vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#spec {
    margin-right: 6vw;
    margin-bottom: 4vw;
    width: 37.5%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#spec .sec-inner {
    padding: 0;
  }
}

.sec#spec .spec-list {
  color: #FFF;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-list {
    font-size: 1.35417vw;
    margin-bottom: 1vw;
  }
}

.sec#spec .spec-list-item {
  position: relative;
}

.sec#spec .spec-list-item:not(:last-child) {
  border-bottom: 2px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 4vw;
  padding-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-list-item:not(:last-child) {
    margin-bottom: 2vw;
    padding-bottom: 2vw;
  }
}

.sec#spec .spec-list-title {
  font-size: 1.2em;
  font-weight: 700;
}

.sec#spec .spec-list-rating::before, .sec#spec .spec-list-rating::after {
  content: "";
  display: table;
}

.sec#spec .spec-list-rating::after {
  clear: both;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-list-rating {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

.sec#spec .spec-list-rating .rating-icon {
  display: inline-block;
  float: right;
  line-height: 0;
  max-width: 58px;
  vertical-align: top;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-list-note {
    border-top: 2px solid rgba(255, 255, 255, 0.25);
    margin-top: 2vw;
    padding-top: 2vw;
  }
}

.sec#spec .spec-list-note .note-list {
  color: #FFF;
  font-size: 3.2vw;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-list-note .note-list {
    font-size: 1.04167vw;
  }
}

.sec#spec .spec-list-note .note-list li {
  padding-left: 1em;
  text-indent: -1em;
}

.sec#spec .spec-list-note .note-list li .text-link {
  color: #EED998;
  display: inline;
  text-decoration: underline;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-list-note .note-list li .text-link:hover {
    text-decoration: none;
  }
}

.sec#spec.theme-global {
  margin-bottom: 16vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#spec.theme-global {
    margin-right: auto;
    margin-bottom: 4vw;
    margin-left: auto;
    width: 91.04167%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#spec.theme-global .spec-list {
    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;
  }
}

@media only screen and (min-width: 769px) {
  .sec#spec.theme-global .spec-list-item {
    width: 49.5%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#spec.theme-global .spec-list-player {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 769px) {
  .sec#spec.theme-global .spec-list-note {
    width: 100%;
  }
}

/****** timeline ******/
@media only screen and (max-width: 768px) {
  .sec#timeline {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .sec#timeline {
    margin-bottom: 4vw;
    max-width: 600px;
    width: 36.36364%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#timeline .sec-inner {
    height: 100%;
    padding: 0;
  }
}

.sec#timeline iframe {
  min-height: 100% !important;
}

/****** support ******/
.sec#support {
	margin-right: auto;
	margin-left: auto;
  margin-bottom: 18vw;
  width: 92%;
}
@media only screen and (min-width: 769px) {
  .sec#support {
    margin-bottom: 6vw;
    width: 100%;
  }
}

.sec#support .sec-inner {
}
@media only screen and (min-width: 769px) {
	.sec#support .sec-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
  }
}

@media only screen and (max-width: 768px) {
	.sec#support .sec-inner p + p {
		margin-top: 5vw;
  }
}
@media only screen and (min-width: 769px) {
	.sec#support .sec-inner p {
		width: 35%;
  }
	.sec#support .sec-inner p + p {
		margin-left: 2%;
  }
}

.sec#support .sec-inner a {
	position: relative;
	display: block;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	padding: 2vw 5vw 2vw 2vw;
}
@media only screen and (min-width: 769px) {
	.sec#support .sec-inner a {
		transition: border .3s ease, color .3s ease;
		padding: 1vw 2.5vw 1vw 1vw;
  }
	.sec#support .sec-inner a:hover {
		border: 1px solid #eed998;
		color: #eed998;
  }
}

.sec#support .sec-inner a::after {
  background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  transition: background .5s ease;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 2vw;
  width: 0.697em;
  height: 0.976em;
}
@media only screen and (min-width: 769px) {
	.sec#support .sec-inner a::after {
		right: 1vw;
		width: 0.868em;
		height: 1.23em;
	}
  .sec#support .sec-inner a:hover::after {
    background: url(../images/common/arrow_ic-r-y.png) center no-repeat;
    background-size: contain;
  }
}

.sec#support .sec-inner p.sales-note {
	color: #fff;
	text-indent: -1em;
	margin-left: 1em;
	font-size: 3.1vw;
}
@media only screen and (min-width: 769px) {
	.sec#support .sec-inner p.sales-note {
		width: auto;
		text-align: center;
		font-size: 100%;
		margin-top: 1vw;
	}
}

/****** steam ******/
.sec#other-platform{
  width: 100%;
  background: rgba(0,0,0,0.4);
  padding: 6vw 3vw;
  margin-bottom: 16vw;
}
@media only screen and (min-width: 769px) {
  .sec#other-platform{
    padding: 2.4vw 0;
    margin-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#other-platform .sec-inner{
    display: flex;
    justify-content: center;
  }
}

.sec#other-platform .other-platform-ttl{
  text-align: center;
  margin-bottom: 6vw;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .sec#other-platform .other-platform-ttl{
    margin-bottom: 2vw;
  }
}

.platform-item {
  padding: 0 0 6vw;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .platform-item  {
  	padding: 0 3vw;
  }
}

@media only screen and (max-width: 768px) {
  #steam.platform-item {
    margin-bottom: 10vw;
    border-bottom: 1px solid #ddd;
  }
}
@media only screen and (min-width: 769px) {
  #steam.platform-item {
    margin-bottom: 0;
    width: 21vw;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
  }
  #xwp.platform-item {
    margin-bottom: 0;
    width: 40vw;
  }
}


@media only screen and (min-width: 769px) {
  .platform-item  a {
    padding: 1vw 0;
  }
  #steam.platform-item {
    flex-direction: row;
  }
}
@media only screen and (max-width: 768px) {
	.platform-item  .image {
		margin-bottom: 4vw;
	}
  #steam.platform-item  .image {
    width: 38%;
  }

	#xwp.platform-item  .image {
		width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .platform-item  .image {
    margin-bottom: 1vw;
  }

  #steam.platform-item  .image {
    width: 60%;
    height: 4vw;
    margin: 0 auto;
  }

	#xwp.platform-item .image {
		width: 90%;
    height: 4vw;
  }
}

.platform-item  .image img {
	vertical-align: bottom;
}

.platform-item  .link-btn {
  margin: 8vw 0;
  width: 70%
}
@media only screen and (min-width: 769px) {
  .platform-item  .link-btn {
    margin: 2vw 0 1vw;
    width: 14vw;
  }
}
.platform-item  .link-btn .svg-box {
  padding-top: 16vw;
}
.platform-item  .link-btn .link-btn-item-lable::before {
  content: none;
}
.platform-item .link-btn .link-btn-item-lable::after {
  background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  content: "";
  transition: background .5s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  width: 0.619em;
  height: 0.929em;
}

@media only screen and (min-width: 769px) {
  .platform-item  .link-btn .svg-box {
    padding-top: 1.8vw;
  }
  .platform-item  .link-btn .link-btn-item-lable {
    font-size: 1vw;
    position: relative;
  }
  .platform-item .link-btn a:hover .link-btn-item-lable::after {
    background: url(../images/common/arrow_ic-r-y.png) center no-repeat;
    background-size: contain;
  }
}
/****** links ******/
.sec#links {
  margin-bottom: 0;
  width: 100%;
}

.sec#links .sec-inner {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .sec#links .sec-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.sec#links .conts.sns {
  margin-bottom: 8vw;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .sec#links .conts.sns {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.sns {
    margin-right: auto;
    margin-bottom: 4vw;
    margin-left: auto;
    width: 45.83333%;
  }
}

.sec#links .conts.sns .sns-ttl {
  color: #FFF;
  font-size: 3.46667vw;
  margin-bottom: 2vw;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.sns .sns-ttl {
    font-size: 1.35417vw;
    margin-bottom: 1vw;
  }
}

.sec#links .conts.sns .sns-list-item {
  width: 12.83582%;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.sns .sns-list-item {
    width: 8.10811%;
  }
}

.sec#links .conts.sns .sns-list-item:not(:last-child) {
  margin-right: 1vw;
  margin-bottom: 0;
}

.sec#links .conts.langselect {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .sec#links .conts.langselect {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.sec#links .conts.stories {
  background: #000;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .sec#links .conts.stories {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 8vw;
  }
}
@media only screen and (min-width: 769px) {
  .sec#links .conts.stories {
    margin: 0 auto;
    width: 80%;
  }
}

.sec#links .conts.stories .conts-inner {
  padding: 0;
  position: relative;
  width: 100%;
}

.sec#links .conts.stories .conts-img {
  line-height: 0;
  position: relative;
}

.sec#links .conts.stories a {
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  display: block;
}

.sec#links .conts.stories .text-box {
  color: #FFF;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories a {
    border-right: 1px solid #777;
    border-left: 1px solid #777;
  }
  .sec#links .conts.stories .text-box {
    right: 0;
    width: 47.16667%;
  }
}

.sec#links .conts.stories .text-box .logo {
  margin-bottom: 1vw;
  width: 39%;
	margin-top: 33vw;
}

@media only screen and (max-width: 768px) {
  .sec#links .conts.stories .text-box .logo {
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box .logo {
    margin-left: 2.5vw;
    width: 52%;
		margin: 0 auto;
  }
}

.sec#links .conts.stories .text-box-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  width: 94%;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box-inner {
    width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
  }
}

.sec#links .conts.stories .text-box .lead {
  font-size: 2.93333vw;
}

.sec#links .conts.stories .text-box .lead-box {
	text-shadow: 0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000;
  width: 75.79787%;
}
@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box .lead-box {
		text-shadow: 0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000;
  }
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box .lead {
    font-size: 1.25vw;
  }
}

.sec#links .conts.stories .text-box .release {
  font-size: 7.2vw;
  font-weight: 700;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box .release {
    font-size: 2.57vw;
  }
}

.sec#links .conts.stories .text-box .release small {
  font-size: .65em;
}
@media only screen and (min-width: 769px) {
	.sec#links .conts.stories .text-box .release small.t-kerning {
		margin-left: -0.3em;
	}
}
.sec#links .conts.stories .text-box .release small.fs-l {
  font-size: .85em;
}

.sec#links .conts.stories .text-box .privilege-box {
  position: absolute;
  text-align: center;
	right: 3vw;
  bottom: 5vw;
  width: 23.52941%;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box .privilege-box {
    right: 1.5vw;
		bottom: initial;
    top: 1vw;
    width: 18.93617%;
  }
}

.sec#links .conts.stories .text-box .privilege-box::after {
  background: #14347d;
  border-radius: 100%;
  content: "";
  display: block;
  height: 23vw;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 23vw;
  z-index: -1;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box .privilege-box::after {
    height: 8vw;
    width: 8vw;
  }
}

.sec#links .conts.stories .text-box .privilege-logo {
  margin-right: auto;
  margin-bottom: -1vw;
  margin-left: auto;
  position: relative;
  width: 75%;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box .privilege-logo {
    margin-bottom: 0;
    width: 76.25%;
  }
}

.sec#links .conts.stories .text-box .privilege-text {
  font-size: 2.4vw;
  font-weight: 700;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .text-box .privilege-text {
    font-size: 0.9375vw;
  }
}

.sec#links .conts.stories .platform {
  line-height: 0;
  position: absolute;
  top: 0;
	left: 0;
  z-index: 1;
	width: 28.5%;
}
@media only screen and (max-width: 768px) {
  .sec#links .conts.stories .platform {
		max-width: 290px;
  }
}
@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .platform {
		width: 15.5%;
  }
}

.sec#links .conts.stories .platform 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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .platform ul {
  }
}

.sec#links .conts.stories .platform .switch {
  width: 40%;
}
@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .platform .switch {
    width: 37%;
  }
}

.sec#links .conts.stories .platform .steam {
  width: 55%;
}
@media only screen and (min-width: 769px) {
  .sec#links .conts.stories .platform .steam {
    width: 57%;
  }
}

.sec#links .conts.series {
  padding-bottom: 8vw;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .sec#links .conts.series {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.series {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
	.sec#links .conts.series.prBnr-on {
		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;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 66%;
		margin: 0 auto;
	}
}

.sec#links .conts.series .series-bnr {
  margin-right: auto;
  margin-left: auto;
  width: 89.33333%;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.series .series-bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 65.10417%;
  }
  .sec#links .conts.series.prBnr-on .series-bnr {
		display: block;
		width: 47%;
		margin: 0;
	}
}

.sec#links .conts.series .series-bnr-item {
  border: 1px solid #777;
  background: rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.series .series-bnr-item {
    width: 48%;
  }
  .sec#links .conts.series.prBnr-on .series-bnr-item {
    width: 100%;
  }
}

.sec#links .conts.series .series-bnr-item a {
  color: #FFF;
  padding: 2vw 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.series .series-bnr-item a {
    padding: 1vw 2vw;
  }
}

.sec#links .conts.series .series-bnr-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.sec#links .conts.series .series-bnr-item-inner::after {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  content: "";
  display: block;
  height: 2vw;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
  width: 2vw;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.series .series-bnr-item-inner::after {
    height: .5vw;
    width: .5vw;
  }
}

.sec#links .conts.series .series-bnr-item .logo {
  width: 15.07463%;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.series .series-bnr-item .logo {
    width: 16.83333%;
  }
}

.sec#links .conts.series .series-bnr-item .label {
  font-size: 2.93333vw;
  width: 78.95522%;
}

@media only screen and (min-width: 769px) {
  .sec#links .conts.series .series-bnr-item .label {
    font-size: 0.9375vw;
    width: 76.5%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#links .conts.series .series-bnr-item:not(:last-child) {
    margin-bottom: 2vw;
  }
}
@media only screen and (min-width: 769px) {
  .sec#links .conts.series.prBnr-on .series-bnr-item:not(:last-child) {
    margin-bottom: 1.5vw;
  }
}

@media only screen and (max-width: 768px) {
	.sec#links .conts.series .pr-bnr {
		margin-bottom: 8vw;
	}
}
@media only screen and (min-width: 769px) {
	.sec#links .conts.series .pr-bnr {
		width: 48%;
	}
}

.sec#links .conts.series .pr-bnr a {
	display: block;
}
@media only screen and (max-width: 768px) {
	.sec#links .conts.series .pr-bnr img {
		border-top: 1px solid #777;
		border-bottom: 1px solid #777;
	}
}
@media only screen and (min-width: 769px) {
	.sec#links .conts.series .pr-bnr img {
		border: 1px solid #777;
	}
}

.sec#links .conts.topics-bnr {
  width: 100%;
}
@media only screen and (max-width: 768px) {
	.sec#links .conts.topics-bnr {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
		margin-bottom: 8vw;
  }
}
@media only screen and (min-width: 769px) {
	.sec#links .conts.topics-bnr {
    margin: 3vw auto 0;
    width: 80%;
  }
}
.sec#links .conts.topics-bnr a {
	display: block;
}
@media only screen and (max-width: 768px) {
	.sec#links .conts.topics-bnr img {
		border-top: 1px solid #777;
		border-bottom: 1px solid #777;
	}
}
@media only screen and (min-width: 769px) {
	.sec#links .conts.topics-bnr img {
		border: 1px solid #777;
	}
}


html.is-hide {
  background: #000;
}

body.is-hide {
  display: none;
}

body.is-init .sec#firstview {
  opacity: 0;
}

/************************************
  State
************************************/
.sec#firstview *[data-load-anim="first"] {
  opacity: 0;
  transition: opacity .4s ease-in .4s;
}
.sec#firstview *[data-load-anim="first"].is-load-anim {
  opacity: 1;
}
/*
.sec#firstview *[data-load-anim="second"] {
  opacity: 0;
  transition: opacity .4s ease-in .4s;
}
.sec#firstview *[data-load-anim="second"].is-load-anim {
  opacity: 1;
}
*/
.sec#firstview .conts.Media .audio-btn-list-item.is-active span {
  border: 1px solid #EED998;
  color: #EED998;
}
/*
.sec#news *[data-load-anim="first"] {
  opacity: 0;
  transition: opacity .2s ease-in;
}
.sec#news *[data-load-anim="first"].is-load-anim {
  opacity: 1;
}
*/
.sec#gameinfo .sec-ttl[data-elem="animElem"] {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
.sec#gameinfo .sec-ttl[data-elem="animElem"].is-anim {
  opacity: 1;
}
.sec#gameinfo .conts.Sitenav[data-elem="animElem"] .sec-ttl {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
.sec#gameinfo .conts.Sitenav[data-elem="animElem"].is-anim .sec-ttl {
  opacity: 1;
}
.sec#gameinfo .conts.About[data-elem="animElem"] {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
.sec#gameinfo .conts.About[data-elem="animElem"].is-anim {
  opacity: 1;
}
.sec#gameinfo .site-nav-list-item[data-elem="animElem"] {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
.sec#gameinfo .site-nav-list-item[data-elem="animElem"].is-anim {
  opacity: 1;
}
.sec#gameinfo .conts.topics[data-elem="animElem"] {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
.sec#gameinfo .conts.topics[data-elem="animElem"].is-anim {
  opacity: 1;
}

/************************************
  モーダル
************************************/
.mfp-mask .swiper-container,
.mfp-mask .mfp-inner,
.mfp-mask .mfp-close,
.mfp-mask .mfp-iframe-scaler {
  opacity: 0;
  transition: opacity .5s ease-in .4s;
}

.is-modal .sec#firstview .mv-bg {
  transition: transform .5s ease-out;
  transform: translateZ(-300px) scale3d(1, 1, 1);
}

.is-modal-effect .modal-bg {
  -webkit-animation: mvMask 0.8s steps(16) forwards;
}

.is-modal-effect .swiper-container,
.is-modal-effect .mfp-inner,
.is-modal-effect .mfp-close,
.is-modal-effect .mfp-iframe-scaler {
  opacity: 1;
}

/************************************
  hack
************************************/
.ua-ie .sec#firstview .conts.Detail .topics-traial .topics-text span {
  background: transparent;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8), 1px -1px 1px rgba(0,0,0,.8), -1px 1px 1px rgba(0,0,0,.8), -1px -1px 1px rgba(0,0,0,.8);
}
.ua-ie .sec#firstview .conts.Detail .topics-traial .topics-text small {
  background: transparent;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8), 1px -1px 1px rgba(0,0,0,.8), -1px 1px 1px rgba(0,0,0,.8), -1px -1px 1px rgba(0,0,0,.8);
}
/************************************
  初回アクセスmodal用
************************************/
.modal-handler {
  display: none;
  position: absolute;
  z-index: -1;
}

/************************************
  重要なお知らせ
************************************/
.important-on .important {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8vw;
}
@media only screen and (max-width: 768px) {
	.important-on .important {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}
}
@media only screen and (min-width: 769px) {
	.important-on .important {
		width: 53%;
		margin-bottom: 4vw;
	}
}

.important .enclose-box {
  border: 4px solid rgba(0, 15, 44, 0.9);
  overflow: hidden;
  position: relative;
  z-index: 1;
	text-align: left;
}

.important .enclose-box-inner {
  background: rgba(0, 15, 44, 0.9);
  margin: 2px;
  padding: 4vw;
}
@media only screen and (min-width: 769px) {
  .important .enclose-box-inner {
    padding: 1.5vw 2vw;
  }
}

.important .enclose-box-inner .ttl {
	color: #f9eb93;
	font-weight: 500;
	margin-bottom: 1.5vw;
}
@media only screen and (min-width: 769px) {
	.important .enclose-box-inner .ttl {
		font-size: 1.1vw;
		margin-bottom: 0.5vw;
	}
}

.important .enclose-box-inner .text {
	text-indent: -4vw;
	margin-left: 4vw;
}
.important .enclose-box-inner .text + .text {
	margin-top: 1vw;
}
@media only screen and (min-width: 769px) {
	.important .enclose-box-inner .text {
		font-size: 1.16vw;
		text-indent: -1.4em;
		margin-left: 1.4em;
	}
	.important .enclose-box-inner .text + .text {
		margin-top: 0.5vw;
	}
}

.important .enclose-box-inner .text a {
	position: relative;
	color: #fff;
	transition: color .5s ease;
}
.important .enclose-box-inner .text a::before {
  background: url(../images/common/arrow_ic-r-w.png) center no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.2vw;
  width: 4vw;
}
@media only screen and (min-width: 769px) {
	.important .enclose-box-inner .text a::before {
    height: 1em;
    width: 1.4em;
		transition: background .5s ease;
  }
}

@media only screen and (min-width: 769px) {
	.important .enclose-box-inner .text a:hover {
		color: #eed998;
	}
	.important .enclose-box-inner .text a:hover::before {
		background: url(../images/common/arrow_ic-r-y.png) center no-repeat;
    background-size: contain;
	}
}

.important .enclose-box-inner .date {
	display: inline-block;
	color: #999;
	font-size: 80%;
	margin-left: 2.5em;
}

/************************************
  タイトルアップデートバナー
************************************/
@media only screen and (max-width: 768px) {
	.tu-bnr {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8vw;
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}
}
@media only screen and (min-width: 769px) {
	.tu-bnr {
		width: 23.5%;
		position: absolute;
		left: 4vw;
		bottom: 20vw;
	}
}

.ic-up.ic-up-tu-bnr::before,
.ic-up.ic-up-tu-bnr::after {
	left: 0;
	top: -5vw;
}
@media only screen and (min-width: 769px) {
	.ic-up.ic-up-tu-bnr::before,
	.ic-up.ic-up-tu-bnr::after {
		top: -2vw;
	}
}

/************************************
  狩猟入門バナー
************************************/
@media only screen and (max-width: 768px) {
	.beginner-bnr {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8vw;
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}
}
@media only screen and (min-width: 769px) {
	.beginner-bnr {
		width: 37.7%;
		margin: 0 auto 4vw;
	}
}

.ic-up.ic-up-beginner-bnr::before,
.ic-up.ic-up-beginner-bnr::after {
	left: 0;
	top: -5vw;
}
@media only screen and (min-width: 769px) {
	.ic-up.ic-up-beginner-bnr::before,
	.ic-up.ic-up-beginner-bnr::after {
		left: -2vw;
		top: 0;
	}
}